@tourmind-frontend/monitor-plugin-nuxt 1.1.0 → 1.2.1

package/dist/index.cjs

@@ -34,19 +34,63 @@ __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 == null ? void 0 : options.token)) throw new Error(`${LOG_PREFIX} "token" is required`);
-  if (!options.reportUrl) throw new Error(`${LOG_PREFIX} "reportUrl" is required`);
-  if (!options.uploadUrl) throw new Error(`${LOG_PREFIX} "uploadUrl" is required`);
+  if (!options.url) throw new Error(`${LOG_PREFIX} "url" is required`);
+  if (!options.token) throw new Error(`${LOG_PREFIX} "token" is required`);
+  if (!options.commit) throw new Error(`${LOG_PREFIX} "commit" is required`);
   this.extendBuild((config, { isClient, isDev }) => {
     if (isDev || !isClient) return;
     config.devtool = "hidden-source-map";
     config.plugins = config.plugins || [];
     config.plugins.push(
       new import_monitor_plugin_webpack.default({
-        url: options.uploadUrl,
+        url: options.url,
         token: options.token,
         commit: options.commit
       })
@@ -57,8 +101,40 @@ function MonitorModule(options) {
     fileName: "monitor-tracking.client.js",
     mode: "client",
     options: {
-      url: options.reportUrl,
+      url: options.url,
       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

@@ -1,12 +1,10 @@
 export interface MonitorModuleOptions {
     /** monitor 项目 token，从 web 控制台创建项目后获取，内部已绑定仓库 + 分支。 */
     token: string;
-    /** 上报接口地址，例如 `https://monitor.example.com/api/report`。 */
-    reportUrl: string;
-    /** sourcemap 上传接口地址，例如 `https://monitor.example.com/api/upload`。 */
-    uploadUrl: string;
+    /** monitor 服务的 base URL，例如 `https://monitor.example.com`。`/api/report`、`/api/upload` 由下游 tracking / plugin-webpack 内部拼接。 */
+    url: string;
     /** Commit hash，由调用方自行解析（如 `git rev-parse HEAD`）。 */
-    commit?: string;
+    commit: string;
 }
 interface NuxtBuildContext {
     isClient: boolean;
@@ -17,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;
@@ -42,8 +52,7 @@ interface NuxtModuleThis {
  * module.exports = {
  *   modules: [
  *     ['@tourmind-frontend/monitor-plugin-nuxt', {
- *       reportUrl: 'https://monitor.example.com/api/report',
- *       uploadUrl: 'https://monitor.example.com/api/upload',
+ *       url: 'https://monitor.example.com',
  *       token: process.env.MONITOR_TOKEN,
  *       commit: process.env.GIT_COMMIT,
  *     }],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tourmind-frontend/monitor-plugin-nuxt",
-  "version": "1.1.0",
+  "version": "1.2.1",
   "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",
@@ -17,12 +17,12 @@
     "node": ">=13"
   },
   "dependencies": {
-    "@tourmind-frontend/monitor-plugin-webpack": "^1.1.0"
+    "@tourmind-frontend/monitor-plugin-webpack": "^1.2.0"
   },
   "peerDependencies": {
     "nuxt": "^2.4.0",
     "vue": "^2.5.0",
-    "@tourmind-frontend/monitor-tracking": "^1.1.0"
+    "@tourmind-frontend/monitor-tracking": "^1.2.0"
   },
   "devDependencies": {
     "@types/node": "^20.0.0",