create-widget 24.1.1-beta.40 → 24.1.1-beta.41

package/index.cjs

@@ -7804,7 +7804,7 @@ var FileUtils = class {
         if (stats.isDirectory()) {
           await this.copyFolderRecursive(srcPath, destPath);
         } else {
-          await (0, import_fs_extra.copy)(srcPath, destPath);
+          await (0, import_fs_extra.copy)(srcPath, destPath, { overwrite: true });
         }
       }
     } catch (error) {
@@ -7845,7 +7845,9 @@ async function init() {
     { color: "#42d392", pos: 0.1 },
     { color: "#647eff", pos: 1 }
   ])(defaultBanner);
-  console.log(process2.stdout.isTTY && process2.stdout.getColorDepth() > 8 ? gradientBanner : defaultBanner);
+  console.log(
+    process2.stdout.isTTY && process2.stdout.getColorDepth() > 8 ? gradientBanner : defaultBanner
+  );
   console.log();
   const argv2 = (0, import_minimist.default)(process2.argv.slice(2), {
     alias: {
@@ -7860,6 +7862,9 @@ 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 cwd2 = process2.cwd();
   let result = {};
   result = await (0, import_prompts.default)(
@@ -7878,6 +7883,27 @@ async function init() {
           const dirForPrompt = targetDir === "." ? "Current directory" : `Target directory "${targetDir}"`;
           return `${dirForPrompt} is not empty. Remove existing files and continue?`;
         }
+      },
+      {
+        name: "useVueUse",
+        type: () => vueuse ? null : "confirm",
+        message: () => {
+          return `Use VueUse (Collection of Essential Vue Composition Utilities)?`;
+        }
+      },
+      {
+        name: "useUnoCss",
+        type: () => unocss ? null : "confirm",
+        message: () => {
+          return `Use Unocss(Atomic CSS Engine)?`;
+        }
+      },
+      {
+        name: "useIconPark",
+        type: () => iconpark ? null : "confirm",
+        message: () => {
+          return `Use IconPark (2000+ high-quality icons)?`;
+        }
       }
     ],
     {
@@ -7886,7 +7912,13 @@ async function init() {
       }
     }
   );
-  const { projectName, shouldOverwrite = argv2.force } = result;
+  const {
+    projectName,
+    shouldOverwrite = argv2.force,
+    useVueUse = argv2.vueuse,
+    useUnoCss = argv2.unocss,
+    useIconPark = argv2.iconpark
+  } = result;
   const root = import_node_path.default.join(cwd2, targetDir);
   if (import_node_fs.default.existsSync(root) && shouldOverwrite) {
     emptyDir(root);
@@ -7897,6 +7929,20 @@ async function init() {
 Scaffolding project in ${root}...`);
   const templateRoot = import_node_path.default.join(__dirname, "./template");
   await FileUtils.copyFolderRecursive(templateRoot, root);
+  const packageJsonPath = import_node_path.default.resolve(`${root}/package.json`);
+  const packageJson = JSON.parse(import_node_fs.default.readFileSync(packageJsonPath).toString());
+  if (useVueUse) {
+    packageJson.dependencies["@vueuse/core"] = "latest";
+  }
+  if (useUnoCss) {
+    packageJson.devDependencies.unocss = "latest";
+    const unocssTemplateRoot = import_node_path.default.join(__dirname, "./unocss");
+    await FileUtils.copyFolderRecursive(unocssTemplateRoot, root);
+  }
+  if (useIconPark) {
+    packageJson.dependencies["@icon-park/vue-next"] = "latest";
+  }
+  import_node_fs.default.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2));
   const userAgent = process2.env.npm_config_user_agent ?? "";
   const packageManager = /pnpm/.test(userAgent) ? "pnpm" : /yarn/.test(userAgent) ? "yarn" : "npm";
   console.log(`
@@ -7904,9 +7950,17 @@ Done. Now run:
 `);
   if (root !== cwd2) {
     const cdProjectName = import_node_path.default.relative(cwd2, root);
-    console.log(`  ${import_chalk.default.bold(import_chalk.default.green(`cd ${cdProjectName.includes(" ") ? `"${cdProjectName}"` : cdProjectName}`))}`);
+    console.log(
+      `  ${import_chalk.default.bold(
+        import_chalk.default.green(
+          `cd ${cdProjectName.includes(" ") ? `"${cdProjectName}"` : cdProjectName}`
+        )
+      )}`
+    );
   }
-  console.log(`  ${import_chalk.default.bold(import_chalk.default.green(getCommand(packageManager, "install")))}`);
+  console.log(
+    `  ${import_chalk.default.bold(import_chalk.default.green(getCommand(packageManager, "install")))}`
+  );
 }
 init().catch((e) => {
   console.error(e);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-widget",
-  "version": "24.1.1-beta.40",
+  "version": "24.1.1-beta.41",
   "private": false,
   "description": "An easy way to start a Widget project",
   "author": "Neo Fu <rtugeek@gmail.com>",
@@ -11,7 +11,8 @@
   },
   "files": [
     "index.cjs",
-    "template"
+    "template",
+    "unocss"
   ],
   "engines": {
     "node": ">=v16.20.0"
@@ -21,9 +22,6 @@
   },
   "dependencies": {
     "chalk": "^4.1.2",
-    "consola": "^2.15.3",
-    "ejs": "^3.1.8",
-    "esno": "^4.0.0",
     "fs-extra": "^11.2.0",
     "gradient-string": "^2.0.2",
     "minimist": "^1.2.8",
@@ -49,7 +47,7 @@
     "zx": "^7.2.3"
   },
   "scripts": {
-    "build": "npm run update:version && zx ./scripts/build.mjs",
+    "build": "zx ./scripts/build.mjs",
     "build:only": "zx ./scripts/build.mjs",
     "watch": "tsup-node src/index.ts --format cjs --watch",
     "build:run": "npm run build && npm exec create-widget",

package/template/package.json

@@ -11,8 +11,8 @@
   },
   "dependencies": {
     "@vueuse/core": "^11.0.1",
-    "@widget-js/core": "^24.1.1-beta.34",
-    "@widget-js/vue3": "^24.1.1-beta.33",
+    "@widget-js/core": "latest",
+    "@widget-js/vue3": "latest",
     "vue": "^3.3.11",
     "vue-router": "^4.2.5",
     "element-plus": "^2.8.1"
@@ -24,10 +24,10 @@
     "@vue/tsconfig": "^0.5.0",
     "unplugin-auto-import": "^0.11.4",
     "unplugin-vue-components": "^0.22.9",
-    "@widget-js/vite-plugin-widget": "^24.1.1-beta.30",
-    "@widget-js/cli": "^24.1.1-beta.31",
+    "@widget-js/vite-plugin-widget": "latest",
+    "@widget-js/cli": "latest",
     "typescript": "~5.3.0",
     "vite": "^5.0.10",
     "vue-tsc": "^1.8.25"
   }
-}
+}

package/template/vite.config.ts

@@ -1,17 +1,22 @@
-import { URL, fileURLToPath } from 'node:url'
-import widget from '@widget-js/vite-plugin-widget'
-import AutoImport from 'unplugin-auto-import/vite'
-import Components from 'unplugin-vue-components/vite'
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [vue(), widget(), AutoImport({ resolvers: [ElementPlusResolver()] }), Components({ resolvers: [ElementPlusResolver()] })],
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url)),
-    },
-  },
-})
+import { URL, fileURLToPath } from "node:url";
+import widget from "@widget-js/vite-plugin-widget";
+import AutoImport from "unplugin-auto-import/vite";
+import Components from "unplugin-vue-components/vite";
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    vue(),
+    widget(),
+    AutoImport({ resolvers: [ElementPlusResolver()] }),
+    Components({ resolvers: [ElementPlusResolver()] }),
+  ],
+  resolve: {
+    alias: {
+      "@": fileURLToPath(new URL("./src", import.meta.url)),
+    },
+  },
+});

package/unocss/src/main.ts

@@ -0,0 +1,13 @@
+import 'virtual:uno.css'
+import { WidgetJsPlugin } from '@widget-js/vue3'
+import '@widget-js/vue3/dist/style.css'
+import '@/assets/main.css'
+import { createApp } from 'vue'
+import App from './App.vue'
+import router from './router'
+
+const app = createApp(App)
+
+app.use(router)
+app.use(WidgetJsPlugin)
+app.mount('#app')

package/unocss/uno.config.ts

@@ -0,0 +1,5 @@
+import { defineConfig } from 'unocss'
+
+export default defineConfig({
+  // ...UnoCSS options
+})

package/unocss/vite.config.ts

@@ -0,0 +1,24 @@
+import { URL, fileURLToPath } from "node:url";
+import widget from "@widget-js/vite-plugin-widget";
+import AutoImport from "unplugin-auto-import/vite";
+import Components from "unplugin-vue-components/vite";
+import UnoCSS from 'unocss/vite'
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    vue(),
+    UnoCSS(),
+    widget(),
+    AutoImport({ resolvers: [ElementPlusResolver()] }),
+    Components({ resolvers: [ElementPlusResolver()] }),
+  ],
+  resolve: {
+    alias: {
+      "@": fileURLToPath(new URL("./src", import.meta.url)),
+    },
+  },
+});