create-rsbuild 1.6.6 → 1.7.0

package/README.md

@@ -11,7 +11,7 @@ Create a new Rsbuild project.
    <img src="https://img.shields.io/npm/v/create-rsbuild?style=flat-square&colorA=564341&colorB=EDED91" alt="npm version" />
   </a>
   <img src="https://img.shields.io/badge/License-MIT-blue.svg?style=flat-square&colorA=564341&colorB=EDED91" alt="license" />
-  <a href="https://npmcharts.com/compare/create-rsbuild?minimal=true"><img src="https://img.shields.io/npm/dm/create-rsbuild.svg?style=flat-square&colorA=564341&colorB=EDED91" alt="downloads" /></a>
+  <a href="https://npmcharts.com/compare/create-rsbuild"><img src="https://img.shields.io/npm/dm/create-rsbuild.svg?style=flat-square&colorA=564341&colorB=EDED91" alt="downloads" /></a>
 </p>
 
 ## Usage

package/dist/index.js

@@ -1,6 +1,7 @@
+import node_fs from "node:fs";
 import node_path from "node:path";
 import { fileURLToPath } from "node:url";
-import { checkCancel, create, select as external_create_rstack_select } from "create-rstack";
+import { checkCancel, copyFolder, create, select as external_create_rstack_select } from "create-rstack";
 const src_dirname = node_path.dirname(fileURLToPath(import.meta.url));
 const frameworkAlias = {
     vue: 'vue3',
@@ -90,6 +91,22 @@ function mapESLintTemplate(templateName) {
     const language = templateName.split('-')[1];
     return `vanilla-${language}`;
 }
+function mapRstestTemplate(templateName) {
+    switch(templateName){
+        case 'react-js':
+        case 'react18-js':
+            return 'react-js';
+        case 'react-ts':
+        case 'react18-ts':
+            return 'react-ts';
+        case 'vue3-js':
+            return 'vue-js';
+        case 'vue3-ts':
+            return 'vue-ts';
+    }
+    const language = templateName.split('-')[1];
+    return `vanilla-${language}`;
+}
 create({
     root: node_path.resolve(src_dirname, '..'),
     name: 'rsbuild',
@@ -112,9 +129,49 @@ create({
     getTemplateName: getTemplateName,
     mapESLintTemplate: mapESLintTemplate,
     extraTools: [
+        {
+            value: 'rstest',
+            label: 'Rstest - testing',
+            order: 'pre',
+            action: ({ templateName, distFolder, addAgentsMdSearchDirs })=>{
+                const rstestTemplate = mapRstestTemplate(templateName);
+                const toolFolder = node_path.join(src_dirname, '..', 'template-rstest');
+                const subFolder = node_path.join(toolFolder, rstestTemplate);
+                copyFolder({
+                    from: subFolder,
+                    to: distFolder,
+                    isMergePackageJson: true
+                });
+                addAgentsMdSearchDirs(toolFolder);
+            }
+        },
+        {
+            value: 'tailwindcss',
+            label: 'Tailwind CSS - styling',
+            action: async ({ distFolder })=>{
+                const from = node_path.join(src_dirname, '..', 'template-tailwindcss');
+                copyFolder({
+                    from: from,
+                    to: distFolder,
+                    isMergePackageJson: true
+                });
+                const mainCssFile = [
+                    'index.css',
+                    'App.css'
+                ];
+                for (const cssFile of mainCssFile){
+                    const filePath = node_path.join(distFolder, 'src', cssFile);
+                    if (node_fs.existsSync(filePath)) {
+                        const content = await node_fs.promises.readFile(filePath, 'utf-8');
+                        await node_fs.promises.writeFile(filePath, `@import 'tailwindcss';\n\n${content}`);
+                        break;
+                    }
+                }
+            }
+        },
         {
             value: 'storybook',
-            label: 'Add Storybook for component development',
+            label: 'Storybook - component development',
             command: 'npm create storybook@latest -- --skip-install --features docs'
         }
     ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-rsbuild",
-  "version": "1.6.6",
+  "version": "1.7.0",
   "description": "Create a new Rsbuild project",
   "homepage": "https://rsbuild.rs",
   "repository": {
@@ -23,19 +23,19 @@
     "bin.js"
   ],
   "dependencies": {
-    "create-rstack": "1.7.14"
+    "create-rstack": "1.7.20"
   },
   "devDependencies": {
     "@rsbuild/plugin-react": "^1.1.0",
-    "@rslib/core": "0.18.3",
-    "@types/node": "^24.10.1",
+    "@rslib/core": "0.19.1",
+    "@types/node": "^24.10.4",
     "typescript": "^5.9.3",
-    "@rsbuild/core": "1.6.14",
-    "@rsbuild/plugin-preact": "1.6.0",
+    "@rsbuild/core": "1.7.2",
     "@rsbuild/plugin-babel": "1.0.6",
+    "@rsbuild/plugin-preact": "1.7.0",
     "@rsbuild/plugin-solid": "1.0.6",
     "@rsbuild/plugin-svelte": "1.0.11",
-    "@rsbuild/plugin-vue": "1.2.1"
+    "@rsbuild/plugin-vue": "1.2.2"
   },
   "engines": {
     "node": ">=18.12.0"

package/template-lit-js/package.json

@@ -9,9 +9,9 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
-    "lit": "^3.3.1"
+    "lit": "^3.3.2"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.6.12"
+    "@rsbuild/core": "^1.7.1"
   }
 }

package/template-lit-js/src/index.html

@@ -1,5 +1,7 @@
-<!doctype html>
-<head></head>
-<body>
-  <my-element />
-</body>
+<!DOCTYPE html>
+<html>
+  <head></head>
+  <body>
+    <my-element />
+  </body>
+</html>

package/template-lit-ts/package.json

@@ -9,10 +9,10 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
-    "lit": "^3.3.1"
+    "lit": "^3.3.2"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.6.12",
+    "@rsbuild/core": "^1.7.1",
     "typescript": "^5.9.3"
   }
 }

package/template-lit-ts/src/index.html

@@ -1,5 +1,7 @@
-<!doctype html>
-<head></head>
-<body>
-  <my-element />
-</body>
+<!DOCTYPE html>
+<html>
+  <head></head>
+  <body>
+    <my-element />
+  </body>
+</html>

package/template-preact-js/package.json

@@ -9,10 +9,10 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
-    "preact": "^10.28.0"
+    "preact": "^10.28.1"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.6.12",
-    "@rsbuild/plugin-preact": "^1.6.0"
+    "@rsbuild/core": "^1.7.1",
+    "@rsbuild/plugin-preact": "^1.7.0"
   }
 }

package/template-preact-ts/package.json

@@ -9,11 +9,11 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
-    "preact": "^10.28.0"
+    "preact": "^10.28.1"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.6.12",
-    "@rsbuild/plugin-preact": "^1.6.0",
+    "@rsbuild/core": "^1.7.1",
+    "@rsbuild/plugin-preact": "^1.7.0",
     "typescript": "^5.9.3"
   }
 }

