create-rsbuild 1.0.3 → 1.0.5

package/dist/index.js

@@ -6,8 +6,7 @@ const frameworkAlias = {
     vue: 'vue3',
     'solid-js': 'solid'
 };
-async function getTemplateName(param) {
-    let { template } = param;
+async function getTemplateName({ template }) {
     if ('string' == typeof template) {
         const pair = template.split('-');
         const language = pair[1] ?? 'js';
@@ -43,7 +42,11 @@ async function getTemplateName(param) {
             },
             {
                 value: 'svelte',
-                label: 'Svelte'
+                label: 'Svelte 5'
+            },
+            {
+                value: 'svelte4',
+                label: 'Svelte 4'
             },
             {
                 value: 'solid',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-rsbuild",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "Create a new Rsbuild project",
   "homepage": "https://rsbuild.dev",
   "repository": {
@@ -23,7 +23,7 @@
     "bin.js"
   ],
   "dependencies": {
-    "create-rstack": "1.0.6"
+    "create-rstack": "1.0.7"
   },
   "devDependencies": {
     "@types/node": "18.x",

package/template-lit-js/package.json

@@ -11,6 +11,6 @@
     "lit": "^3.2.1"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.0.13"
+    "@rsbuild/core": "^1.0.16"
   }
 }

package/template-lit-ts/package.json

@@ -11,7 +11,7 @@
     "lit": "^3.2.1"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.0.13",
+    "@rsbuild/core": "^1.0.16",
     "typescript": "^5.6.3"
   }
 }

package/template-lit-ts/tsconfig.json

@@ -1,17 +1,23 @@
 {
   "compilerOptions": {
-    "target": "ES2020",
     "lib": ["DOM", "ES2020"],
-    "module": "ESNext",
+    "target": "ES2020",
     "noEmit": true,
-    "strict": true,
     "skipLibCheck": true,
+    "experimentalDecorators": true,
+    "useDefineForClassFields": false,
+
+    /* modules */
+    "module": "ESNext",
     "isolatedModules": true,
     "resolveJsonModule": true,
-    "moduleResolution": "bundler",
-    "useDefineForClassFields": false,
+    "moduleResolution": "Bundler",
     "allowImportingTsExtensions": true,
-    "experimentalDecorators": true
+
+    /* type checking */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true
   },
   "include": ["src"]
 }

package/template-preact-js/package.json

@@ -8,10 +8,10 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
-    "preact": "^10.24.2"
+    "preact": "^10.24.3"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.0.13",
-    "@rsbuild/plugin-preact": "^1.0.2"
+    "@rsbuild/core": "^1.0.16",
+    "@rsbuild/plugin-preact": "^1.0.3"
   }
 }

package/template-preact-ts/package.json

@@ -8,11 +8,11 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
-    "preact": "^10.24.2"
+    "preact": "^10.24.3"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.0.13",
-    "@rsbuild/plugin-preact": "^1.0.2",
+    "@rsbuild/core": "^1.0.16",
+    "@rsbuild/plugin-preact": "^1.0.3",
     "typescript": "^5.6.3"
   }
 }

package/template-preact-ts/tsconfig.json

@@ -1,22 +1,28 @@
 {
   "compilerOptions": {
-    "target": "ES2020",
     "lib": ["DOM", "ES2020"],
-    "module": "ESNext",
     "jsx": "react-jsx",
-    "jsxImportSource": "preact",
+    "target": "ES2020",
     "noEmit": true,
-    "strict": true,
     "skipLibCheck": true,
+    "jsxImportSource": "preact",
+    "useDefineForClassFields": true,
+
+    /* modules */
+    "module": "ESNext",
     "isolatedModules": true,
     "resolveJsonModule": true,
-    "moduleResolution": "bundler",
-    "useDefineForClassFields": true,
+    "moduleResolution": "Bundler",
     "allowImportingTsExtensions": true,
     "paths": {
       "react": ["./node_modules/preact/compat/"],
       "react-dom": ["./node_modules/preact/compat/"]
-    }
+    },
+
+    /* type checking */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true
   },
   "include": ["src"]
 }

package/template-react-js/package.json

@@ -12,7 +12,7 @@
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.0.13",
-    "@rsbuild/plugin-react": "^1.0.3"
+    "@rsbuild/core": "^1.0.16",
+    "@rsbuild/plugin-react": "^1.0.5"
   }
 }

package/template-react-ts/package.json

