create-rsbuild 0.0.0-next-20240528072128 → 0.0.0-next-20240723074951

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-rsbuild",
-  "version": "0.0.0-next-20240528072128",
+  "version": "0.0.0-next-20240723074951",
   "description": "Create a new Rsbuild project",
   "homepage": "https://rsbuild.dev",
   "repository": {
@@ -27,12 +27,15 @@
   ],
   "devDependencies": {
     "@clack/prompts": "^0.7.0",
+    "@types/minimist": "^1.2.5",
     "@types/node": "18.x",
+    "deepmerge": "^4.3.1",
+    "minimist": "^1.2.8",
     "rslog": "^1.2.2",
-    "typescript": "^5.4.2"
+    "typescript": "^5.5.2"
   },
   "engines": {
-    "node": ">=16.0.0"
+    "node": ">=16.7.0"
   },
   "publishConfig": {
     "access": "public",

package/template-biome/biome.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.8.0/schema.json",
+  "organizeImports": {
+    "enabled": true
+  },
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true
+  },
+  "formatter": {
+    "indentStyle": "space"
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "single"
+    }
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true
+    }
+  }
+}

package/template-biome/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "rsbuild-biome",
+  "private": true,
+  "version": "1.0.0",
+  "scripts": {
+    "check": "biome check --write",
+    "format": "biome format --write"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "^1.8.3"
+  }
+}

package/template-eslint/common-js/eslint.config.mjs

@@ -0,0 +1,8 @@
+import js from '@eslint/js';
+import globals from 'globals';
+
+export default [
+  { languageOptions: { globals: globals.browser } },
+  js.configs.recommended,
+  { ignores: ['dist/'] },
+];

package/template-eslint/common-js/package.json

@@ -0,0 +1,13 @@
+{
+  "name": "rsbuild-eslint-common-js",
+  "private": true,
+  "version": "1.0.0",
+  "scripts": {
+    "lint": "eslint ."
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.7.0",
+    "eslint": "^9.7.0",
+    "globals": "^15.8.0"
+  }
+}

package/template-eslint/common-ts/eslint.config.mjs

@@ -0,0 +1,10 @@
+import js from '@eslint/js';
+import globals from 'globals';
+import ts from 'typescript-eslint';
+
+export default [
+  { languageOptions: { globals: globals.browser } },
+  js.configs.recommended,
+  ...ts.configs.recommended,
+  { ignores: ['dist/'] },
+];

package/template-eslint/common-ts/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "rsbuild-eslint-common-ts",
+  "private": true,
+  "version": "1.0.0",
+  "scripts": {
+    "lint": "eslint ."
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.7.0",
+    "eslint": "^9.7.0",
+    "globals": "^15.8.0",
+    "typescript-eslint": "^7.17.0"
+  }
+}

package/template-eslint/react-js/eslint.config.mjs

@@ -0,0 +1,29 @@
+import { fixupConfigRules, fixupPluginRules } from '@eslint/compat';
+import js from '@eslint/js';
+import reactHooks from 'eslint-plugin-react-hooks';
+import reactJsx from 'eslint-plugin-react/configs/jsx-runtime.js';
+import react from 'eslint-plugin-react/configs/recommended.js';
+import globals from 'globals';
+
+export default [
+  { languageOptions: { globals: globals.browser } },
+  js.configs.recommended,
+  ...fixupConfigRules([
+    {
+      ...react,
+      settings: {
+        react: { version: 'detect' },
+      },
+    },
+    reactJsx,
+  ]),
+  {
+    plugins: {
+      'react-hooks': fixupPluginRules(reactHooks),
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+    },
+  },
+  { ignores: ['dist/'] },
+];

package/template-eslint/react-js/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "rsbuild-eslint-react-js",
+  "private": true,
+  "version": "1.0.0",
+  "scripts": {
+    "lint": "eslint ."
+  },
+  "devDependencies": {
+    "@eslint/compat": "^1.1.1",
+    "@eslint/js": "^9.7.0",
+    "eslint": "^9.7.0",
+    "eslint-plugin-react": "^7.35.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "globals": "^15.8.0"
+  }
+}

package/template-eslint/react-ts/eslint.config.mjs

