create-rspack-debug 2.0.0-beta.5 → 2.0.0-beta.7

package/dist/index.js

@@ -1,7 +1,8 @@
 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 root = node_path.resolve(src_dirname, '..');
 async function getTemplateName({ template }) {
     if ('string' == typeof template) {
         const pair = template.split('-');
@@ -52,8 +53,19 @@ function mapESLintTemplate(templateName) {
     const language = templateName.split('-')[1];
     return `vanilla-${language}`;
 }
+function mapRstestTemplate(templateName) {
+    switch(templateName){
+        case 'react-js':
+        case 'react-ts':
+        case 'vue-js':
+        case 'vue-ts':
+            return templateName;
+        default:
+            return `vanilla-${templateName.split('-')[1]}`;
+    }
+}
 create({
-    root: node_path.resolve(src_dirname, '..'),
+    root: root,
     name: 'rspack',
     templates: [
         'vanilla-js',
@@ -67,5 +79,23 @@ create({
         '.npmignore'
     ],
     getTemplateName: getTemplateName,
-    mapESLintTemplate: mapESLintTemplate
+    mapESLintTemplate: mapESLintTemplate,
+    extraTools: [
+        {
+            value: 'rstest',
+            label: 'Rstest - testing',
+            order: 'pre',
+            action: ({ templateName, distFolder, addAgentsMdSearchDirs })=>{
+                const rstestTemplate = mapRstestTemplate(templateName);
+                const toolFolder = node_path.join(root, 'template-rstest');
+                const subFolder = node_path.join(toolFolder, rstestTemplate);
+                copyFolder({
+                    from: subFolder,
+                    to: distFolder,
+                    isMergePackageJson: true
+                });
+                addAgentsMdSearchDirs(toolFolder);
+            }
+        }
+    ]
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-rspack-debug",
-  "version": "2.0.0-beta.5",
+  "version": "2.0.0-beta.7",
   "homepage": "https://rspack.rs",
   "bugs": "https://github.com/web-infra-dev/rspack/issues",
   "repository": {
@@ -20,10 +20,10 @@
     "bin.js"
   ],
   "dependencies": {
-    "create-rstack": "1.8.0"
+    "create-rstack": "1.8.1"
   },
   "devDependencies": {
-    "@rslib/core": "0.19.6",
+    "@rslib/core": "0.20.0",
     "typescript": "^5.9.3"
   },
   "publishConfig": {

package/template-react-js/package.json

@@ -14,7 +14,7 @@
   "devDependencies": {
     "@rspack/cli": "workspace:*",
     "@rspack/core": "workspace:*",
-    "@rspack/dev-server": "~1.2.1",
+    "@rspack/dev-server": "2.0.0-beta.5",
     "@rspack/plugin-react-refresh": "^1.6.1",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",

package/template-react-ts/package.json

@@ -14,7 +14,7 @@
   "devDependencies": {
     "@rspack/cli": "workspace:*",
     "@rspack/core": "workspace:*",
-    "@rspack/dev-server": "~1.2.1",
+    "@rspack/dev-server": "2.0.0-beta.5",
     "@rspack/plugin-react-refresh": "^1.6.1",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",

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,14 @@
+{
+  "scripts": {
+    "test": "rstest",
+    "test:watch": "rstest --watch"
+  },
+  "devDependencies": {
+    "@rsbuild/plugin-react": "^1.4.5",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@rstest/core": "^0.9.2",
+    "happy-dom": "^20.8.3"
+  }
+}

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

@@ -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 = 'Rspack + 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,14 @@
+{
+  "scripts": {
+    "test": "rstest",
+    "test:watch": "rstest --watch"
+  },
+  "devDependencies": {
+    "@rsbuild/plugin-react": "^1.4.5",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@rstest/core": "^0.9.2",
+    "happy-dom": "^20.8.3"
+  }
+}

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

@@ -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 = 'Rspack + React + TypeScript';
+  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.9.2",
+    "happy-dom": "^20.8.3"
+  }
+}

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

@@ -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.9.2",
+    "happy-dom": "^20.8.3"
+  }
+}

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

@@ -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,14 @@
+{
+  "scripts": {
+    "test": "rstest",
+    "test:watch": "rstest --watch"
+  },
+  "devDependencies": {
+    "@rsbuild/plugin-vue": "^1.2.6",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/vue": "^8.1.0",
+    "@rstest/core": "^0.9.2",
+    "happy-dom": "^20.8.3"
+  }
+}

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

@@ -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 = 'Rspack + 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,14 @@
+{
+  "scripts": {
+    "test": "rstest",
+    "test:watch": "rstest --watch"
+  },
+  "devDependencies": {
+    "@rsbuild/plugin-vue": "^1.2.6",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/vue": "^8.1.0",
+    "@rstest/core": "^0.9.2",
+    "happy-dom": "^20.8.3"
+  }
+}

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

@@ -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 = 'Rspack + 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-vanilla-js/package.json

@@ -10,6 +10,6 @@
   "devDependencies": {
     "@rspack/cli": "workspace:*",
     "@rspack/core": "workspace:*",
-    "@rspack/dev-server": "~1.2.1"
+    "@rspack/dev-server": "2.0.0-beta.5"
   }
 }

package/template-vanilla-ts/package.json

@@ -10,7 +10,7 @@
   "devDependencies": {
     "@rspack/cli": "workspace:*",
     "@rspack/core": "workspace:*",
-    "@rspack/dev-server": "~1.2.1",
+    "@rspack/dev-server": "2.0.0-beta.5",
     "typescript": "^5.9.3"
   }
 }

package/template-vue-js/package.json

@@ -8,12 +8,12 @@
     "preview": "rspack preview"
   },
   "dependencies": {
-    "vue": "^3.5.29"
+    "vue": "^3.5.30"
   },
   "devDependencies": {
     "@rspack/cli": "workspace:*",
     "@rspack/core": "workspace:*",
-    "@rspack/dev-server": "~1.2.1",
+    "@rspack/dev-server": "2.0.0-beta.5",
     "rspack-vue-loader": "^17.5.0"
   }
 }

package/template-vue-ts/package.json

@@ -8,12 +8,12 @@
     "preview": "rspack preview"
   },
   "dependencies": {
-    "vue": "^3.5.29"
+    "vue": "^3.5.30"
   },
   "devDependencies": {
     "@rspack/cli": "workspace:*",
     "@rspack/core": "workspace:*",
-    "@rspack/dev-server": "~1.2.1",
+    "@rspack/dev-server": "2.0.0-beta.5",
     "typescript": "^5.9.3",
     "rspack-vue-loader": "^17.5.0"
   }