@@ -12,8 +12,8 @@
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.0.13",
-    "@rsbuild/plugin-react": "^1.0.3",
+    "@rsbuild/core": "^1.0.16",
+    "@rsbuild/plugin-react": "^1.0.5",
     "@types/react": "^18.3.11",
     "@types/react-dom": "^18.3.1",
     "typescript": "^5.6.3"

package/template-react-ts/tsconfig.json

@@ -1,17 +1,23 @@
 {
   "compilerOptions": {
-    "target": "ES2020",
     "lib": ["DOM", "ES2020"],
-    "module": "ESNext",
     "jsx": "react-jsx",
+    "target": "ES2020",
     "noEmit": true,
-    "strict": true,
     "skipLibCheck": true,
+    "useDefineForClassFields": true,
+
+    /* modules */
+    "module": "ESNext",
     "isolatedModules": true,
     "resolveJsonModule": true,
-    "moduleResolution": "bundler",
-    "useDefineForClassFields": true,
-    "allowImportingTsExtensions": true
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": true,
+
+    /* type checking */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true
   },
   "include": ["src"]
 }

package/template-solid-js/package.json

@@ -11,8 +11,8 @@
     "solid-js": "^1.9.2"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.0.13",
-    "@rsbuild/plugin-babel": "^1.0.1",
-    "@rsbuild/plugin-solid": "^1.0.2"
+    "@rsbuild/core": "^1.0.16",
+    "@rsbuild/plugin-babel": "^1.0.2",
+    "@rsbuild/plugin-solid": "^1.0.3"
   }
 }

package/template-solid-ts/package.json

@@ -11,9 +11,9 @@
     "solid-js": "^1.9.2"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.0.13",
-    "@rsbuild/plugin-babel": "^1.0.1",
-    "@rsbuild/plugin-solid": "^1.0.2",
+    "@rsbuild/core": "^1.0.16",
+    "@rsbuild/plugin-babel": "^1.0.2",
+    "@rsbuild/plugin-solid": "^1.0.3",
     "typescript": "^5.6.3"
   }
 }

package/template-solid-ts/tsconfig.json

@@ -1,18 +1,24 @@
 {
   "compilerOptions": {
-    "target": "ES2020",
     "lib": ["DOM", "ES2020"],
-    "module": "ESNext",
     "jsx": "preserve",
-    "jsxImportSource": "solid-js",
+    "target": "ES2020",
     "noEmit": true,
-    "strict": true,
     "skipLibCheck": true,
+    "jsxImportSource": "solid-js",
+    "useDefineForClassFields": true,
+
+    /* modules */
+    "module": "ESNext",
     "isolatedModules": true,
     "resolveJsonModule": true,
-    "moduleResolution": "bundler",
-    "useDefineForClassFields": true,
-    "allowImportingTsExtensions": true
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": true,
+
+    /* type checking */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true
   },
   "include": ["src"]
 }

package/template-svelte-js/package.json

@@ -8,10 +8,10 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
-    "svelte": "^4.2.19"
+    "svelte": "^5.0.3"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.0.13",
-    "@rsbuild/plugin-svelte": "^1.0.1"
+    "@rsbuild/core": "^1.0.16",
+    "@rsbuild/plugin-svelte": "^1.0.2"
   }
 }

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

@@ -1,8 +1,12 @@
+import { mount } from 'svelte';
 import App from './App.svelte';
 import './index.css';
 
