AAAA
This commit is contained in:
ilya
commit
a756a40572
27 changed files with 1152 additions and 0 deletions
18
.eslintrc.cjs
Normal file
18
.eslintrc.cjs
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
module.exports = {
|
||||
root: true,
|
||||
env: { browser: true, es2020: true },
|
||||
extends: [
|
||||
'eslint:recommended',
|
||||
'plugin:@typescript-eslint/recommended',
|
||||
'plugin:react-hooks/recommended',
|
||||
],
|
||||
ignorePatterns: ['dist', '.eslintrc.cjs'],
|
||||
parser: '@typescript-eslint/parser',
|
||||
plugins: ['react-refresh'],
|
||||
rules: {
|
||||
'react-refresh/only-export-components': [
|
||||
'warn',
|
||||
{ allowConstantExport: true },
|
||||
],
|
||||
},
|
||||
}
|
||||
24
.gitignore
vendored
Normal file
24
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
lerna-debug.log*
|
||||
|
||||
node_modules
|
||||
dist
|
||||
dist-ssr
|
||||
*.local
|
||||
|
||||
# Editor directories and files
|
||||
.vscode/*
|
||||
!.vscode/extensions.json
|
||||
.idea
|
||||
.DS_Store
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
2
.prettierrc.yml
Normal file
2
.prettierrc.yml
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
semi: false
|
||||
singleQuote: true
|
||||
30
README.md
Normal file
30
README.md
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
# React + TypeScript + Vite
|
||||
|
||||
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
|
||||
|
||||
Currently, two official plugins are available:
|
||||
|
||||
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
|
||||
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
|
||||
|
||||
## Expanding the ESLint configuration
|
||||
|
||||
If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
|
||||
|
||||
- Configure the top-level `parserOptions` property like this:
|
||||
|
||||
```js
|
||||
export default {
|
||||
// other rules...
|
||||
parserOptions: {
|
||||
ecmaVersion: 'latest',
|
||||
sourceType: 'module',
|
||||
project: ['./tsconfig.json', './tsconfig.node.json'],
|
||||
tsconfigRootDir: __dirname,
|
||||
},
|
||||
}
|
||||
```
|
||||
|
||||
- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
|
||||
- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
|
||||
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
|
||||
BIN
bun.lockb
Normal file
BIN
bun.lockb
Normal file
Binary file not shown.
17
components.json
Normal file
17
components.json
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
{
|
||||
"$schema": "https://ui.shadcn.com/schema.json",
|
||||
"style": "default",
|
||||
"rsc": false,
|
||||
"tsx": true,
|
||||
"tailwind": {
|
||||
"config": "tailwind.config.ts",
|
||||
"css": "src/index.css",
|
||||
"baseColor": "slate",
|
||||
"cssVariables": true,
|
||||
"prefix": ""
|
||||
},
|
||||
"aliases": {
|
||||
"components": "@/components",
|
||||
"utils": "@/lib/utils"
|
||||
}
|
||||
}
|
||||
13
index.html
Normal file
13
index.html
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>1000 руб за мои страдания</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<script type="module" src="/src/main.tsx"></script>
|
||||
</body>
|
||||
</html>
|
||||
40
package.json
Normal file
40
package.json
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
{
|
||||
"name": "darts",
|
||||
"private": true,
|
||||
"version": "0.0.0",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "bunx --bun vite",
|
||||
"build": "tsc -b && bunx --bun vite build",
|
||||
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
|
||||
"preview": "bunx --bun vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"@radix-ui/react-label": "^2.1.0",
|
||||
"@radix-ui/react-slot": "^1.1.0",
|
||||
"class-variance-authority": "^0.7.0",
|
||||
"clsx": "^2.1.1",
|
||||
"immer": "^10.1.1",
|
||||
"lucide-react": "^0.396.0",
|
||||
"react": "^18.3.1",
|
||||
"react-dom": "^18.3.1",
|
||||
"tailwind-merge": "^2.3.0",
|
||||
"tailwindcss-animate": "^1.0.7",
|
||||
"zustand": "^4.5.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.3.3",
|
||||
"@types/react-dom": "^18.3.0",
|
||||
"@typescript-eslint/eslint-plugin": "^7.13.1",
|
||||
"@typescript-eslint/parser": "^7.13.1",
|
||||
"@vitejs/plugin-react-swc": "^3.5.0",
|
||||
"autoprefixer": "^10.4.19",
|
||||
"eslint": "^8.57.0",
|
||||
"eslint-plugin-react-hooks": "^4.6.2",
|
||||
"eslint-plugin-react-refresh": "^0.4.7",
|
||||
"postcss": "^8.4.38",
|
||||
"tailwindcss": "^3.4.4",
|
||||
"typescript": "^5.2.2",
|
||||
"vite": "^5.3.1"
|
||||
}
|
||||
}
|
||||
6
postcss.config.js
Normal file
6
postcss.config.js
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
export default {
|
||||
plugins: {
|
||||
tailwindcss: {},
|
||||
autoprefixer: {},
|
||||
},
|
||||
}
|
||||
1
public/vite.svg
Normal file
1
public/vite.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
3
src/App.css
Normal file
3
src/App.css
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
html, body, #root {
|
||||
@apply h-full w-full;
|
||||
}
|
||||
87
src/App.tsx
Normal file
87
src/App.tsx
Normal file
|
|
@ -0,0 +1,87 @@
|
|||
import { create } from 'zustand'
|
||||
import './App.css'
|
||||
import { produce } from 'immer'
|
||||
import doska from './assets/doska.svg'
|
||||
import { useState } from 'react'
|
||||
import { Button } from './components/ui/button'
|
||||
import { Input } from './components/ui/input'
|
||||
import { Label } from './components/ui/label'
|
||||
|
||||
interface Player {
|
||||
points: number
|
||||
throws: number
|
||||
}
|
||||
|
||||
interface Game {
|
||||
players: Player[]
|
||||
currentPlayerIdx: number
|
||||
round: number
|
||||
|
||||
started: boolean
|
||||
startedAt: number
|
||||
|
||||
start(nplayers: number): void
|
||||
}
|
||||
|
||||
const useGame = create<Game>((set) => ({
|
||||
players: [],
|
||||
currentPlayerIdx: -1,
|
||||
round: 0,
|
||||
started: false,
|
||||
startedAt: -1,
|
||||
start(nplayers) {
|
||||
set(state => produce(state, state => {
|
||||
state.players = Array.from({ length: nplayers }, () => ({
|
||||
points: 0,
|
||||
throws: 0
|
||||
}))
|
||||
state.currentPlayerIdx = 0
|
||||
}))
|
||||
}
|
||||
}))
|
||||
|
||||
export default function App() {
|
||||
const [startedAt, started, round] = useGame(game => [game.startedAt, game.started, game.round])
|
||||
|
||||
return (
|
||||
<div className='flex flex-col h-full w-full'>
|
||||
{/* Верхняя часть: доска */}
|
||||
<div className='flex flex-col h-full justify-start items-center'>
|
||||
<div className="flex flex-row justify-between items-center w-full">
|
||||
<div className="flex flex-row justify-start">
|
||||
<Label htmlFor="round">Раунд</Label>
|
||||
<p id="round">{started ? `#${round}` : "Игра не начата"}</p></div>
|
||||
<p>{started ? new Date(Date.now() - startedAt).toLocaleTimeString() : ""}</p>
|
||||
</div>
|
||||
|
||||
<Board />
|
||||
</div>
|
||||
{/* Нижняя часть: управление игрой */}
|
||||
<Control />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
function Board() {
|
||||
const [points, setPoints] = useState(0)
|
||||
|
||||
return (
|
||||
<img src={doska} onMouseMove={e => {}} />
|
||||
)
|
||||
}
|
||||
|
||||
function Control() {
|
||||
const [started, round, start, players] = useGame(game => [game.started, game.round, game.start, game.players])
|
||||
const [nplayers, setNplayers] = useState(2)
|
||||
|
||||
return (
|
||||
<div className='flex flex-col h-full justify-start gap-2'>
|
||||
<Label htmlFor="nplayers">Количество игроков</Label>
|
||||
<Input id="nplayers" onChange={ev => setNplayers(parseInt(ev.target.value))} type="number" value={nplayers} disabled={started} />
|
||||
|
||||
<Button onClick={() => start(nplayers)} disabled={started}>
|
||||
{"Начать игру"}
|
||||
</Button>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
444
src/assets/doska.svg
Normal file
444
src/assets/doska.svg
Normal file
|
|
@ -0,0 +1,444 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
version="1.0"
|
||||
width="453"
|
||||
height="453"
|
||||
id="svg5532"
|
||||
sodipodi:docname="dartboard.svg"
|
||||
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview1060"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#ffffff"
|
||||
borderopacity="1"
|
||||
inkscape:pageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="1"
|
||||
showgrid="false"
|
||||
inkscape:zoom="1.8122538"
|
||||
inkscape:cx="350.39242"
|
||||
inkscape:cy="147.60626"
|
||||
inkscape:window-width="3440"
|
||||
inkscape:window-height="1376"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="27"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg5532" />
|
||||
<defs
|
||||
id="defs5534">
|
||||
<marker
|
||||
refX="0"
|
||||
refY="0"
|
||||
orient="auto"
|
||||
id="Arrow2Send"
|
||||
style="overflow:visible">
|
||||
<path
|
||||
d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.97309,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z"
|
||||
transform="matrix(-0.3,0,0,-0.3,1.5,0)"
|
||||
id="path9898"
|
||||
style="font-size:12px;fill:#62adff;fill-opacity:1;fill-rule:evenodd;stroke-width:0.625;stroke-linejoin:round" />
|
||||
</marker>
|
||||
</defs>
|
||||
<g
|
||||
transform="translate(-9.31263,-200.1479)"
|
||||
id="layer1">
|
||||
<g
|
||||
transform="translate(235.81263,426.6479)"
|
||||
id="Board">
|
||||
<g
|
||||
id="BaseBoard">
|
||||
<path
|
||||
d="M 226.5,0 A 226.5,226.5 0 1 1 -226.5,2.7737334e-14 A 226.5,226.5 0 1 1 226.5,-5.5474668e-14 z"
|
||||
id="path1307"
|
||||
style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1.10000002;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
|
||||
</g>
|
||||
<g
|
||||
id="Inside Spider"
|
||||
style="stroke:#d0edfd;stroke-width:1.10000002;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">
|
||||
<path
|
||||
d="M 170.55,0 A 170.55,170.55 0 1 1 -170.55,2.0885662e-14 A 170.55,170.55 0 1 1 170.55,-4.1771323e-14 z"
|
||||
id="DoubleRed"
|
||||
style="opacity:1;fill:#ff0000;fill-opacity:1;fill-rule:evenodd" />
|
||||
<path
|
||||
d="M 146.91298,0 A 146.91298,146.91298 0 1 1 -146.91298,0 146.91298,146.91298 0 1 1 146.91298,0 Z"
|
||||
id="path2195"
|
||||
style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:1.00096" />
|
||||
<path
|
||||
d="M 107.55,0 A 107.55,107.55 0 1 1 -107.55,1.3170642e-14 A 107.55,107.55 0 1 1 107.55,-2.6341283e-14 z"
|
||||
id="TrebleRed"
|
||||
style="opacity:1;fill:#ff0000;fill-opacity:1;fill-rule:evenodd" />
|
||||
<path
|
||||
d="M 85.734511,0 A 85.734511,85.734511 0 1 1 -85.734511,0 85.734511,85.734511 0 1 1 85.734511,0 Z"
|
||||
id="path2197"
|
||||
style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:0.957928" />
|
||||
<g
|
||||
id="GreenDoubleSpiders"
|
||||
style="opacity:1;fill:#00a000;fill-opacity:1;fill-rule:evenodd">
|
||||
<path
|
||||
d="M 170.55,0 A 170.55,170.55 0 0 1 162.20269,52.70285 L 0,0 z"
|
||||
transform="matrix(-0.45399,-0.891007,0.891007,-0.45399,0,0)"
|
||||
id="path4826"
|
||||
style="fill:#00a000;fill-opacity:1" />
|
||||
<path
|
||||
d="M 170.55,0 A 170.55,170.55 0 0 1 162.20269,52.70285 L 0,0 z"
|
||||
transform="matrix(-0.891006,-0.453991,0.453991,-0.891006,0,0)"
|
||||
id="path4830"
|
||||
style="fill:#00a000;fill-opacity:1" />
|
||||
<path
|
||||
d="M 170.55,0 A 170.55,170.55 0 0 1 162.20269,52.70285 L 0,0 z"
|
||||
transform="matrix(-0.987688,0.156434,-0.156434,-0.987688,0,0)"
|
||||
id="path4832"
|
||||
style="fill:#00a000;fill-opacity:1" />
|
||||
<path
|
||||
d="M 170.55,0 A 170.55,170.55 0 0 1 162.20269,52.70285 L 0,0 z"
|
||||
transform="matrix(-0.707107,0.707106,-0.707106,-0.707107,0,0)"
|
||||
id="path4834"
|
||||
style="fill:#00a000;fill-opacity:1" />
|
||||
<path
|
||||
d="M 170.55,0 A 170.55,170.55 0 0 1 162.20269,52.70285 L 0,0 z"
|
||||
transform="matrix(-0.156435,0.987688,-0.987688,-0.156435,0,0)"
|
||||
id="path4836"
|
||||
style="fill:#00a000;fill-opacity:1" />
|
||||
<path
|
||||
d="M 170.55,0 A 170.55,170.55 0 0 1 162.20269,52.70285 L 0,0 z"
|
||||
transform="matrix(0.45399,0.891007,-0.891007,0.45399,0,0)"
|
||||
id="path4838"
|
||||
style="fill:#00a000;fill-opacity:1" />
|
||||
<path
|
||||
d="M 170.55,0 A 170.55,170.55 0 0 1 162.20269,52.70285 L 0,0 z"
|
||||
transform="matrix(0.891006,0.453991,-0.453991,0.891006,0,0)"
|
||||
id="path4840"
|
||||
style="fill:#00a000;fill-opacity:1" />
|
||||
<path
|
||||
d="M 170.55,0 A 170.55,170.55 0 0 1 162.20269,52.70285 L 0,0 z"
|
||||
transform="matrix(0.987688,-0.156434,0.156434,0.987688,0,0)"
|
||||
id="path4842"
|
||||
style="fill:#00a000;fill-opacity:1" />
|
||||
<path
|
||||
d="M 170.55,0 A 170.55,170.55 0 0 1 162.20269,52.70285 L 0,0 z"
|
||||
transform="matrix(0.707107,-0.707106,0.707106,0.707107,0,0)"
|
||||
id="path4844"
|
||||
style="fill:#00a000;fill-opacity:1" />
|
||||
<path
|
||||
d="M 170.55,0 A 170.55,170.55 0 0 1 162.20269,52.70285 L 0,0 z"
|
||||
transform="matrix(0.156435,-0.987688,0.987688,0.156435,0,0)"
|
||||
id="path4846"
|
||||
style="fill:#00a000;fill-opacity:1" />
|
||||
</g>
|
||||
<g
|
||||
id="g4876"
|
||||
style="opacity:1;fill:#e7e4c7;fill-opacity:1;fill-rule:evenodd">
|
||||
<path
|
||||
d="m -66.614831,-130.81306 a 146.84024,146.84024 0 0 1 43.693212,-14.19675 L 0.04915736,0.02259513 Z"
|
||||
id="path4878"
|
||||
style="stroke-width:1.00046" />
|
||||
<path
|
||||
d="m -130.83239,-66.636197 a 146.87608,146.87608 0 0 1 27.0105,-37.176703 L 0.03510631,0.04423649 Z"
|
||||
id="path4880"
|
||||
style="stroke-width:1.0007" />
|
||||
<path
|
||||
d="m -145.08371,22.980164 a 146.90004,146.90004 3.5625082 0 1 2e-5,-45.960459 L 0.00775386,-5.8949186e-6 Z"
|
||||
id="path4882"
|
||||
style="stroke-width:1.00087" />
|
||||
<path
|
||||
d="M -103.71911,103.70974 A 146.731,146.731 84.345034 0 1 -130.70287,66.569709 L 0.03545567,-0.04467679 Z"
|
||||
id="path4884"
|
||||
style="stroke-width:0.999716" />
|
||||
<path
|
||||
d="M -22.935899,145.09705 A 146.92846,146.92846 3.5625082 0 1 -66.65534,130.89171 L 0.04886028,-0.02245864 Z"
|
||||
id="path4886"
|
||||
style="stroke-width:1.00106" />
|
||||
<path
|
||||
d="m 66.541322,130.66961 a 146.67951,146.67951 84.345034 0 1 -43.645387,14.1812 L -0.04969816,-0.02284371 Z"
|
||||
id="path4888"
|
||||
style="stroke-width:0.999365" />
|
||||
<path
|
||||
d="M 130.75061,66.594361 A 146.78454,146.78454 0 0 1 103.75694,103.7479 L -0.03532682,-0.04451434 Z"
|
||||
id="path4890"
|
||||
style="stroke-width:1.00008" />
|
||||
<path
|
||||
d="m 145.10415,-22.982174 a 146.91288,146.91288 0 0 1 -2e-5,45.964478 L 0,5.8734336e-6 Z"
|
||||
id="path4892"
|
||||
style="stroke-width:1.00095" />
|
||||
<path
|
||||
d="m 103.76307,-103.75374 a 146.79296,146.79296 0 0 1 26.99515,37.155715 L -0.03530643,0.04448874 Z"
|
||||
id="path4894"
|
||||
style="stroke-width:1.00014" />
|
||||
<path
|
||||
d="m 22.897236,-144.85771 a 146.68651,146.68651 0 0 1 43.647449,14.18195 L -0.04967436,0.02283283 Z"
|
||||
id="path4896"
|
||||
style="stroke-width:0.999413" />
|
||||
</g>
|
||||
<g
|
||||
id="GreenTrebleSpiders"
|
||||
style="opacity:1;fill:#00a000;fill-opacity:1;fill-rule:evenodd">
|
||||
<path
|
||||
d="M 107.55,0 A 107.55,107.55 0 0 1 102.28613,33.234779 L 0,0 z"
|
||||
transform="matrix(-0.45399,-0.891007,0.891007,-0.45399,0,0)"
|
||||
id="path4856" />
|
||||
<path
|
||||
d="M 107.55,0 A 107.55,107.55 0 0 1 102.28613,33.234779 L 0,0 z"
|
||||
transform="matrix(-0.891006,-0.453991,0.453991,-0.891006,0,0)"
|
||||
id="path4858" />
|
||||
<path
|
||||
d="M 107.55,0 A 107.55,107.55 0 0 1 102.28613,33.234779 L 0,0 z"
|
||||
transform="matrix(-0.987688,0.156434,-0.156434,-0.987688,0,0)"
|
||||
id="path4860" />
|
||||
<path
|
||||
d="M 107.55,0 A 107.55,107.55 0 0 1 102.28613,33.234779 L 0,0 z"
|
||||
transform="matrix(-0.707107,0.707106,-0.707106,-0.707107,0,0)"
|
||||
id="path4862" />
|
||||
<path
|
||||
d="M 107.55,0 A 107.55,107.55 0 0 1 102.28613,33.234779 L 0,0 z"
|
||||
transform="matrix(-0.156435,0.987688,-0.987688,-0.156435,0,0)"
|
||||
id="path4864" />
|
||||
<path
|
||||
d="M 107.55,0 A 107.55,107.55 0 0 1 102.28613,33.234779 L 0,0 z"
|
||||
transform="matrix(0.45399,0.891007,-0.891007,0.45399,0,0)"
|
||||
id="path4866" />
|
||||
<path
|
||||
d="M 107.55,0 A 107.55,107.55 0 0 1 102.28613,33.234779 L 0,0 z"
|
||||
transform="matrix(0.891006,0.453991,-0.453991,0.891006,0,0)"
|
||||
id="path4868" />
|
||||
<path
|
||||
d="M 107.55,0 A 107.55,107.55 0 0 1 102.28613,33.234779 L 0,0 z"
|
||||
transform="matrix(0.987688,-0.156434,0.156434,0.987688,0,0)"
|
||||
id="path4870" />
|
||||
<path
|
||||
d="M 107.55,0 A 107.55,107.55 0 0 1 102.28613,33.234779 L 0,0 z"
|
||||
id="path4872"
|
||||
transform="matrix(0.707107,-0.707106,0.707106,0.707107,0,0)" />
|
||||
<path
|
||||
d="M 107.55,0 A 107.55,107.55 0 0 1 102.28613,33.234779 L 0,0 z"
|
||||
transform="matrix(0.156435,-0.987688,0.987688,0.156435,0,0)"
|
||||
id="path4874" />
|
||||
</g>
|
||||
<g
|
||||
id="g5771"
|
||||
style="opacity:1;fill:#e7e4c7;fill-opacity:1;fill-rule:evenodd">
|
||||
<path
|
||||
d="m -38.833913,-76.321755 a 85.694189,85.694189 0 0 1 25.498829,-8.285053 L 0.07038427,0.03235206 Z"
|
||||
id="path5773"
|
||||
style="fill:#e7e4c7;fill-opacity:1;stroke-width:0.957477" />
|
||||
<path
|
||||
d="m -76.229063,-38.802647 a 85.610831,85.610831 82.981878 0 1 15.743825,-21.669485 L 0.05071872,0.06390925 Z"
|
||||
id="path5775"
|
||||
style="fill:#e7e4c7;fill-opacity:1;stroke-width:0.956546" />
|
||||
<path
|
||||
d="m -84.815746,13.435193 a 85.884098,85.884098 88.977296 0 1 1.1e-5,-26.870466 L 0.01098178,-5.1174552e-6 Z"
|
||||
id="path5777"
|
||||
style="fill:#e7e4c7;fill-opacity:1;stroke-width:0.959599" />
|
||||
<path
|
||||
d="M -60.542317,60.529123 A 85.690985,85.690985 0 0 1 -76.300853,38.839328 L 0.05040196,-0.06351024 Z"
|
||||
id="path5779"
|
||||
style="fill:#e7e4c7;fill-opacity:1;stroke-width:0.957441" />
|
||||
<path
|
||||
d="M -13.335505,84.608722 A 85.696138,85.696138 1.7881672 0 1 -38.834904,76.323448 L 0.07037326,-0.03234708 Z"
|
||||
id="path5781"
|
||||
style="fill:#e7e4c7;fill-opacity:1;stroke-width:0.957499" />
|
||||
<path
|
||||
d="M 38.823169,76.300864 A 85.670808,85.670808 0 0 1 13.331297,84.583656 L -0.07051328,-0.03241135 Z"
|
||||
id="path5783"
|
||||
style="fill:#e7e4c7;fill-opacity:1;stroke-width:0.957216" />
|
||||
<path
|
||||
d="M 76.275705,38.826567 A 85.662947,85.662947 28.154966 0 1 60.522296,60.509243 L -0.05051285,-0.06364984 Z"
|
||||
id="path5785"
|
||||
style="fill:#e7e4c7;fill-opacity:1;stroke-width:0.957128" />
|
||||
<path
|
||||
d="m 84.274967,-13.349618 a 85.337062,85.337062 0 0 1 -1.1e-5,26.699316 L -0.01145986,5.3402359e-6 Z"
|
||||
id="path5787"
|
||||
style="fill:#e7e4c7;fill-opacity:1;stroke-width:0.953487" />
|
||||
<path
|
||||
d="m 60.4633,-60.449992 a 85.579859,85.579859 22.5 0 1 15.738099,21.661667 L -0.05084094,0.06406339 Z"
|
||||
id="path5789"
|
||||
style="fill:#e7e4c7;fill-opacity:1;stroke-width:0.9562" />
|
||||
<path
|
||||
d="m 13.276586,-84.248473 a 85.332333,85.332333 0 0 1 25.391147,8.2501 L -0.07238066,0.03326978 Z"
|
||||
id="path5791"
|
||||
style="fill:#e7e4c7;fill-opacity:1;stroke-width:0.953434" />
|
||||
</g>
|
||||
<path
|
||||
d="M 16.450001,0 A 16.450001,16.450001 0 1 1 -16.450001,2.0144775e-15 A 16.450001,16.450001 0 1 1 16.450001,-4.0289551e-15 z"
|
||||
id="path5939"
|
||||
style="opacity:1;fill:#00a000;fill-opacity:1;fill-rule:evenodd" />
|
||||
<path
|
||||
d="M 6.9000001,0 A 6.9000001,6.9000001 0 1 1 -6.9000001,8.449784e-16 A 6.9000001,6.9000001 0 1 1 6.9000001,-1.6899568e-15 z"
|
||||
id="path5944"
|
||||
style="opacity:1;fill:#ff0000;fill-opacity:1;fill-rule:evenodd" />
|
||||
</g>
|
||||
<g
|
||||
id="BoardNumbers"
|
||||
style="font-size:28px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;font-family:Sans">
|
||||
<text
|
||||
x="-16.95171"
|
||||
y="-187.82498"
|
||||
id="text6007"
|
||||
xml:space="preserve"><tspan
|
||||
x="-16.95171"
|
||||
y="-187.82498"
|
||||
id="tspan6009">20</tspan></text>
|
||||
<text
|
||||
x="51.872234"
|
||||
y="-180.36624"
|
||||
id="text6895"
|
||||
xml:space="preserve"><tspan
|
||||
x="51.872234"
|
||||
y="-180.36624"
|
||||
id="tspan6897">1</tspan></text>
|
||||
<text
|
||||
x="100.0151"
|
||||
y="-150.53122"
|
||||
id="text6903"
|
||||
xml:space="preserve"><tspan
|
||||
x="100.0151"
|
||||
y="-150.53122"
|
||||
id="tspan6907">18</tspan></text>
|
||||
<text
|
||||
x="153.24347"
|
||||
y="-103.74449"
|
||||
id="text6911"
|
||||
xml:space="preserve"><tspan
|
||||
x="153.24347"
|
||||
y="-103.74449"
|
||||
id="tspan6913">4</tspan></text>
|
||||
<text
|
||||
x="173.92455"
|
||||
y="-45.769642"
|
||||
id="text6915"
|
||||
xml:space="preserve"><tspan
|
||||
x="173.92455"
|
||||
y="-45.769642"
|
||||
id="tspan6917">13</tspan></text>
|
||||
<text
|
||||
x="187.14688"
|
||||
y="9.1538963"
|
||||
id="text6966"
|
||||
xml:space="preserve"><tspan
|
||||
x="187.14688"
|
||||
y="9.1538963"
|
||||
id="tspan6968">6</tspan><tspan
|
||||
x="187.14688"
|
||||
y="37.153896"
|
||||
id="tspan6970" /></text>
|
||||
<text
|
||||
x="171.5513"
|
||||
y="67.467781"
|
||||
id="text6923"
|
||||
xml:space="preserve"><tspan
|
||||
x="171.5513"
|
||||
y="67.467781"
|
||||
id="tspan6925">10</tspan></text>
|
||||
<text
|
||||
x="142.7334"
|
||||
y="127.13781"
|
||||
id="text6927"
|
||||
xml:space="preserve"><tspan
|
||||
x="142.7334"
|
||||
y="127.13781"
|
||||
id="tspan6929">15</tspan></text>
|
||||
<text
|
||||
x="106.11771"
|
||||
y="169.85611"
|
||||
id="text6931"
|
||||
xml:space="preserve"><tspan
|
||||
x="106.11771"
|
||||
y="169.85611"
|
||||
id="tspan6933">2</tspan></text>
|
||||
<text
|
||||
x="42.718311"
|
||||
y="196.63982"
|
||||
id="text6975"
|
||||
xml:space="preserve"><tspan
|
||||
x="42.718311"
|
||||
y="196.63982"
|
||||
id="tspan6977">17</tspan></text>
|
||||
<text
|
||||
x="-6.1026163"
|
||||
y="208.16699"
|
||||
id="text6979"
|
||||
xml:space="preserve"><tspan
|
||||
x="-6.1026163"
|
||||
y="208.16699"
|
||||
id="tspan6981">3</tspan></text>
|
||||
<text
|
||||
x="-74.248497"
|
||||
y="199.01306"
|
||||
id="text6983"
|
||||
xml:space="preserve"><tspan
|
||||
x="-74.248497"
|
||||
y="199.01306"
|
||||
id="tspan6985">19</tspan></text>
|
||||
<text
|
||||
x="-123.74748"
|
||||
y="173.24644"
|
||||
id="text6987"
|
||||
xml:space="preserve"><tspan
|
||||
x="-123.74748"
|
||||
y="173.24644"
|
||||
id="tspan6989">7</tspan></text>
|
||||
<text
|
||||
x="-174.94165"
|
||||
y="127.13781"
|
||||
id="text6991"
|
||||
xml:space="preserve"><tspan
|
||||
x="-174.94165"
|
||||
y="127.13781"
|
||||
id="tspan6993">16</tspan></text>
|
||||
<text
|
||||
x="-193.58855"
|
||||
y="72.892326"
|
||||
id="text6995"
|
||||
xml:space="preserve"><tspan
|
||||
x="-193.58855"
|
||||
y="72.892326"
|
||||
id="tspan6997">8</tspan></text>
|
||||
<text
|
||||
x="-214.60867"
|
||||
y="8.8148642"
|
||||
id="text7011"
|
||||
xml:space="preserve"><tspan
|
||||
x="-214.60867"
|
||||
y="8.8148642"
|
||||
id="tspan7013">11</tspan></text>
|
||||
<text
|
||||
x="-208.50606"
|
||||
y="-48.820953"
|
||||
id="text7015"
|
||||
xml:space="preserve"><tspan
|
||||
x="-208.50606"
|
||||
y="-48.820953"
|
||||
id="tspan7017">14</tspan></text>
|
||||
<text
|
||||
x="-165.10965"
|
||||
y="-109.50809"
|
||||
id="text7019"
|
||||
xml:space="preserve"><tspan
|
||||
x="-165.10965"
|
||||
y="-109.50809"
|
||||
id="tspan7021">9</tspan></text>
|
||||
<text
|
||||
x="-134.25755"
|
||||
y="-152.22639"
|
||||
id="text7023"
|
||||
xml:space="preserve"><tspan
|
||||
x="-134.25755"
|
||||
y="-152.22639"
|
||||
id="tspan7025">12</tspan></text>
|
||||
<text
|
||||
x="-67.467812"
|
||||
y="-178.67107"
|
||||
id="text7027"
|
||||
xml:space="preserve"><tspan
|
||||
x="-67.467812"
|
||||
y="-178.67107"
|
||||
id="tspan7029">5</tspan></text>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 18 KiB |
36
src/components/ui/badge.tsx
Normal file
36
src/components/ui/badge.tsx
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
import * as React from "react"
|
||||
import { cva, type VariantProps } from "class-variance-authority"
|
||||
|
||||
import { cn } from "@/lib/utils"
|
||||
|
||||
const badgeVariants = cva(
|
||||
"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
|
||||
{
|
||||
variants: {
|
||||
variant: {
|
||||
default:
|
||||
"border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
|
||||
secondary:
|
||||
"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
||||
destructive:
|
||||
"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
|
||||
outline: "text-foreground",
|
||||
},
|
||||
},
|
||||
defaultVariants: {
|
||||
variant: "default",
|
||||
},
|
||||
}
|
||||
)
|
||||
|
||||
export interface BadgeProps
|
||||
extends React.HTMLAttributes<HTMLDivElement>,
|
||||
VariantProps<typeof badgeVariants> {}
|
||||
|
||||
function Badge({ className, variant, ...props }: BadgeProps) {
|
||||
return (
|
||||
<div className={cn(badgeVariants({ variant }), className)} {...props} />
|
||||
)
|
||||
}
|
||||
|
||||
export { Badge, badgeVariants }
|
||||
56
src/components/ui/button.tsx
Normal file
56
src/components/ui/button.tsx
Normal file
|
|
@ -0,0 +1,56 @@
|
|||
import * as React from "react"
|
||||
import { Slot } from "@radix-ui/react-slot"
|
||||
import { cva, type VariantProps } from "class-variance-authority"
|
||||
|
||||
import { cn } from "@/lib/utils"
|
||||
|
||||
const buttonVariants = cva(
|
||||
"inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
|
||||
{
|
||||
variants: {
|
||||
variant: {
|
||||
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
||||
destructive:
|
||||
"bg-destructive text-destructive-foreground hover:bg-destructive/90",
|
||||
outline:
|
||||
"border border-input bg-background hover:bg-accent hover:text-accent-foreground",
|
||||
secondary:
|
||||
"bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
||||
ghost: "hover:bg-accent hover:text-accent-foreground",
|
||||
link: "text-primary underline-offset-4 hover:underline",
|
||||
},
|
||||
size: {
|
||||
default: "h-10 px-4 py-2",
|
||||
sm: "h-9 rounded-md px-3",
|
||||
lg: "h-11 rounded-md px-8",
|
||||
icon: "h-10 w-10",
|
||||
},
|
||||
},
|
||||
defaultVariants: {
|
||||
variant: "default",
|
||||
size: "default",
|
||||
},
|
||||
}
|
||||
)
|
||||
|
||||
export interface ButtonProps
|
||||
extends React.ButtonHTMLAttributes<HTMLButtonElement>,
|
||||
VariantProps<typeof buttonVariants> {
|
||||
asChild?: boolean
|
||||
}
|
||||
|
||||
const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
|
||||
({ className, variant, size, asChild = false, ...props }, ref) => {
|
||||
const Comp = asChild ? Slot : "button"
|
||||
return (
|
||||
<Comp
|
||||
className={cn(buttonVariants({ variant, size, className }))}
|
||||
ref={ref}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
)
|
||||
Button.displayName = "Button"
|
||||
|
||||
export { Button, buttonVariants }
|
||||
79
src/components/ui/card.tsx
Normal file
79
src/components/ui/card.tsx
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
import * as React from "react"
|
||||
|
||||
import { cn } from "@/lib/utils"
|
||||
|
||||
const Card = React.forwardRef<
|
||||
HTMLDivElement,
|
||||
React.HTMLAttributes<HTMLDivElement>
|
||||
>(({ className, ...props }, ref) => (
|
||||
<div
|
||||
ref={ref}
|
||||
className={cn(
|
||||
"rounded-lg border bg-card text-card-foreground shadow-sm",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
))
|
||||
Card.displayName = "Card"
|
||||
|
||||
const CardHeader = React.forwardRef<
|
||||
HTMLDivElement,
|
||||
React.HTMLAttributes<HTMLDivElement>
|
||||
>(({ className, ...props }, ref) => (
|
||||
<div
|
||||
ref={ref}
|
||||
className={cn("flex flex-col space-y-1.5 p-6", className)}
|
||||
{...props}
|
||||
/>
|
||||
))
|
||||
CardHeader.displayName = "CardHeader"
|
||||
|
||||
const CardTitle = React.forwardRef<
|
||||
HTMLParagraphElement,
|
||||
React.HTMLAttributes<HTMLHeadingElement>
|
||||
>(({ className, ...props }, ref) => (
|
||||
<h3
|
||||
ref={ref}
|
||||
className={cn(
|
||||
"text-2xl font-semibold leading-none tracking-tight",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
))
|
||||
CardTitle.displayName = "CardTitle"
|
||||
|
||||
const CardDescription = React.forwardRef<
|
||||
HTMLParagraphElement,
|
||||
React.HTMLAttributes<HTMLParagraphElement>
|
||||
>(({ className, ...props }, ref) => (
|
||||
<p
|
||||
ref={ref}
|
||||
className={cn("text-sm text-muted-foreground", className)}
|
||||
{...props}
|
||||
/>
|
||||
))
|
||||
CardDescription.displayName = "CardDescription"
|
||||
|
||||
const CardContent = React.forwardRef<
|
||||
HTMLDivElement,
|
||||
React.HTMLAttributes<HTMLDivElement>
|
||||
>(({ className, ...props }, ref) => (
|
||||
<div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
|
||||
))
|
||||
CardContent.displayName = "CardContent"
|
||||
|
||||
const CardFooter = React.forwardRef<
|
||||
HTMLDivElement,
|
||||
React.HTMLAttributes<HTMLDivElement>
|
||||
>(({ className, ...props }, ref) => (
|
||||
<div
|
||||
ref={ref}
|
||||
className={cn("flex items-center p-6 pt-0", className)}
|
||||
{...props}
|
||||
/>
|
||||
))
|
||||
CardFooter.displayName = "CardFooter"
|
||||
|
||||
export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
|
||||
25
src/components/ui/input.tsx
Normal file
25
src/components/ui/input.tsx
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
import * as React from "react"
|
||||
|
||||
import { cn } from "@/lib/utils"
|
||||
|
||||
export interface InputProps
|
||||
extends React.InputHTMLAttributes<HTMLInputElement> {}
|
||||
|
||||
const Input = React.forwardRef<HTMLInputElement, InputProps>(
|
||||
({ className, type, ...props }, ref) => {
|
||||
return (
|
||||
<input
|
||||
type={type}
|
||||
className={cn(
|
||||
"flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
|
||||
className
|
||||
)}
|
||||
ref={ref}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
)
|
||||
Input.displayName = "Input"
|
||||
|
||||
export { Input }
|
||||
24
src/components/ui/label.tsx
Normal file
24
src/components/ui/label.tsx
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
import * as React from "react"
|
||||
import * as LabelPrimitive from "@radix-ui/react-label"
|
||||
import { cva, type VariantProps } from "class-variance-authority"
|
||||
|
||||
import { cn } from "@/lib/utils"
|
||||
|
||||
const labelVariants = cva(
|
||||
"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
|
||||
)
|
||||
|
||||
const Label = React.forwardRef<
|
||||
React.ElementRef<typeof LabelPrimitive.Root>,
|
||||
React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
|
||||
VariantProps<typeof labelVariants>
|
||||
>(({ className, ...props }, ref) => (
|
||||
<LabelPrimitive.Root
|
||||
ref={ref}
|
||||
className={cn(labelVariants(), className)}
|
||||
{...props}
|
||||
/>
|
||||
))
|
||||
Label.displayName = LabelPrimitive.Root.displayName
|
||||
|
||||
export { Label }
|
||||
76
src/index.css
Normal file
76
src/index.css
Normal file
|
|
@ -0,0 +1,76 @@
|
|||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
@layer base {
|
||||
:root {
|
||||
--background: 0 0% 100%;
|
||||
--foreground: 222.2 84% 4.9%;
|
||||
|
||||
--card: 0 0% 100%;
|
||||
--card-foreground: 222.2 84% 4.9%;
|
||||
|
||||
--popover: 0 0% 100%;
|
||||
--popover-foreground: 222.2 84% 4.9%;
|
||||
|
||||
--primary: 222.2 47.4% 11.2%;
|
||||
--primary-foreground: 210 40% 98%;
|
||||
|
||||
--secondary: 210 40% 96.1%;
|
||||
--secondary-foreground: 222.2 47.4% 11.2%;
|
||||
|
||||
--muted: 210 40% 96.1%;
|
||||
--muted-foreground: 215.4 16.3% 46.9%;
|
||||
|
||||
--accent: 210 40% 96.1%;
|
||||
--accent-foreground: 222.2 47.4% 11.2%;
|
||||
|
||||
--destructive: 0 84.2% 60.2%;
|
||||
--destructive-foreground: 210 40% 98%;
|
||||
|
||||
--border: 214.3 31.8% 91.4%;
|
||||
--input: 214.3 31.8% 91.4%;
|
||||
--ring: 222.2 84% 4.9%;
|
||||
|
||||
--radius: 0.5rem;
|
||||
}
|
||||
|
||||
.dark {
|
||||
--background: 222.2 84% 4.9%;
|
||||
--foreground: 210 40% 98%;
|
||||
|
||||
--card: 222.2 84% 4.9%;
|
||||
--card-foreground: 210 40% 98%;
|
||||
|
||||
--popover: 222.2 84% 4.9%;
|
||||
--popover-foreground: 210 40% 98%;
|
||||
|
||||
--primary: 210 40% 98%;
|
||||
--primary-foreground: 222.2 47.4% 11.2%;
|
||||
|
||||
--secondary: 217.2 32.6% 17.5%;
|
||||
--secondary-foreground: 210 40% 98%;
|
||||
|
||||
--muted: 217.2 32.6% 17.5%;
|
||||
--muted-foreground: 215 20.2% 65.1%;
|
||||
|
||||
--accent: 217.2 32.6% 17.5%;
|
||||
--accent-foreground: 210 40% 98%;
|
||||
|
||||
--destructive: 0 62.8% 30.6%;
|
||||
--destructive-foreground: 210 40% 98%;
|
||||
|
||||
--border: 217.2 32.6% 17.5%;
|
||||
--input: 217.2 32.6% 17.5%;
|
||||
--ring: 212.7 26.8% 83.9%;
|
||||
}
|
||||
}
|
||||
|
||||
@layer base {
|
||||
* {
|
||||
@apply border-border;
|
||||
}
|
||||
body {
|
||||
@apply bg-background text-foreground;
|
||||
}
|
||||
}
|
||||
6
src/lib/utils.ts
Normal file
6
src/lib/utils.ts
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
import { type ClassValue, clsx } from "clsx"
|
||||
import { twMerge } from "tailwind-merge"
|
||||
|
||||
export function cn(...inputs: ClassValue[]) {
|
||||
return twMerge(clsx(inputs))
|
||||
}
|
||||
10
src/main.tsx
Normal file
10
src/main.tsx
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
import React from 'react'
|
||||
import ReactDOM from 'react-dom/client'
|
||||
import App from './App.tsx'
|
||||
import './index.css'
|
||||
|
||||
ReactDOM.createRoot(document.getElementById('root')!).render(
|
||||
<React.StrictMode>
|
||||
<App />
|
||||
</React.StrictMode>,
|
||||
)
|
||||
1
src/vite-env.d.ts
vendored
Normal file
1
src/vite-env.d.ts
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
/// <reference types="vite/client" />
|
||||
80
tailwind.config.ts
Normal file
80
tailwind.config.ts
Normal file
|
|
@ -0,0 +1,80 @@
|
|||
import type { Config } from "tailwindcss"
|
||||
|
||||
const config = {
|
||||
darkMode: ["class"],
|
||||
content: [
|
||||
'./pages/**/*.{ts,tsx}',
|
||||
'./components/**/*.{ts,tsx}',
|
||||
'./app/**/*.{ts,tsx}',
|
||||
'./src/**/*.{ts,tsx}',
|
||||
],
|
||||
prefix: "",
|
||||
theme: {
|
||||
container: {
|
||||
center: true,
|
||||
padding: "2rem",
|
||||
screens: {
|
||||
"2xl": "1400px",
|
||||
},
|
||||
},
|
||||
extend: {
|
||||
colors: {
|
||||
border: "hsl(var(--border))",
|
||||
input: "hsl(var(--input))",
|
||||
ring: "hsl(var(--ring))",
|
||||
background: "hsl(var(--background))",
|
||||
foreground: "hsl(var(--foreground))",
|
||||
primary: {
|
||||
DEFAULT: "hsl(var(--primary))",
|
||||
foreground: "hsl(var(--primary-foreground))",
|
||||
},
|
||||
secondary: {
|
||||
DEFAULT: "hsl(var(--secondary))",
|
||||
foreground: "hsl(var(--secondary-foreground))",
|
||||
},
|
||||
destructive: {
|
||||
DEFAULT: "hsl(var(--destructive))",
|
||||
foreground: "hsl(var(--destructive-foreground))",
|
||||
},
|
||||
muted: {
|
||||
DEFAULT: "hsl(var(--muted))",
|
||||
foreground: "hsl(var(--muted-foreground))",
|
||||
},
|
||||
accent: {
|
||||
DEFAULT: "hsl(var(--accent))",
|
||||
foreground: "hsl(var(--accent-foreground))",
|
||||
},
|
||||
popover: {
|
||||
DEFAULT: "hsl(var(--popover))",
|
||||
foreground: "hsl(var(--popover-foreground))",
|
||||
},
|
||||
card: {
|
||||
DEFAULT: "hsl(var(--card))",
|
||||
foreground: "hsl(var(--card-foreground))",
|
||||
},
|
||||
},
|
||||
borderRadius: {
|
||||
lg: "var(--radius)",
|
||||
md: "calc(var(--radius) - 2px)",
|
||||
sm: "calc(var(--radius) - 4px)",
|
||||
},
|
||||
keyframes: {
|
||||
"accordion-down": {
|
||||
from: { height: "0" },
|
||||
to: { height: "var(--radix-accordion-content-height)" },
|
||||
},
|
||||
"accordion-up": {
|
||||
from: { height: "var(--radix-accordion-content-height)" },
|
||||
to: { height: "0" },
|
||||
},
|
||||
},
|
||||
animation: {
|
||||
"accordion-down": "accordion-down 0.2s ease-out",
|
||||
"accordion-up": "accordion-up 0.2s ease-out",
|
||||
},
|
||||
},
|
||||
},
|
||||
plugins: [require("tailwindcss-animate")],
|
||||
} satisfies Config
|
||||
|
||||
export default config
|
||||
27
tsconfig.app.json
Normal file
27
tsconfig.app.json
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
{
|
||||
"compilerOptions": {
|
||||
"composite": true,
|
||||
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
|
||||
"target": "ES2020",
|
||||
"useDefineForClassFields": true,
|
||||
"lib": ["ES2020", "DOM", "DOM.Iterable"],
|
||||
"module": "ESNext",
|
||||
"skipLibCheck": true,
|
||||
|
||||
/* Bundler mode */
|
||||
"moduleResolution": "bundler",
|
||||
"allowImportingTsExtensions": true,
|
||||
"resolveJsonModule": true,
|
||||
"isolatedModules": true,
|
||||
"moduleDetection": "force",
|
||||
"noEmit": true,
|
||||
"jsx": "react-jsx",
|
||||
|
||||
/* Linting */
|
||||
"strict": true,
|
||||
"noUnusedLocals": true,
|
||||
"noUnusedParameters": true,
|
||||
"noFallthroughCasesInSwitch": true
|
||||
},
|
||||
"include": ["src"]
|
||||
}
|
||||
19
tsconfig.json
Normal file
19
tsconfig.json
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
{
|
||||
"files": [],
|
||||
"compilerOptions": {
|
||||
"baseUrl": ".",
|
||||
"paths": {
|
||||
"@/*": [
|
||||
"./src/*"
|
||||
]
|
||||
},
|
||||
},
|
||||
"references": [
|
||||
{
|
||||
"path": "./tsconfig.app.json"
|
||||
},
|
||||
{
|
||||
"path": "./tsconfig.node.json"
|
||||
}
|
||||
]
|
||||
}
|
||||
13
tsconfig.node.json
Normal file
13
tsconfig.node.json
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
{
|
||||
"compilerOptions": {
|
||||
"composite": true,
|
||||
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
|
||||
"skipLibCheck": true,
|
||||
"module": "ESNext",
|
||||
"moduleResolution": "bundler",
|
||||
"allowSyntheticDefaultImports": true,
|
||||
"strict": true,
|
||||
"noEmit": true
|
||||
},
|
||||
"include": ["vite.config.ts"]
|
||||
}
|
||||
15
vite.config.ts
Normal file
15
vite.config.ts
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
import { defineConfig } from 'vite'
|
||||
import react from '@vitejs/plugin-react-swc'
|
||||
// @ts-ignore
|
||||
import path from 'path'
|
||||
|
||||
// https://vitejs.dev/config/
|
||||
export default defineConfig({
|
||||
plugins: [react()],
|
||||
resolve: {
|
||||
alias: {
|
||||
// @ts-ignore
|
||||
"@": path.resolve(__dirname, "./src"),
|
||||
},
|
||||
},
|
||||
})
|
||||
Loading…
Reference in a new issue