create-rsbuild 2.0.0-rc.3 → 2.0.0-rc.4

package/dist/index.js

@@ -2,7 +2,7 @@ import node_fs from "node:fs";
 import node_path from "node:path";
 import { checkCancel, copyFolder, create, select as external_create_rstack_select } from "create-rstack";
 const frameworkAlias = {
-    vue: 'vue3',
+    vue3: 'vue',
     'solid-js': 'solid'
 };
 async function getTemplateName({ template }) {
@@ -24,12 +24,8 @@ async function getTemplateName({ template }) {
                 label: 'React'
             },
             {
-                value: 'vue3',
-                label: 'Vue 3'
-            },
-            {
-                value: 'vue2',
-                label: 'Vue 2'
+                value: 'vue',
+                label: 'Vue'
             },
             {
                 value: 'lit',
@@ -71,10 +67,10 @@ function mapESLintTemplate(templateName) {
         case 'svelte-js':
         case 'svelte-ts':
             return templateName;
-        case 'vue2-js':
+        case 'vue-js':
         case 'vue3-js':
             return 'vue-js';
-        case 'vue2-ts':
+        case 'vue-ts':
         case 'vue3-ts':
             return 'vue-ts';
         default:
@@ -87,8 +83,10 @@ function mapRstestTemplate(templateName) {
             return 'react-js';
         case 'react-ts':
             return 'react-ts';
+        case 'vue-js':
         case 'vue3-js':
             return 'vue-js';
+        case 'vue-ts':
         case 'vue3-ts':
             return 'vue-ts';
         default:
@@ -104,10 +102,8 @@ create({
         'vanilla-ts',
         'react-js',
         'react-ts',
-        'vue3-js',
-        'vue3-ts',
-        'vue2-js',
-        'vue2-ts',
+        'vue-js',
+        'vue-ts',
         'svelte-js',
         'svelte-ts',
         'solid-js',
@@ -182,13 +178,20 @@ create({
     extraSkills: [
         {
             value: 'rsbuild-best-practices',
-            label: 'Rsbuild - best practices',
+            label: 'Rsbuild best practices',
             source: 'rstackjs/agent-skills'
         },
         {
             value: 'rstest-best-practices',
-            label: 'Rstest - best practices',
-            source: 'rstackjs/agent-skills'
+            label: 'Rstest best practices',
+            source: 'rstackjs/agent-skills',
+            when: ({ tools })=>tools.includes('rstest')
+        },
+        {
+            value: 'vercel-react-best-practices',
+            label: 'React best practices',
+            source: 'vercel-labs/agent-skills',
+            when: ({ templateName })=>templateName.startsWith('react-')
         }
     ]
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-rsbuild",
-  "version": "2.0.0-rc.3",
+  "version": "2.0.0-rc.4",
   "description": "Create a new Rsbuild project",
   "homepage": "https://rsbuild.rs",
   "repository": {
@@ -29,11 +29,11 @@
     "@rslib/core": "0.21.0",
     "@types/node": "^24.12.2",
     "typescript": "^6.0.2",
-    "@rsbuild/core": "2.0.0-rc.3",
+    "@rsbuild/core": "2.0.0-rc.4",
     "@rsbuild/plugin-babel": "1.1.2",
     "@rsbuild/plugin-solid": "1.1.1",
-    "@rsbuild/plugin-svelte": "1.1.1",
     "@rsbuild/plugin-preact": "1.7.2",
+    "@rsbuild/plugin-svelte": "1.1.1",
     "@rsbuild/plugin-vue": "1.2.7"
   },
   "engines": {

package/template-lit-js/package.json

@@ -12,6 +12,6 @@
     "lit": "^3.3.2"
   },
   "devDependencies": {
-    "@rsbuild/core": "^2.0.0-rc.3"
+    "@rsbuild/core": "^2.0.0-rc.4"
   }
 }

package/template-lit-ts/package.json

@@ -12,7 +12,7 @@
     "lit": "^3.3.2"
   },
   "devDependencies": {
-    "@rsbuild/core": "^2.0.0-rc.3",
+    "@rsbuild/core": "^2.0.0-rc.4",
     "typescript": "^6.0.2"
   }
 }

package/template-preact-js/package.json

@@ -12,7 +12,7 @@
     "preact": "^10.29.1"
   },
   "devDependencies": {
-    "@rsbuild/core": "^2.0.0-rc.3",
+    "@rsbuild/core": "^2.0.0-rc.4",
     "@rsbuild/plugin-preact": "^1.7.2"
   }
 }

package/template-preact-ts/package.json

@@ -12,7 +12,7 @@
     "preact": "^10.29.1"
   },
   "devDependencies": {
-    "@rsbuild/core": "^2.0.0-rc.3",
+    "@rsbuild/core": "^2.0.0-rc.4",
     "@rsbuild/plugin-preact": "^1.7.2",
     "typescript": "^6.0.2"
   }

package/template-react-js/package.json

@@ -13,7 +13,7 @@
     "react-dom": "^19.2.5"
   },
   "devDependencies": {
-    "@rsbuild/core": "^2.0.0-rc.3",
+    "@rsbuild/core": "^2.0.0-rc.4",
     "@rsbuild/plugin-react": "^1.4.6"
   }
 }