package/template-react-js/package.json

@@ -9,11 +9,11 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
-    "react": "^19.2.1",
-    "react-dom": "^19.2.1"
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.6.12",
+    "@rsbuild/core": "^1.7.1",
     "@rsbuild/plugin-react": "^1.4.2"
   }
 }

package/template-react-ts/package.json

@@ -9,11 +9,11 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
-    "react": "^19.2.1",
-    "react-dom": "^19.2.1"
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.6.12",
+    "@rsbuild/core": "^1.7.1",
     "@rsbuild/plugin-react": "^1.4.2",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",

package/template-react18-js/package.json

@@ -13,7 +13,7 @@
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.6.12",
+    "@rsbuild/core": "^1.7.1",
     "@rsbuild/plugin-react": "^1.4.2"
   }
 }

package/template-react18-ts/package.json

@@ -13,7 +13,7 @@
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.6.12",
+    "@rsbuild/core": "^1.7.1",
     "@rsbuild/plugin-react": "^1.4.2",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",

package/template-rstest/AGENTS.md

@@ -0,0 +1,10 @@
+## Docs
+
+- Rstest: https://rstest.rs/llms.txt
+
+## Tools
+
+### Rstest
+
+- Run `{{ packageManager }} run test` to run tests
+- Run `{{ packageManager }} run test:watch` to run tests in watch mode

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