-const app = new App({
+const app = mount(App, {
   target: document.body,
+  props: {
+    name: 'world',
+  },
 });
 
 export default app;

package/template-svelte-ts/package.json

@@ -9,11 +9,11 @@
     "svelte-check": "svelte-check --tsconfig ./tsconfig.json"
   },
   "dependencies": {
-    "svelte": "^4.2.19"
+    "svelte": "^5.0.3"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.0.13",
-    "@rsbuild/plugin-svelte": "^1.0.1",
+    "@rsbuild/core": "^1.0.16",
+    "@rsbuild/plugin-svelte": "^1.0.2",
     "svelte-check": "^4.0.5",
     "typescript": "^5.6.3"
   }

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

@@ -1,8 +1,12 @@
+import { mount } from 'svelte';
 import App from './App.svelte';
 import './index.css';
 
-const app = new App({
+const app = mount(App, {
   target: document.body,
+  props: {
+    name: 'world',
+  },
 });
 
 export default app;

package/template-svelte-ts/tsconfig.json

@@ -1,19 +1,25 @@
 {
   "compilerOptions": {
-    "target": "ES2020",
     "lib": ["DOM", "ES2020"],
-    "module": "ESNext",
+    "target": "ES2020",
     "noEmit": true,
-    "strict": true,
     "skipLibCheck": true,
     // svelte-preprocess cannot figure out whether you have a value or a type, so tell TypeScript
     // to enforce using `import type` instead of `import` for Types.
     "verbatimModuleSyntax": true,
+    "useDefineForClassFields": true,
+
+    /* modules */
+    "module": "ESNext",
     "isolatedModules": true,
     "resolveJsonModule": true,
-    "moduleResolution": "bundler",
-    "useDefineForClassFields": true,
-    "allowImportingTsExtensions": true
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": true,
+
+    /* type checking */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true
   },
   "include": ["src"]
 }

package/template-svelte4-js/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "rsbuild-svelte4-js",
+  "private": true,
+  "version": "1.0.0",
+  "scripts": {
+    "dev": "rsbuild dev --open",
+    "build": "rsbuild build",
+    "preview": "rsbuild preview"
+  },
+  "dependencies": {
+    "svelte": "^4.2.19"
+  },
+  "devDependencies": {
+    "@rsbuild/core": "^1.0.16",
+    "@rsbuild/plugin-svelte": "^1.0.2"
+  }
+}

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

@@ -0,0 +1,6 @@
+import { defineConfig } from '@rsbuild/core';
+import { pluginSvelte } from '@rsbuild/plugin-svelte';
+
+export default defineConfig({
+  plugins: [pluginSvelte()],
+});

package/template-svelte4-js/src/App.svelte

@@ -0,0 +1,28 @@
+<main>
+  <div class="content">
+    <h1>Rsbuild with Svelte</h1>
+    <p>Start building amazing things with Rsbuild.</p>
+  </div>
+</main>
+
+<style>
+.content {
+  display: flex;
+  min-height: 100vh;
+  line-height: 1.1;
+  text-align: center;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.content h1 {
+  font-size: 3.6rem;
+  font-weight: 700;
+}
+
+.content p {
+  font-size: 1.2rem;
+  font-weight: 400;
+  opacity: 0.5;
+}
+</style>

package/template-svelte4-js/src/index.css

@@ -0,0 +1,6 @@
+body {
+  margin: 0;
+  color: #fff;
+  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
+  background-image: linear-gradient(to bottom, #020917, #101725);
+}

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

@@ -0,0 +1,8 @@
+import App from './App.svelte';
+import './index.css';
+
+const app = new App({
+  target: document.body,
+});
+
+export default app;

package/template-svelte4-ts/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "rsbuild-svelte4-ts",
+  "private": true,
+  "version": "1.0.0",
+  "scripts": {
+    "dev": "rsbuild dev --open",
+    "build": "rsbuild build",
+    "preview": "rsbuild preview",
+    "svelte-check": "svelte-check --tsconfig ./tsconfig.json"
+  },
+  "dependencies": {
+    "svelte": "^4.2.19"
+  },
+  "devDependencies": {
+    "@rsbuild/core": "^1.0.16",
+    "@rsbuild/plugin-svelte": "^1.0.2",
+    "svelte-check": "^4.0.5",
+    "typescript": "^5.6.3"
+  }
+}

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

@@ -0,0 +1,6 @@
+import { defineConfig } from '@rsbuild/core';
+import { pluginSvelte } from '@rsbuild/plugin-svelte';
+
+export default defineConfig({
+  plugins: [pluginSvelte()],
+});

package/template-svelte4-ts/src/App.svelte

@@ -0,0 +1,28 @@
+<main>
+  <div class="content">
+    <h1>Rsbuild with Svelte</h1>
+    <p>Start building amazing things with Rsbuild.</p>
+  </div>
+</main>
+
+<style>
+.content {
+  display: flex;
+  min-height: 100vh;
+  line-height: 1.1;
+  text-align: center;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.content h1 {
+  font-size: 3.6rem;
+  font-weight: 700;
+}
+
+.content p {
+  font-size: 1.2rem;
+  font-weight: 400;
+  opacity: 0.5;
+}
+</style>

package/template-svelte4-ts/src/env.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="@rsbuild/core/types" />
+/// <reference types="svelte" />

package/template-svelte4-ts/src/index.css

@@ -0,0 +1,6 @@
+body {
+  margin: 0;
+  color: #fff;
+  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
+  background-image: linear-gradient(to bottom, #020917, #101725);
+}

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

@@ -0,0 +1,8 @@
+import App from './App.svelte';
+import './index.css';
+
+const app = new App({
+  target: document.body,
+});
+
+export default app;

package/template-svelte4-ts/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "lib": ["DOM", "ES2020"],
+    "target": "ES2020",
+    "noEmit": true,
+    "skipLibCheck": true,
+    // svelte-preprocess cannot figure out whether you have a value or a type, so tell TypeScript
+    // to enforce using `import type` instead of `import` for Types.
+    "verbatimModuleSyntax": true,
+    "useDefineForClassFields": true,
+
+    /* modules */
+    "module": "ESNext",
+    "isolatedModules": true,
+    "resolveJsonModule": true,
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": true,
+
+    /* type checking */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true
+  },
+  "include": ["src"]
+}

package/template-vanilla-js/package.json

@@ -8,6 +8,6 @@
     "preview": "rsbuild preview"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.0.13"
+    "@rsbuild/core": "^1.0.16"
   }
 }

package/template-vanilla-ts/package.json

@@ -8,7 +8,7 @@
     "preview": "rsbuild preview"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.0.13",
+    "@rsbuild/core": "^1.0.16",
     "typescript": "^5.6.3"
   }
 }