package/template-react-ts/package.json

@@ -13,7 +13,7 @@
     "react-dom": "^19.2.5"
   },
   "devDependencies": {
-    "@rsbuild/core": "^2.0.0-rc.3",
+    "@rsbuild/core": "^2.0.0-rc.4",
     "@rsbuild/plugin-react": "^1.4.6",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",

package/template-solid-js/package.json

@@ -12,7 +12,7 @@
     "solid-js": "^1.9.12"
   },
   "devDependencies": {
-    "@rsbuild/core": "^2.0.0-rc.3",
+    "@rsbuild/core": "^2.0.0-rc.4",
     "@rsbuild/plugin-babel": "^1.1.2",
     "@rsbuild/plugin-solid": "^1.1.1"
   }

package/template-solid-ts/package.json

@@ -12,7 +12,7 @@
     "solid-js": "^1.9.12"
   },
   "devDependencies": {
-    "@rsbuild/core": "^2.0.0-rc.3",
+    "@rsbuild/core": "^2.0.0-rc.4",
     "@rsbuild/plugin-babel": "^1.1.2",
     "@rsbuild/plugin-solid": "^1.1.1",
     "typescript": "^6.0.2"

package/template-svelte-js/package.json

@@ -12,7 +12,7 @@
     "svelte": "^5.55.3"
   },
   "devDependencies": {
-    "@rsbuild/core": "^2.0.0-rc.3",
+    "@rsbuild/core": "^2.0.0-rc.4",
     "@rsbuild/plugin-svelte": "^1.1.1"
   }
 }

package/template-svelte-ts/package.json

@@ -13,7 +13,7 @@
     "svelte": "^5.55.3"
   },
   "devDependencies": {
-    "@rsbuild/core": "^2.0.0-rc.3",
+    "@rsbuild/core": "^2.0.0-rc.4",
     "@rsbuild/plugin-svelte": "^1.1.1",
     "svelte-check": "^4.4.6",
     "typescript": "^6.0.2"

package/template-vanilla-js/package.json

@@ -9,6 +9,6 @@
     "preview": "rsbuild preview"
   },
   "devDependencies": {
-    "@rsbuild/core": "^2.0.0-rc.3"
+    "@rsbuild/core": "^2.0.0-rc.4"
   }
 }

package/template-vanilla-ts/package.json

@@ -9,7 +9,7 @@
     "preview": "rsbuild preview"
   },
   "devDependencies": {
-    "@rsbuild/core": "^2.0.0-rc.3",
+    "@rsbuild/core": "^2.0.0-rc.4",
     "typescript": "^6.0.2"
   }
 }

package/{template-vue3-js → template-vue-js}/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "rsbuild-vue3-js",
+  "name": "rsbuild-vue-js",
   "version": "1.0.0",
   "private": true,
   "type": "module",
@@ -12,7 +12,7 @@
     "vue": "^3.5.32"
   },
   "devDependencies": {
-    "@rsbuild/core": "^2.0.0-rc.3",
+    "@rsbuild/core": "^2.0.0-rc.4",
     "@rsbuild/plugin-vue": "^1.2.7"
   }
 }

