zixulu 1.68.0 → 1.68.2

package/dist/utils/addEslint.js

@@ -50,6 +50,10 @@ export default tseslint.config([
         },
         rules: {
             "@typescript-eslint/no-empty-object-type": "off",
+            "no-empty": "off",
+            "no-extra-boolean-cast": "off",
+            "no-unused-vars": "off",
+            "@typescript-eslint/no-unused-vars": "warn",
             "prefer-const": [
                 "off",
                 {

package/dist/utils/addEslint.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/utils/addEslint.ts"],
-  "sourcesContent": ["import { writeFile } from \"node:fs/promises\"\n\nimport { CommitType } from \"@src/constant\"\n\nimport { addDependency } from \"./addDependency\"\nimport { addScript } from \"./addScript\"\nimport { getCommitMessage } from \"./getCommitMessage\"\nimport { hasDependency } from \"./hasDependency\"\nimport { installDependceny } from \"./installDependceny\"\n\ninterface GetEslintConfigParams {\n    isReact: boolean\n}\n\nfunction getEslintConfig({ isReact }: GetEslintConfigParams) {\n    const eslintConfig = `// @ts-check\n\nimport js from \"@eslint/js\"${\n        isReact\n            ? `\nimport reactHooks from \"eslint-plugin-react-hooks\"\nimport reactRefresh from \"eslint-plugin-react-refresh\"`\n            : \"\"\n    }\nimport { globalIgnores } from \"eslint/config\"\nimport globals from \"globals\"\nimport tseslint from \"typescript-eslint\"\n\nexport default tseslint.config([\n    globalIgnores([\"dist\"]),\n    {\n        files: [\"**/*.{js,mjs,ts${isReact ? \",tsx\" : \"\"}}\"],\n        extends: [js.configs.recommended, tseslint.configs.recommended${isReact ? `, reactHooks.configs[\"recommended-latest\"], reactRefresh.configs.vite` : \"\"}],\n        languageOptions: {\n            ecmaVersion: \"latest\",\n            globals: globals.browser,\n        },\n        rules: {\n            \"@typescript-eslint/no-empty-object-type\": \"off\",\n            \"prefer-const\": [\n                \"off\",\n                {\n                    destructuring: \"any\",\n                },\n            ],\n        },\n    },\n])\n`\n    return eslintConfig\n}\n\nexport async function addEslint() {\n    const isReact = await hasDependency(\"react\")\n    const config = getEslintConfig({ isReact })\n    await writeFile(\"eslint.config.mjs\", config)\n    const packages = [\"@eslint/js\", \"typescript-eslint\", \"globals\"]\n    if (isReact) packages.push(\"eslint-plugin-react-hooks\", \"eslint-plugin-react-refresh\")\n    await addDependency({\n        package: packages,\n        type: \"devDependencies\",\n    })\n    await installDependceny()\n    await addScript({ lint: \"eslint .\" })\n    return getCommitMessage(CommitType.feature, \"add eslint\")\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA0B;AAE1B,sBAA2B;AAE3B,2BAA8B;AAC9B,uBAA0B;AAC1B,8BAAiC;AACjC,2BAA8B;AAC9B,+BAAkC;AAMlC,SAAS,gBAAgB,EAAE,QAAQ,GAA0B;AACzD,QAAM,eAAe;AAAA;AAAA,6BAGjB,UACM;AAAA;AAAA,0DAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kCASoB,UAAU,SAAS;AAAA,wEACmB,UAAU,0EAA0E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBxJ,SAAO;AACX;AAEA,eAAsB,YAAY;AAC9B,QAAM,UAAU,UAAM,oCAAc,OAAO;AAC3C,QAAM,SAAS,gBAAgB,EAAE,QAAQ,CAAC;AAC1C,YAAM,2BAAU,qBAAqB,MAAM;AAC3C,QAAM,WAAW,CAAC,cAAc,qBAAqB,SAAS;AAC9D,MAAI;AAAS,aAAS,KAAK,6BAA6B,6BAA6B;AACrF,YAAM,oCAAc;AAAA,IAChB,SAAS;AAAA,IACT,MAAM;AAAA,EACV,CAAC;AACD,YAAM,4CAAkB;AACxB,YAAM,4BAAU,EAAE,MAAM,WAAW,CAAC;AACpC,aAAO,0CAAiB,2BAAW,SAAS,YAAY;AAC5D;",
+  "sourcesContent": ["import { writeFile } from \"node:fs/promises\"\n\nimport { CommitType } from \"@src/constant\"\n\nimport { addDependency } from \"./addDependency\"\nimport { addScript } from \"./addScript\"\nimport { getCommitMessage } from \"./getCommitMessage\"\nimport { hasDependency } from \"./hasDependency\"\nimport { installDependceny } from \"./installDependceny\"\n\ninterface GetEslintConfigParams {\n    isReact: boolean\n}\n\nfunction getEslintConfig({ isReact }: GetEslintConfigParams) {\n    const eslintConfig = `// @ts-check\n\nimport js from \"@eslint/js\"${\n        isReact\n            ? `\nimport reactHooks from \"eslint-plugin-react-hooks\"\nimport reactRefresh from \"eslint-plugin-react-refresh\"`\n            : \"\"\n    }\nimport { globalIgnores } from \"eslint/config\"\nimport globals from \"globals\"\nimport tseslint from \"typescript-eslint\"\n\nexport default tseslint.config([\n    globalIgnores([\"dist\"]),\n    {\n        files: [\"**/*.{js,mjs,ts${isReact ? \",tsx\" : \"\"}}\"],\n        extends: [js.configs.recommended, tseslint.configs.recommended${isReact ? `, reactHooks.configs[\"recommended-latest\"], reactRefresh.configs.vite` : \"\"}],\n        languageOptions: {\n            ecmaVersion: \"latest\",\n            globals: globals.browser,\n        },\n        rules: {\n            \"@typescript-eslint/no-empty-object-type\": \"off\",\n            \"no-empty\": \"off\",\n            \"no-extra-boolean-cast\": \"off\",\n            \"no-unused-vars\": \"off\",\n            \"@typescript-eslint/no-unused-vars\": \"warn\",\n            \"prefer-const\": [\n                \"off\",\n                {\n                    destructuring: \"any\",\n                },\n            ],\n        },\n    },\n])\n`\n    return eslintConfig\n}\n\nexport async function addEslint() {\n    const isReact = await hasDependency(\"react\")\n    const config = getEslintConfig({ isReact })\n    await writeFile(\"eslint.config.mjs\", config)\n    const packages = [\"@eslint/js\", \"typescript-eslint\", \"globals\"]\n    if (isReact) packages.push(\"eslint-plugin-react-hooks\", \"eslint-plugin-react-refresh\")\n    await addDependency({\n        package: packages,\n        type: \"devDependencies\",\n    })\n    await installDependceny()\n    await addScript({ lint: \"eslint .\" })\n    return getCommitMessage(CommitType.feature, \"add eslint\")\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA0B;AAE1B,sBAA2B;AAE3B,2BAA8B;AAC9B,uBAA0B;AAC1B,8BAAiC;AACjC,2BAA8B;AAC9B,+BAAkC;AAMlC,SAAS,gBAAgB,EAAE,QAAQ,GAA0B;AACzD,QAAM,eAAe;AAAA;AAAA,6BAGjB,UACM;AAAA;AAAA,0DAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kCASoB,UAAU,SAAS;AAAA,wEACmB,UAAU,0EAA0E;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBxJ,SAAO;AACX;AAEA,eAAsB,YAAY;AAC9B,QAAM,UAAU,UAAM,oCAAc,OAAO;AAC3C,QAAM,SAAS,gBAAgB,EAAE,QAAQ,CAAC;AAC1C,YAAM,2BAAU,qBAAqB,MAAM;AAC3C,QAAM,WAAW,CAAC,cAAc,qBAAqB,SAAS;AAC9D,MAAI;AAAS,aAAS,KAAK,6BAA6B,6BAA6B;AACrF,YAAM,oCAAc;AAAA,IAChB,SAAS;AAAA,IACT,MAAM;AAAA,EACV,CAAC;AACD,YAAM,4CAAkB;AACxB,YAAM,4BAAU,EAAE,MAAM,WAAW,CAAC;AACpC,aAAO,0CAAiB,2BAAW,SAAS,YAAY;AAC5D;",
   "names": []
 }

package/dist/utils/rsbuild.js

@@ -36,7 +36,6 @@ var import_promises = require("fs/promises");
 var import_consola = __toESM(require("consola"));
 var import_addDependency = require("./addDependency");
 var import_checkTailwind = require("./checkTailwind");
-var import_createIndexHtml = require("./createIndexHtml");
 var import_readPackageJson = require("./readPackageJson");
 var import_readTsConfig = require("./readTsConfig");
 var import_writeRsbuildConfig = require("./writeRsbuildConfig");
@@ -45,7 +44,7 @@ async function rsbuild() {
   import_consola.default.start("开始设置 rsbuild 配置");
   const { default: inquirer } = await import("inquirer");
   await (0, import_addDependency.addDependency)({
-    package: ["@rsbuild/plugin-svgr"],
+    package: ["@rsbuild/plugin-svgr", "@rsbuild/plugin-babel", "babel-plugin-react-compiler"],
     type: "devDependencies"
   });
   const packageJson = await (0, import_readPackageJson.readPackageJson)();
@@ -53,7 +52,7 @@ async function rsbuild() {
   tsConfig.compilerOptions.lib = tsConfig.compilerOptions.lib.map((item) => item === tsConfig.compilerOptions.target ? "ESNext" : item);
   tsConfig.compilerOptions.target = "ESNext";
   await (0, import_writeTsConfig.writeTsConfig)(tsConfig);
-  const { description, title, entryId } = await inquirer.prompt([
+  const { description, title, mountId } = await inquirer.prompt([
     {
       type: "input",
       name: "description",
@@ -68,13 +67,12 @@ async function rsbuild() {
     },
     {
       type: "input",
-      name: "entryId",
+      name: "mountId",
       message: "入口 id",
       default: "root"
     }
   ]);
-  await (0, import_writeRsbuildConfig.writeRsbuildConfig)();
-  await (0, import_createIndexHtml.createIndexHtml)({ description, title, entryId });
+  await (0, import_writeRsbuildConfig.writeRsbuildConfig)({ description, title, mountId });
   await (0, import_promises.rm)(`src/App.css`, { force: true });
   await (0, import_promises.writeFile)(
     `src/index.css`,
@@ -98,12 +96,14 @@ export default App`,
   await (0, import_promises.writeFile)(
     `src/index.tsx`,
     `import { StrictMode } from "react"
-import ReactDOM from "react-dom/client"
+import { createRoot } from "react-dom/client"
 import App from "./App"
 
 import "./index.css"
 
-ReactDOM.createRoot(document.getElementById("${entryId}") as HTMLDivElement).render(
+const root = createRoot(document.getElementById("${mountId}") as HTMLDivElement)
+
+root.render(
     <StrictMode>
         <App />
     </StrictMode>

package/dist/utils/rsbuild.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/utils/rsbuild.ts"],
-  "sourcesContent": ["import { rm, writeFile } from \"fs/promises\"\nimport consola from \"consola\"\n\nimport { addDependency } from \"./addDependency\"\nimport { checkTailwind } from \"./checkTailwind\"\nimport { createIndexHtml } from \"./createIndexHtml\"\nimport { readPackageJson } from \"./readPackageJson\"\nimport { readTsConfig } from \"./readTsConfig\"\nimport { writeRsbuildConfig } from \"./writeRsbuildConfig\"\nimport { writeTsConfig } from \"./writeTsConfig\"\n\nexport async function rsbuild() {\n    consola.start(\"开始设置 rsbuild 配置\")\n    const { default: inquirer } = await import(\"inquirer\")\n    await addDependency({\n        package: [\"@rsbuild/plugin-svgr\"],\n        type: \"devDependencies\",\n    })\n    const packageJson = await readPackageJson()\n    const tsConfig = await readTsConfig()\n    tsConfig.compilerOptions.lib = tsConfig.compilerOptions.lib.map((item: string) => (item === tsConfig.compilerOptions.target ? \"ESNext\" : item))\n    tsConfig.compilerOptions.target = \"ESNext\"\n    await writeTsConfig(tsConfig)\n    const { description, title, entryId } = await inquirer.prompt([\n        {\n            type: \"input\",\n            name: \"description\",\n            message: \"项目描述\",\n            default: \"designed by someone\",\n        },\n        {\n            type: \"input\",\n            name: \"title\",\n            message: \"项目标题\",\n            default: packageJson.name,\n        },\n        {\n            type: \"input\",\n            name: \"entryId\",\n            message: \"入口 id\",\n            default: \"root\",\n        },\n    ])\n    await writeRsbuildConfig()\n    await createIndexHtml({ description, title, entryId })\n    await rm(`src/App.css`, { force: true })\n\n    await writeFile(\n        `src/index.css`,\n        (await checkTailwind())\n            ? `@tailwind base;    \n@tailwind components;\n@tailwind utilities;\n`\n            : ``,\n        \"utf-8\",\n    )\n\n    await writeFile(\n        `src/App.tsx`,\n        `import { FC } from \"react\"\n\nconst App: FC = () => {\n    return <div>Hello, World!</div>\n}\n\nexport default App`,\n        \"utf-8\",\n    )\n\n    await writeFile(\n        `src/index.tsx`,\n        `import { StrictMode } from \"react\"\nimport ReactDOM from \"react-dom/client\"\nimport App from \"./App\"\n\nimport \"./index.css\"\n\nReactDOM.createRoot(document.getElementById(\"${entryId}\") as HTMLDivElement).render(\n    <StrictMode>\n        <App />\n    </StrictMode>\n)`,\n        \"utf-8\",\n    )\n    consola.success(\"设置 rsbuild 配置成功\")\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA8B;AAC9B,qBAAoB;AAEpB,2BAA8B;AAC9B,2BAA8B;AAC9B,6BAAgC;AAChC,6BAAgC;AAChC,0BAA6B;AAC7B,gCAAmC;AACnC,2BAA8B;AAE9B,eAAsB,UAAU;AAC5B,iBAAAA,QAAQ,MAAM,iBAAiB;AAC/B,QAAM,EAAE,SAAS,SAAS,IAAI,MAAM,OAAO,UAAU;AACrD,YAAM,oCAAc;AAAA,IAChB,SAAS,CAAC,sBAAsB;AAAA,IAChC,MAAM;AAAA,EACV,CAAC;AACD,QAAM,cAAc,UAAM,wCAAgB;AAC1C,QAAM,WAAW,UAAM,kCAAa;AACpC,WAAS,gBAAgB,MAAM,SAAS,gBAAgB,IAAI,IAAI,CAAC,SAAkB,SAAS,SAAS,gBAAgB,SAAS,WAAW,IAAK;AAC9I,WAAS,gBAAgB,SAAS;AAClC,YAAM,oCAAc,QAAQ;AAC5B,QAAM,EAAE,aAAa,OAAO,QAAQ,IAAI,MAAM,SAAS,OAAO;AAAA,IAC1D;AAAA,MACI,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,IACb;AAAA,IACA;AAAA,MACI,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS,YAAY;AAAA,IACzB;AAAA,IACA;AAAA,MACI,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,IACb;AAAA,EACJ,CAAC;AACD,YAAM,8CAAmB;AACzB,YAAM,wCAAgB,EAAE,aAAa,OAAO,QAAQ,CAAC;AACrD,YAAM,oBAAG,eAAe,EAAE,OAAO,KAAK,CAAC;AAEvC,YAAM;AAAA,IACF;AAAA,IACC,UAAM,oCAAc,IACf;AAAA;AAAA;AAAA,IAIA;AAAA,IACN;AAAA,EACJ;AAEA,YAAM;AAAA,IACF;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;AAAA,EACJ;AAEA,YAAM;AAAA,IACF;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+CAMuC;AAAA;AAAA;AAAA;AAAA;AAAA,IAKvC;AAAA,EACJ;AACA,iBAAAA,QAAQ,QAAQ,iBAAiB;AACrC;",
+  "sourcesContent": ["import { rm, writeFile } from \"fs/promises\"\nimport consola from \"consola\"\n\nimport { addDependency } from \"./addDependency\"\nimport { checkTailwind } from \"./checkTailwind\"\nimport { readPackageJson } from \"./readPackageJson\"\nimport { readTsConfig } from \"./readTsConfig\"\nimport { WriteRsbuildConfigParams, writeRsbuildConfig } from \"./writeRsbuildConfig\"\nimport { writeTsConfig } from \"./writeTsConfig\"\n\nexport async function rsbuild() {\n    consola.start(\"开始设置 rsbuild 配置\")\n    const { default: inquirer } = await import(\"inquirer\")\n    await addDependency({\n        package: [\"@rsbuild/plugin-svgr\", \"@rsbuild/plugin-babel\", \"babel-plugin-react-compiler\"],\n        type: \"devDependencies\",\n    })\n    const packageJson = await readPackageJson()\n    const tsConfig = await readTsConfig()\n    tsConfig.compilerOptions.lib = tsConfig.compilerOptions.lib.map((item: string) => (item === tsConfig.compilerOptions.target ? \"ESNext\" : item))\n    tsConfig.compilerOptions.target = \"ESNext\"\n    await writeTsConfig(tsConfig)\n    const { description, title, mountId } = await inquirer.prompt<WriteRsbuildConfigParams>([\n        {\n            type: \"input\",\n            name: \"description\",\n            message: \"项目描述\",\n            default: \"designed by someone\",\n        },\n        {\n            type: \"input\",\n            name: \"title\",\n            message: \"项目标题\",\n            default: packageJson.name,\n        },\n        {\n            type: \"input\",\n            name: \"mountId\",\n            message: \"入口 id\",\n            default: \"root\",\n        },\n    ])\n    await writeRsbuildConfig({ description, title, mountId })\n    await rm(`src/App.css`, { force: true })\n\n    await writeFile(\n        `src/index.css`,\n        (await checkTailwind())\n            ? `@tailwind base;    \n@tailwind components;\n@tailwind utilities;\n`\n            : ``,\n        \"utf-8\",\n    )\n\n    await writeFile(\n        `src/App.tsx`,\n        `import { FC } from \"react\"\n\nconst App: FC = () => {\n    return <div>Hello, World!</div>\n}\n\nexport default App`,\n        \"utf-8\",\n    )\n\n    await writeFile(\n        `src/index.tsx`,\n        `import { StrictMode } from \"react\"\nimport { createRoot } from \"react-dom/client\"\nimport App from \"./App\"\n\nimport \"./index.css\"\n\nconst root = createRoot(document.getElementById(\"${mountId}\") as HTMLDivElement)\n\nroot.render(\n    <StrictMode>\n        <App />\n    </StrictMode>\n)`,\n        \"utf-8\",\n    )\n    consola.success(\"设置 rsbuild 配置成功\")\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA8B;AAC9B,qBAAoB;AAEpB,2BAA8B;AAC9B,2BAA8B;AAC9B,6BAAgC;AAChC,0BAA6B;AAC7B,gCAA6D;AAC7D,2BAA8B;AAE9B,eAAsB,UAAU;AAC5B,iBAAAA,QAAQ,MAAM,iBAAiB;AAC/B,QAAM,EAAE,SAAS,SAAS,IAAI,MAAM,OAAO,UAAU;AACrD,YAAM,oCAAc;AAAA,IAChB,SAAS,CAAC,wBAAwB,yBAAyB,6BAA6B;AAAA,IACxF,MAAM;AAAA,EACV,CAAC;AACD,QAAM,cAAc,UAAM,wCAAgB;AAC1C,QAAM,WAAW,UAAM,kCAAa;AACpC,WAAS,gBAAgB,MAAM,SAAS,gBAAgB,IAAI,IAAI,CAAC,SAAkB,SAAS,SAAS,gBAAgB,SAAS,WAAW,IAAK;AAC9I,WAAS,gBAAgB,SAAS;AAClC,YAAM,oCAAc,QAAQ;AAC5B,QAAM,EAAE,aAAa,OAAO,QAAQ,IAAI,MAAM,SAAS,OAAiC;AAAA,IACpF;AAAA,MACI,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,IACb;AAAA,IACA;AAAA,MACI,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS,YAAY;AAAA,IACzB;AAAA,IACA;AAAA,MACI,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,IACb;AAAA,EACJ,CAAC;AACD,YAAM,8CAAmB,EAAE,aAAa,OAAO,QAAQ,CAAC;AACxD,YAAM,oBAAG,eAAe,EAAE,OAAO,KAAK,CAAC;AAEvC,YAAM;AAAA,IACF;AAAA,IACC,UAAM,oCAAc,IACf;AAAA;AAAA;AAAA,IAIA;AAAA,IACN;AAAA,EACJ;AAEA,YAAM;AAAA,IACF;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA;AAAA,EACJ;AAEA,YAAM;AAAA,IACF;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mDAM2C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAO3C;AAAA,EACJ;AACA,iBAAAA,QAAQ,QAAQ,iBAAiB;AACrC;",
   "names": ["consola"]
 }

package/dist/utils/sortArrayOrObject.d.ts

@@ -3,4 +3,4 @@
  * @param data 要排序的数组或对象
  * @returns 排序后的数组或对象
  */
-export declare function sortArrayOrObject(data: Record<string, unknown> | unknown[]): Record<string, unknown> | unknown[];
+export declare function sortArrayOrObject(data: Record<string, unknown> | unknown[]): unknown[] | Record<string, unknown>;

package/dist/utils/writeRsbuildConfig.d.ts

@@ -1,2 +1,9 @@
-export declare const rsbuildConfig = "import { defineConfig } from \"@rsbuild/core\"\nimport { pluginReact } from \"@rsbuild/plugin-react\"\nimport { pluginSvgr } from \"@rsbuild/plugin-svgr\"\n\nexport default defineConfig({\n    html: {\n        template: \"public/index.html\",\n    },\n    plugins: [\n        pluginReact(),\n        pluginSvgr({\n            svgrOptions: {\n                exportType: \"default\",\n            },\n        }),\n    ],\n    server: {\n        port: 5173,\n    },\n    output: {\n        polyfill: \"usage\",\n    },\n})\n";
-export declare function writeRsbuildConfig(): Promise<void>;
+export interface WriteRsbuildConfigParams {
+    /** 项目标题 */
+    title: string;
+    /** 项目描述 */
+    description: string;
+    /** 挂载 id */
+    mountId: string;
+}
+export declare function writeRsbuildConfig({ title, description, mountId }: WriteRsbuildConfigParams): Promise<void>;

package/dist/utils/writeRsbuildConfig.js

@@ -19,24 +19,47 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/utils/writeRsbuildConfig.ts
 var writeRsbuildConfig_exports = {};
 __export(writeRsbuildConfig_exports, {
-  rsbuildConfig: () => rsbuildConfig,
   writeRsbuildConfig: () => writeRsbuildConfig
 });
 module.exports = __toCommonJS(writeRsbuildConfig_exports);
 var import_promises = require("fs/promises");
-var rsbuildConfig = `import { defineConfig } from "@rsbuild/core"
+async function writeRsbuildConfig({ title, description, mountId }) {
+  const rsbuildConfig = `import { defineConfig } from "@rsbuild/core"
+import { pluginBabel } from "@rsbuild/plugin-babel"
 import { pluginReact } from "@rsbuild/plugin-react"
 import { pluginSvgr } from "@rsbuild/plugin-svgr"
 
 export default defineConfig({
     html: {
-        template: "public/index.html",
+        title: "${title}",
+        meta: {
+            description: "${description}",
+        },
+        mountId: "${mountId}",
     },
     plugins: [
         pluginReact(),
+        pluginBabel({
+            include: /\\.(?:jsx|tsx)$/,
+            babelLoaderOptions(config) {
+                config.plugins ??= []
+                config.plugins?.unshift("babel-plugin-react-compiler")
+            },
+        }),
         pluginSvgr({
             svgrOptions: {
                 exportType: "default",
+                svgoConfig: {
+                    plugins: [
+                        {
+                            name: "prefixIds",
+                            params: {
+                                prefixIds: false,
+                                prefixClassNames: false,
+                            },
+                        },
+                    ],
+                },
             },
         }),
     ],
@@ -44,16 +67,14 @@ export default defineConfig({
         port: 5173,
     },
     output: {
-        polyfill: "usage",
+        polyfill: "entry",
     },
 })
 `;
-async function writeRsbuildConfig() {
   await (0, import_promises.writeFile)("rsbuild.config.ts", rsbuildConfig, "utf-8");
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  rsbuildConfig,
   writeRsbuildConfig
 });
 //# sourceMappingURL=writeRsbuildConfig.js.map

package/dist/utils/writeRsbuildConfig.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/utils/writeRsbuildConfig.ts"],
-  "sourcesContent": ["import { writeFile } from \"fs/promises\"\n\nexport const rsbuildConfig = `import { defineConfig } from \"@rsbuild/core\"\nimport { pluginReact } from \"@rsbuild/plugin-react\"\nimport { pluginSvgr } from \"@rsbuild/plugin-svgr\"\n\nexport default defineConfig({\n    html: {\n        template: \"public/index.html\",\n    },\n    plugins: [\n        pluginReact(),\n        pluginSvgr({\n            svgrOptions: {\n                exportType: \"default\",\n            },\n        }),\n    ],\n    server: {\n        port: 5173,\n    },\n    output: {\n        polyfill: \"usage\",\n    },\n})\n`\n\nexport async function writeRsbuildConfig() {\n    await writeFile(\"rsbuild.config.ts\", rsbuildConfig, \"utf-8\")\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA0B;AAEnB,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyB7B,eAAsB,qBAAqB;AACvC,YAAM,2BAAU,qBAAqB,eAAe,OAAO;AAC/D;",
+  "sourcesContent": ["import { writeFile } from \"fs/promises\"\n\nexport interface WriteRsbuildConfigParams {\n    /** 项目标题 */\n    title: string\n    /** 项目描述 */\n    description: string\n    /** 挂载 id */\n    mountId: string\n}\n\nexport async function writeRsbuildConfig({ title, description, mountId }: WriteRsbuildConfigParams) {\n    const rsbuildConfig = `import { defineConfig } from \"@rsbuild/core\"\nimport { pluginBabel } from \"@rsbuild/plugin-babel\"\nimport { pluginReact } from \"@rsbuild/plugin-react\"\nimport { pluginSvgr } from \"@rsbuild/plugin-svgr\"\n\nexport default defineConfig({\n    html: {\n        title: \"${title}\",\n        meta: {\n            description: \"${description}\",\n        },\n        mountId: \"${mountId}\",\n    },\n    plugins: [\n        pluginReact(),\n        pluginBabel({\n            include: /\\\\.(?:jsx|tsx)$/,\n            babelLoaderOptions(config) {\n                config.plugins ??= []\n                config.plugins?.unshift(\"babel-plugin-react-compiler\")\n            },\n        }),\n        pluginSvgr({\n            svgrOptions: {\n                exportType: \"default\",\n                svgoConfig: {\n                    plugins: [\n                        {\n                            name: \"prefixIds\",\n                            params: {\n                                prefixIds: false,\n                                prefixClassNames: false,\n                            },\n                        },\n                    ],\n                },\n            },\n        }),\n    ],\n    server: {\n        port: 5173,\n    },\n    output: {\n        polyfill: \"entry\",\n    },\n})\n`\n\n    await writeFile(\"rsbuild.config.ts\", rsbuildConfig, \"utf-8\")\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAA0B;AAW1B,eAAsB,mBAAmB,EAAE,OAAO,aAAa,QAAQ,GAA6B;AAChG,QAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAOR;AAAA;AAAA,4BAEU;AAAA;AAAA,oBAER;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqChB,YAAM,2BAAU,qBAAqB,eAAe,OAAO;AAC/D;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "zixulu",
-    "version": "1.68.0",
+    "version": "1.68.2",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
     "bin": "dist/index.js",

package/src/utils/addEslint.ts

@@ -37,6 +37,10 @@ export default tseslint.config([
         },
         rules: {
             "@typescript-eslint/no-empty-object-type": "off",
+            "no-empty": "off",
+            "no-extra-boolean-cast": "off",
+            "no-unused-vars": "off",
+            "@typescript-eslint/no-unused-vars": "warn",
             "prefer-const": [
                 "off",
                 {

package/src/utils/rsbuild.ts

@@ -3,17 +3,16 @@ import consola from "consola"
 
 import { addDependency } from "./addDependency"
 import { checkTailwind } from "./checkTailwind"
-import { createIndexHtml } from "./createIndexHtml"
 import { readPackageJson } from "./readPackageJson"
 import { readTsConfig } from "./readTsConfig"
-import { writeRsbuildConfig } from "./writeRsbuildConfig"
+import { WriteRsbuildConfigParams, writeRsbuildConfig } from "./writeRsbuildConfig"
 import { writeTsConfig } from "./writeTsConfig"
 
 export async function rsbuild() {
     consola.start("开始设置 rsbuild 配置")
     const { default: inquirer } = await import("inquirer")
     await addDependency({
-        package: ["@rsbuild/plugin-svgr"],
+        package: ["@rsbuild/plugin-svgr", "@rsbuild/plugin-babel", "babel-plugin-react-compiler"],
         type: "devDependencies",
     })
     const packageJson = await readPackageJson()
@@ -21,7 +20,7 @@ export async function rsbuild() {
     tsConfig.compilerOptions.lib = tsConfig.compilerOptions.lib.map((item: string) => (item === tsConfig.compilerOptions.target ? "ESNext" : item))
     tsConfig.compilerOptions.target = "ESNext"
     await writeTsConfig(tsConfig)
-    const { description, title, entryId } = await inquirer.prompt([
+    const { description, title, mountId } = await inquirer.prompt<WriteRsbuildConfigParams>([
         {
             type: "input",
             name: "description",
@@ -36,13 +35,12 @@ export async function rsbuild() {
         },
         {
             type: "input",
-            name: "entryId",
+            name: "mountId",
             message: "入口 id",
             default: "root",
         },
     ])
-    await writeRsbuildConfig()
-    await createIndexHtml({ description, title, entryId })
+    await writeRsbuildConfig({ description, title, mountId })
     await rm(`src/App.css`, { force: true })
 
     await writeFile(
@@ -71,12 +69,14 @@ export default App`,
     await writeFile(
         `src/index.tsx`,
         `import { StrictMode } from "react"
-import ReactDOM from "react-dom/client"
+import { createRoot } from "react-dom/client"
 import App from "./App"
 
 import "./index.css"
 
-ReactDOM.createRoot(document.getElementById("${entryId}") as HTMLDivElement).render(
+const root = createRoot(document.getElementById("${mountId}") as HTMLDivElement)
+
+root.render(
     <StrictMode>
         <App />
     </StrictMode>

package/src/utils/writeRsbuildConfig.ts

@@ -1,18 +1,51 @@
 import { writeFile } from "fs/promises"
 
-export const rsbuildConfig = `import { defineConfig } from "@rsbuild/core"
+export interface WriteRsbuildConfigParams {
+    /** 项目标题 */
+    title: string
+    /** 项目描述 */
+    description: string
+    /** 挂载 id */
+    mountId: string
+}
+
+export async function writeRsbuildConfig({ title, description, mountId }: WriteRsbuildConfigParams) {
+    const rsbuildConfig = `import { defineConfig } from "@rsbuild/core"
+import { pluginBabel } from "@rsbuild/plugin-babel"
 import { pluginReact } from "@rsbuild/plugin-react"
 import { pluginSvgr } from "@rsbuild/plugin-svgr"
 
 export default defineConfig({
     html: {
-        template: "public/index.html",
+        title: "${title}",
+        meta: {
+            description: "${description}",
+        },
+        mountId: "${mountId}",
     },
     plugins: [
         pluginReact(),
+        pluginBabel({
+            include: /\\.(?:jsx|tsx)$/,
+            babelLoaderOptions(config) {
+                config.plugins ??= []
+                config.plugins?.unshift("babel-plugin-react-compiler")
+            },
+        }),
         pluginSvgr({
             svgrOptions: {
                 exportType: "default",
+                svgoConfig: {
+                    plugins: [
+                        {
+                            name: "prefixIds",
+                            params: {
+                                prefixIds: false,
+                                prefixClassNames: false,
+                            },
+                        },
+                    ],
+                },
             },
         }),
     ],
@@ -20,11 +53,10 @@ export default defineConfig({
         port: 5173,
     },
     output: {
-        polyfill: "usage",
+        polyfill: "entry",
     },
 })
 `
 
-export async function writeRsbuildConfig() {
     await writeFile("rsbuild.config.ts", rsbuildConfig, "utf-8")
 }

package/dist/utils/createIndexHtml.d.ts

@@ -1,10 +0,0 @@
-export type CreateIndexHtmlConfig = {
-    title: string;
-    description: string;
-    entryId: string;
-};
-/**
- * 创建项目的 index.html 文件
- * @param config 配置对象，包含标题、描述和入口节点ID
- */
-export declare function createIndexHtml(config: CreateIndexHtmlConfig): Promise<void>;

package/dist/utils/createIndexHtml.js

@@ -1,69 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/utils/createIndexHtml.ts
-var createIndexHtml_exports = {};
-__export(createIndexHtml_exports, {
-  createIndexHtml: () => createIndexHtml
-});
-module.exports = __toCommonJS(createIndexHtml_exports);
-var import_promises = require("fs/promises");
-var import_consola = __toESM(require("consola"));
-async function createIndexHtml(config) {
-  const { title, description, entryId } = config;
-  const indexHtml = `<!doctype html>
-<html lang="zh">
-    <head>
-        <meta charset="UTF-8" />
-        <link rel="icon" href="/logo.webp" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <meta name="description" content="${description}" />
-        <title>${title}</title>
-    </head>
-    <body>
-        <div id="${entryId}"></div>
-    </body>
-</html>
-`;
-  const dir = await (0, import_promises.readdir)(".");
-  let hasPublic = false;
-  if (dir.includes("public")) {
-    const stats = await (0, import_promises.stat)("public");
-    if (stats.isDirectory())
-      hasPublic = true;
-  }
-  if (!hasPublic)
-    await (0, import_promises.mkdir)("public", { recursive: true });
-  await (0, import_promises.writeFile)("public/index.html", indexHtml, "utf-8");
-  import_consola.default.success("创建 index.html 成功");
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  createIndexHtml
-});
-//# sourceMappingURL=createIndexHtml.js.map

package/dist/utils/createIndexHtml.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/utils/createIndexHtml.ts"],
-  "sourcesContent": ["import { mkdir, readdir, stat, writeFile } from \"fs/promises\"\nimport consola from \"consola\"\n\nexport type CreateIndexHtmlConfig = {\n    title: string\n    description: string\n    entryId: string\n}\n\n/**\n * 创建项目的 index.html 文件\n * @param config 配置对象，包含标题、描述和入口节点ID\n */\nexport async function createIndexHtml(config: CreateIndexHtmlConfig) {\n    const { title, description, entryId } = config\n    const indexHtml = `<!doctype html>\n<html lang=\"zh\">\n    <head>\n        <meta charset=\"UTF-8\" />\n        <link rel=\"icon\" href=\"/logo.webp\" />\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n        <meta name=\"description\" content=\"${description}\" />\n        <title>${title}</title>\n    </head>\n    <body>\n        <div id=\"${entryId}\"></div>\n    </body>\n</html>\n`\n    const dir = await readdir(\".\")\n    let hasPublic = false\n    if (dir.includes(\"public\")) {\n        const stats = await stat(\"public\")\n        if (stats.isDirectory()) hasPublic = true\n    }\n    if (!hasPublic) await mkdir(\"public\", { recursive: true })\n    await writeFile(\"public/index.html\", indexHtml, \"utf-8\")\n    consola.success(\"创建 index.html 成功\")\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAgD;AAChD,qBAAoB;AAYpB,eAAsB,gBAAgB,QAA+B;AACjE,QAAM,EAAE,OAAO,aAAa,QAAQ,IAAI;AACxC,QAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4CAMsB;AAAA,iBAC3B;AAAA;AAAA;AAAA,mBAGE;AAAA;AAAA;AAAA;AAIf,QAAM,MAAM,UAAM,yBAAQ,GAAG;AAC7B,MAAI,YAAY;AAChB,MAAI,IAAI,SAAS,QAAQ,GAAG;AACxB,UAAM,QAAQ,UAAM,sBAAK,QAAQ;AACjC,QAAI,MAAM,YAAY;AAAG,kBAAY;AAAA,EACzC;AACA,MAAI,CAAC;AAAW,cAAM,uBAAM,UAAU,EAAE,WAAW,KAAK,CAAC;AACzD,YAAM,2BAAU,qBAAqB,WAAW,OAAO;AACvD,iBAAAA,QAAQ,QAAQ,kBAAkB;AACtC;",
-  "names": ["consola"]
-}

package/src/utils/createIndexHtml.ts

@@ -1,39 +0,0 @@
-import { mkdir, readdir, stat, writeFile } from "fs/promises"
-import consola from "consola"
-
-export type CreateIndexHtmlConfig = {
-    title: string
-    description: string
-    entryId: string
-}
-
-/**
- * 创建项目的 index.html 文件
- * @param config 配置对象，包含标题、描述和入口节点ID
- */
-export async function createIndexHtml(config: CreateIndexHtmlConfig) {
-    const { title, description, entryId } = config
-    const indexHtml = `<!doctype html>
-<html lang="zh">
-    <head>
-        <meta charset="UTF-8" />
-        <link rel="icon" href="/logo.webp" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <meta name="description" content="${description}" />
-        <title>${title}</title>
-    </head>
-    <body>
-        <div id="${entryId}"></div>
-    </body>
-</html>
-`
-    const dir = await readdir(".")
-    let hasPublic = false
-    if (dir.includes("public")) {
-        const stats = await stat("public")
-        if (stats.isDirectory()) hasPublic = true
-    }
-    if (!hasPublic) await mkdir("public", { recursive: true })
-    await writeFile("public/index.html", indexHtml, "utf-8")
-    consola.success("创建 index.html 成功")
-}