vite-plugin-generoutes 0.2.0 → 0.2.1

package/dist/index.d.ts

@@ -10,13 +10,23 @@ import { Plugin } from 'vite';
 
 interface Options {
     /**
-     * default: `src/router/pages`
+     * pages 文件夹
+     *
+     * default: `src/pages`
      */
     pagesFolder: string;
     /**
-     * default: `src/router/generoutes.js`
+     * 路由文件路径
+     *
+     * default: `${pagesFolder}/generoutes.js`
      */
     routesPath?: string;
+    /**
+     * 是否嵌套
+     *
+     * default: false
+     */
+    nested: boolean;
 }
 declare function VitePluginGeneroutes(options?: Partial<Options>): Plugin<any>;
 

package/dist/index.js

@@ -6,39 +6,54 @@ import { parse } from "@vue/compiler-sfc";
 import { debounce, slash } from "@antfu/utils";
 import chokidar from "chokidar";
 import prettier from "prettier";
+
+// src/utils.ts
 function toPascalCase(str) {
   return str.toLowerCase().replace(/(?:^|-)([a-z])/g, (_, p1) => {
     return p1.toUpperCase();
   });
 }
+function convertToTree(routes) {
+  const nodeMap = {};
+  const result = [];
+  routes.forEach((route) => {
+    const { parent, ...node } = route;
+    nodeMap[node.name] = node;
+  });
+  routes.forEach((route) => {
+    if (route.parent) {
+      const parentNode = nodeMap[route.parent];
+      if (parentNode) {
+        if (!parentNode.children) {
+          parentNode.children = [];
+        }
+        parentNode.children.push(nodeMap[route.name]);
+      }
+    } else {
+      result.push(nodeMap[route.name]);
+    }
+  });
+  return result;
+}
+
+// src/index.ts
 var defaultOptions = {
-  pagesFolder: "src/pages"
+  pagesFolder: "src/pages",
+  nested: false
 };
 function VitePluginGeneroutes(options = {}) {
   if (options.routesPath && ![".ts", ".js"].includes(path.extname(options.routesPath)))
     throw new Error("routesPath must be a js or ts file path, such as src/router/generoutes.js");
-  const defineOptionsCache = /* @__PURE__ */ new Map();
   let rootDir;
   const pagesFolder = options.pagesFolder || defaultOptions.pagesFolder;
-  const routesPath = options.routesPath || path.resolve(pagesFolder, "generoutes.js");
-  async function writerRoutesFile() {
-    const { routes } = generateMenusAndRoutes();
-    let routesStr = `
-    // ! \u6B64\u6587\u4EF6\u7531 vite-plugin-generoutes \u81EA\u52A8\u751F\u6210\uFF0C\u5EFA\u8BAE\u6DFB\u52A0\u5230 .gitignore\uFF0C\u8BF7\u52FF\u76F4\u63A5\u5728\u6B64\u6587\u4EF6\u4FEE\u6539!!!
-    // ! This file is generated by vite-plugin-generoutes, it is recommended to add it to .gitignore, do not modify it directly in this file!!!
-
-    export const routes = ${JSON.stringify(routes, null, 2)}
-    `;
-    routesStr = routesStr.replace(/"##(.*)##"/g, (_, p1) => `() => import('${p1}')`);
-    routesStr = await prettier.format(routesStr, { parser: "babel", semi: false, singleQuote: true });
-    fs.writeFileSync(`${path.resolve(rootDir, routesPath)}`, routesStr);
-  }
-  const debounceWriter = debounce(500, writerRoutesFile);
+  const routesPath = options.routesPath || path.join(pagesFolder, "generoutes.js");
+  const nested = options.nested || defaultOptions.nested;
+  const defineOptionsCache = /* @__PURE__ */ new Map();
   function generateMenusAndRoutes() {
     const pages = globSync(`${pagesFolder}/**/index.vue`).concat(globSync(`${pagesFolder}/**/\\[...all\\].vue`));
     const routes = pages.map((filePath) => {
       filePath = slash(filePath);
-      const defineOptions = parseDefineOptions(filePath);
+      const defineOptions = parseDefineOptions(filePath) || {};
       defineOptionsCache.set(filePath, JSON.stringify(defineOptions));
       const meta = defineOptions?.meta || {};
       if (meta.enabled === false)
@@ -61,13 +76,29 @@ function VitePluginGeneroutes(options = {}) {
         name,
         path: routePath,
         component,
-        meta
+        meta,
+        parent: defineOptions?.parent
       };
     }).filter(Boolean);
     return {
-      routes
+      routes: nested ? convertToTree(routes) : routes
     };
   }
+  async function writerRoutesFile() {
+    const { routes } = generateMenusAndRoutes();
+    let routesStr = `
+    // ! \u6B64\u6587\u4EF6\u7531 vite-plugin-generoutes \u81EA\u52A8\u751F\u6210\uFF0C\u5EFA\u8BAE\u6DFB\u52A0\u5230 .gitignore\uFF0C\u8BF7\u52FF\u76F4\u63A5\u5728\u6B64\u6587\u4EF6\u4FEE\u6539!!!
+    // ! This file is generated by vite-plugin-generoutes, it is recommended to add it to .gitignore, do not modify it directly in this file!!!
+
+    export const routes = ${JSON.stringify(routes, null, 2)}
+    `;
+    routesStr = routesStr.replace(/"##(.*)##"/g, (_, p1) => `() => import('${p1}')`);
+    routesStr = await prettier.format(routesStr, { parser: "babel", semi: false, singleQuote: true });
+    const filePath = path.resolve(rootDir, routesPath);
+    await fs.ensureDir(path.dirname(filePath));
+    fs.writeFileSync(filePath, routesStr);
+  }
+  const debounceWriter = debounce(500, writerRoutesFile);
   function createWatcher() {
     const watcher = chokidar.watch([`${pagesFolder}/**/index.vue`, `${pagesFolder}/**/[...all].vue`], { ignoreInitial: true });
     return watcher.on("all", async (event, path2) => {
@@ -82,12 +113,11 @@ function VitePluginGeneroutes(options = {}) {
     name: "vite-plugin-generoutes",
     async configResolved(config) {
       rootDir = config.root;
-      await fs.ensureDir(path.dirname(routesPath));
       await writerRoutesFile();
       config.command !== "build" && createWatcher();
     },
     async handleHotUpdate({ file, read }) {
-      if (file.includes("src/pages") && (file.endsWith("index.vue") || file.endsWith("[...all].vue"))) {
+      if (file.includes(pagesFolder) && (file.endsWith("index.vue") || file.endsWith("[...all].vue"))) {
         const prevDefineOptions = defineOptionsCache.get(slash(path.relative(rootDir, file)));
         if (!prevDefineOptions) {
           debounceWriter();
@@ -106,16 +136,16 @@ function parseDefineOptions(filePath, content) {
   const { descriptor } = parse(content);
   const setupScript = descriptor.scriptSetup?.content;
   if (setupScript) {
-    const defineOptionsMatch = setupScript.match(/defineOptions\(([^)]+)\)/);
+    const defineOptionsMatch = setupScript.match(/defineOptions\s*\(\s*(\{[\s\S]*?\})\s*\)/);
     if (defineOptionsMatch) {
       try {
         return new Function(`return ${defineOptionsMatch[1]}`)();
       } catch (e) {
-        console.error(`Failed to parse defineOptions in ${filePath}:`, e);
+        throw new Error(`Failed to parse defineOptions in ${filePath}: ${e}`);
       }
     }
   }
-  return null;
+  return {};
 }
 var src_default = VitePluginGeneroutes;
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vite-plugin-generoutes",
   "type": "module",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "packageManager": "pnpm@9.1.1",
   "description": "_description_",
   "author": "Ronnie Zhang <zclzone@outlook.com>",
@@ -78,4 +78,4 @@
   "lint-staged": {
     "*": "eslint --fix"
   }
-}
+}