create-enchilada 1.0.1 → 1.0.3

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "create-enchilada",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "type": "module",
   "description": "A quick way to start your web applications.",
   "main": "index.js",
   "scripts": {
     "lint": "eslint .",
     "build": "rollup --config",
+    "dev": "rollup --config --watch",
     "cov:clean": "rimraf .nyc_output && rimraf coverage",
     "cov:unit": "NODE_OPTIONS=--experimental-vm-modules jest --forceExit --colors --detectOpenHandles -c jest.config.unit.js",
     "test:unit": "npm-run-all cov:clean cov:unit",
@@ -41,7 +42,7 @@
   },
   "preferGlobal": true,
   "engines": {
-    "node": "^18.0.0 || >=20.0.0"
+    "node": ">=20.19.0"
   },
   "files": [
     "index.js",
@@ -55,12 +56,12 @@
   },
   "homepage": "https://github.com/Sharmaz/enchilada#readme",
   "devDependencies": {
-    "@eslint/js": "^9.29.0",
+    "@eslint/js": "^10.0.0",
     "@jest/globals": "^30.0.2",
     "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "cli-prompts-test": "^0.3.0",
-    "eslint": "^9.29.0",
+    "eslint": "^10.0.0",
     "execa": "^9.2.0",
     "globals": "^16.2.0",
     "jest": "^30.0.2",

package/templates/node-express/package.json

@@ -32,9 +32,9 @@
     "uuid": "^10.0.0"
   },
   "devDependencies": {
-    "@eslint/js": "^9.11.1",
+    "@eslint/js": "^9.26.0",
     "@jest/globals": "^29.7.0",
-    "eslint": "^9.11.1",
+    "eslint": "^9.26.0",
     "globals": "^15.9.0",
     "jest": "^29.7.0",
     "nodemon": "^3.1.7",

package/templates/react-dev/package.json

@@ -16,9 +16,9 @@
     "react-dom": "^19.1.0"
   },
   "devDependencies": {
-    "@babel/plugin-transform-runtime": "^7.24.7",
-    "@babel/preset-env": "^7.24.7",
-    "@babel/preset-react": "^7.24.7",
+    "@babel/plugin-transform-runtime": "^7.26.10",
+    "@babel/preset-env": "^7.26.10",
+    "@babel/preset-react": "^7.26.10",
     "@eslint/js": "^9.26.0",
     "@tailwindcss/postcss": "^4.1.5",
     "@testing-library/dom": "^10.1.0",

package/templates/react-dev-typescript/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "react-ts-tw-lint-test",
+  "name": "react-dev-typescript",
   "private": true,
   "version": "0.0.0",
   "type": "module",
@@ -16,10 +16,10 @@
     "react-dom": "^19.1.0"
   },
   "devDependencies": {
-    "@babel/plugin-transform-runtime": "^7.24.7",
-    "@babel/preset-env": "^7.24.7",
-    "@babel/preset-react": "^7.24.7",
-    "@babel/preset-typescript": "^7.24.7",
+    "@babel/plugin-transform-runtime": "^7.26.10",
+    "@babel/preset-env": "^7.26.10",
+    "@babel/preset-react": "^7.26.10",
+    "@babel/preset-typescript": "^7.26.10",
     "@eslint/js": "^9.26.0",
     "@tailwindcss/postcss": "^4.1.5",
     "@testing-library/dom": "^10.3.1",
@@ -37,7 +37,7 @@
     "jest-environment-jsdom": "^30.0.0",
     "postcss": "^8.5.3",
     "tailwindcss": "^4.1.5",
-    "typescript": "5.2.2",
+    "typescript": "^5.8.3",
     "typescript-eslint": "^8.31.1",
     "vite": "npm:rolldown-vite@latest"
   }

package/templates/react-dev-webpack/package.json

@@ -14,10 +14,10 @@
     "react-dom": "^19.1.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.7",
-    "@babel/plugin-transform-runtime": "^7.24.7",
-    "@babel/preset-env": "^7.24.7",
-    "@babel/preset-react": "^7.24.7",
+    "@babel/core": "^7.26.10",
+    "@babel/plugin-transform-runtime": "^7.26.10",
+    "@babel/preset-env": "^7.26.10",
+    "@babel/preset-react": "^7.26.10",
     "@eslint/js": "^9.26.0",
     "@tailwindcss/postcss": "^4.1.5",
     "@testing-library/dom": "^10.3.1",

package/templates/react-rspack/biome.json

