@keyblade/vite-plugin-vue-pro 1.0.10 → 1.0.12

package/es/index.d.ts

@@ -2,12 +2,15 @@ import { PluginOption } from 'vite';
 import { Options as VueOptions } from '@vitejs/plugin-vue';
 import { VitePluginVueDevToolsOptions } from 'vite-plugin-vue-devtools';
 import { visualizer } from 'rollup-plugin-visualizer';
+import { default as logPageRoute, LogPageRouteOptions } from './plugins/log-page-route';
+export { logPageRoute, type LogPageRouteOptions };
 export default function framework(options?: {
     /** 是否禁用 */
     disable?: {
         vue?: boolean;
         vueDevTools?: boolean;
         visualizer?: boolean;
+        logPageRoute?: boolean;
     };
     /** vue 配置 */
     vue?: VueOptions;
@@ -15,4 +18,6 @@ export default function framework(options?: {
     vueDevTools?: VitePluginVueDevToolsOptions;
     /** 打包分析 配置 */
     visualizer?: Parameters<typeof visualizer>[0];
+    /** 开发环境页面路由日志 配置 */
+    logPageRoute?: LogPageRouteOptions;
 }): PluginOption[];

package/es/index.js

@@ -1,5 +1,5 @@
-var c = (r, u, e) => new Promise((l, a) => {
-  var t = (f) => {
+var g = (r, u, e) => new Promise((c, a) => {
+  var l = (f) => {
     try {
       m(e.next(f));
     } catch (v) {
@@ -11,14 +11,15 @@ var c = (r, u, e) => new Promise((l, a) => {
     } catch (v) {
       a(v);
     }
-  }, m = (f) => f.done ? l(f.value) : Promise.resolve(f.value).then(t, h);
+  }, m = (f) => f.done ? c(f.value) : Promise.resolve(f.value).then(l, h);
   m((e = e.apply(r, u)).next());
 });
-import i from "@vitejs/plugin-vue";
+import t from "@vitejs/plugin-vue";
 import y from "vite-plugin-vue-devtools";
-import { monitorUsage as g } from "@foundbyte/security-monitor-usage";
+import { monitorUsage as P } from "@foundbyte/security-monitor-usage";
 import { visualizer as z } from "rollup-plugin-visualizer";
-function D() {
+import D from "./plugins/log-page-route.js";
+function R() {
   return {
     /** 名称 */
     name: "keyblade-pro-security-monitor",
@@ -26,16 +27,17 @@ function D() {
     enforce: "post",
     /** 启动时执行 */
     buildStart() {
-      return c(this, null, function* () {
-        yield g("未知");
+      return g(this, null, function* () {
+        yield P("未知");
       });
     }
   };
 }
-function M(r) {
+function U(r) {
   const { disable: u } = r || {}, e = [];
-  return u != null && u.vue || e.push(i(r == null ? void 0 : r.vue)), u != null && u.vueDevTools || e.push(y(r == null ? void 0 : r.vueDevTools)), u != null && u.visualizer || e.push(z(r == null ? void 0 : r.visualizer)), e.push(D()), e;
+  return u != null && u.vue || e.push(t(r == null ? void 0 : r.vue)), u != null && u.vueDevTools || e.push(y(r == null ? void 0 : r.vueDevTools)), u != null && u.visualizer || e.push(z(r == null ? void 0 : r.visualizer)), u != null && u.logPageRoute || e.push(D(r == null ? void 0 : r.logPageRoute)), e.push(R()), e;
 }
 export {
-  M as default
+  U as default,
+  D as logPageRoute
 };

package/es/plugins/log-page-route.d.ts

@@ -0,0 +1,14 @@
+import { Plugin } from 'vite';
+export interface LogPageRouteOptions {
+    /** 页面源码目录，相对于 vite 项目根目录，默认 'src/views' */
+    basePath?: string;
+    /** 输出路径前缀，用于拼接控制台可点击路径，默认 'web' */
+    outputPrefix?: string;
+}
+/**
+ * 开发环境下，在控制台输出当前访问页面对应的源码文件路径（可点击跳转）。
+ *
+ * 由前端注入脚本上报当前路由，服务端根据路由解析对应的 .vue 文件：
+ * 依次尝试 `<basePath>/<route>/index.vue` 与 `<basePath>/<route>.vue`。
+ */
+export default function logPageRoute(options?: LogPageRouteOptions): Plugin;

package/es/plugins/log-page-route.js

@@ -0,0 +1,131 @@
+import y from "node:fs";
+import n from "node:path";
+const v = "POST";
+function T(f) {
+  const { basePath: r = "src/views", outputPrefix: l = "web" } = f || {};
+  let c = "";
+  function h(t) {
+    const o = t ? [n.join(r, t, "index.vue"), n.join(r, `${t}.vue`)] : [n.join(r, "index.vue")];
+    for (const e of o) {
+      const i = n.resolve(process.cwd(), e);
+      if (y.existsSync(i))
+        return e.replace(/\\/g, "/");
+    }
+    return "";
+  }
+  return {
+    name: "keyblade-pro-log-page-route",
+    enforce: "pre",
+    apply: "serve",
+    configureServer(t) {
+      t.middlewares.use("/__log_page_route", (o, e, i) => {
+        if (o.method !== v)
+          return i();
+        const g = 1e3 * 10, d = setTimeout(() => {
+          e.statusCode = 504, e.setHeader("Content-Type", "application/json"), e.end(JSON.stringify({ success: !1, error: "Gateway Timeout" }));
+        }, g);
+        let p = "";
+        o.on("data", (a) => {
+          p += a;
+        }), o.on("end", () => {
+          try {
+            const { route: a } = JSON.parse(p), m = a.replace(/^\//, "").replace(/\/$/, "").split("?")[0], s = h(m);
+            if (s) {
+              const u = l ? n.join(l, s).replace(/\\/g, "/") : s;
+              if (u === c) {
+                clearTimeout(d), e.statusCode = 200, e.setHeader("Content-Type", "application/json"), e.end(JSON.stringify({ success: !0 }));
+                return;
+              }
+              c = u, console.info(`\x1B[32m➜ \x1B[37m正在访问: \x1B[36m${u}\x1B[0m`);
+            }
+          } catch (a) {
+          }
+          clearTimeout(d), e.statusCode = 200, e.setHeader("Content-Type", "application/json"), e.end(JSON.stringify({ success: !0 }));
+        });
+      });
+    },
+    transformIndexHtml(t) {
+      return t.replace("</head>", `
+<script>
+  (function() {
+    if (window.__logPageRouteInitialized) return;
+    window.__logPageRouteInitialized = true;
+
+    function getRoute() {
+      var hash = location.hash;
+      if (hash && hash.length > 1) {
+        return hash.slice(1).split('?')[0];
+      }
+      var pathname = location.pathname;
+      return (pathname || '/').split('?')[0];
+    }
+
+    var lastRoute = '';
+    var lastHref = location.href;
+    var sendTimer = null;
+
+    function doSend(route) {
+      var data = JSON.stringify({ route: route });
+      if (navigator.sendBeacon) {
+        navigator.sendBeacon('/__log_page_route', new Blob([data], { type: 'application/json' }));
+      } else {
+        fetch('/__log_page_route', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: data,
+          keepalive: true
+        }).catch(function() {});
+      }
+    }
+
+    function sendRoute() {
+      var route = getRoute();
+      if (!route) {
+        route = '/';
+      }
+      route = route.replace(/\\/$/, '') || '/';
+      if (route === lastRoute) return;
+      lastRoute = route;
+
+      if (sendTimer) clearTimeout(sendTimer);
+      sendTimer = setTimeout(function() {
+        doSend(route);
+      }, 100);
+    }
+
+    if (document.readyState === 'loading') {
+      document.addEventListener('DOMContentLoaded', sendRoute);
+    } else {
+      sendRoute();
+    }
+    window.addEventListener('hashchange', sendRoute);
+    var originalPushState = history.pushState;
+    var originalReplaceState = history.replaceState;
+    history.pushState = function() {
+      originalPushState.apply(history, arguments);
+      var newHref = location.href;
+      if (newHref !== lastHref) {
+        lastHref = newHref;
+        sendRoute();
+      }
+    };
+    history.replaceState = function() {
+      originalReplaceState.apply(history, arguments);
+      var newHref = location.href;
+      if (newHref !== lastHref) {
+        lastHref = newHref;
+        sendRoute();
+      }
+    };
+    window.addEventListener('popstate', function() {
+      lastHref = location.href;
+      sendRoute();
+    });
+  })();
+<\/script>` + "</head>");
+    }
+  };
+}
+export {
+  T as default
+};

package/package.json

@@ -2,7 +2,7 @@
   "name": "@keyblade/vite-plugin-vue-pro",
   "description": "KeyBlade Vite Plugin Vue Pro",
   "author": "yangshuai <704807396@qq.com>",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "private": false,
   "type": "module",
   "main": "es/index.js",