create-widget 26.7.21 → 26.7.22

package/bin/index.js

@@ -135,11 +135,7 @@ async function init() {
   let targetDir = argv2._[0];
   const defaultProjectName = !targetDir ? "widget-project" : targetDir;
   const forceOverwrite = argv2.force;
-  const unocss = argv2.unocss;
-  const vueuse = argv2.vueuse;
-  const iconpark = argv2.iconpark;
-  const githubPage = argv2.githubPage;
-  const eslintConfig = argv2.eslintConfig;
+  const npmmirror = argv2.npmmirror;
   const cwd2 = process.cwd();
   let selectedTemplateType = "react";
   let result = {};
@@ -163,6 +159,11 @@ async function init() {
           { title: "vue3 (Deprecate)", value: "vue3" }
         ]
       },
+      {
+        name: "useNpmMirror",
+        type: npmmirror ? null : "confirm",
+        message: "Use npmmirror registry? (Recommended for users in mainland China)"
+      },
       {
         name: "shouldOverwrite",
         type: () => canSkipEmptying(targetDir) || forceOverwrite ? null : "confirm",
@@ -170,41 +171,6 @@ async function init() {
           const dirForPrompt = targetDir === "." ? "Current directory" : `Target directory "${targetDir}"`;
           return `${dirForPrompt} is not empty. Remove existing files and continue?`;
         }
-      },
-      {
-        name: "useVueUse",
-        type: () => selectedTemplateType === "react" || vueuse ? null : "confirm",
-        message: () => {
-          return `Use VueUse (Collection of Essential Vue Composition Utilities)?`;
-        }
-      },
-      {
-        name: "useUnoCss",
-        type: () => selectedTemplateType === "react" || unocss ? null : "confirm",
-        message: () => {
-          return `Use Unocss(Atomic CSS Engine)?`;
-        }
-      },
-      {
-        name: "useIconPark",
-        type: () => selectedTemplateType === "react" || iconpark ? null : "confirm",
-        message: () => {
-          return `Use IconPark (2000+ high-quality icons)?`;
-        }
-      },
-      {
-        name: "useGithubPage",
-        type: () => selectedTemplateType === "react" || githubPage ? null : "confirm",
-        message: () => {
-          return `Use GitHub Page to deploy your project?`;
-        }
-      },
-      {
-        name: "useEslintConfig",
-        type: () => selectedTemplateType === "react" || eslintConfig ? null : "confirm",
-        message: () => {
-          return `Use @antfu/eslint-config (Anthony's ESLint config preset)?`;
-        }
       }
     ],
     {
@@ -216,12 +182,8 @@ async function init() {
   const {
     projectName,
     templateType = "react",
-    shouldOverwrite = argv2.force,
-    useVueUse = argv2.vueuse,
-    useUnoCss = argv2.unocss,
-    useIconPark = argv2.iconpark,
-    useGithubPage = argv2.githubPage,
-    useEslintConfig = argv2.eslintConfig
+    useNpmMirror = argv2.npmmirror,
+    shouldOverwrite = argv2.force
   } = result;
   const root = path3.join(cwd2, targetDir);
   if (fs3.existsSync(root) && shouldOverwrite) {
@@ -234,39 +196,16 @@ Scaffolding project in ${root}...`);
   if (templateType === "react") {
     const reactTemplateRoot = path3.join(__dirname, "../template/react");
     await FileUtils.copyFolderRecursive(reactTemplateRoot, root);
+    if (useNpmMirror) {
+      fs3.writeFileSync(path3.join(root, ".npmrc"), "registry=https://registry.npmmirror.com\n");
+    }
     printInstallInstructions(root, cwd2, "npm install");
     return;
   }
   const templateRoot = path3.join(__dirname, "../template/vue");
   await FileUtils.copyFolderRecursive(templateRoot, root);
-  const packageJsonPath = path3.resolve(`${root}/package.json`);
-  const packageJson = JSON.parse(fs3.readFileSync(packageJsonPath).toString());
-  if (useVueUse) {
-    packageJson.dependencies["@vueuse/core"] = "latest";
-  }
-  if (useUnoCss) {
-    packageJson.devDependencies.unocss = "latest";
-    const unocssTemplateRoot = path3.join(__dirname, "../unocss");
-    await FileUtils.copyFolderRecursive(unocssTemplateRoot, root);
-  }
-  if (useIconPark) {
-    packageJson.dependencies["@icon-park/vue-next"] = "latest";
-  }
-  if (useEslintConfig) {
-    packageJson.devDependencies["@antfu/eslint-config"] = "latest";
-    packageJson.devDependencies.eslint = "latest";
-    packageJson.scripts = {
-      ...packageJson.scripts,
-      "lint": "eslint .",
-      "lint:fix": "eslint . --fix"
-    };
-    const eslintTemplateRoot = path3.join(__dirname, "../eslint");
-    await FileUtils.copyFolderRecursive(eslintTemplateRoot, root);
-  }
-  fs3.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2));
-  if (useGithubPage) {
-    const githubPageTemplateRoot = path3.join(__dirname, "../github-page");
-    await FileUtils.copyFolderRecursive(githubPageTemplateRoot, root);
+  if (useNpmMirror) {
+    fs3.writeFileSync(path3.join(root, ".npmrc"), "registry=https://registry.npmmirror.com\n");
   }
   const userAgent = process.env.npm_config_user_agent ?? "";
   const packageManager = /pnpm/.test(userAgent) ? "pnpm" : /yarn/.test(userAgent) ? "yarn" : "npm";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-widget",
-  "version": "26.7.21",
+  "version": "26.7.22",
   "private": false,
   "description": "An easy way to start a Widget project",
   "author": "Neo Fu <rtugeek@gmail.com>",

package/readme.md

@@ -10,12 +10,10 @@ npx skills@latest add create-widget
 
 ### 创建桌面组件项目
 
-:::tip 前提条件
 
 - 熟悉命令行
 - 已安装 18.0 或更高版本的 [Node.js](https://nodejs.org/)
 - 熟悉 [Vue3](https://cn.vuejs.org/guide/quick-start.html)
-  :::
 
 在命令行中运行以下命令，创建桌面组件项目
 

package/template/react/package.json

@@ -33,8 +33,8 @@
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.1",
-    "@widget-js/cli": "24.1.1-beta.72",
-    "@widget-js/vite-plugin-widget": "24.1.1-beta.72",
+    "@widget-js/cli": "latest",
+    "@widget-js/vite-plugin-widget": "latest",
     "tailwindcss": "^4.3.3",
     "typescript": "latest",
     "vite": "latest"