@@ -0,0 +1,13 @@
+{
+  "scripts": {
+    "test": "rstest",
+    "test:watch": "rstest --watch"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.1",
+    "@rstest/core": "^0.7.8",
+    "happy-dom": "^20.0.11"
+  }
+}

package/template-rstest/react-js/rstest.config.js

@@ -0,0 +1,9 @@
+import { pluginReact } from '@rsbuild/plugin-react';
+import { defineConfig } from '@rstest/core';
+
+// Docs: https://rstest.rs/config/
+export default defineConfig({
+  plugins: [pluginReact()],
+  testEnvironment: 'happy-dom',
+  setupFiles: ['./tests/rstest.setup.js'],
+});

package/template-rstest/react-js/tests/index.test.jsx

@@ -0,0 +1,9 @@
+import { expect, test } from '@rstest/core';
+import { render, screen } from '@testing-library/react';
+import App from '../src/App';
+
+test('renders the main page', () => {
+  const testMessage = 'Rsbuild with React';
+  render(<App />);
+  expect(screen.getByText(testMessage)).toBeInTheDocument();
+});

package/template-rstest/react-js/tests/rstest.setup.js

@@ -0,0 +1,4 @@
+import { expect } from '@rstest/core';
+import * as jestDomMatchers from '@testing-library/jest-dom/matchers';
+
+expect.extend(jestDomMatchers);

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

@@ -0,0 +1,13 @@
+{
+  "scripts": {
+    "test": "rstest",
+    "test:watch": "rstest --watch"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.1",
+    "@rstest/core": "^0.7.8",
+    "happy-dom": "^20.0.11"
+  }
+}

package/template-rstest/react-ts/rstest.config.ts

@@ -0,0 +1,9 @@
+import { pluginReact } from '@rsbuild/plugin-react';
+import { defineConfig } from '@rstest/core';
+
+// Docs: https://rstest.rs/config/
+export default defineConfig({
+  plugins: [pluginReact()],
+  testEnvironment: 'happy-dom',
+  setupFiles: ['./tests/rstest.setup.ts'],
+});

package/template-rstest/react-ts/tests/index.test.tsx

@@ -0,0 +1,9 @@
+import { expect, test } from '@rstest/core';
+import { render, screen } from '@testing-library/react';
+import App from '../src/App';
+
+test('renders the main page', () => {
+  const testMessage = 'Rsbuild with React';
+  render(<App />);
+  expect(screen.getByText(testMessage)).toBeInTheDocument();
+});

package/template-rstest/react-ts/tests/rstest.setup.ts

@@ -0,0 +1,4 @@
+import { expect } from '@rstest/core';
+import * as jestDomMatchers from '@testing-library/jest-dom/matchers';
+
+expect.extend(jestDomMatchers);

package/template-rstest/react-ts/tests/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "types": ["@testing-library/jest-dom"]
+  },
+  "include": ["./"]
+}

package/template-rstest/vanilla-js/package.json

@@ -0,0 +1,12 @@
+{
+  "scripts": {
+    "test": "rstest",
+    "test:watch": "rstest --watch"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@rstest/core": "^0.7.8",
+    "happy-dom": "^20.0.11"
+  }
+}

package/template-rstest/vanilla-js/rstest.config.js

@@ -0,0 +1,7 @@
+import { defineConfig } from '@rstest/core';
+
+// Docs: https://rstest.rs/config/
+export default defineConfig({
+  testEnvironment: 'happy-dom',
+  setupFiles: ['./tests/rstest.setup.js'],
+});

package/template-rstest/vanilla-js/tests/dom.test.js

@@ -0,0 +1,12 @@
+import { expect, test } from '@rstest/core';
+import { screen } from '@testing-library/dom';
+
+test('test dom', () => {
+  document.body.innerHTML = `
+    <span data-testid="not-empty"><span data-testid="empty"></span></span>
+    <div data-testid="visible">Visible Example</div>
+  `;
+
+  expect(screen.queryByTestId('not-empty')).toBeInTheDocument();
+  expect(screen.getByText('Visible Example')).toBeVisible();
+});

package/template-rstest/vanilla-js/tests/rstest.setup.js

