Skip to content

Commit 4656547

Browse files
k1nhak1nha
committed
template
0 parents  commit 4656547

21 files changed

+6084
-0
lines changed

‎.editorconfig

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
# EditorConfig is awesome: https://EditorConfig.org
2+
3+
# top-most EditorConfig file
4+
root = true
5+
6+
[*]
7+
indent_style = space
8+
indent_size = 2
9+
end_of_line = lf
10+
charset = utf-8
11+
trim_trailing_whitespace = false
12+
insert_final_newline = false

‎.eslintrc.json

+43
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
{
2+
"env": {
3+
"browser": true,
4+
"es2021": true,
5+
"jest": true,
6+
"node": true
7+
},
8+
"extends": [
9+
"eslint:recommended",
10+
"plugin:react/recommended",
11+
"plugin:@typescript-eslint/eslint-recommended",
12+
"plugin:@typescript-eslint/recommended",
13+
"plugin:prettier/recommended"
14+
],
15+
"parser": "@typescript-eslint/parser",
16+
"parserOptions": {
17+
"ecmaFeatures": {
18+
"jsx": true
19+
},
20+
"ecmaVersion": "latest",
21+
"sourceType": "module"
22+
},
23+
"plugins": [
24+
"react",
25+
"@typescript-eslint",
26+
"prettier",
27+
"react-hooks"
28+
],
29+
"rules": {
30+
"no-console": 1,
31+
"@typescript-eslint/no-explicit-any": "off",
32+
"@typescript-eslint/explicit-module-boundary-types": "off",
33+
"react/react-in-jsx-scope": "off"
34+
},
35+
"settings": {
36+
"react": {
37+
"version": "detect"
38+
},
39+
"import/resolver": {
40+
"typescript": {}
41+
}
42+
}
43+
}

‎.gitignore

+24
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# Logs
2+
logs
3+
*.log
4+
npm-debug.log*
5+
yarn-debug.log*
6+
yarn-error.log*
7+
pnpm-debug.log*
8+
lerna-debug.log*
9+
10+
node_modules
11+
dist
12+
dist-ssr
13+
*.local
14+
15+
# Editor directories and files
16+
.vscode/*
17+
!.vscode/extensions.json
18+
.idea
19+
.DS_Store
20+
*.suo
21+
*.ntvs*
22+
*.njsproj
23+
*.sln
24+
*.sw?

‎.prettierrc.json

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
{
2+
"arrowParens": "always",
3+
"semi": false,
4+
"singleQuote": true,
5+
"jsxSingleQuote": true,
6+
"plugins": ["prettier-plugin-tailwindcss"]
7+
}

‎README.md

+26
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
#
2+
3+
## DEPENDÊNCIAS
4+
5+
- [X] TinyColor
6+
- [ ] ShellJs
7+
8+
## Dúvidas
9+
10+
- Talvez seja burrice ter um pacote npm só pra setar cor, quem é o idiota que precisa disso, toda vez que rodar o projeto ele vai executar esse pacote (mt trabalhoso) [?]
11+
- Será que criar uma CLI que possa gerenciar o tema, algo parecido com a CLI do SHADCN, não parece melhor????
12+
- Vale a pena criar uma paleta com cores analogas? triades? [[Ver Aqui]](https://github.com/bgrins/TinyColor#color-combinations)
13+
- Um site com playground p ver o tema [?]
14+
- Caso for um site, vale a pena integrar com alguma IA?
15+
16+
## OQUE PRECISA SER FEITO
17+
18+
- [ ] Deve ser possível criar um tema a partir de uma só cor (100-900)
19+
- [ ] Deve verificar se a cor é escura para prover a cor de contraste (<https://stackoverflow.com/questions/12043187/how-to-check-if-hex-color-is-too-black>)
20+
- [ ] Deve ser possível criar um ThemeProvider.ts pelo comando npx
21+
- [ ] [Verificar se cor é escura demais](https://stackoverflow.com/questions/12043187/how-to-check-if-hex-color-is-too-black)
22+
23+
### Regras
24+
25+
- [ ] A cor fornecida pelo usuário deve ser a cor principal (500)
26+
- [ ]

‎index.html

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<!doctype html>
2+
<html lang="pt">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Vite + React + TS</title>
7+
</head>
8+
<body>
9+
<div id="root"></div>
10+
<script type="module" src="/src/main.tsx"></script>
11+
</body>
12+
</html>

0 commit comments

Comments
 (0)