create-rsbuild 0.0.0-next-20240708070719 → 0.0.0-next-20240729023126

package/dist/index.js

@@ -38,12 +38,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 
-// ../../node_modules/.pnpm/@modern-js+module-tools@2.54.6_eslint@9.6.0_typescript@5.5.2/node_modules/@modern-js/module-tools/shims/esm.js
+// ../../node_modules/.pnpm/@modern-js+module-tools@2.56.2_typescript@5.5.2/node_modules/@modern-js/module-tools/shims/esm.js
 import { fileURLToPath } from "url";
 import path from "path";
 var getFilename, getDirname, __dirname;
 var init_esm = __esm({
-  "../../node_modules/.pnpm/@modern-js+module-tools@2.54.6_eslint@9.6.0_typescript@5.5.2/node_modules/@modern-js/module-tools/shims/esm.js"() {
+  "../../node_modules/.pnpm/@modern-js+module-tools@2.56.2_typescript@5.5.2/node_modules/@modern-js/module-tools/shims/esm.js"() {
     "use strict";
     getFilename = () => fileURLToPath(import.meta.url);
     getDirname = () => path.dirname(getFilename());
@@ -276,6 +276,229 @@ var require_cjs = __commonJS({
   }
 });
 
+// ../../node_modules/.pnpm/minimist@1.2.8/node_modules/minimist/index.js
+var require_minimist = __commonJS({
+  "../../node_modules/.pnpm/minimist@1.2.8/node_modules/minimist/index.js"(exports, module) {
+    "use strict";
+    init_esm();
+    function hasKey(obj, keys) {
+      var o2 = obj;
+      keys.slice(0, -1).forEach(function(key2) {
+        o2 = o2[key2] || {};
+      });
+      var key = keys[keys.length - 1];
+      return key in o2;
+    }
+    function isNumber(x3) {
+      if (typeof x3 === "number") {
+        return true;
+      }
+      if (/^0x[0-9a-f]+$/i.test(x3)) {
+        return true;
+      }
+      return /^[-+]?(?:\d+(?:\.\d*)?|\.\d+)(e[-+]?\d+)?$/.test(x3);
+    }
+    function isConstructorOrProto(obj, key) {
+      return key === "constructor" && typeof obj[key] === "function" || key === "__proto__";
+    }
+    module.exports = function(args, opts) {
+      if (!opts) {
+        opts = {};
+      }
+      var flags = {
+        bools: {},
+        strings: {},
+        unknownFn: null
+      };
+      if (typeof opts.unknown === "function") {
+        flags.unknownFn = opts.unknown;
+      }
+      if (typeof opts.boolean === "boolean" && opts.boolean) {
+        flags.allBools = true;
+      } else {
+        [].concat(opts.boolean).filter(Boolean).forEach(function(key2) {
+          flags.bools[key2] = true;
+        });
+      }
+      var aliases = {};
+      function aliasIsBoolean(key2) {
+        return aliases[key2].some(function(x3) {
+          return flags.bools[x3];
+        });
+      }
+      Object.keys(opts.alias || {}).forEach(function(key2) {
+        aliases[key2] = [].concat(opts.alias[key2]);
+        aliases[key2].forEach(function(x3) {
+          aliases[x3] = [key2].concat(aliases[key2].filter(function(y3) {
+            return x3 !== y3;
+          }));
+        });
+      });
+      [].concat(opts.string).filter(Boolean).forEach(function(key2) {
+        flags.strings[key2] = true;
+        if (aliases[key2]) {
+          [].concat(aliases[key2]).forEach(function(k2) {
+            flags.strings[k2] = true;
+          });
+        }
+      });
+      var defaults = opts.default || {};
+      var argv = { _: [] };
+      function argDefined(key2, arg2) {
+        return flags.allBools && /^--[^=]+$/.test(arg2) || flags.strings[key2] || flags.bools[key2] || aliases[key2];
+      }
+      function setKey(obj, keys, value2) {
+        var o2 = obj;
+        for (var i2 = 0; i2 < keys.length - 1; i2++) {
+          var key2 = keys[i2];
+          if (isConstructorOrProto(o2, key2)) {
+            return;
+          }
+          if (o2[key2] === void 0) {
+            o2[key2] = {};
+          }
+          if (o2[key2] === Object.prototype || o2[key2] === Number.prototype || o2[key2] === String.prototype) {
+            o2[key2] = {};
+          }
+          if (o2[key2] === Array.prototype) {
+            o2[key2] = [];
+          }
+          o2 = o2[key2];
+        }
+        var lastKey = keys[keys.length - 1];
+        if (isConstructorOrProto(o2, lastKey)) {
+          return;
+        }
+        if (o2 === Object.prototype || o2 === Number.prototype || o2 === String.prototype) {
+          o2 = {};
+        }
+        if (o2 === Array.prototype) {
+          o2 = [];
+        }
+        if (o2[lastKey] === void 0 || flags.bools[lastKey] || typeof o2[lastKey] === "boolean") {
+          o2[lastKey] = value2;
+        } else if (Array.isArray(o2[lastKey])) {
+          o2[lastKey].push(value2);
+        } else {
+          o2[lastKey] = [o2[lastKey], value2];
+        }
+      }
+      function setArg(key2, val, arg2) {
+        if (arg2 && flags.unknownFn && !argDefined(key2, arg2)) {
+          if (flags.unknownFn(arg2) === false) {
+            return;
+          }
+        }
+        var value2 = !flags.strings[key2] && isNumber(val) ? Number(val) : val;
+        setKey(argv, key2.split("."), value2);
+        (aliases[key2] || []).forEach(function(x3) {
+          setKey(argv, x3.split("."), value2);
+        });
+      }
+      Object.keys(flags.bools).forEach(function(key2) {
+        setArg(key2, defaults[key2] === void 0 ? false : defaults[key2]);
+      });
+      var notFlags = [];
+      if (args.indexOf("--") !== -1) {
+        notFlags = args.slice(args.indexOf("--") + 1);
+        args = args.slice(0, args.indexOf("--"));
+      }
+      for (var i = 0; i < args.length; i++) {
+        var arg = args[i];
+        var key;
+        var next;
+        if (/^--.+=/.test(arg)) {
+          var m2 = arg.match(/^--([^=]+)=([\s\S]*)$/);
+          key = m2[1];
+          var value = m2[2];
+          if (flags.bools[key]) {
+            value = value !== "false";
+          }
+          setArg(key, value, arg);
+        } else if (/^--no-.+/.test(arg)) {
+          key = arg.match(/^--no-(.+)/)[1];
+          setArg(key, false, arg);
+        } else if (/^--.+/.test(arg)) {
+          key = arg.match(/^--(.+)/)[1];
+          next = args[i + 1];
+          if (next !== void 0 && !/^(-|--)[^-]/.test(next) && !flags.bools[key] && !flags.allBools && (aliases[key] ? !aliasIsBoolean(key) : true)) {
+            setArg(key, next, arg);
+            i += 1;
+          } else if (/^(true|false)$/.test(next)) {
+            setArg(key, next === "true", arg);
+            i += 1;
+          } else {
+            setArg(key, flags.strings[key] ? "" : true, arg);
+          }
+        } else if (/^-[^-]+/.test(arg)) {
+          var letters = arg.slice(1, -1).split("");
+          var broken = false;
+          for (var j2 = 0; j2 < letters.length; j2++) {
+            next = arg.slice(j2 + 2);
+            if (next === "-") {
+              setArg(letters[j2], next, arg);
+              continue;
+            }
+            if (/[A-Za-z]/.test(letters[j2]) && next[0] === "=") {
+              setArg(letters[j2], next.slice(1), arg);
+              broken = true;
+              break;
+            }
+            if (/[A-Za-z]/.test(letters[j2]) && /-?\d+(\.\d*)?(e-?\d+)?$/.test(next)) {
+              setArg(letters[j2], next, arg);
+              broken = true;
+              break;
+            }
+            if (letters[j2 + 1] && letters[j2 + 1].match(/\W/)) {
+              setArg(letters[j2], arg.slice(j2 + 2), arg);
+              broken = true;
+              break;
+            } else {
+              setArg(letters[j2], flags.strings[letters[j2]] ? "" : true, arg);
+            }
+          }
+          key = arg.slice(-1)[0];
+          if (!broken && key !== "-") {
+            if (args[i + 1] && !/^(-|--)[^-]/.test(args[i + 1]) && !flags.bools[key] && (aliases[key] ? !aliasIsBoolean(key) : true)) {
+              setArg(key, args[i + 1], arg);
+              i += 1;
+            } else if (args[i + 1] && /^(true|false)$/.test(args[i + 1])) {
+              setArg(key, args[i + 1] === "true", arg);
+              i += 1;
+            } else {
+              setArg(key, flags.strings[key] ? "" : true, arg);
+            }
+          }
+        } else {
+          if (!flags.unknownFn || flags.unknownFn(arg) !== false) {
+            argv._.push(flags.strings._ || !isNumber(arg) ? arg : Number(arg));
+          }
+          if (opts.stopEarly) {
+            argv._.push.apply(argv._, args.slice(i + 1));
+            break;
+          }
+        }
+      }
+      Object.keys(defaults).forEach(function(k2) {
+        if (!hasKey(argv, k2.split("."))) {
+          setKey(argv, k2.split("."), defaults[k2]);
+          (aliases[k2] || []).forEach(function(x3) {
+            setKey(argv, x3.split("."), defaults[k2]);
+          });
+        }
+      });
+      if (opts["--"]) {
+        argv["--"] = notFlags.slice();
+      } else {
+        notFlags.forEach(function(k2) {
+          argv._.push(k2);
+        });
+      }
+      return argv;
+    };
+  }
+});
+
 // src/index.ts
 init_esm();
 import fs from "fs";
@@ -846,6 +1069,7 @@ function me() {
 
 // src/index.ts
 var import_deepmerge = __toESM(require_cjs());
+var import_minimist = __toESM(require_minimist());
 
 // ../../node_modules/.pnpm/rslog@1.2.2/node_modules/rslog/dist/index.mjs
 init_esm();
@@ -1140,8 +1364,12 @@ function checkCancel(value) {
   }
   return value;
 }
-function formatTargetDir(targetDir) {
-  return targetDir.trim().replace(/\/+$/g, "");
+function formatProjectName(input) {
+  const formatted = input.trim().replace(/\/+$/g, "");
+  return {
+    packageName: formatted.startsWith("@") ? formatted : path2.basename(formatted),
+    targetDir: formatted
+  };
 }
 function pkgFromUserAgent(userAgent) {
   if (!userAgent)
@@ -1157,41 +1385,43 @@ function isEmptyDir(path3) {
   const files = fs.readdirSync(path3);
   return files.length === 0 || files.length === 1 && files[0] === ".git";
 }
-async function main() {
-  console.log("");
-  logger.greet("◆  Create Rsbuild Project");
-  const cwd = process.cwd();
-  const pkgInfo = pkgFromUserAgent(process.env.npm_config_user_agent);
-  const pkgManager = pkgInfo ? pkgInfo.name : "npm";
-  const packageRoot = path2.resolve(__dirname, "..");
-  const packageJsonPath = path2.join(packageRoot, "package.json");
-  const { version } = __require(packageJsonPath);
-  let targetDir = checkCancel(
-    await te({
-      message: "Input target folder",
-      placeholder: "my-project",
-      validate(value) {
-        if (value.length === 0) {
-          return "Target folder is required";
-        }
-      }
-    })
-  );
-  targetDir = formatTargetDir(targetDir);
-  const distFolder = path2.join(cwd, targetDir);
-  if (fs.existsSync(distFolder) && !isEmptyDir(distFolder)) {
-    const option = checkCancel(
-      await ie({
-        message: `"${targetDir}" is not empty, please choose:`,
-        options: [
-          { value: "yes", label: "Continue and override files" },
-          { value: "no", label: "Cancel operation" }
-        ]
-      })
-    );
-    if (option === "no") {
-      cancelAndExit();
-    }
+function logHelpMessage() {
+  logger.log(`
+   Usage: create-rsbuild [options]
+
+   Options:
+   
+     -h, --help       display help for command
+     -d, --dir        create project in specified directory
+     -t, --template   specify the template to use
+     --tools          select additional tools (biome, eslint, prettier)
+     --override       override files in target directory
+   
+   Templates:
+   
+     react            react-ts
+     vue3             vue3-ts
+     vue2             vue2-ts
+     lit              lit-ts
+     preact           preact-ts
+     svelte           svelte-ts
+     solid            solid-ts
+     vanilla          vanilla-ts
+`);
+}
+var frameworkAlias = {
+  vue: "vue3",
+  "solid-js": "solid"
+};
+async function getTemplate({ template }) {
+  if (typeof template === "string") {
+    const pair = template.split("-");
+    const language2 = pair[1] ?? "js";
+    const framework2 = pair[0];
+    return {
+      framework: frameworkAlias[framework2] ?? framework2,
+      language: language2
+    };
   }
   const framework = checkCancel(
     await ie({
@@ -1217,7 +1447,19 @@ async function main() {
       ]
     })
   );
-  const tools = checkCancel(
+  return {
+    framework,
+    language
+  };
+}
+async function getTools({ tools, dir, template }) {
+  if (tools) {
+    return Array.isArray(tools) ? tools : [tools];
+  }
+  if (dir && template) {
+    return [];
+  }
+  return checkCancel(
     await ae({
       message: "Select additional tools (press enter to continue)",
       options: [
@@ -1228,10 +1470,62 @@ async function main() {
       required: false
     })
   );
+}
+async function main() {
+  const argv = (0, import_minimist.default)(process.argv.slice(2), {
+    alias: { h: "help", d: "dir", t: "template" }
+  });
+  console.log("");
+  logger.greet("◆  Create Rsbuild Project");
+  if (argv.help) {
+    logHelpMessage();
+    return;
+  }
+  const cwd = process.cwd();
+  const pkgInfo = pkgFromUserAgent(process.env.npm_config_user_agent);
+  const pkgManager = pkgInfo ? pkgInfo.name : "npm";
+  const packageRoot = path2.resolve(__dirname, "..");
+  const packageJsonPath = path2.join(packageRoot, "package.json");
+  const { version } = __require(packageJsonPath);
+  const projectName = argv.dir ?? checkCancel(
+    await te({
+      message: "Project name or path",
+      placeholder: "rsbuild-project",
+      defaultValue: "rsbuild-project",
+      validate(value) {
+        if (value.length === 0) {
+          return "Project name is required";
+        }
+      }
+    })
+  );
+  const { targetDir, packageName } = formatProjectName(projectName);
+  const distFolder = path2.isAbsolute(targetDir) ? targetDir : path2.join(cwd, targetDir);
+  if (!argv.override && fs.existsSync(distFolder) && !isEmptyDir(distFolder)) {
+    const option = checkCancel(
+      await ie({
+        message: `"${targetDir}" is not empty, please choose:`,
+        options: [
+          { value: "yes", label: "Continue and override files" },
+          { value: "no", label: "Cancel operation" }
+        ]
+      })
+    );
+    if (option === "no") {
+      cancelAndExit();
+    }
+  }
+  const { framework, language } = await getTemplate(argv);
+  const tools = await getTools(argv);
   const srcFolder = path2.join(packageRoot, `template-${framework}-${language}`);
   const commonFolder = path2.join(packageRoot, "template-common");
+  if (!fs.existsSync(srcFolder)) {
+    throw new Error(
+      `Invalid input: template "${framework}-${language}" not found. `
+    );
+  }
   copyFolder(commonFolder, distFolder, version);
-  copyFolder(srcFolder, distFolder, version, path2.basename(targetDir));
+  copyFolder(srcFolder, distFolder, version, packageName);
   for (const tool of tools) {
     const toolFolder = path2.join(packageRoot, `template-${tool}`);
     if (tool === "eslint") {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-rsbuild",
-  "version": "0.0.0-next-20240708070719",
+  "version": "0.0.0-next-20240729023126",
   "description": "Create a new Rsbuild project",
   "homepage": "https://rsbuild.dev",
   "repository": {
@@ -27,8 +27,10 @@
   ],
   "devDependencies": {
     "@clack/prompts": "^0.7.0",
+    "@types/minimist": "^1.2.5",
     "@types/node": "18.x",
     "deepmerge": "^4.3.1",
+    "minimist": "^1.2.8",
     "rslog": "^1.2.2",
     "typescript": "^5.5.2"
   },

package/template-eslint/common-js/package.json

@@ -6,8 +6,8 @@
     "lint": "eslint ."
   },
   "devDependencies": {
-    "@eslint/js": "^9.6.0",
-    "eslint": "^9.6.0",
+    "@eslint/js": "^9.8.0",
+    "eslint": "^9.8.0",
     "globals": "^15.8.0"
   }
 }

package/template-eslint/common-ts/package.json

@@ -6,9 +6,9 @@
     "lint": "eslint ."
   },
   "devDependencies": {
-    "@eslint/js": "^9.6.0",
-    "eslint": "^9.6.0",
+    "@eslint/js": "^9.8.0",
+    "eslint": "^9.8.0",
     "globals": "^15.8.0",
-    "typescript-eslint": "^7.15.0"
+    "typescript-eslint": "^7.17.0"
   }
 }

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

@@ -6,10 +6,10 @@
     "lint": "eslint ."
   },
   "devDependencies": {
-    "@eslint/compat": "^1.1.0",
-    "@eslint/js": "^9.6.0",
-    "eslint": "^9.6.0",
-    "eslint-plugin-react": "^7.34.3",
+    "@eslint/compat": "^1.1.1",
+    "@eslint/js": "^9.8.0",
+    "eslint": "^9.8.0",
+    "eslint-plugin-react": "^7.35.0",
     "eslint-plugin-react-hooks": "^4.6.2",
     "globals": "^15.8.0"
   }

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

@@ -6,12 +6,12 @@
     "lint": "eslint ."
   },
   "devDependencies": {
-    "@eslint/compat": "^1.1.0",
-    "@eslint/js": "^9.6.0",
-    "eslint": "^9.6.0",
-    "eslint-plugin-react": "^7.34.3",
+    "@eslint/compat": "^1.1.1",
+    "@eslint/js": "^9.8.0",
+    "eslint": "^9.8.0",
+    "eslint-plugin-react": "^7.35.0",
     "eslint-plugin-react-hooks": "^4.6.2",
     "globals": "^15.8.0",
-    "typescript-eslint": "^7.15.0"
+    "typescript-eslint": "^7.17.0"
   }
 }

package/template-eslint/svelte-js/package.json

@@ -6,9 +6,9 @@
     "lint": "eslint ."
   },
   "devDependencies": {
-    "@eslint/js": "^9.6.0",
-    "eslint": "^9.6.0",
-    "eslint-plugin-svelte": "^2.41.0",
+    "@eslint/js": "^9.8.0",
+    "eslint": "^9.8.0",
+    "eslint-plugin-svelte": "^2.43.0",
     "globals": "^15.8.0"
   }
 }

package/template-eslint/svelte-ts/package.json

@@ -6,11 +6,11 @@
     "lint": "eslint ."
   },
   "devDependencies": {
-    "@eslint/js": "^9.6.0",
-    "eslint": "^9.6.0",
-    "eslint-plugin-svelte": "^2.41.0",
+    "@eslint/js": "^9.8.0",
+    "eslint": "^9.8.0",
+    "eslint-plugin-svelte": "^2.43.0",
     "globals": "^15.8.0",
-    "typescript-eslint": "^8.0.0-alpha.39"
+    "typescript-eslint": "^8.0.0-alpha.54"
   },
   "type": "module"
 }

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

@@ -6,8 +6,8 @@
     "lint": "eslint ."
   },
   "devDependencies": {
-    "@eslint/js": "^9.6.0",
-    "eslint": "^9.6.0",
+    "@eslint/js": "^9.8.0",
+    "eslint": "^9.8.0",
     "eslint-plugin-vue": "^9.27.0",
     "globals": "^15.8.0"
   }

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

@@ -6,10 +6,10 @@
     "lint": "eslint ."
   },
   "devDependencies": {
-    "@eslint/js": "^9.6.0",
-    "eslint": "^9.6.0",
+    "@eslint/js": "^9.8.0",
+    "eslint": "^9.8.0",
     "eslint-plugin-vue": "^9.27.0",
     "globals": "^15.8.0",
-    "typescript-eslint": "^7.15.0"
+    "typescript-eslint": "^7.17.0"
   }
 }

