@tourmind-frontend/monitor-plugin-nuxt 1.2.0 → 1.3.0

package/dist/index.cjs

@@ -34,8 +34,52 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 var import_node_path = require("path");
+var import_node_fs = require("fs");
 var import_monitor_plugin_webpack = __toESM(require("@tourmind-frontend/monitor-plugin-webpack"));
 var LOG_PREFIX = "[frontend-monitor]";
+function extractFirstFrame(stack) {
+  const re = /\(?([^()\s][^():\n]*?\.(?:vue|ts|tsx|js|jsx|mjs)):(\d+)(?::(\d+))?\)?/;
+  for (const raw of stack.split("\n")) {
+    const m = raw.match(re);
+    if (!m) continue;
+    const file = m[1];
+    if (!file || file.includes("node_modules") || file.startsWith(".nuxt/")) continue;
+    return { file, line: Number(m[2]), col: m[3] ? Number(m[3]) : 0 };
+  }
+  return null;
+}
+function refineErrorLine(lines, hintLine, hintCol) {
+  var _a, _b;
+  if (hintCol > 0) return hintLine;
+  const isBoilerplate = (s) => /^\s*[\])},;]*\s*$/.test(s);
+  const cur = (_a = lines[hintLine - 1]) != null ? _a : "";
+  if (!isBoilerplate(cur)) return hintLine;
+  for (let i = hintLine - 2; i >= Math.max(0, hintLine - 4); i--) {
+    const prev = (_b = lines[i]) != null ? _b : "";
+    if (!isBoilerplate(prev) && /[A-Za-z_$][\w$]*/.test(prev)) return i + 1;
+  }
+  return hintLine;
+}
+function readSourceContext(rootDir, file, hintLine, hintCol, contextLines = 10) {
+  const abs = (0, import_node_path.isAbsolute)(file) ? file : (0, import_node_path.resolve)(rootDir, file);
+  if (!(0, import_node_fs.existsSync)(abs)) return null;
+  try {
+    const all = (0, import_node_fs.readFileSync)(abs, "utf-8").split("\n");
+    const line = refineErrorLine(all, hintLine, hintCol);
+    const idx = line - 1;
+    if (idx < 0 || idx >= all.length) return null;
+    const start = Math.max(0, idx - contextLines);
+    const end = Math.min(all.length - 1, idx + contextLines);
+    return {
+      file,
+      line,
+      context: all.slice(start, end + 1).join("\n"),
+      context_line: idx - start + 1
+    };
+  } catch {
+    return null;
+  }
+}
 function MonitorModule(options) {
   if (!options.url) throw new Error(`${LOG_PREFIX} "url" is required`);
   if (!options.token) throw new Error(`${LOG_PREFIX} "token" is required`);
@@ -61,4 +105,36 @@ function MonitorModule(options) {
       token: options.token
     }
   });
+  const ssrReportUrl = `${options.url.replace(/\/+$/, "")}/api/ssr-report`;
+  const token = options.token;
+  const rootDir = this.options.rootDir || this.options.srcDir || process.cwd();
+  this.nuxt.hook("render:errorMiddleware", (app) => {
+    app.use((err, req, _res, next) => {
+      if (typeof fetch === "function") {
+        try {
+          const e = err;
+          const stack = e && e.stack ? e.stack : String(e && e.message || e);
+          const frame = extractFirstFrame(stack);
+          const sourceCtx = frame ? readSourceContext(rootDir, frame.file, frame.line, frame.col) : null;
+          const refinedStack = sourceCtx && frame && sourceCtx.line !== frame.line ? stack.replace(
+            new RegExp(`(${frame.file.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}:)${frame.line}(:)`),
+            `$1${sourceCtx.line}$2`
+          ) : stack;
+          fetch(ssrReportUrl, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({
+              token,
+              stack: refinedStack,
+              url: req.url || "",
+              ...sourceCtx || {}
+            })
+          }).catch(() => {
+          });
+        } catch {
+        }
+      }
+      next(err);
+    });
+  });
 }

package/dist/index.d.ts

@@ -15,8 +15,20 @@ interface NuxtWebpackConfig {
     plugins?: unknown[];
     devtool?: string | false;
 }
+interface ConnectApp {
+    use(handler: (err: unknown, req: {
+        url?: string;
+    }, res: unknown, next: (err?: unknown) => void) => void): void;
+}
+interface NuxtInstance {
+    hook(name: "render:errorMiddleware", handler: (app: ConnectApp) => void): void;
+}
 interface NuxtModuleThis {
-    options: unknown;
+    options: {
+        rootDir?: string;
+        srcDir?: string;
+    } & Record<string, unknown>;
+    nuxt: NuxtInstance;
     extendBuild(fn: (config: NuxtWebpackConfig, ctx: NuxtBuildContext) => void): void;
     addPlugin(opts: {
         src: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tourmind-frontend/monitor-plugin-nuxt",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Nuxt 2 module that captures runtime errors and uploads sourcemaps to a frontend-monitor server.",
   "main": "./dist/index.cjs",
   "types": "./dist/index.d.ts",
@@ -22,7 +22,7 @@
   "peerDependencies": {
     "nuxt": "^2.4.0",
     "vue": "^2.5.0",
-    "@tourmind-frontend/monitor-tracking": "^1.2.0"
+    "@tourmind-frontend/monitor-tracking": "^1.3.0"
   },
   "devDependencies": {
     "@types/node": "^20.0.0",

package/templates/plugin.client.js

@@ -7,7 +7,7 @@ export default function () {
     url: "<%= options.url %>",
     token: "<%= options.token %>",
     // 桥接 Vue 2 的 errorHandler，链式调用既有 handler，不覆盖。
-    callback: function (handler) {
+    listener: function (handler) {
       var existing = Vue.config.errorHandler;
       Vue.config.errorHandler = function (err, vm, info) {
         try {