create-enchilada 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +16 -0
- package/dist/index.js +123 -0
- package/index.js +3 -0
- package/package.json +79 -0
- package/templates/node-express/.prettierrc.json +9 -0
- package/templates/node-express/.sequelizerc +6 -0
- package/templates/node-express/env-example +8 -0
- package/templates/node-express/eslint.config.mjs +15 -0
- package/templates/node-express/jest.config.js +13 -0
- package/templates/node-express/jest.config.unit.js +17 -0
- package/templates/node-express/package.json +47 -0
- package/templates/node-express/src/auth/index.js +1 -0
- package/templates/node-express/src/config/index.js +13 -0
- package/templates/node-express/src/db/index.js +16 -0
- package/templates/node-express/src/dtos/index.js +1 -0
- package/templates/node-express/src/index.js +24 -0
- package/templates/node-express/src/libs/sequelize.js +23 -0
- package/templates/node-express/src/middlewares/index.js +1 -0
- package/templates/node-express/src/routes/index.js +1 -0
- package/templates/node-express/src/services/index.js +1 -0
- package/templates/node-express/unit/fake.unit.test.js +5 -0
- package/templates/react/_gitignore +89 -0
- package/templates/react/index.html +13 -0
- package/templates/react/package.json +21 -0
- package/templates/react/src/App.css +3 -0
- package/templates/react/src/App.jsx +19 -0
- package/templates/react/src/index.css +57 -0
- package/templates/react/src/main.jsx +10 -0
- package/templates/react/vite.config.js +7 -0
- package/templates/react-dev/.babelrc +7 -0
- package/templates/react-dev/__tests__/App.test.jsx +9 -0
- package/templates/react-dev/_gitignore +89 -0
- package/templates/react-dev/eslint.config.js +27 -0
- package/templates/react-dev/index.html +13 -0
- package/templates/react-dev/jest.config.cjs +13 -0
- package/templates/react-dev/jest.setup.js +1 -0
- package/templates/react-dev/package.json +41 -0
- package/templates/react-dev/postcss.config.mjs +5 -0
- package/templates/react-dev/src/App.jsx +22 -0
- package/templates/react-dev/src/index.css +1 -0
- package/templates/react-dev/src/main.jsx +10 -0
- package/templates/react-dev/vite.config.js +7 -0
- package/templates/react-dev-typescript/.babelrc +11 -0
- package/templates/react-dev-typescript/__tests__/App.test.tsx +11 -0
- package/templates/react-dev-typescript/_gitignore +89 -0
- package/templates/react-dev-typescript/eslint.config.js +29 -0
- package/templates/react-dev-typescript/index.html +13 -0
- package/templates/react-dev-typescript/jest.config.cjs +13 -0
- package/templates/react-dev-typescript/jest.setup.js +1 -0
- package/templates/react-dev-typescript/package.json +44 -0
- package/templates/react-dev-typescript/postcss.config.mjs +5 -0
- package/templates/react-dev-typescript/src/App.tsx +21 -0
- package/templates/react-dev-typescript/src/index.css +1 -0
- package/templates/react-dev-typescript/src/main.tsx +10 -0
- package/templates/react-dev-typescript/src/vite-env.d.ts +1 -0
- package/templates/react-dev-typescript/tsconfig.app.json +27 -0
- package/templates/react-dev-typescript/tsconfig.json +11 -0
- package/templates/react-dev-typescript/tsconfig.node.json +13 -0
- package/templates/react-dev-typescript/vite.config.ts +7 -0
- package/templates/react-dev-webpack/.babelrc +7 -0
- package/templates/react-dev-webpack/__tests__/App.test.jsx +9 -0
- package/templates/react-dev-webpack/_gitignore +89 -0
- package/templates/react-dev-webpack/eslint.config.js +27 -0
- package/templates/react-dev-webpack/index.html +13 -0
- package/templates/react-dev-webpack/jest.config.cjs +13 -0
- package/templates/react-dev-webpack/jest.setup.js +1 -0
- package/templates/react-dev-webpack/package.json +45 -0
- package/templates/react-dev-webpack/postcss.config.mjs +5 -0
- package/templates/react-dev-webpack/src/App.jsx +22 -0
- package/templates/react-dev-webpack/src/index.css +1 -0
- package/templates/react-dev-webpack/src/main.jsx +10 -0
- package/templates/react-dev-webpack/webpack.config.cjs +43 -0
- package/templates/react-experimental/_gitignore +89 -0
- package/templates/react-experimental/farm.config.ts +5 -0
- package/templates/react-experimental/index.html +12 -0
- package/templates/react-experimental/oxlintrc.json +12 -0
- package/templates/react-experimental/package.json +28 -0
- package/templates/react-experimental/src/App.css +3 -0
- package/templates/react-experimental/src/App.jsx +20 -0
- package/templates/react-experimental/src/index.css +57 -0
- package/templates/react-experimental/src/main.jsx +10 -0
- package/templates/react-experimental/tsconfig.json +25 -0
- package/templates/react-experimental/tsconfig.node.json +11 -0
- package/templates/react-typescript/_gitignore +89 -0
- package/templates/react-typescript/eslint.config.js +26 -0
- package/templates/react-typescript/index.html +13 -0
- package/templates/react-typescript/package.json +29 -0
- package/templates/react-typescript/src/App.css +3 -0
- package/templates/react-typescript/src/App.tsx +18 -0
- package/templates/react-typescript/src/index.css +57 -0
- package/templates/react-typescript/src/main.tsx +10 -0
- package/templates/react-typescript/src/vite-env.d.ts +1 -0
- package/templates/react-typescript/tsconfig.app.json +27 -0
- package/templates/react-typescript/tsconfig.json +11 -0
- package/templates/react-typescript/tsconfig.node.json +13 -0
- package/templates/react-typescript/vite.config.ts +7 -0
- package/templates/react-webpack/.babelrc +6 -0
- package/templates/react-webpack/_gitignore +89 -0
- package/templates/react-webpack/index.html +13 -0
- package/templates/react-webpack/package.json +25 -0
- package/templates/react-webpack/src/App.css +3 -0
- package/templates/react-webpack/src/App.jsx +19 -0
- package/templates/react-webpack/src/index.css +57 -0
- package/templates/react-webpack/src/main.jsx +10 -0
- package/templates/react-webpack/webpack.config.js +43 -0
- package/templates/vanilla-js/_gitignore +89 -0
- package/templates/vanilla-js/index.html +17 -0
- package/templates/vanilla-js/index.js +11 -0
- package/templates/vanilla-js/package.json +14 -0
- package/templates/vanilla-js/style.css +60 -0
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
# compiled output
|
|
2
|
+
/dist
|
|
3
|
+
/tmp
|
|
4
|
+
/out-tsc
|
|
5
|
+
|
|
6
|
+
# Runtime data
|
|
7
|
+
pids
|
|
8
|
+
*.pid
|
|
9
|
+
*.seed
|
|
10
|
+
*.pid.lock
|
|
11
|
+
|
|
12
|
+
# Directory for instrumented libs generated by jscoverage/JSCover
|
|
13
|
+
lib-cov
|
|
14
|
+
|
|
15
|
+
# Coverage directory used by tools like istanbul
|
|
16
|
+
coverage
|
|
17
|
+
|
|
18
|
+
# nyc test coverage
|
|
19
|
+
.nyc_output
|
|
20
|
+
|
|
21
|
+
# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
|
|
22
|
+
.grunt
|
|
23
|
+
|
|
24
|
+
# Bower dependency directory (https://bower.io/)
|
|
25
|
+
bower_components
|
|
26
|
+
|
|
27
|
+
# node-waf configuration
|
|
28
|
+
.lock-wscript
|
|
29
|
+
|
|
30
|
+
# IDEs and editors
|
|
31
|
+
.idea
|
|
32
|
+
.project
|
|
33
|
+
.classpath
|
|
34
|
+
.c9/
|
|
35
|
+
*.launch
|
|
36
|
+
.settings/
|
|
37
|
+
*.sublime-workspace
|
|
38
|
+
|
|
39
|
+
# IDE - VSCode
|
|
40
|
+
.vscode/*
|
|
41
|
+
!.vscode/settings.json
|
|
42
|
+
!.vscode/tasks.json
|
|
43
|
+
!.vscode/launch.json
|
|
44
|
+
!.vscode/extensions.json
|
|
45
|
+
|
|
46
|
+
# misc
|
|
47
|
+
.sass-cache
|
|
48
|
+
connect.lock
|
|
49
|
+
typings
|
|
50
|
+
|
|
51
|
+
# Logs
|
|
52
|
+
logs
|
|
53
|
+
*.log
|
|
54
|
+
npm-debug.log*
|
|
55
|
+
yarn-debug.log*
|
|
56
|
+
yarn-error.log*
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
# Dependency directories
|
|
60
|
+
node_modules/
|
|
61
|
+
jspm_packages/
|
|
62
|
+
|
|
63
|
+
# Optional npm cache directory
|
|
64
|
+
.npm
|
|
65
|
+
|
|
66
|
+
# Optional eslint cache
|
|
67
|
+
.eslintcache
|
|
68
|
+
|
|
69
|
+
# Optional REPL history
|
|
70
|
+
.node_repl_history
|
|
71
|
+
|
|
72
|
+
# Output of 'npm pack'
|
|
73
|
+
*.tgz
|
|
74
|
+
|
|
75
|
+
# Yarn Integrity file
|
|
76
|
+
.yarn-integrity
|
|
77
|
+
|
|
78
|
+
# dotenv environment variables file
|
|
79
|
+
.env
|
|
80
|
+
|
|
81
|
+
# next.js build output
|
|
82
|
+
.next
|
|
83
|
+
|
|
84
|
+
# Lerna
|
|
85
|
+
lerna-debug.log
|
|
86
|
+
|
|
87
|
+
# System Files
|
|
88
|
+
.DS_Store
|
|
89
|
+
Thumbs.db
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<link rel="icon" type="image/svg+xml" href="#" />
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
|
+
</head>
|
|
8
|
+
<body>
|
|
9
|
+
<div id="root"></div>
|
|
10
|
+
<script type="module" src="/src/main.jsx"></script>
|
|
11
|
+
</body>
|
|
12
|
+
</html>
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "react-experimental",
|
|
3
|
+
"private": true,
|
|
4
|
+
"version": "0.0.0",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"dev": "farm start",
|
|
8
|
+
"start": "farm start",
|
|
9
|
+
"build": "farm build",
|
|
10
|
+
"preview": "farm preview",
|
|
11
|
+
"clean": "farm clean",
|
|
12
|
+
"lint": "oxlint -c oxlintrc.json ./src"
|
|
13
|
+
},
|
|
14
|
+
"dependencies": {
|
|
15
|
+
"react": "^19.1.0",
|
|
16
|
+
"react-dom": "^19.1.0"
|
|
17
|
+
},
|
|
18
|
+
"devDependencies": {
|
|
19
|
+
"@farmfe/cli": "^1.0.4",
|
|
20
|
+
"@farmfe/core": "^1.7.4",
|
|
21
|
+
"@farmfe/plugin-react": "^1.2.6",
|
|
22
|
+
"@types/react": "^19.1.2",
|
|
23
|
+
"@types/react-dom": "^19.1.3",
|
|
24
|
+
"core-js": "^3.42.0",
|
|
25
|
+
"oxlint": "^0.16.9",
|
|
26
|
+
"react-refresh": "^0.17.0"
|
|
27
|
+
}
|
|
28
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { useState } from 'react'
|
|
2
|
+
import './App.css'
|
|
3
|
+
|
|
4
|
+
function App() {
|
|
5
|
+
const [count, setCount] = useState(0)
|
|
6
|
+
|
|
7
|
+
return (
|
|
8
|
+
<>
|
|
9
|
+
<title>{`React ${count}`}</title>
|
|
10
|
+
<h1>React</h1>
|
|
11
|
+
<div className="card">
|
|
12
|
+
<button onClick={() => setCount((count) => count + 1)}>
|
|
13
|
+
count is {count}
|
|
14
|
+
</button>
|
|
15
|
+
</div>
|
|
16
|
+
</>
|
|
17
|
+
)
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export default App
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|
3
|
+
line-height: 1.5;
|
|
4
|
+
font-weight: 400;
|
|
5
|
+
|
|
6
|
+
color-scheme: light dark;
|
|
7
|
+
color: rgba(255, 255, 255, 0.87);
|
|
8
|
+
background-color: #242424;
|
|
9
|
+
|
|
10
|
+
font-synthesis: none;
|
|
11
|
+
text-rendering: optimizeLegibility;
|
|
12
|
+
-webkit-font-smoothing: antialiased;
|
|
13
|
+
-moz-osx-font-smoothing: grayscale;
|
|
14
|
+
}
|
|
15
|
+
body {
|
|
16
|
+
margin: 0;
|
|
17
|
+
display: flex;
|
|
18
|
+
justify-content: center;
|
|
19
|
+
place-items: center;
|
|
20
|
+
min-width: 320px;
|
|
21
|
+
min-height: 100vh;
|
|
22
|
+
}
|
|
23
|
+
h1 {
|
|
24
|
+
font-size: 3.2em;
|
|
25
|
+
line-height: 1.1;
|
|
26
|
+
text-align: center;
|
|
27
|
+
}
|
|
28
|
+
button {
|
|
29
|
+
border-radius: 8px;
|
|
30
|
+
border: 1px solid transparent;
|
|
31
|
+
padding: 0.6em 1.2em;
|
|
32
|
+
font-size: 1em;
|
|
33
|
+
font-weight: 500;
|
|
34
|
+
font-family: inherit;
|
|
35
|
+
background-color: #1a1a1a;
|
|
36
|
+
cursor: pointer;
|
|
37
|
+
transition: border-color 0.25s;
|
|
38
|
+
}
|
|
39
|
+
button:hover {
|
|
40
|
+
border-color: #646cff;
|
|
41
|
+
}
|
|
42
|
+
button:focus,
|
|
43
|
+
button:focus-visible {
|
|
44
|
+
outline: 4px auto -webkit-focus-ring-color;
|
|
45
|
+
}
|
|
46
|
+
@media (prefers-color-scheme: light) {
|
|
47
|
+
:root {
|
|
48
|
+
color: #213547;
|
|
49
|
+
background-color: #ffffff;
|
|
50
|
+
}
|
|
51
|
+
a:hover {
|
|
52
|
+
color: #747bff;
|
|
53
|
+
}
|
|
54
|
+
button {
|
|
55
|
+
background-color: #f9f9f9;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
{
|
|
2
|
+
"compilerOptions": {
|
|
3
|
+
"target": "ES2020",
|
|
4
|
+
"useDefineForClassFields": true,
|
|
5
|
+
"lib": ["ES2020", "DOM", "DOM.Iterable"],
|
|
6
|
+
"module": "ESNext",
|
|
7
|
+
"skipLibCheck": true,
|
|
8
|
+
|
|
9
|
+
/* Bundler mode */
|
|
10
|
+
"moduleResolution": "bundler",
|
|
11
|
+
"allowImportingTsExtensions": true,
|
|
12
|
+
"resolveJsonModule": true,
|
|
13
|
+
"isolatedModules": true,
|
|
14
|
+
"noEmit": true,
|
|
15
|
+
"jsx": "react-jsx",
|
|
16
|
+
|
|
17
|
+
/* Linting */
|
|
18
|
+
"strict": true,
|
|
19
|
+
"noUnusedLocals": true,
|
|
20
|
+
"noUnusedParameters": true,
|
|
21
|
+
"noFallthroughCasesInSwitch": true
|
|
22
|
+
},
|
|
23
|
+
"include": ["src"],
|
|
24
|
+
"references": [{ "path": "./tsconfig.node.json" }]
|
|
25
|
+
}
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
# compiled output
|
|
2
|
+
/dist
|
|
3
|
+
/tmp
|
|
4
|
+
/out-tsc
|
|
5
|
+
|
|
6
|
+
# Runtime data
|
|
7
|
+
pids
|
|
8
|
+
*.pid
|
|
9
|
+
*.seed
|
|
10
|
+
*.pid.lock
|
|
11
|
+
|
|
12
|
+
# Directory for instrumented libs generated by jscoverage/JSCover
|
|
13
|
+
lib-cov
|
|
14
|
+
|
|
15
|
+
# Coverage directory used by tools like istanbul
|
|
16
|
+
coverage
|
|
17
|
+
|
|
18
|
+
# nyc test coverage
|
|
19
|
+
.nyc_output
|
|
20
|
+
|
|
21
|
+
# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
|
|
22
|
+
.grunt
|
|
23
|
+
|
|
24
|
+
# Bower dependency directory (https://bower.io/)
|
|
25
|
+
bower_components
|
|
26
|
+
|
|
27
|
+
# node-waf configuration
|
|
28
|
+
.lock-wscript
|
|
29
|
+
|
|
30
|
+
# IDEs and editors
|
|
31
|
+
.idea
|
|
32
|
+
.project
|
|
33
|
+
.classpath
|
|
34
|
+
.c9/
|
|
35
|
+
*.launch
|
|
36
|
+
.settings/
|
|
37
|
+
*.sublime-workspace
|
|
38
|
+
|
|
39
|
+
# IDE - VSCode
|
|
40
|
+
.vscode/*
|
|
41
|
+
!.vscode/settings.json
|
|
42
|
+
!.vscode/tasks.json
|
|
43
|
+
!.vscode/launch.json
|
|
44
|
+
!.vscode/extensions.json
|
|
45
|
+
|
|
46
|
+
# misc
|
|
47
|
+
.sass-cache
|
|
48
|
+
connect.lock
|
|
49
|
+
typings
|
|
50
|
+
|
|
51
|
+
# Logs
|
|
52
|
+
logs
|
|
53
|
+
*.log
|
|
54
|
+
npm-debug.log*
|
|
55
|
+
yarn-debug.log*
|
|
56
|
+
yarn-error.log*
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
# Dependency directories
|
|
60
|
+
node_modules/
|
|
61
|
+
jspm_packages/
|
|
62
|
+
|
|
63
|
+
# Optional npm cache directory
|
|
64
|
+
.npm
|
|
65
|
+
|
|
66
|
+
# Optional eslint cache
|
|
67
|
+
.eslintcache
|
|
68
|
+
|
|
69
|
+
# Optional REPL history
|
|
70
|
+
.node_repl_history
|
|
71
|
+
|
|
72
|
+
# Output of 'npm pack'
|
|
73
|
+
*.tgz
|
|
74
|
+
|
|
75
|
+
# Yarn Integrity file
|
|
76
|
+
.yarn-integrity
|
|
77
|
+
|
|
78
|
+
# dotenv environment variables file
|
|
79
|
+
.env
|
|
80
|
+
|
|
81
|
+
# next.js build output
|
|
82
|
+
.next
|
|
83
|
+
|
|
84
|
+
# Lerna
|
|
85
|
+
lerna-debug.log
|
|
86
|
+
|
|
87
|
+
# System Files
|
|
88
|
+
.DS_Store
|
|
89
|
+
Thumbs.db
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import js from "@eslint/js";
|
|
2
|
+
import globals from "globals";
|
|
3
|
+
import tseslint from "typescript-eslint";
|
|
4
|
+
import pluginReact from "eslint-plugin-react";
|
|
5
|
+
import { defineConfig } from "eslint/config";
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
export default defineConfig([
|
|
9
|
+
{ files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"], plugins: { js }, extends: ["js/recommended"] },
|
|
10
|
+
{ files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"], languageOptions: { globals: globals.browser } },
|
|
11
|
+
tseslint.configs.recommended,
|
|
12
|
+
pluginReact.configs.flat.recommended,
|
|
13
|
+
{
|
|
14
|
+
rules: {
|
|
15
|
+
"react/react-in-jsx-scope": 0,
|
|
16
|
+
"react/jsx-uses-react": 0
|
|
17
|
+
},
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
settings: {
|
|
21
|
+
react: {
|
|
22
|
+
version: "detect",
|
|
23
|
+
},
|
|
24
|
+
},
|
|
25
|
+
},
|
|
26
|
+
]);
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8" />
|
|
5
|
+
<link rel="icon" type="image/svg+xml" href="#" />
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
7
|
+
<title>React TypeScript</title>
|
|
8
|
+
</head>
|
|
9
|
+
<body>
|
|
10
|
+
<div id="root"></div>
|
|
11
|
+
<script type="module" src="/src/main.tsx"></script>
|
|
12
|
+
</body>
|
|
13
|
+
</html>
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "react-ts",
|
|
3
|
+
"private": true,
|
|
4
|
+
"version": "0.0.0",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"dev": "vite",
|
|
8
|
+
"build": "tsc -b && vite build",
|
|
9
|
+
"preview": "vite preview",
|
|
10
|
+
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
|
|
11
|
+
"typecheck": "tsc -b"
|
|
12
|
+
},
|
|
13
|
+
"dependencies": {
|
|
14
|
+
"react": "^19.1.0",
|
|
15
|
+
"react-dom": "^19.1.0"
|
|
16
|
+
},
|
|
17
|
+
"devDependencies": {
|
|
18
|
+
"@eslint/js": "^9.24.0",
|
|
19
|
+
"@types/react": "^19.1.2",
|
|
20
|
+
"@types/react-dom": "^19.1.2",
|
|
21
|
+
"@vitejs/plugin-react-oxc": "^0.2.2",
|
|
22
|
+
"eslint": "^9.24.0",
|
|
23
|
+
"eslint-plugin-react": "^7.37.5",
|
|
24
|
+
"globals": "^16.0.0",
|
|
25
|
+
"typescript": "^5.8.3",
|
|
26
|
+
"typescript-eslint": "^8.30.1",
|
|
27
|
+
"vite": "npm:rolldown-vite@latest"
|
|
28
|
+
}
|
|
29
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { useState } from 'react'
|
|
2
|
+
import './App.css'
|
|
3
|
+
|
|
4
|
+
function App() {
|
|
5
|
+
const [count, setCount] = useState(0)
|
|
6
|
+
return (
|
|
7
|
+
<>
|
|
8
|
+
<h1>React</h1>
|
|
9
|
+
<div className="card">
|
|
10
|
+
<button onClick={() => setCount((count) => count + 1)}>
|
|
11
|
+
count is {count}
|
|
12
|
+
</button>
|
|
13
|
+
</div>
|
|
14
|
+
</>
|
|
15
|
+
)
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export default App
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|
3
|
+
line-height: 1.5;
|
|
4
|
+
font-weight: 400;
|
|
5
|
+
|
|
6
|
+
color-scheme: light dark;
|
|
7
|
+
color: rgba(255, 255, 255, 0.87);
|
|
8
|
+
background-color: #242424;
|
|
9
|
+
|
|
10
|
+
font-synthesis: none;
|
|
11
|
+
text-rendering: optimizeLegibility;
|
|
12
|
+
-webkit-font-smoothing: antialiased;
|
|
13
|
+
-moz-osx-font-smoothing: grayscale;
|
|
14
|
+
}
|
|
15
|
+
body {
|
|
16
|
+
margin: 0;
|
|
17
|
+
display: flex;
|
|
18
|
+
justify-content: center;
|
|
19
|
+
place-items: center;
|
|
20
|
+
min-width: 320px;
|
|
21
|
+
min-height: 100vh;
|
|
22
|
+
}
|
|
23
|
+
h1 {
|
|
24
|
+
font-size: 3.2em;
|
|
25
|
+
line-height: 1.1;
|
|
26
|
+
text-align: center;
|
|
27
|
+
}
|
|
28
|
+
button {
|
|
29
|
+
border-radius: 8px;
|
|
30
|
+
border: 1px solid transparent;
|
|
31
|
+
padding: 0.6em 1.2em;
|
|
32
|
+
font-size: 1em;
|
|
33
|
+
font-weight: 500;
|
|
34
|
+
font-family: inherit;
|
|
35
|
+
background-color: #1a1a1a;
|
|
36
|
+
cursor: pointer;
|
|
37
|
+
transition: border-color 0.25s;
|
|
38
|
+
}
|
|
39
|
+
button:hover {
|
|
40
|
+
border-color: #646cff;
|
|
41
|
+
}
|
|
42
|
+
button:focus,
|
|
43
|
+
button:focus-visible {
|
|
44
|
+
outline: 4px auto -webkit-focus-ring-color;
|
|
45
|
+
}
|
|
46
|
+
@media (prefers-color-scheme: light) {
|
|
47
|
+
:root {
|
|
48
|
+
color: #213547;
|
|
49
|
+
background-color: #ffffff;
|
|
50
|
+
}
|
|
51
|
+
a:hover {
|
|
52
|
+
color: #747bff;
|
|
53
|
+
}
|
|
54
|
+
button {
|
|
55
|
+
background-color: #f9f9f9;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/// <reference types="vite/client" />
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
{
|
|
2
|
+
"compilerOptions": {
|
|
3
|
+
"composite": true,
|
|
4
|
+
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
|
|
5
|
+
"target": "ES2020",
|
|
6
|
+
"useDefineForClassFields": true,
|
|
7
|
+
"lib": ["ES2020", "DOM", "DOM.Iterable"],
|
|
8
|
+
"module": "ESNext",
|
|
9
|
+
"skipLibCheck": true,
|
|
10
|
+
|
|
11
|
+
/* Bundler mode */
|
|
12
|
+
"moduleResolution": "bundler",
|
|
13
|
+
"allowImportingTsExtensions": true,
|
|
14
|
+
"resolveJsonModule": true,
|
|
15
|
+
"isolatedModules": true,
|
|
16
|
+
"moduleDetection": "force",
|
|
17
|
+
"noEmit": true,
|
|
18
|
+
"jsx": "react-jsx",
|
|
19
|
+
|
|
20
|
+
/* Linting */
|
|
21
|
+
"strict": true,
|
|
22
|
+
"noUnusedLocals": true,
|
|
23
|
+
"noUnusedParameters": true,
|
|
24
|
+
"noFallthroughCasesInSwitch": true
|
|
25
|
+
},
|
|
26
|
+
"include": ["src"]
|
|
27
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
{
|
|
2
|
+
"compilerOptions": {
|
|
3
|
+
"composite": true,
|
|
4
|
+
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
|
|
5
|
+
"skipLibCheck": true,
|
|
6
|
+
"module": "ESNext",
|
|
7
|
+
"moduleResolution": "bundler",
|
|
8
|
+
"allowSyntheticDefaultImports": true,
|
|
9
|
+
"strict": true,
|
|
10
|
+
"noEmit": true
|
|
11
|
+
},
|
|
12
|
+
"include": ["vite.config.ts"]
|
|
13
|
+
}
|