package/{template-vue3-ts → template-vue-ts}/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "rsbuild-vue3-ts",
+  "name": "rsbuild-vue-ts",
   "version": "1.0.0",
   "private": true,
   "type": "module",
@@ -12,7 +12,7 @@
     "vue": "^3.5.32"
   },
   "devDependencies": {
-    "@rsbuild/core": "^2.0.0-rc.3",
+    "@rsbuild/core": "^2.0.0-rc.4",
     "@rsbuild/plugin-vue": "^1.2.7",
     "typescript": "^6.0.2"
   }

package/template-vue2-js/package.json

@@ -1,18 +0,0 @@
-{
-  "name": "rsbuild-vue2-js",
-  "version": "1.0.0",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "build": "rsbuild build",
-    "dev": "rsbuild --open",
-    "preview": "rsbuild preview"
-  },
-  "dependencies": {
-    "vue": "^2.7.16"
-  },
-  "devDependencies": {
-    "@rsbuild/core": "^2.0.0-rc.3",
-    "@rsbuild/plugin-vue2": "^1.1.1"
-  }
-}

package/template-vue2-js/rsbuild.config.js

@@ -1,8 +0,0 @@
-// @ts-check
-import { defineConfig } from '@rsbuild/core';
-import { pluginVue2 } from '@rsbuild/plugin-vue2';
-
-// Docs: https://rsbuild.rs/config/
-export default defineConfig({
-  plugins: [pluginVue2()],
-});

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

@@ -1,8 +0,0 @@
-import Vue from 'vue';
-import App from './App.vue';
-import './index.css';
-
-new Vue({
-  el: '#root',
-  render: (h) => h(App),
-});

package/template-vue2-ts/package.json

@@ -1,19 +0,0 @@
-{
-  "name": "rsbuild-vue2-ts",
-  "version": "1.0.0",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "build": "rsbuild build",
-    "dev": "rsbuild --open",
-    "preview": "rsbuild preview"
-  },
-  "dependencies": {
-    "vue": "^2.7.16"
-  },
-  "devDependencies": {
-    "@rsbuild/core": "^2.0.0-rc.3",
-    "@rsbuild/plugin-vue2": "^1.1.1",
-    "typescript": "^6.0.2"
-  }
-}

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

@@ -1,7 +0,0 @@
-import { defineConfig } from '@rsbuild/core';
-import { pluginVue2 } from '@rsbuild/plugin-vue2';
-
-// Docs: https://rsbuild.rs/config/
-export default defineConfig({
-  plugins: [pluginVue2()],
-});

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

@@ -1,7 +0,0 @@
-/// <reference types="@rsbuild/core/types" />
-
-declare module '*.vue' {
-  import Vue from 'vue';
-
-  export default Vue;
-}

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

@@ -1,8 +0,0 @@
-import Vue from 'vue';
-import App from './App.vue';
-import './index.css';
-
-new Vue({
-  el: '#root',
-  render: (h) => h(App),
-});

package/template-vue2-ts/tsconfig.json

@@ -1,22 +0,0 @@
-{
-  "compilerOptions": {
-    "lib": ["DOM", "ES2020"],
-    "jsx": "preserve",
-    "target": "ES2020",
-    "noEmit": true,
-    "skipLibCheck": true,
-    "useDefineForClassFields": true,
-
-    /* modules */
-    "moduleDetection": "force",
-    "moduleResolution": "bundler",
-    "verbatimModuleSyntax": true,
-    "resolveJsonModule": true,
-    "allowImportingTsExtensions": true,
-
-    /* type checking */
-    "noUnusedLocals": true,
-    "noUnusedParameters": true
-  },
-  "include": ["src"]
-}

package/template-vue3-js/src/App.vue

@@ -1,28 +0,0 @@
-<template>
-  <div class="content">
-    <h1>Rsbuild with Vue</h1>
-    <p>Start building amazing things with Rsbuild.</p>
-  </div>
-</template>
-
-<style scoped>
-.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-vue3-js/src/index.css

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

package/template-vue3-ts/src/App.vue

@@ -1,28 +0,0 @@
-<template>
-  <div class="content">
-    <h1>Rsbuild with Vue</h1>
-    <p>Start building amazing things with Rsbuild.</p>
-  </div>
-</template>
-
-<style scoped>
-.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-vue3-ts/src/index.css

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