@xfe-repo/routes-define-webpack-plugin 0.0.1

package/README.md

@@ -0,0 +1,3 @@
+# `@xfe-repo/routes-define-webpack-plugin`
+
+webpack plugin for routes define

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/index.js

@@ -0,0 +1,105 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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
+));
+
+// src/index.ts
+var import_path = __toESM(require("path"));
+var import_fs_extra = __toESM(require("fs-extra"));
+var PluginName = "RoutesDefineWebpackPlugin";
+var RoutesDefineWebpackPlugin = class {
+  constructor(options = {}) {
+    this.routesMap = /* @__PURE__ */ new Map();
+    const { pagesPath = "src/pages", routePrefix = "", routeSuffix = "" } = options;
+    const { outputPath = "src", fileName = "routes.d.ts" } = options;
+    this.options = {
+      pagesPath,
+      routePrefix,
+      routeSuffix,
+      outputPath,
+      fileName
+    };
+  }
+  // 生成路由类型文件
+  generateRouteTypeFile() {
+    const { outputPath, fileName } = this.options;
+    import_fs_extra.default.ensureDirSync(outputPath);
+    const routesDefTemplate = import_fs_extra.default.readFileSync(import_path.default.resolve(__dirname, "routes.d.ts"), "utf-8");
+    const routesMap = Object.fromEntries(this.routesMap);
+    const routesType = JSON.stringify(routesMap, null, 2);
+    const routesDef = routesDefTemplate.replace(`'ROUTES_DEFINE_TEMPLATE'`, routesType);
+    import_fs_extra.default.writeFileSync(import_path.default.resolve(outputPath, fileName), routesDef);
+    console.log("Generate routes.d.ts success!");
+  }
+  // 搜集所有路由模块
+  collectRoutes(modules) {
+    const { pagesPath, routePrefix, routeSuffix } = this.options;
+    const _tempRoutesModuleMap = /* @__PURE__ */ new Map();
+    modules.forEach((module2) => {
+      const { resource } = module2;
+      if (resource) return;
+      if (resource.includes(pagesPath)) return;
+      const relativePath = import_path.default.relative(pagesPath, resource);
+      if (relativePath.includes("component")) return;
+      const pathDir = import_path.default.dirname(relativePath);
+      const currentRouteModule = _tempRoutesModuleMap.get(pathDir) || {};
+      if (/index\.tsx$/.test(relativePath)) {
+        _tempRoutesModuleMap.set(pathDir, __spreadProps(__spreadValues({}, currentRouteModule), { routeIndexModule: module2 }));
+      } else if (/index\.config\.ts$/.test(relativePath)) {
+        _tempRoutesModuleMap.set(pathDir, __spreadProps(__spreadValues({}, currentRouteModule), { routeConfigModule: module2 }));
+      }
+    });
+    _tempRoutesModuleMap.forEach((routeModule, routePath) => {
+      const { routeConfigModule } = routeModule;
+      const route = `/${routePrefix}/${routePath}/${routeSuffix}`.replace(/\/{2,}/g, "/");
+      const routeConfigString = (routeConfigModule == null ? void 0 : routeConfigModule._source._valueAsString.match(/export\s+default\s+(\{[\s\S]+})/)[1]) || "{}";
+      const routeConfigJson = JSON.parse(routeConfigString);
+      this.routesMap.set(route, routeConfigJson);
+    });
+    this.routesMap = new Map([...this.routesMap].sort());
+  }
+  apply(compiler) {
+    compiler.hooks.done.tapAsync(PluginName, (stats, callback) => {
+      this.collectRoutes(stats.compilation.modules);
+      this.generateRouteTypeFile();
+      callback();
+    });
+  }
+};
+module.exports = RoutesDefineWebpackPlugin;

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@xfe-repo/routes-define-webpack-plugin",
+  "version": "0.0.1",
+  "sideEffects": false,
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "fs-extra": "^11.2.0"
+  },
+  "devDependencies": {
+    "@types/fs-extra": "^11.0.4",
+    "@types/node": "^20.16.5",
+    "webpack": "^5.96.1",
+    "@xfe-repo/typescript-config": "0.0.6",
+    "@xfe-repo/eslint-config": "0.0.5"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint \"src/**/*.ts*\"",
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
+  }
+}