@@ -0,0 +1,31 @@
+import { fixupConfigRules, fixupPluginRules } from '@eslint/compat';
+import js from '@eslint/js';
+import reactHooks from 'eslint-plugin-react-hooks';
+import reactJsx from 'eslint-plugin-react/configs/jsx-runtime.js';
+import react from 'eslint-plugin-react/configs/recommended.js';
+import globals from 'globals';
+import ts from 'typescript-eslint';
+
+export default [
+  { languageOptions: { globals: globals.browser } },
+  js.configs.recommended,
+  ...ts.configs.recommended,
+  ...fixupConfigRules([
+    {
+      ...react,
+      settings: {
+        react: { version: 'detect' },
+      },
+    },
+    reactJsx,
+  ]),
+  {
+    plugins: {
+      'react-hooks': fixupPluginRules(reactHooks),
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+    },
+  },
+  { ignores: ['dist/'] },
+];

package/template-eslint/react-ts/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "rsbuild-eslint-react-ts",
+  "private": true,
+  "version": "1.0.0",
+  "scripts": {
+    "lint": "eslint ."
+  },
+  "devDependencies": {
+    "@eslint/compat": "^1.1.1",
+    "@eslint/js": "^9.7.0",
+    "eslint": "^9.7.0",
+    "eslint-plugin-react": "^7.35.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "globals": "^15.8.0",
+    "typescript-eslint": "^7.17.0"
+  }
+}

package/template-eslint/svelte-js/eslint.config.mjs

@@ -0,0 +1,20 @@
+import js from '@eslint/js';
+import svelte from 'eslint-plugin-svelte';
+import globals from 'globals';
+
+/** @type {import('eslint').Linter.FlatConfig[]} */
+export default [
+  js.configs.recommended,
+  ...svelte.configs['flat/recommended'],
+  {
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+      },
+    },
+  },
+  {
+    ignores: ['dist/'],
+  },
+];

package/template-eslint/svelte-js/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "rsbuild-eslint-svelte-js",
+  "private": true,
+  "version": "1.0.0",
+  "scripts": {
+    "lint": "eslint ."
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.7.0",
+    "eslint": "^9.7.0",
+    "eslint-plugin-svelte": "^2.43.0",
+    "globals": "^15.8.0"
+  }
+}

package/template-eslint/svelte-ts/eslint.config.mjs

@@ -0,0 +1,28 @@
+import js from '@eslint/js';
+import svelte from 'eslint-plugin-svelte';
+import globals from 'globals';
+import ts from 'typescript-eslint';
+
+/** @type {import('eslint').Linter.FlatConfig[]} */
+export default [
+  js.configs.recommended,
+  ...ts.configs.recommended,
+  ...svelte.configs['flat/recommended'],
+  {
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+      },
+    },
+  },
+  {
+    files: ['**/*.svelte'],
+    languageOptions: {
+      parserOptions: {
+        parser: ts.parser,
+      },
+    },
+  },
+  { ignores: ['dist/'] },
+];

package/template-eslint/svelte-ts/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "rsbuild-eslint-svelte-ts",
+  "private": true,
+  "version": "1.0.0",
+  "scripts": {
+    "lint": "eslint ."
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.7.0",
+    "eslint": "^9.7.0",
+    "eslint-plugin-svelte": "^2.43.0",
+    "globals": "^15.8.0",
+    "typescript-eslint": "^8.0.0-alpha.48"
+  },
+  "type": "module"
+}

package/template-eslint/vue-js/eslint.config.mjs

@@ -0,0 +1,10 @@
+import js from '@eslint/js';
+import vue from 'eslint-plugin-vue';
+import globals from 'globals';
+
+export default [
+  { languageOptions: { globals: globals.browser } },
+  js.configs.recommended,
+  ...vue.configs['flat/essential'],
+  { ignores: ['dist/'] },
+];

package/template-eslint/vue-js/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "rsbuild-eslint-vue-js",
+  "private": true,
+  "version": "1.0.0",
+  "scripts": {
+    "lint": "eslint ."
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.7.0",
+    "eslint": "^9.7.0",
+    "eslint-plugin-vue": "^9.27.0",
+    "globals": "^15.8.0"
+  }
+}

package/template-eslint/vue-ts/eslint.config.mjs

@@ -0,0 +1,12 @@
+import js from '@eslint/js';
+import vue from 'eslint-plugin-vue';
+import globals from 'globals';
+import ts from 'typescript-eslint';
+
+export default [
+  { languageOptions: { globals: globals.browser } },
+  js.configs.recommended,
+  ...ts.configs.recommended,
+  ...vue.configs['flat/essential'],
+  { ignores: ['dist/'] },
+];

