create-rsbuild 2.0.3 → 2.0.4

package/dist/index.js

@@ -93,6 +93,15 @@ function mapRstestTemplate(templateName) {
             return `vanilla-${templateName.split('-')[1]}`;
     }
 }
+function mapRslintTemplate(templateName) {
+    switch(templateName){
+        case 'react-js':
+        case 'react-ts':
+            return templateName;
+        default:
+            return `vanilla-${templateName.split('-')[1]}`;
+    }
+}
 const root = node_path.join(import.meta.dirname, '..');
 create({
     root: root,
@@ -111,6 +120,7 @@ create({
     ],
     getTemplateName: getTemplateName,
     mapESLintTemplate: mapESLintTemplate,
+    mapRslintTemplate: mapRslintTemplate,
     extraTools: [
         {
             value: 'rstest',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-rsbuild",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "description": "Create a new Rsbuild project",
   "homepage": "https://rsbuild.rs",
   "repository": {
@@ -22,19 +22,19 @@
     "bin.js"
   ],
   "dependencies": {
-    "create-rstack": "2.0.1"
+    "create-rstack": "2.1.1"
   },
   "devDependencies": {
     "@rslib/core": "0.21.3",
     "@types/node": "^24.12.2",
     "typescript": "^6.0.3",
-    "@rsbuild/core": "2.0.3",
     "@rsbuild/plugin-babel": "1.1.2",
     "@rsbuild/plugin-react": "2.0.0",
+    "@rsbuild/core": "2.0.4",
+    "@rsbuild/plugin-solid": "1.2.0",
     "@rsbuild/plugin-preact": "1.7.2",
-    "@rsbuild/plugin-solid": "1.1.1",
-    "@rsbuild/plugin-vue": "1.2.7",
-    "@rsbuild/plugin-svelte": "1.1.1"
+    "@rsbuild/plugin-svelte": "1.1.1",
+    "@rsbuild/plugin-vue": "1.2.7"
   },
   "engines": {
     "node": "^20.19.0 || >=22.12.0"

package/template-common/AGENTS.md

@@ -1,14 +0,0 @@
-# AGENTS.md
-
-You are an expert in JavaScript, Rsbuild, and web application development. You write maintainable, performant, and accessible code.
-
-## Commands
-
-- `{{ packageManager }} run dev` - Start the dev server
-- `{{ packageManager }} run build` - Build the app for production
-- `{{ packageManager }} run preview` - Preview the production build locally
-
-## Docs
-
-- Rsbuild: https://rsbuild.rs/llms.txt
-- Rspack: https://rspack.rs/llms.txt

package/template-common/README.md

@@ -1,36 +0,0 @@
-# Rsbuild project
-
-## Setup
-
-Install the dependencies:
-
-```bash
-{{ packageManager }} install
-```
-
-## Get started
-
-Start the dev server, and the app will be available at [http://localhost:3000](http://localhost:3000).
-
-```bash
-{{ packageManager }} run dev
-```
-
-Build the app for production:
-
-```bash
-{{ packageManager }} run build
-```
-
-Preview the production build locally:
-
-```bash
-{{ packageManager }} run preview
-```
-
-## Learn more
-
-To learn more about Rsbuild, check out the following resources:
-
-- [Rsbuild documentation](https://rsbuild.rs) - explore Rsbuild features and APIs.
-- [Rsbuild GitHub repository](https://github.com/web-infra-dev/rsbuild) - your feedback and contributions are welcome!

package/template-common/gitignore

@@ -1,16 +0,0 @@
-# Local
-.DS_Store
-*.local
-*.log*
-
-# Dist
-node_modules
-dist/
-
-# Profile
-.rspack-profile-*/
-
-# IDE
-.vscode/*
-!.vscode/extensions.json
-.idea

package/template-lit-js/package.json

@@ -1,17 +0,0 @@
-{
-  "name": "rsbuild-lit-js",
-  "version": "1.0.0",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "build": "rsbuild build",
-    "dev": "rsbuild --open",
-    "preview": "rsbuild preview"
-  },
-  "dependencies": {
-    "lit": "^3.3.2"
-  },
-  "devDependencies": {
-    "@rsbuild/core": "^2.0.0"
-  }
-}

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

@@ -1,14 +0,0 @@
-// @ts-check
-import { defineConfig } from '@rsbuild/core';
-
-// Docs: https://rsbuild.rs/config/
-export default defineConfig({
-  html: {
-    template: './src/index.html',
-  },
-  source: {
-    decorators: {
-      version: 'legacy',
-    },
-  },
-});

package/template-lit-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-lit-js/src/index.html

@@ -1,7 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head></head>
-  <body>
-    <my-element />
-  </body>
-</html>

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

@@ -1,4 +0,0 @@
-import './index.css';
-import { MyElement } from './my-element';
-
-customElements.define('my-element', MyElement);

package/template-lit-js/src/my-element.js

@@ -1,34 +0,0 @@
-import { html, css, LitElement } from 'lit';
-
-export class MyElement extends LitElement {
-  static styles = css`
-    .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;
-    }
-  `;
-
-  render() {
-    return html`
-      <div class="content">
-        <h1>Rsbuild with Lit</h1>
-        <p>Start building amazing things with Rsbuild.</p>
-      </div>
-    `;
-  }
-}

package/template-lit-ts/package.json

@@ -1,18 +0,0 @@
-{
-  "name": "rsbuild-lit-ts",
-  "version": "1.0.0",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "build": "rsbuild build",
-    "dev": "rsbuild --open",
-    "preview": "rsbuild preview"
-  },
-  "dependencies": {
-    "lit": "^3.3.2"
-  },
-  "devDependencies": {
-    "@rsbuild/core": "^2.0.0",
-    "typescript": "^6.0.3"
-  }
-}

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

@@ -1,13 +0,0 @@
-import { defineConfig } from '@rsbuild/core';
-
-// Docs: https://rsbuild.rs/config/
-export default defineConfig({
-  html: {
-    template: './src/index.html',
-  },
-  source: {
-    decorators: {
-      version: 'legacy',
-    },
-  },
-});

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

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

package/template-lit-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);
-}

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

@@ -1,7 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head></head>
-  <body>
-    <my-element />
-  </body>
-</html>

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

@@ -1,4 +0,0 @@
-import './index.css';
-import { MyElement } from './my-element';
-
-customElements.define('my-element', MyElement);

package/template-lit-ts/src/my-element.ts

@@ -1,34 +0,0 @@
-import { html, css, LitElement } from 'lit';
-
-export class MyElement extends LitElement {
-  static styles = css`
-    .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;
-    }
-  `;
-
-  render() {
-    return html`
-      <div class="content">
-        <h1>Rsbuild with Lit</h1>
-        <p>Start building amazing things with Rsbuild.</p>
-      </div>
-    `;
-  }
-}

package/template-lit-ts/tsconfig.json

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

package/template-preact-js/package.json

@@ -1,18 +0,0 @@
-{
-  "name": "rsbuild-preact-js",
-  "version": "1.0.0",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "build": "rsbuild build",
-    "dev": "rsbuild --open",
-    "preview": "rsbuild preview"
-  },
-  "dependencies": {
-    "preact": "^10.29.1"
-  },
-  "devDependencies": {
-    "@rsbuild/core": "^2.0.0",
-    "@rsbuild/plugin-preact": "^1.7.2"
-  }
-}

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

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

package/template-preact-js/src/App.css

@@ -1,26 +0,0 @@
-body {
-  margin: 0;
-  color: #fff;
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  background-image: linear-gradient(to bottom, #020917, #101725);
-}
-
-.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;
-}

package/template-preact-js/src/App.jsx

@@ -1,12 +0,0 @@
-import './App.css';
-
-const App = () => {
-  return (
-    <div className="content">
-      <h1>Rsbuild with Preact</h1>
-      <p>Start building amazing things with Rsbuild.</p>
-    </div>
-  );
-};
-
-export default App;

package/template-preact-js/src/index.jsx

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

package/template-preact-ts/package.json

@@ -1,19 +0,0 @@
-{
-  "name": "rsbuild-preact-ts",
-  "version": "1.0.0",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "build": "rsbuild build",
-    "dev": "rsbuild --open",
-    "preview": "rsbuild preview"
-  },
-  "dependencies": {
-    "preact": "^10.29.1"
-  },
-  "devDependencies": {
-    "@rsbuild/core": "^2.0.0",
-    "@rsbuild/plugin-preact": "^1.7.2",
-    "typescript": "^6.0.3"
-  }
-}

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

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

package/template-preact-ts/src/App.css

@@ -1,26 +0,0 @@
-body {
-  margin: 0;
-  color: #fff;
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  background-image: linear-gradient(to bottom, #020917, #101725);
-}
-
-.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;
-}

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

@@ -1,12 +0,0 @@
-import './App.css';
-
-const App = () => {
-  return (
-    <div className="content">
-      <h1>Rsbuild with Preact</h1>
-      <p>Start building amazing things with Rsbuild.</p>
-    </div>
-  );
-};
-
-export default App;

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

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

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

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

package/template-preact-ts/tsconfig.json

@@ -1,27 +0,0 @@
-{
-  "compilerOptions": {
-    "lib": ["DOM", "ES2020"],
-    "jsx": "react-jsx",
-    "target": "ES2020",
-    "noEmit": true,
-    "skipLibCheck": true,
-    "jsxImportSource": "preact",
-    "useDefineForClassFields": true,
-
-    /* modules */
-    "moduleDetection": "force",
-    "moduleResolution": "bundler",
-    "verbatimModuleSyntax": true,
-    "resolveJsonModule": true,
-    "allowImportingTsExtensions": true,
-    "paths": {
-      "react": ["./node_modules/preact/compat/"],
-      "react-dom": ["./node_modules/preact/compat/"]
-    },
-
-    /* type checking */
-    "noUnusedLocals": true,
-    "noUnusedParameters": true
-  },
-  "include": ["src"]
-}

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

@@ -1,6 +0,0 @@
-{
-  "devDependencies": {
-    "@rsbuild/plugin-babel": "^1.1.2",
-    "babel-plugin-react-compiler": "^1.0.0"
-  }
-}

package/template-react-compiler/react-js/rsbuild.config.js

@@ -1,18 +0,0 @@
-// @ts-check
-import { defineConfig } from '@rsbuild/core';
-import { pluginBabel } from '@rsbuild/plugin-babel';
-import { pluginReact } from '@rsbuild/plugin-react';
-
-// Docs: https://rsbuild.rs/config/
-export default defineConfig({
-  plugins: [
-    pluginReact(),
-    pluginBabel({
-      include: /\.[jt]sx?$/,
-      exclude: [/[\\/]node_modules[\\/]/],
-      babelLoaderOptions(opts) {
-        opts.plugins?.unshift('babel-plugin-react-compiler');
-      },
-    }),
-  ],
-});

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

@@ -1,6 +0,0 @@
-{
-  "devDependencies": {
-    "@rsbuild/plugin-babel": "^1.1.2",
-    "babel-plugin-react-compiler": "^1.0.0"
-  }
-}

package/template-react-compiler/react-ts/rsbuild.config.ts

@@ -1,17 +0,0 @@
-import { defineConfig } from '@rsbuild/core';
-import { pluginBabel } from '@rsbuild/plugin-babel';
-import { pluginReact } from '@rsbuild/plugin-react';
-
-// Docs: https://rsbuild.rs/config/
-export default defineConfig({
-  plugins: [
-    pluginReact(),
-    pluginBabel({
-      include: /\.[jt]sx?$/,
-      exclude: [/[\\/]node_modules[\\/]/],
-      babelLoaderOptions(opts) {
-        opts.plugins?.unshift('babel-plugin-react-compiler');
-      },
-    }),
-  ],
-});

package/template-react-js/package.json

@@ -1,19 +0,0 @@
-{
-  "name": "rsbuild-react-js",
-  "version": "1.0.0",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "build": "rsbuild build",
-    "dev": "rsbuild --open",
-    "preview": "rsbuild preview"
-  },
-  "dependencies": {
-    "react": "^19.2.5",
-    "react-dom": "^19.2.5"
-  },
-  "devDependencies": {
-    "@rsbuild/core": "^2.0.0",
-    "@rsbuild/plugin-react": "^2.0.0"
-  }
-}

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

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

package/template-react-js/src/App.css

@@ -1,26 +0,0 @@
-body {
-  margin: 0;
-  color: #fff;
-  font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
-  background-image: linear-gradient(to bottom, #020917, #101725);
-}
-
-.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;
-}

package/template-react-js/src/App.jsx

@@ -1,12 +0,0 @@
-import './App.css';
-
-const App = () => {
-  return (
-    <div className="content">
-      <h1>Rsbuild with React</h1>
-      <p>Start building amazing things with Rsbuild.</p>
-    </div>
-  );
-};
-
-export default App;

package/template-react-js/src/index.jsx

@@ -1,10 +0,0 @@
-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>,
-);