package/template-vanilla-ts/tsconfig.json

@@ -1,16 +1,22 @@
 {
   "compilerOptions": {
-    "target": "ES2020",
     "lib": ["DOM", "ES2020"],
-    "module": "ESNext",
+    "target": "ES2020",
     "noEmit": true,
-    "strict": true,
     "skipLibCheck": true,
+    "useDefineForClassFields": true,
+
+    /* modules */
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
     "isolatedModules": true,
     "resolveJsonModule": true,
-    "moduleResolution": "bundler",
-    "useDefineForClassFields": true,
-    "allowImportingTsExtensions": true
+    "allowImportingTsExtensions": true,
+
+    /* type checking */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true
   },
   "include": ["src"]
 }

package/template-vue2-js/package.json

@@ -11,7 +11,7 @@
     "vue": "^2.7.16"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.0.13",
+    "@rsbuild/core": "^1.0.16",
     "@rsbuild/plugin-vue2": "^1.0.1"
   }
 }

package/template-vue2-ts/package.json

@@ -11,7 +11,7 @@
     "vue": "^2.7.16"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.0.13",
+    "@rsbuild/core": "^1.0.16",
     "@rsbuild/plugin-vue2": "^1.0.1",
     "typescript": "^5.6.3"
   }

package/template-vue2-ts/tsconfig.json

@@ -1,17 +1,23 @@
 {
   "compilerOptions": {
-    "target": "ES2020",
     "lib": ["DOM", "ES2020"],
-    "module": "ESNext",
     "jsx": "preserve",
+    "target": "ES2020",
     "noEmit": true,
-    "strict": true,
     "skipLibCheck": true,
+    "useDefineForClassFields": true,
+
+    /* modules */
+    "module": "ESNext",
     "isolatedModules": true,
     "resolveJsonModule": true,
-    "moduleResolution": "bundler",
-    "useDefineForClassFields": true,
-    "allowImportingTsExtensions": true
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": true,
+
+    /* type checking */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true
   },
   "include": ["src"]
 }

package/template-vue3-js/package.json

@@ -11,7 +11,7 @@
     "vue": "^3.5.12"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.0.13",
-    "@rsbuild/plugin-vue": "^1.0.1"
+    "@rsbuild/core": "^1.0.16",
+    "@rsbuild/plugin-vue": "^1.0.2"
   }
 }

package/template-vue3-ts/package.json

@@ -11,8 +11,8 @@
     "vue": "^3.5.12"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.0.13",
-    "@rsbuild/plugin-vue": "^1.0.1",
+    "@rsbuild/core": "^1.0.16",
+    "@rsbuild/plugin-vue": "^1.0.2",
     "typescript": "^5.6.3"
   }
 }

package/template-vue3-ts/tsconfig.json

@@ -1,18 +1,24 @@
 {
   "compilerOptions": {
-    "target": "ES2020",
     "lib": ["DOM", "ES2020"],
-    "module": "ESNext",
     "jsx": "preserve",
-    "jsxImportSource": "vue",
+    "target": "ES2020",
     "noEmit": true,
-    "strict": true,
     "skipLibCheck": true,
+    "jsxImportSource": "vue",
+    "useDefineForClassFields": true,
+
+    /* modules */
+    "module": "ESNext",
     "isolatedModules": true,
     "resolveJsonModule": true,
-    "moduleResolution": "bundler",
-    "useDefineForClassFields": true,
-    "allowImportingTsExtensions": true
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": true,
+
+    /* type checking */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true
   },
   "include": ["src"]
 }