@@ -0,0 +1,34 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.0.0/schema.json",
+  "assist": {
+    "actions": {
+      "source": {
+        "organizeImports": "on"
+      }
+    }
+  },
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true
+  },
+  "formatter": {
+    "indentStyle": "space"
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "single"
+    }
+  },
+  "css": {
+    "parser": {
+      "cssModules": true
+    }
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true
+    }
+  }
+}

package/templates/react-rspack/index.html

@@ -0,0 +1,11 @@
+<!doctype html>
+<html>
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<title>React Rspack</title>
+	</head>
+	<body>
+		<div id="root"></div>
+	</body>
+</html>

package/templates/react-rspack/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "react-rspack",
+  "private": true,
+  "version": "1.0.0",
+  "scripts": {
+    "build": "rspack build",
+    "check": "biome check --write",
+    "dev": "rspack dev",
+    "format": "biome format --write",
+    "preview": "rspack preview"
+  },
+  "dependencies": {
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "2.0.0",
+    "@rspack/cli": "^1.4.1",
+    "@rspack/core": "^1.4.1",
+    "@rspack/plugin-react-refresh": "^1.4.3",
+    "@types/react": "^19.1.7",
+    "@types/react-dom": "^19.1.6",
+    "react-refresh": "^0.17.0"
+  }
+}

package/templates/react-rspack/rspack.config.mjs

@@ -0,0 +1,70 @@
+import { dirname } from "node:path";
+import { fileURLToPath } from "node:url";
+import { defineConfig } from "@rspack/cli";
+import { rspack } from "@rspack/core";
+import { ReactRefreshRspackPlugin } from "@rspack/plugin-react-refresh";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const isDev = process.env.NODE_ENV === "development";
+
+// Target browsers, see: https://github.com/browserslist/browserslist
+const targets = ["last 2 versions", "> 0.2%", "not dead", "Firefox ESR"];
+
+export default defineConfig({
+	context: __dirname,
+	entry: {
+		main: "./src/main.jsx"
+	},
+	resolve: {
+		extensions: ["...", ".ts", ".tsx", ".jsx"]
+	},
+	module: {
+		rules: [
+			{
+				test: /\.svg$/,
+				type: "asset"
+			},
+			{
+				test: /\.(jsx?|tsx?)$/,
+				use: [
+					{
+						loader: "builtin:swc-loader",
+						options: {
+							jsc: {
+								parser: {
+									syntax: "typescript",
+									tsx: true
+								},
+								transform: {
+									react: {
+										runtime: "automatic",
+										development: isDev,
+										refresh: isDev
+									}
+								}
+							},
+							env: { targets }
+						}
+					}
+				]
+			}
+		]
+	},
+	plugins: [
+		new rspack.HtmlRspackPlugin({
+			template: "./index.html"
+		}),
+		isDev ? new ReactRefreshRspackPlugin() : null
+	].filter(Boolean),
+	optimization: {
+		minimizer: [
+			new rspack.SwcJsMinimizerRspackPlugin(),
+			new rspack.LightningCssMinimizerRspackPlugin({
+				minimizerOptions: { targets }
+			})
+		]
+	},
+	experiments: {
+		css: true
+	}
+});

package/templates/react-rspack/src/App.css

@@ -0,0 +1,6 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  height: 100vh;
+}

package/templates/{react-experimental → react-rspack}/src/App.jsx

@@ -5,15 +5,14 @@ function App() {
   const [count, setCount] = useState(0)
 
   return (
-    <>
-      <title>{`React ${count}`}</title>
-      <h1>React</h1>
+    <div className="container">
+      <img src="https://raw.githubusercontent.com/Sharmaz/enchilada/refs/heads/main/media/enchilada-js-logo.svg" width="250" alt="enchiladajs logo"/>
       <div className="card">
         <button onClick={() => setCount((count) => count + 1)}>
-          count is {count}
+          Enchiladas {count}
         </button>
       </div>
-    </>
+    </div>
   )
 }
 

package/templates/{react-experimental → react-rspack}/src/index.css

