create-enchilada 1.0.0 → 1.0.1

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.
Files changed (23) hide show
  1. package/README.md +52 -1
  2. package/dist/index.js +70 -70
  3. package/index.js +0 -1
  4. package/package.json +11 -13
  5. package/templates/node-express/package.json +1 -2
  6. package/templates/react/src/App.css +5 -2
  7. package/templates/react/src/App.jsx +4 -4
  8. package/templates/react/src/index.css +12 -17
  9. package/templates/react-dev/index.html +1 -1
  10. package/templates/react-dev/src/App.jsx +3 -3
  11. package/templates/react-dev-typescript/index.html +1 -1
  12. package/templates/react-dev-typescript/src/App.tsx +3 -3
  13. package/templates/react-dev-webpack/index.html +1 -1
  14. package/templates/react-dev-webpack/src/App.jsx +3 -3
  15. package/templates/react-typescript/src/App.css +5 -2
  16. package/templates/react-typescript/src/App.tsx +4 -4
  17. package/templates/react-typescript/src/index.css +12 -17
  18. package/templates/react-webpack/src/App.css +5 -2
  19. package/templates/react-webpack/src/App.jsx +4 -4
  20. package/templates/react-webpack/src/index.css +12 -17
  21. package/templates/vanilla-js/index.html +1 -1
  22. package/templates/vanilla-js/index.js +1 -1
  23. package/templates/vanilla-js/style.css +8 -18
package/index.js CHANGED
@@ -1,3 +1,2 @@
1
1
  #!/usr/bin/env node
2
- // eslint-disable-next-line
3
2
  import './dist/index.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "create-enchilada",
3
- "version": "1.0.0",
3
+ "version": "1.0.1",
4
4
  "type": "module",
5
5
  "description": "A quick way to start your web applications.",
6
6
  "main": "index.js",
@@ -55,21 +55,19 @@
55
55
  },
56
56
  "homepage": "https://github.com/Sharmaz/enchilada#readme",
57
57
  "devDependencies": {
58
- "@jest/globals": "^29.7.0",
59
- "@rollup/plugin-commonjs": "^26.0.1",
60
- "@rollup/plugin-node-resolve": "^15.2.3",
58
+ "@eslint/js": "^9.29.0",
59
+ "@jest/globals": "^30.0.2",
60
+ "@rollup/plugin-commonjs": "^28.0.6",
61
+ "@rollup/plugin-node-resolve": "^16.0.1",
61
62
  "cli-prompts-test": "^0.3.0",
62
- "eslint": "^8.57.0",
63
- "eslint-config-airbnb-base": "^15.0.0",
64
- "eslint-config-prettier": "^9.1.0",
65
- "eslint-plugin-react": "^7.34.2",
66
- "eslint-plugin-react-hooks": "^4.6.2",
67
- "eslint-plugin-react-refresh": "^0.4.7",
63
+ "eslint": "^9.29.0",
68
64
  "execa": "^9.2.0",
69
- "jest": "^29.7.0",
65
+ "globals": "^16.2.0",
66
+ "jest": "^30.0.2",
70
67
  "npm-run-all": "^4.1.5",
71
- "rollup": "^4.18.0",
72
- "rollup-plugin-esbuild": "^6.1.1"
68
+ "rimraf": "^6.0.1",
69
+ "rollup": "^4.44.0",
70
+ "rollup-plugin-esbuild": "^6.2.1"
73
71
  },