package/template-eslint/vue-ts/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "rsbuild-eslint-vue-ts",
+  "private": true,
+  "version": "1.0.0",
+  "scripts": {
+    "lint": "eslint ."
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.7.0",
+    "eslint": "^9.7.0",
+    "eslint-plugin-vue": "^9.27.0",
+    "globals": "^15.8.0",
+    "typescript-eslint": "^7.17.0"
+  }
+}

package/template-lit-js/package.json

@@ -7,8 +7,10 @@
     "build": "rsbuild build",
     "preview": "rsbuild preview"
   },
+  "dependencies": {
+    "lit": "^3.1.4"
+  },
   "devDependencies": {
-    "@rsbuild/core": "workspace:*",
-    "lit": "^3.1.3"
+    "@rsbuild/core": "workspace:*"
   }
 }

package/template-lit-ts/package.json

@@ -7,9 +7,11 @@
     "build": "rsbuild build",
     "preview": "rsbuild preview"
   },
+  "dependencies": {
+    "lit": "^3.1.4"
+  },
   "devDependencies": {
     "@rsbuild/core": "workspace:*",
-    "lit": "^3.1.3",
-    "typescript": "^5.4.2"
+    "typescript": "^5.5.2"
   }
 }

package/template-lit-ts/tsconfig.json

@@ -3,12 +3,14 @@
     "target": "ES2020",
     "lib": ["DOM", "ES2020"],
     "module": "ESNext",
+    "noEmit": true,
     "strict": true,
     "skipLibCheck": true,
     "isolatedModules": true,
     "resolveJsonModule": true,
     "moduleResolution": "bundler",
-    "useDefineForClassFields": true
+    "useDefineForClassFields": true,
+    "allowImportingTsExtensions": true
   },
   "include": ["src"]
 }

package/template-preact-js/package.json

@@ -8,7 +8,7 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
-    "preact": "^10.22.0"
+    "preact": "^10.22.1"
   },
   "devDependencies": {
     "@rsbuild/core": "workspace:*",

package/template-preact-ts/package.json

@@ -8,11 +8,11 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
-    "preact": "^10.22.0"
+    "preact": "^10.22.1"
   },
   "devDependencies": {
     "@rsbuild/core": "workspace:*",
     "@rsbuild/plugin-preact": "workspace:*",
-    "typescript": "^5.4.2"
+    "typescript": "^5.5.2"
   }
 }

package/template-preact-ts/src/index.tsx

@@ -1,4 +1,7 @@
 import { render } from 'preact';
 import App from './App';
 
-render(<App />, document.getElementById('root')!);
+const root = document.getElementById('root');
+if (root) {
+  render(<App />, root);
+}

package/template-preact-ts/tsconfig.json

@@ -5,12 +5,14 @@
     "module": "ESNext",
     "jsx": "react-jsx",
     "jsxImportSource": "preact",
+    "noEmit": true,
     "strict": true,
     "skipLibCheck": true,
     "isolatedModules": true,
     "resolveJsonModule": true,
     "moduleResolution": "bundler",
     "useDefineForClassFields": true,
+    "allowImportingTsExtensions": true,
     "paths": {
       "react": ["./node_modules/preact/compat/"],
       "react-dom": ["./node_modules/preact/compat/"]

package/template-prettier/.prettierignore

@@ -0,0 +1,4 @@
+# Lock files
+package-lock.json
+pnpm-lock.yaml
+yarn.lock

package/template-prettier/.prettierrc

@@ -0,0 +1,3 @@
+{
+  "singleQuote": true
+}

package/template-prettier/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "rsbuild-prettier",
+  "private": true,
+  "version": "1.0.0",
+  "scripts": {
+    "format": "prettier --write ."
+  },
+  "devDependencies": {
+    "prettier": "^3.3.3"
+  }
+}

package/template-react-ts/package.json

@@ -14,8 +14,8 @@
   "devDependencies": {
     "@rsbuild/core": "workspace:*",
     "@rsbuild/plugin-react": "workspace:*",
-    "@types/react": "^18.3.2",
+    "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
-    "typescript": "^5.4.2"
+    "typescript": "^5.5.2"
   }
 }

package/template-react-ts/src/index.tsx

@@ -2,9 +2,12 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import App from './App';
 