@@ -0,0 +1,4 @@
+import { expect } from '@rstest/core';
+import * as jestDomMatchers from '@testing-library/jest-dom/matchers';
+
+expect.extend(jestDomMatchers);

package/template-rstest/vanilla-ts/package.json

@@ -0,0 +1,12 @@
+{
+  "scripts": {
+    "test": "rstest",
+    "test:watch": "rstest --watch"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@rstest/core": "^0.7.8",
+    "happy-dom": "^20.0.11"
+  }
+}

package/template-rstest/vanilla-ts/rstest.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from '@rstest/core';
+
+// Docs: https://rstest.rs/config/
+export default defineConfig({
+  testEnvironment: 'happy-dom',
+  setupFiles: ['./tests/rstest.setup.ts'],
+});

package/template-rstest/vanilla-ts/tests/dom.test.ts

@@ -0,0 +1,12 @@
+import { expect, test } from '@rstest/core';
+import { screen } from '@testing-library/dom';
+
+test('test dom', () => {
+  document.body.innerHTML = `
+    <span data-testid="not-empty"><span data-testid="empty"></span></span>
+    <div data-testid="visible">Visible Example</div>
+  `;
+
+  expect(screen.queryByTestId('not-empty')).toBeInTheDocument();
+  expect(screen.getByText('Visible Example')).toBeVisible();
+});

package/template-rstest/vanilla-ts/tests/rstest.setup.ts

@@ -0,0 +1,4 @@
+import { expect } from '@rstest/core';
+import * as jestDomMatchers from '@testing-library/jest-dom/matchers';
+
+expect.extend(jestDomMatchers);

package/template-rstest/vanilla-ts/tests/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "types": ["@testing-library/jest-dom"]
+  },
+  "include": ["./"]
+}

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

@@ -0,0 +1,13 @@
+{
+  "scripts": {
+    "test": "rstest",
+    "test:watch": "rstest --watch"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/vue": "^8.1.0",
+    "@rstest/core": "^0.7.8",
+    "happy-dom": "^20.0.11"
+  }
+}

package/template-rstest/vue-js/rstest.config.js

@@ -0,0 +1,9 @@
+import { pluginVue } from '@rsbuild/plugin-vue';
+import { defineConfig } from '@rstest/core';
+
+// Docs: https://rstest.rs/config/
+export default defineConfig({
+  plugins: [pluginVue()],
+  testEnvironment: 'happy-dom',
+  setupFiles: ['./tests/rstest.setup.js'],
+});

package/template-rstest/vue-js/tests/index.test.js

@@ -0,0 +1,9 @@
+import { expect, test } from '@rstest/core';
+import { render, screen } from '@testing-library/vue';
+import App from '../src/App.vue';
+
+test('renders the main page', () => {
+  const testMessage = 'Rsbuild with Vue';
+  render(App);
+  expect(screen.getByText(testMessage)).toBeInTheDocument();
+});

package/template-rstest/vue-js/tests/rstest.setup.js

@@ -0,0 +1,4 @@
+import { expect } from '@rstest/core';
+import * as jestDomMatchers from '@testing-library/jest-dom/matchers';
+
+expect.extend(jestDomMatchers);

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

@@ -0,0 +1,13 @@
+{
+  "scripts": {
+    "test": "rstest",
+    "test:watch": "rstest --watch"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/vue": "^8.1.0",
+    "@rstest/core": "^0.7.8",
+    "happy-dom": "^20.0.11"
+  }
+}

package/template-rstest/vue-ts/rstest.config.ts

@@ -0,0 +1,9 @@
+import { pluginVue } from '@rsbuild/plugin-vue';
+import { defineConfig } from '@rstest/core';
+
+// Docs: https://rstest.rs/config/
+export default defineConfig({
+  plugins: [pluginVue()],
+  testEnvironment: 'happy-dom',
+  setupFiles: ['./tests/rstest.setup.ts'],
+});

package/template-rstest/vue-ts/tests/index.test.ts

@@ -0,0 +1,9 @@
+import { expect, test } from '@rstest/core';
+import { render, screen } from '@testing-library/vue';
+import App from '../src/App.vue';
+
+test('renders the main page', () => {
+  const testMessage = 'Rsbuild with Vue';
+  render(App);
+  expect(screen.getByText(testMessage)).toBeInTheDocument();
+});