74
72
  "dependencies": {
75
73
  "chalk": "^5.3.0",
package/templates/node-express/package.json CHANGED
@@ -2,10 +2,9 @@
2
2
  "name": "node-express",
3
3
  "version": "1.0.0",
4
4
  "main": "index.js",
5
- "type": "module",
6
5
  "scripts": {
7
6
  "start": "node src/index.js",
8
- "start:dev": "nodemon src/index.js",
7
+ "dev": "nodemon src/index.js",
9
8
  "lint": "eslint .",
10
9
  "cov:clean": "rimraf .nyc_output && rimraf coverage",
11
10
  "cov:unit": "jest --forceExit --colors -c jest.config.unit.js",
package/templates/react/src/App.css CHANGED
@@ -1,3 +1,6 @@
1
- .card {
2
- padding: 2em;
1
+ .container {
2
+ display: flex;
3
+ flex-direction: column;
4
+ justify-content: center;
5
+ height: 100vh;
3
6
  }
package/templates/react/src/App.jsx CHANGED
@@ -5,14 +5,14 @@ function App() {
5
5
  const [count, setCount] = useState(0)
6
6
 
7
7
  return (
8
- <>
9
- <h1>React</h1>
8
+ <div className="container">
9
+ <img src="https://raw.githubusercontent.com/Sharmaz/enchilada/refs/heads/main/media/enchilada-js-logo.svg" width="250" alt="enchiladajs logo"/>
10
10
  <div className="card">
11
11
  <button onClick={() => setCount((count) => count + 1)}>
12
- count is {count}
12
+ Enchiladas {count}
13
13
  </button>
14
14
  </div>
15
- </>
15
+ </div>
16
16
  )
17
17
  }
18
18
 
package/templates/react/src/index.css CHANGED
@@ -1,11 +1,11 @@
1
1
  :root {
2
2
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
3
- line-height: 1.5;
3
+ line-height: 24px;
4
4
  font-weight: 400;
5
5
 
6
6
  color-scheme: light dark;
7
7
  color: rgba(255, 255, 255, 0.87);
8
- background-color: #242424;
8
+ background-color: #262626;
9
9
 
10
10
  font-synthesis: none;
11
11
  text-rendering: optimizeLegibility;
@@ -28,30 +28,25 @@ h1 {
28
28
  button {
29
29
  border-radius: 8px;
30
30
  border: 1px solid transparent;
31
- padding: 0.6em 1.2em;
31
+ padding: 8px 16px;
32
32
  font-size: 1em;
33
- font-weight: 500;
33
+ font-weight: 400;
34
34
  font-family: inherit;
35
- background-color: #1a1a1a;
35
+ background-color: #171717;
36
+ line-height: 24px;
36
37
  cursor: pointer;
37
38
  transition: border-color 0.25s;
39
+ width: 160px;
38
40
  }
39
41
  button:hover {
40
- border-color: #646cff;
42
+ border-color: #FF9811;
41
43
  }
42
44
  button:focus,
43
45
  button:focus-visible {
44
46
  outline: 4px auto -webkit-focus-ring-color;
45
47
  }
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
- }
48
+ .card {
49
+ display: flex;
50
+ justify-content: center;
51
+ padding: 2em;
57
52
  }
package/templates/react-dev/index.html CHANGED
@@ -4,7 +4,7 @@
4
4
  <meta charset="UTF-8" />
5
5
  <link rel="icon" type="image/svg+xml" href="#" />
6
6
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <title>React TailwindCSS ESlint React Testing Library</title>
7
+ <title>React Dev</title>
8
8
  </head>
9
9
  <body>
10
10
  <div id="root"></div>
package/templates/react-dev/src/App.jsx CHANGED
@@ -5,14 +5,14 @@ function App() {
5
5
 
6
6
  return (
7
7
  <div className="flex flex-col justify-center items-center h-screen bg-neutral-800">
8
- <h1 className="text-5xl text-blue-400 text-center">React</h1>
8
+ <img src="https://raw.githubusercontent.com/Sharmaz/enchilada/refs/heads/main/media/enchilada-js-logo.svg" width="250" alt="enchiladajs logo"/>
9
9
  <div className="p-8">
10
10
  <button
11
- className="bg-slate-950 px-4 py-2 rounded-lg text-slate-200"
11
+ className="bg-neutral-900 px-4 py-2 rounded-lg text-slate-200 w-[160px] border-1 border-transparent hover:border-[#FF9811] transition-colors duration-250 cursor-pointer"
12
12
  onClick={() => setCount((counter) => counter + 1)}
13
13
  type="button"
14
14
  >
15
- {`count is ${count}`}
15
+ {`Enchiladas ${count}`}
16
16
  </button>
17
17
  </div>
18
18
  </div>
package/templates/react-dev-typescript/index.html CHANGED
@@ -4,7 +4,7 @@
4
4
  <meta charset="UTF-8" />
5
5
  <link rel="icon" type="image/svg+xml" href="#" />
6
6
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <title>React TypeScript</title>
7
+ <title>React Dev TypeScript</title>
8
8
  </head>
9
9
  <body>
10
10
  <div id="root"></div>
package/templates/react-dev-typescript/src/App.tsx CHANGED
@@ -4,14 +4,14 @@ function App() {
4
4
  const [count, setCount] = useState(0)
5
5
  return (
6
6
  <div className="flex flex-col justify-center items-center h-screen bg-neutral-800">
7
- <h1 className="text-5xl text-blue-400 text-center">React</h1>
7
+ <img src="https://raw.githubusercontent.com/Sharmaz/enchilada/refs/heads/main/media/enchilada-js-logo.svg" width="250" alt="enchiladajs logo"/>
8
8
  <div className="p-8">
9
9
  <button
10
- className="bg-slate-950 px-4 py-2 rounded-lg text-slate-200"
10
+ className="bg-neutral-900 px-4 py-2 rounded-lg text-slate-200 w-[160px] border-1 border-transparent hover:border-[#FF9811] transition-colors duration-250 cursor-pointer"
11
11
  onClick={() => setCount((counter) => counter + 1)}
12
12
  type="button"
13
13
  >
14
- {`count is ${count}`}
14
+ {`Enchiladas ${count}`}
15
15
  </button>
16
16
  </div>
17
17
  </div>
package/templates/react-dev-webpack/index.html CHANGED
@@ -4,7 +4,7 @@
4
4
  <meta charset="UTF-8" />
5
5
  <link rel="icon" type="image/svg+xml" href="#" />
6
6
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <title>React App</title>
7
+ <title>React Dev Webpack</title>
8
8
  </head>
9
9
  <body>
10
10
  <div id="root"></div>
package/templates/react-dev-webpack/src/App.jsx CHANGED
@@ -5,14 +5,14 @@ function App() {
5
5
 
6
6
  return (
7
7
  <div className="flex flex-col justify-center items-center h-screen bg-neutral-800">
8
- <h1 className="text-5xl text-blue-400 text-center">React</h1>
8
+ <img src="https://raw.githubusercontent.com/Sharmaz/enchilada/refs/heads/main/media/enchilada-js-logo.svg" width="250" alt="enchiladajs logo"/>
9
9
  <div className="p-8">
10
10
  <button
11
- className="bg-slate-950 px-4 py-2 rounded-lg text-slate-200"
11
+ className="bg-neutral-900 px-4 py-2 rounded-lg text-slate-200 w-[160px] border-1 border-transparent hover:border-[#FF9811] transition-colors duration-250 cursor-pointer"
12
12
  onClick={() => setCount((counter) => counter + 1)}
13
13
  type="button"
14
14
  >
15
- {`count is ${count}`}
15
+ {`Enchiladas ${count}`}
16
16
  </button>
17
17
  </div>
18
18
  </div>
package/templates/react-typescript/src/App.css CHANGED
@@ -1,3 +1,6 @@
1
- .card {
2
- padding: 2em;
1
+ .container {
2
+ display: flex;
3
+ flex-direction: column;
4
+ justify-content: center;
5
+ height: 100vh;
3
6
  }
package/templates/react-typescript/src/App.tsx CHANGED
@@ -4,14 +4,14 @@ import './App.css'
4
4
  function App() {
5
5
  const [count, setCount] = useState(0)
6
6
  return (
7
- <>
8
- <h1>React</h1>
7
+ <div className="container">
8
+ <img src="https://raw.githubusercontent.com/Sharmaz/enchilada/refs/heads/main/media/enchilada-js-logo.svg" width="250" alt="enchiladajs logo"/>
9
9
  <div className="card">
10
10
  <button onClick={() => setCount((count) => count + 1)}>
11
- count is {count}
11
+ Enchiladas {count}
12
12
  </button>
13
13
  </div>
14
- </>
14
+ </div>
15
15
  )
16
16
  }
17
17
 
package/templates/react-typescript/src/index.css CHANGED
@@ -1,11 +1,11 @@
1
1
  :root {
2
2
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
3
- line-height: 1.5;
3
+ line-height: 24px;
4
4
  font-weight: 400;
5
5
 
6
6
  color-scheme: light dark;
7
7
  color: rgba(255, 255, 255, 0.87);
8
- background-color: #242424;
8
+ background-color: #262626;
9
9
 
10
10
  font-synthesis: none;
11
11
  text-rendering: optimizeLegibility;
@@ -28,30 +28,25 @@ h1 {
28
28
  button {
29
29
  border-radius: 8px;
30
30
  border: 1px solid transparent;
31
- padding: 0.6em 1.2em;
31
+ padding: 8px 16px;
32
32
  font-size: 1em;
33
- font-weight: 500;
33
+ font-weight: 400;
34
34
  font-family: inherit;
35
- background-color: #1a1a1a;
35
+ background-color: #171717;
36
+ line-height: 24px;
36
37
  cursor: pointer;
37
38
  transition: border-color 0.25s;
39
+ width: 160px;
38
40
  }
39
41
  button:hover {
40
- border-color: #646cff;
42
+ border-color: #FF9811;
41
43
  }
42
44
  button:focus,
43
45
  button:focus-visible {
44
46
  outline: 4px auto -webkit-focus-ring-color;
45
47
  }
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
- }
48
+ .card {
49
+ display: flex;
50
+ justify-content: center;
51
+ padding: 2em;
57
52
  }
package/templates/react-webpack/src/App.css CHANGED
@@ -1,3 +1,6 @@
1
- .card {
2
- padding: 2em;
1
+ .container {
2
+ display: flex;
3
+ flex-direction: column;
4
+ justify-content: center;
5
+ height: 100vh;
3
6
  }
package/templates/react-webpack/src/App.jsx CHANGED
@@ -5,14 +5,14 @@ function App() {
5
5
  const [count, setCount] = useState(0)
6
6
 
7
7
  return (
8
- <>
9
- <h1>React</h1>
8
+ <div className="container">
9
+ <img src="https://raw.githubusercontent.com/Sharmaz/enchilada/refs/heads/main/media/enchilada-js-logo.svg" width="250" alt="enchiladajs logo"/>
10
10
  <div className="card">
11
11
  <button onClick={() => setCount((count) => count + 1)}>
12
- count is {count}
12
+ Enchiladas {count}
13
13
  </button>
14
14
  </div>
15
- </>
15
+ </div>
16
16
  )
17
17
  }
18
18
 
package/templates/react-webpack/src/index.css CHANGED
@@ -1,11 +1,11 @@
1
1
  :root {
2
2
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
3
- line-height: 1.5;
3
+ line-height: 24px;
4
4
  font-weight: 400;
5
5
 
6
6
  color-scheme: light dark;
7
7
  color: rgba(255, 255, 255, 0.87);
8
- background-color: #242424;
8
+ background-color: #262626;
9
9
 
10
10
  font-synthesis: none;
11
11
  text-rendering: optimizeLegibility;
@@ -28,30 +28,25 @@ h1 {
28
28
  button {
29
29
  border-radius: 8px;
30
30
  border: 1px solid transparent;
31
- padding: 0.6em 1.2em;
31
+ padding: 8px 16px;
32
32
  font-size: 1em;
33
- font-weight: 500;
33
+ font-weight: 400;
34
34
  font-family: inherit;
35
- background-color: #1a1a1a;
35
+ background-color: #171717;
36
+ line-height: 24px;
36
37
  cursor: pointer;
37
38
  transition: border-color 0.25s;
39
+ width: 160px;
38
40
  }
39
41
  button:hover {
40
- border-color: #646cff;
42
+ border-color: #FF9811;
41
43
  }
42
44
  button:focus,
43
45
  button:focus-visible {
44
46
  outline: 4px auto -webkit-focus-ring-color;
45
47
  }
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
- }
48
+ .card {
49
+ display: flex;
50
+ justify-content: center;
51
+ padding: 2em;
57
52
  }
package/templates/vanilla-js/index.html CHANGED
@@ -8,7 +8,7 @@
8
8
  <title>VanillaJS App</title>
9
9
  </head>
10
10
  <body>
11
- <h1>VanillaJS</h1>
11
+ <img src="https://raw.githubusercontent.com/Sharmaz/enchilada/refs/heads/main/media/enchilada-js-logo.svg" width="250" alt="enchiladajs logo"/>
12
12
  <div class="card">
13
13
  <button id="counter" type="button"></button>
14
14
  </div>
package/templates/vanilla-js/index.js CHANGED
@@ -2,7 +2,7 @@ function setupCounter(element) {
2
2
  let counter = 0;
3
3
  const setCounter = (count) => {
4
4
  counter = count;
5
- element.innerHTML = `count is ${counter}`;
5
+ element.innerHTML = `Enchiladas ${counter}`;
6
6
  }
7
7
  element.addEventListener('click', () => setCounter(counter + 1));
8
8
  setCounter(0);
package/templates/vanilla-js/style.css CHANGED
@@ -1,11 +1,11 @@
1
1
  :root {
2
2
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
3
- line-height: 1.5;
3
+ line-height: 24px;
4
4
  font-weight: 400;
5
5
 
6
6
  color-scheme: light dark;
7
7
  color: rgba(255, 255, 255, 0.87);
8
- background-color: #242424;
8
+ background-color: #262626;
9
9
 
10
10
  font-synthesis: none;
11
11
  text-rendering: optimizeLegibility;
@@ -31,30 +31,20 @@ h1 {
31
31
  button {
32
32
  border-radius: 8px;
33
33
  border: 1px solid transparent;
34
- padding: 0.6em 1.2em;
34
+ padding: 8px 16px;
35
35
  font-size: 1em;
36
- font-weight: 500;
36
+ font-weight: 400;
37
37
  font-family: inherit;
38
- background-color: #1a1a1a;
38
+ background-color: #171717;
39
+ line-height: 24px;
39
40
  cursor: pointer;
40
41
  transition: border-color 0.25s;
42
+ width: 160px;
41
43
  }
42
44
  button:hover {
43
- border-color: #646cff;
45
+ border-color: #FF9811;
44
46
  }
45
47
  button:focus,
46
48
  button:focus-visible {
47
49
  outline: 4px auto -webkit-focus-ring-color;
48
50
  }
49
- @media (prefers-color-scheme: light) {
50
- :root {
51
- color: #213547;
52
- background-color: #ffffff;
53
- }
54
- a:hover {
55
- color: #747bff;
56
- }
57
- button {
58
- background-color: #f9f9f9;
59
- }
60
- }