-const root = ReactDOM.createRoot(document.getElementById('root')!);
-root.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-);
+const rootEl = document.getElementById('root');
+if (rootEl) {
+  const root = ReactDOM.createRoot(rootEl);
+  root.render(
+    <React.StrictMode>
+      <App />
+    </React.StrictMode>,
+  );
+}

package/template-react-ts/tsconfig.json

@@ -4,12 +4,14 @@
     "lib": ["DOM", "ES2020"],
     "module": "ESNext",
     "jsx": "react-jsx",
+    "noEmit": true,
     "strict": true,
     "skipLibCheck": true,
     "isolatedModules": true,
     "resolveJsonModule": true,
     "moduleResolution": "bundler",
-    "useDefineForClassFields": true
+    "useDefineForClassFields": true,
+    "allowImportingTsExtensions": true
   },
   "include": ["src"]
 }

package/template-solid-js/package.json

@@ -8,7 +8,7 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
-    "solid-js": "^1.8.17"
+    "solid-js": "^1.8.18"
   },
   "devDependencies": {
     "@rsbuild/core": "workspace:*",

package/template-solid-js/rsbuild.config.mjs

@@ -6,7 +6,6 @@ export default defineConfig({
   plugins: [
     pluginBabel({
       include: /\.(?:jsx|tsx)$/,
-      exclude: /[\\/]node_modules[\\/]/,
     }),
     pluginSolid(),
   ],

package/template-solid-ts/package.json

@@ -8,12 +8,12 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
-    "solid-js": "^1.8.17"
+    "solid-js": "^1.8.18"
   },
   "devDependencies": {
     "@rsbuild/core": "workspace:*",
     "@rsbuild/plugin-babel": "workspace:*",
     "@rsbuild/plugin-solid": "workspace:*",
-    "typescript": "^5.4.2"
+    "typescript": "^5.5.2"
   }
 }

package/template-solid-ts/rsbuild.config.ts

@@ -6,7 +6,6 @@ export default defineConfig({
   plugins: [
     pluginBabel({
       include: /\.(?:jsx|tsx)$/,
-      exclude: /[\\/]node_modules[\\/]/,
     }),
     pluginSolid(),
   ],

package/template-solid-ts/src/index.tsx

@@ -1,4 +1,7 @@
 import { render } from 'solid-js/web';
 import App from './App';
 
-render(() => <App />, document.getElementById('root')!);
+const root = document.getElementById('root');
+if (root) {
+  render(() => <App />, root);
+}

package/template-solid-ts/tsconfig.json

@@ -5,12 +5,14 @@
     "module": "ESNext",
     "jsx": "preserve",
     "jsxImportSource": "solid-js",
+    "noEmit": true,
     "strict": true,
     "skipLibCheck": true,
     "isolatedModules": true,
     "resolveJsonModule": true,
     "moduleResolution": "bundler",
-    "useDefineForClassFields": true
+    "useDefineForClassFields": true,
+    "allowImportingTsExtensions": true
   },
   "include": ["src"]
 }

package/template-svelte-js/package.json

@@ -8,7 +8,7 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
-    "svelte": "^4.2.16"
+    "svelte": "^4.2.18"
   },
   "devDependencies": {
     "@rsbuild/core": "workspace:*",

package/template-svelte-js/src/index.js

@@ -3,9 +3,6 @@ import './index.css';
 
 const app = new App({
   target: document.body,
-  props: {
-    name: 'world',
-  },
 });
 
 export default app;

package/template-svelte-ts/package.json

@@ -5,14 +5,16 @@
   "scripts": {
     "dev": "rsbuild dev --open",
     "build": "rsbuild build",
-    "preview": "rsbuild preview"
+    "preview": "rsbuild preview",
+    "svelte-check": "svelte-check --tsconfig ./tsconfig.json"
   },
   "dependencies": {
-    "svelte": "^4.2.16"
+    "svelte": "^4.2.18"
   },
   "devDependencies": {
     "@rsbuild/core": "workspace:*",
     "@rsbuild/plugin-svelte": "workspace:*",
-    "typescript": "^5.4.2"
+    "svelte-check": "^3.8.4",
+    "typescript": "^5.5.2"
   }
 }

package/template-svelte-ts/src/index.ts

@@ -3,9 +3,6 @@ import './index.css';
 
 const app = new App({
   target: document.body,
-  props: {
-    name: 'world',
-  },
 });
 
 export default app;