@@ -1,11 +1,11 @@
 :root {
   font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
+  line-height: 24px;
   font-weight: 400;
 
   color-scheme: light dark;
   color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
+  background-color: #262626;
 
   font-synthesis: none;
   text-rendering: optimizeLegibility;
@@ -28,30 +28,25 @@ h1 {
 button {
   border-radius: 8px;
   border: 1px solid transparent;
-  padding: 0.6em 1.2em;
+  padding: 8px 16px;
   font-size: 1em;
-  font-weight: 500;
+  font-weight: 400;
   font-family: inherit;
-  background-color: #1a1a1a;
+  background-color: #171717;
+  line-height: 24px;
   cursor: pointer;
   transition: border-color 0.25s;
+  width: 160px;
 }
 button:hover {
-  border-color: #646cff;
+  border-color: #FF9811;
 }
 button:focus,
 button:focus-visible {
   outline: 4px auto -webkit-focus-ring-color;
 }
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-  a:hover {
-    color: #747bff;
-  }
-  button {
-    background-color: #f9f9f9;
-  }
+.card {
+  display: flex;
+  justify-content: center;
+  padding: 2em;
 }

package/templates/react-rspack/src/main.jsx

@@ -0,0 +1,10 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import App from "./App";
+import "./index.css";
+
+ReactDOM.createRoot(document.getElementById("root")).render(
+	<React.StrictMode>
+		<App />
+	</React.StrictMode>
+);

package/templates/react-typescript/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "react-ts",
+  "name": "react-typescript",
   "private": true,
   "version": "0.0.0",
   "type": "module",
@@ -15,11 +15,11 @@
     "react-dom": "^19.1.0"
   },
   "devDependencies": {
-    "@eslint/js": "^9.24.0",
+    "@eslint/js": "^9.26.0",
     "@types/react": "^19.1.2",
     "@types/react-dom": "^19.1.2",
     "@vitejs/plugin-react-oxc": "^0.2.2",
-    "eslint": "^9.24.0",
+    "eslint": "^9.26.0",
     "eslint-plugin-react": "^7.37.5",
     "globals": "^16.0.0",
     "typescript": "^5.8.3",

package/templates/react-webpack/.babelrc

@@ -1,5 +1,6 @@
 {
   "presets": [
+    "@babel/preset-env",
     ["@babel/preset-react", {"runtime": "automatic"}]
   ],
   "plugins": ["@babel/plugin-transform-runtime"]

package/templates/react-webpack/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "minimal-react-webpack",
+  "name": "react-webpack",
   "private": true,
   "version": "0.0.0",
   "scripts": {
@@ -13,6 +13,7 @@
   "devDependencies": {
     "@babel/core": "^7.26.10",
     "@babel/plugin-transform-runtime": "^7.26.10",
+    "@babel/preset-env": "^7.26.10",
     "@babel/preset-react": "^7.26.3",
     "babel-loader": "^10.0.0",
     "css-loader": "^7.1.2",

package/templates/react-experimental/farm.config.ts

@@ -1,5 +0,0 @@
-import { defineConfig } from '@farmfe/core';
-
-export default defineConfig({
-  plugins: ['@farmfe/plugin-react']
-});

package/templates/react-experimental/index.html

@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="#" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.jsx"></script>
-  </body>
-</html>

package/templates/react-experimental/oxlintrc.json

@@ -1,12 +0,0 @@
-{
-  "env": {
-    "browser": true
-  },
-  "globals": {
-    "foo": "readonly"
-  },
-  "settings": {},
-  "rules": {
-    "eqeqeq": "warn"
-  }
-}

package/templates/react-experimental/package.json

@@ -1,28 +0,0 @@
-{
-  "name": "react-experimental",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "farm start",
-    "start": "farm start",
-    "build": "farm build",
-    "preview": "farm preview",
-    "clean": "farm clean",
-    "lint": "oxlint -c oxlintrc.json ./src"
-  },
-  "dependencies": {
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0"
-  },
-  "devDependencies": {
-    "@farmfe/cli": "^1.0.4",
-    "@farmfe/core": "^1.7.4",
-    "@farmfe/plugin-react": "^1.2.6",
-    "@types/react": "^19.1.2",
-    "@types/react-dom": "^19.1.3",
-    "core-js": "^3.42.0",
-    "oxlint": "^0.16.9",
-    "react-refresh": "^0.17.0"
-  }
-}

package/templates/react-experimental/src/App.css

@@ -1,3 +0,0 @@
-.card {
-  padding: 2em;
-}

package/templates/react-experimental/src/main.jsx

@@ -1,10 +0,0 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import App from './App.jsx'
-import './index.css'
-
-ReactDOM.createRoot(document.getElementById('root')).render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-)

package/templates/react-experimental/tsconfig.json

@@ -1,25 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "include": ["src"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}

package/templates/react-experimental/tsconfig.node.json

@@ -1,11 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true,
-    "strict": true
-  },
-  "include": ["farm.config.ts"]
-}