@tourmind-frontend/monitor-plugin-vite 1.2.0 → 1.6.0

package/dist/index.cjs

@@ -33,6 +33,7 @@ __export(src_exports, {
   default: () => uploadSourceMapPlugin
 });
 module.exports = __toCommonJS(src_exports);
+var import_zlib = require("zlib");
 var import_axios = __toESM(require("axios"), 1);
 var import_form_data = __toESM(require("form-data"), 1);
 var LOG_PREFIX = "[frontend-monitor]";
@@ -43,6 +44,11 @@ function defaultLogger(level, msg, extra) {
   else if (level === "warn") console.warn(line, tail);
   else console.error(line, tail);
 }
+function formatSize(bytes) {
+  if (bytes >= 1024 * 1024) return `${(bytes / 1024 / 1024).toFixed(1)}MB`;
+  if (bytes >= 1024) return `${(bytes / 1024).toFixed(1)}KB`;
+  return `${bytes}B`;
+}
 function extractSourceMaps(bundle) {
   const result = [];
   for (const fileName of Object.keys(bundle)) {
@@ -60,10 +66,16 @@ function extractSourceMaps(bundle) {
 }
 async function uploadFiles({ url, query, files }) {
   const form = new import_form_data.default();
+  let rawBytes = 0;
+  let gzipBytes = 0;
   for (const [filename, content] of files) {
-    form.append("file", Buffer.from(content, "utf-8"), { filename });
+    const raw = Buffer.from(content, "utf-8");
+    const gz = (0, import_zlib.gzipSync)(raw);
+    rawBytes += raw.byteLength;
+    gzipBytes += gz.byteLength;
+    form.append("file", gz, { filename });
   }
-  const qs = new URLSearchParams(query).toString();
+  const qs = new URLSearchParams({ ...query, encoding: "gzip" }).toString();
   const fullUrl = `${url}${url.includes("?") ? "&" : "?"}${qs}`;
   await (0, import_axios.default)({
     method: "POST",
@@ -73,11 +85,15 @@ async function uploadFiles({ url, query, files }) {
     maxBodyLength: Infinity,
     maxContentLength: Infinity
   });
+  return { rawBytes, gzipBytes };
 }
 function uploadSourceMapPlugin(options) {
   var _a;
   if (!options.url) throw new Error(`${LOG_PREFIX} "url" is required`);
-  if (!options.token) throw new Error(`${LOG_PREFIX} "token" is required`);
+  if (!options.authToken) throw new Error(`${LOG_PREFIX} "authToken" is required`);
+  if (!options.authToken.startsWith("fm_at_")) {
+    throw new Error(`${LOG_PREFIX} "authToken" must start with "fm_at_"; do not use the client key here`);
+  }
   if (!options.commit) throw new Error(`${LOG_PREFIX} "commit" is required`);
   const log = (_a = options.logger) != null ? _a : defaultLogger;
   const uploadUrl = `${options.url.replace(/\/+$/, "")}/api/upload`;
@@ -102,11 +118,16 @@ function uploadSourceMapPlugin(options) {
       const commit = (_a2 = options.commit) != null ? _a2 : "";
       const timestamp = (_b = options.timestamp) != null ? _b : Date.now();
       const query = {
-        token: options.token,
+        token: options.authToken,
         timestamp: String(timestamp)
       };
       if (commit) query.commit = commit;
-      uploadPromise = uploadFiles({ url: uploadUrl, query, files }).then(() => log("info", `uploaded ${files.length} sourcemap file(s) (commit=${commit || "-"})`)).catch((err) => log("error", "upload failed", err instanceof Error ? err.message : err));
+      uploadPromise = uploadFiles({ url: uploadUrl, query, files }).then(
+        ({ rawBytes, gzipBytes }) => log(
+          "info",
+          `uploaded ${files.length} sourcemap file(s) (commit=${commit || "-"}, ${formatSize(rawBytes)} -> ${formatSize(gzipBytes)} gzipped)`
+        )
+      ).catch((err) => log("error", "upload failed", err instanceof Error ? err.message : err));
     },
     async closeBundle() {
       if (uploadPromise) await uploadPromise;

package/dist/index.d.ts

@@ -2,8 +2,8 @@ import { Plugin } from "vite";
 export interface UploadSourceMapOptions {
     /** monitor 服务的 base URL，例如 `https://monitor.example.com`。内部拼接 `/api/upload`。 */
     url: string;
-    /** monitor 项目 token，从 web 控制台创建项目后获取，内部已绑定仓库 + 分支。 */
-    token: string;
+    /** monitor 项目 auth token（前缀 `fm_at_`），仅供 CI / 构建机使用，从 web 控制台「项目」页获取。 */
+    authToken: string;
     /** Commit hash，由调用方自行解析（如 `git rev-parse HEAD`）。 */
     commit: string;
     /** 构建时间戳（毫秒），未设置时取上传时刻的 `Date.now()`。 */

package/dist/index.js

@@ -1,4 +1,5 @@
 // extensions/plugin-vite/src/index.ts
+import { gzipSync } from "zlib";
 import axios from "axios";
 import FormData from "form-data";
 var LOG_PREFIX = "[frontend-monitor]";
@@ -9,6 +10,11 @@ function defaultLogger(level, msg, extra) {
   else if (level === "warn") console.warn(line, tail);
   else console.error(line, tail);
 }
+function formatSize(bytes) {
+  if (bytes >= 1024 * 1024) return `${(bytes / 1024 / 1024).toFixed(1)}MB`;
+  if (bytes >= 1024) return `${(bytes / 1024).toFixed(1)}KB`;
+  return `${bytes}B`;
+}
 function extractSourceMaps(bundle) {
   const result = [];
   for (const fileName of Object.keys(bundle)) {
@@ -26,10 +32,16 @@ function extractSourceMaps(bundle) {
 }
 async function uploadFiles({ url, query, files }) {
   const form = new FormData();
+  let rawBytes = 0;
+  let gzipBytes = 0;
   for (const [filename, content] of files) {
-    form.append("file", Buffer.from(content, "utf-8"), { filename });
+    const raw = Buffer.from(content, "utf-8");
+    const gz = gzipSync(raw);
+    rawBytes += raw.byteLength;
+    gzipBytes += gz.byteLength;
+    form.append("file", gz, { filename });
   }
-  const qs = new URLSearchParams(query).toString();
+  const qs = new URLSearchParams({ ...query, encoding: "gzip" }).toString();
   const fullUrl = `${url}${url.includes("?") ? "&" : "?"}${qs}`;
   await axios({
     method: "POST",
@@ -39,11 +51,15 @@ async function uploadFiles({ url, query, files }) {
     maxBodyLength: Infinity,
     maxContentLength: Infinity
   });
+  return { rawBytes, gzipBytes };
 }
 function uploadSourceMapPlugin(options) {
   var _a;
   if (!options.url) throw new Error(`${LOG_PREFIX} "url" is required`);
-  if (!options.token) throw new Error(`${LOG_PREFIX} "token" is required`);
+  if (!options.authToken) throw new Error(`${LOG_PREFIX} "authToken" is required`);
+  if (!options.authToken.startsWith("fm_at_")) {
+    throw new Error(`${LOG_PREFIX} "authToken" must start with "fm_at_"; do not use the client key here`);
+  }
   if (!options.commit) throw new Error(`${LOG_PREFIX} "commit" is required`);
   const log = (_a = options.logger) != null ? _a : defaultLogger;
   const uploadUrl = `${options.url.replace(/\/+$/, "")}/api/upload`;
@@ -68,11 +84,16 @@ function uploadSourceMapPlugin(options) {
       const commit = (_a2 = options.commit) != null ? _a2 : "";
       const timestamp = (_b = options.timestamp) != null ? _b : Date.now();
       const query = {
-        token: options.token,
+        token: options.authToken,
         timestamp: String(timestamp)
       };
       if (commit) query.commit = commit;
-      uploadPromise = uploadFiles({ url: uploadUrl, query, files }).then(() => log("info", `uploaded ${files.length} sourcemap file(s) (commit=${commit || "-"})`)).catch((err) => log("error", "upload failed", err instanceof Error ? err.message : err));
+      uploadPromise = uploadFiles({ url: uploadUrl, query, files }).then(
+        ({ rawBytes, gzipBytes }) => log(
+          "info",
+          `uploaded ${files.length} sourcemap file(s) (commit=${commit || "-"}, ${formatSize(rawBytes)} -> ${formatSize(gzipBytes)} gzipped)`
+        )
+      ).catch((err) => log("error", "upload failed", err instanceof Error ? err.message : err));
     },
     async closeBundle() {
       if (uploadPromise) await uploadPromise;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tourmind-frontend/monitor-plugin-vite",
-  "version": "1.2.0",
+  "version": "1.6.0",
   "description": "Vite plugin that uploads sourcemaps to a frontend-monitor server.",
   "type": "module",
   "main": "./dist/index.cjs",