package/template-lit-js/package.json

@@ -7,8 +7,10 @@
     "build": "rsbuild build",
     "preview": "rsbuild preview"
   },
-  "devDependencies": {
-    "@rsbuild/core": "workspace:*",
+  "dependencies": {
     "lit": "^3.1.4"
+  },
+  "devDependencies": {
+    "@rsbuild/core": "workspace:*"
   }
 }

package/template-lit-ts/package.json

@@ -7,9 +7,11 @@
     "build": "rsbuild build",
     "preview": "rsbuild preview"
   },
+  "dependencies": {
+    "lit": "^3.1.4"
+  },
   "devDependencies": {
     "@rsbuild/core": "workspace:*",
-    "lit": "^3.1.4",
     "typescript": "^5.5.2"
   }
 }

package/template-preact-js/package.json

@@ -8,7 +8,7 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
-    "preact": "^10.22.1"
+    "preact": "^10.23.1"
   },
   "devDependencies": {
     "@rsbuild/core": "workspace:*",

package/template-preact-ts/package.json

@@ -8,7 +8,7 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
-    "preact": "^10.22.1"
+    "preact": "^10.23.1"
   },
   "devDependencies": {
     "@rsbuild/core": "workspace:*",

package/template-prettier/package.json

@@ -6,6 +6,6 @@
     "format": "prettier --write ."
   },
   "devDependencies": {
-    "prettier": "^3.3.2"
+    "prettier": "^3.3.3"
   }
 }

package/template-solid-js/package.json

@@ -8,7 +8,7 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
-    "solid-js": "^1.8.18"
+    "solid-js": "^1.8.19"
   },
   "devDependencies": {
     "@rsbuild/core": "workspace:*",

package/template-solid-ts/package.json

@@ -8,7 +8,7 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
-    "solid-js": "^1.8.18"
+    "solid-js": "^1.8.19"
   },
   "devDependencies": {
     "@rsbuild/core": "workspace:*",