package/template-rstest/vue-ts/tests/rstest.setup.ts

@@ -0,0 +1,4 @@
+import { expect } from '@rstest/core';
+import * as jestDomMatchers from '@testing-library/jest-dom/matchers';
+
+expect.extend(jestDomMatchers);

package/template-rstest/vue-ts/tests/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "types": ["@testing-library/jest-dom"]
+  },
+  "include": ["./"]
+}

package/template-solid-js/package.json

@@ -12,7 +12,7 @@
     "solid-js": "^1.9.10"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.6.12",
+    "@rsbuild/core": "^1.7.1",
     "@rsbuild/plugin-babel": "^1.0.6",
     "@rsbuild/plugin-solid": "^1.0.6"
   }

package/template-solid-ts/package.json

@@ -12,7 +12,7 @@
     "solid-js": "^1.9.10"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.6.12",
+    "@rsbuild/core": "^1.7.1",
     "@rsbuild/plugin-babel": "^1.0.6",
     "@rsbuild/plugin-solid": "^1.0.6",
     "typescript": "^5.9.3"

package/template-svelte-js/package.json

@@ -9,10 +9,10 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
-    "svelte": "^5.45.5"
+    "svelte": "^5.46.1"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.6.12",
+    "@rsbuild/core": "^1.7.1",
     "@rsbuild/plugin-svelte": "^1.0.11"
   }
 }

package/template-svelte-ts/package.json

@@ -10,12 +10,12 @@
     "svelte-check": "svelte-check --tsconfig ./tsconfig.json"
   },
   "dependencies": {
-    "svelte": "^5.45.5"
+    "svelte": "^5.46.1"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.6.12",
+    "@rsbuild/core": "^1.7.1",
     "@rsbuild/plugin-svelte": "^1.0.11",
-    "svelte-check": "^4.3.4",
+    "svelte-check": "^4.3.5",
     "typescript": "^5.9.3"
   }
 }

package/template-tailwindcss/package.json

@@ -0,0 +1,6 @@
+{
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.18",
+    "tailwindcss": "^4.1.18"
+  }
+}

package/template-tailwindcss/postcss.config.mjs

@@ -0,0 +1,5 @@
+export default {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
+};

package/template-vanilla-js/package.json

@@ -9,6 +9,6 @@
     "preview": "rsbuild preview"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.6.12"
+    "@rsbuild/core": "^1.7.1"
   }
 }

package/template-vanilla-ts/package.json

@@ -9,7 +9,7 @@
     "preview": "rsbuild preview"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.6.12",
+    "@rsbuild/core": "^1.7.1",
     "typescript": "^5.9.3"
   }
 }

package/template-vue2-js/package.json

@@ -12,7 +12,7 @@
     "vue": "^2.7.16"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.6.12",
-    "@rsbuild/plugin-vue2": "^1.0.4"
+    "@rsbuild/core": "^1.7.1",
+    "@rsbuild/plugin-vue2": "^1.0.5"
   }
 }

package/template-vue2-ts/package.json

@@ -12,8 +12,8 @@
     "vue": "^2.7.16"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.6.12",
-    "@rsbuild/plugin-vue2": "^1.0.4",
+    "@rsbuild/core": "^1.7.1",
+    "@rsbuild/plugin-vue2": "^1.0.5",
     "typescript": "^5.9.3"
   }
 }

package/template-vue3-js/package.json

@@ -9,10 +9,10 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
-    "vue": "^3.5.25"
+    "vue": "^3.5.26"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.6.12",
-    "@rsbuild/plugin-vue": "^1.2.0"
+    "@rsbuild/core": "^1.7.1",
+    "@rsbuild/plugin-vue": "^1.2.2"
   }
 }

package/template-vue3-ts/package.json

@@ -9,11 +9,11 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
-    "vue": "^3.5.25"
+    "vue": "^3.5.26"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.6.12",
-    "@rsbuild/plugin-vue": "^1.2.0",
+    "@rsbuild/core": "^1.7.1",
+    "@rsbuild/plugin-vue": "^1.2.2",
     "typescript": "^5.9.3"
   }
 }