action-lens 1.0.101 → 1.0.103

package/dist/index.d.mts

@@ -81,16 +81,22 @@ declare class ActionLensRc {
         email?: string;
     };
     metaData: Record<string, any>;
+    isRecordingPaused: boolean;
+    isSessionInitialized: boolean;
+    areAuxRecordersStarted: boolean;
     constructor();
     init(projectId: string | null, _db?: Firestore | null, prefix?: string): Promise<void>;
     setUser(_userId: string | null, userMeta: {
         name: string;
         email: string;
     }, metaData?: Record<string, any>): Promise<void>;
+    private shouldRecordCustomEvents;
     startConsoleRecording(): void;
     startTimelineRecording(): void;
     startNetworkRecording(): void;
     startRrwebRecordingForStore(): Promise<void>;
+    pauseRrwebRecordingForStore(): void;
+    resumeRrwebRecordingForStore(): Promise<void>;
     stopRrwebRecordingForStore(): void;
     updateActionRecordSession(): Promise<void>;
 }

package/dist/index.d.ts

@@ -81,16 +81,22 @@ declare class ActionLensRc {
         email?: string;
     };
     metaData: Record<string, any>;
+    isRecordingPaused: boolean;
+    isSessionInitialized: boolean;
+    areAuxRecordersStarted: boolean;
     constructor();
     init(projectId: string | null, _db?: Firestore | null, prefix?: string): Promise<void>;
     setUser(_userId: string | null, userMeta: {
         name: string;
         email: string;
     }, metaData?: Record<string, any>): Promise<void>;
+    private shouldRecordCustomEvents;
     startConsoleRecording(): void;
     startTimelineRecording(): void;
     startNetworkRecording(): void;
     startRrwebRecordingForStore(): Promise<void>;
+    pauseRrwebRecordingForStore(): void;
+    resumeRrwebRecordingForStore(): Promise<void>;
     stopRrwebRecordingForStore(): void;
     updateActionRecordSession(): Promise<void>;
 }

package/dist/index.js

@@ -376,6 +376,9 @@ var ActionLensRc = class {
   // 元のユーザーID（外部システムのIDなど）
   userMeta = {};
   metaData = {};
+  isRecordingPaused = false;
+  isSessionInitialized = false;
+  areAuxRecordersStarted = false;
   constructor() {
     this.db = db;
   }
@@ -549,6 +552,9 @@ var ActionLensRc = class {
     );
     return;
   }
+  shouldRecordCustomEvents() {
+    return !this.isRecordingPaused && !!this.stopFnForStore;
+  }
   // コンソールログをキャプチャ
   startConsoleRecording() {
     try {
@@ -565,6 +571,7 @@ var ActionLensRc = class {
       consoleMethods.forEach((method) => {
         console[method] = (...args) => {
           originalConsole[method](...args);
+          if (!this.shouldRecordCustomEvents()) return;
           const fileName = new Error().stack?.split("\n")[2]?.trim() || "unknown";
           import_rrweb2.record.addCustomEvent("console", { method, args, fileName });
         };
@@ -586,6 +593,7 @@ var ActionLensRc = class {
           console.error("Firestore\u304C\u521D\u671F\u5316\u3055\u308C\u3066\u3044\u307E\u305B\u3093");
           return;
         }
+        if (!this.shouldRecordCustomEvents()) return;
         import_rrweb2.record.addCustomEvent("navigation", {
           url: window.location.href,
           state: event.state
@@ -593,6 +601,7 @@ var ActionLensRc = class {
       });
       if (window.performance) {
         const observer = new PerformanceObserver((list) => {
+          if (!this.shouldRecordCustomEvents()) return;
           for (const entry of list.getEntries()) {
             if (entry.entryType === "resource") {
               const resourceEntry = entry;
@@ -645,6 +654,7 @@ var ActionLensRc = class {
   // ネットワークリクエストをキャプチャ（新規追加）
   startNetworkRecording() {
     try {
+      const shouldRecordCustomEvents = () => this.shouldRecordCustomEvents();
       const shouldIgnoreNetwork = (url) => {
         try {
           const parsed = new URL(url, window.location.href);
@@ -673,7 +683,7 @@ var ActionLensRc = class {
           method = init?.method || "GET";
           requestBody = init?.body;
         }
-        if (shouldIgnoreNetwork(urlStr)) {
+        if (shouldIgnoreNetwork(urlStr) || !shouldRecordCustomEvents()) {
           return originalFetch(...args);
         }
         import_rrweb2.record.addCustomEvent("network_request", {
@@ -686,6 +696,9 @@ var ActionLensRc = class {
           // 初期状態は保留中
         });
         return originalFetch(...args).then((response) => {
+          if (!shouldRecordCustomEvents()) {
+            return response;
+          }
           const endTime = Date.now();
           const duration = endTime - startTime;
           const clonedResponse = response.clone();
@@ -707,6 +720,9 @@ var ActionLensRc = class {
           });
           return response;
         }).catch((error) => {
+          if (!shouldRecordCustomEvents()) {
+            throw error;
+          }
           const endTime = Date.now();
           const duration = endTime - startTime;
           import_rrweb2.record.addCustomEvent("network_error", {
@@ -734,7 +750,7 @@ var ActionLensRc = class {
           this._method = method;
           this._url = url.toString();
           this._startTime = Date.now();
-          this._skipRecord = shouldIgnoreNetwork(this._url);
+          this._skipRecord = shouldIgnoreNetwork(this._url) || !shouldRecordCustomEvents();
           if (!this._skipRecord) {
             import_rrweb2.record.addCustomEvent("network_request", {
               type: "xhr",
@@ -752,6 +768,7 @@ var ActionLensRc = class {
             return super.send(body);
           }
           this.addEventListener("load", () => {
+            if (!shouldRecordCustomEvents()) return;
             const endTime = Date.now();
             const duration = endTime - (this._startTime || 0);
             import_rrweb2.record.addCustomEvent("network_response", {
@@ -765,6 +782,7 @@ var ActionLensRc = class {
             });
           });
           this.addEventListener("error", () => {
+            if (!shouldRecordCustomEvents()) return;
             const endTime = Date.now();
             const duration = endTime - (this._startTime || 0);
             import_rrweb2.record.addCustomEvent("network_error", {
@@ -786,48 +804,53 @@ var ActionLensRc = class {
           super(url, protocols);
           const wsUrl = url.toString();
           this._skipRecord = shouldIgnoreNetwork(wsUrl);
-          if (!this._skipRecord) {
+          if (this._skipRecord) return;
+          if (shouldRecordCustomEvents()) {
             import_rrweb2.record.addCustomEvent("network_websocket_open", {
               type: "websocket",
               url: wsUrl,
               startTime: Date.now()
             });
-            this.addEventListener("message", (event) => {
-              import_rrweb2.record.addCustomEvent("network_websocket_message", {
-                type: "websocket",
-                url: wsUrl,
-                data: event.data,
-                time: Date.now()
-              });
-            });
-            this.addEventListener("close", (event) => {
-              import_rrweb2.record.addCustomEvent("network_websocket_close", {
-                type: "websocket",
-                url: wsUrl,
-                code: event.code,
-                reason: event.reason,
-                endTime: Date.now()
-              });
+          }
+          this.addEventListener("message", (event) => {
+            if (!shouldRecordCustomEvents()) return;
+            import_rrweb2.record.addCustomEvent("network_websocket_message", {
+              type: "websocket",
+              url: wsUrl,
+              data: event.data,
+              time: Date.now()
             });
-            this.addEventListener("error", (event) => {
-              import_rrweb2.record.addCustomEvent("network_websocket_error", {
-                type: "websocket",
-                url: wsUrl,
-                error: "WebSocket error",
-                time: Date.now()
-              });
+          });
+          this.addEventListener("close", (event) => {
+            if (!shouldRecordCustomEvents()) return;
+            import_rrweb2.record.addCustomEvent("network_websocket_close", {
+              type: "websocket",
+              url: wsUrl,
+              code: event.code,
+              reason: event.reason,
+              endTime: Date.now()
             });
-          }
-        }
-        send(data) {
-          if (!this._skipRecord) {
-            import_rrweb2.record.addCustomEvent("network_websocket_send", {
+          });
+          this.addEventListener("error", (event) => {
+            if (!shouldRecordCustomEvents()) return;
+            import_rrweb2.record.addCustomEvent("network_websocket_error", {
               type: "websocket",
-              url: this.url,
-              data,
+              url: wsUrl,
+              error: "WebSocket error",
               time: Date.now()
             });
+          });
+        }
+        send(data) {
+          if (this._skipRecord || !shouldRecordCustomEvents()) {
+            return super.send(data);
           }
+          import_rrweb2.record.addCustomEvent("network_websocket_send", {
+            type: "websocket",
+            url: this.url,
+            data,
+            time: Date.now()
+          });
           return super.send(data);
         }
       };
@@ -850,52 +873,61 @@ var ActionLensRc = class {
         console.error("Firestore\u304C\u521D\u671F\u5316\u3055\u308C\u3066\u3044\u307E\u305B\u3093");
         return;
       }
-      const ActionRecordSessionRef = (0, import_firestore3.doc)(
-        (0, import_firestore3.collection)(this.db, `${prefix}ActionRecordSession`),
-        _sessionId
-      );
-      await (0, import_firestore3.setDoc)(ActionRecordSessionRef, {
-        id: _sessionId,
-        startTime: /* @__PURE__ */ new Date(),
-        endTime: /* @__PURE__ */ new Date(),
-        recordTime: 0,
-        // 初期値は0
-        userId,
-        projectId: this.projectId || "",
-        organizationId: this.projectData?.organizationId || "",
-        createAt: /* @__PURE__ */ new Date(),
-        updateAt: /* @__PURE__ */ new Date(),
-        createdBy: userId,
-        updatedBy: userId
-      });
-      try {
-        console.log("setSessionDetail\u95A2\u6570\u3092\u547C\u3073\u51FA\u3057\u307E\u3059", this.sessionId);
-        await setSessionDetail({ sessionId: this.sessionId });
-      } catch (error) {
-        console.error("setSessionDetail\u95A2\u6570\u306E\u547C\u3073\u51FA\u3057\u306B\u5931\u6557:", error);
-      }
-      const docRef = (0, import_firestore3.doc)(
-        (0, import_firestore3.collection)(this.db, "ActionRecordSession"),
-        this.sessionId
-      );
-      await (0, import_firestore3.getDoc)(docRef).then(async (doc3) => {
-        if (doc3.exists()) {
-          const data = doc3.data();
-          const ipAddress = data?.ipAddress || "";
-          const placeData = await getPlaceFromIp(ipAddress);
-          await (0, import_firestore3.updateDoc)(docRef, { place: placeData });
+      if (!this.isSessionInitialized) {
+        const ActionRecordSessionRef = (0, import_firestore3.doc)(
+          (0, import_firestore3.collection)(this.db, `${prefix}ActionRecordSession`),
+          _sessionId
+        );
+        await (0, import_firestore3.setDoc)(ActionRecordSessionRef, {
+          id: _sessionId,
+          startTime: /* @__PURE__ */ new Date(),
+          endTime: /* @__PURE__ */ new Date(),
+          recordTime: 0,
+          // 初期値は0
+          userId,
+          projectId: this.projectId || "",
+          organizationId: this.projectData?.organizationId || "",
+          createAt: /* @__PURE__ */ new Date(),
+          updateAt: /* @__PURE__ */ new Date(),
+          createdBy: userId,
+          updatedBy: userId
+        });
+        this.isSessionInitialized = true;
+        try {
+          console.log("setSessionDetail\u95A2\u6570\u3092\u547C\u3073\u51FA\u3057\u307E\u3059", this.sessionId);
+          await setSessionDetail({ sessionId: this.sessionId });
+        } catch (error) {
+          console.error("setSessionDetail\u95A2\u6570\u306E\u547C\u3073\u51FA\u3057\u306B\u5931\u6557:", error);
         }
-      }).catch((error) => {
-        console.error("IP\u30A2\u30C9\u30EC\u30B9\u306E\u53D6\u5F97\u306B\u5931\u6557:", error);
-      });
+        const docRef = (0, import_firestore3.doc)(
+          (0, import_firestore3.collection)(this.db, "ActionRecordSession"),
+          this.sessionId
+        );
+        await (0, import_firestore3.getDoc)(docRef).then(async (doc3) => {
+          if (doc3.exists()) {
+            const data = doc3.data();
+            const ipAddress = data?.ipAddress || "";
+            const placeData = await getPlaceFromIp(ipAddress);
+            await (0, import_firestore3.updateDoc)(docRef, { place: placeData });
+          }
+        }).catch((error) => {
+          console.error("IP\u30A2\u30C9\u30EC\u30B9\u306E\u53D6\u5F97\u306B\u5931\u6557:", error);
+        });
+      }
       this.stopFnForStore = (0, import_rrweb2.record)({
         packFn: import_packer2.pack,
         collectFonts: false,
         inlineImages: false,
-        checkoutEveryNth: 2e3,
+        checkoutEveryNth: 4e3,
+        slimDOMOptions: {
+          script: true,
+          comment: true,
+          headFavicon: true,
+          headWhitespace: true
+        },
         sampling: {
-          canvas: 2e3,
-          mousemove: 200
+          canvas: 5e3,
+          mousemove: 500
           // mousemoveCallback: 1000,
         },
         emit: async (event) => {
@@ -931,20 +963,47 @@ var ActionLensRc = class {
         },
         recordCanvas: false
       });
-      this.startConsoleRecording();
-      this.startTimelineRecording();
-      this.startNetworkRecording();
+      this.isRecordingPaused = false;
+      if (!this.areAuxRecordersStarted) {
+        this.startConsoleRecording();
+        this.startTimelineRecording();
+        this.startNetworkRecording();
+        this.areAuxRecordersStarted = true;
+      }
     } catch (error) {
       console.error("rrweb\u9332\u753B\u30A8\u30E9\u30FC:", error);
       throw error;
     }
   }
+  pauseRrwebRecordingForStore() {
+    try {
+      this.isRecordingPaused = true;
+      if (this.stopFnForStore) {
+        this.stopFnForStore();
+        this.stopFnForStore = null;
+      }
+    } catch (error) {
+      console.error("rrweb\u9332\u753B\u4E00\u6642\u505C\u6B62\u30A8\u30E9\u30FC:", error);
+      throw error;
+    }
+  }
+  async resumeRrwebRecordingForStore() {
+    try {
+      if (this.stopFnForStore) return;
+      this.isRecordingPaused = false;
+      await this.startRrwebRecordingForStore();
+    } catch (error) {
+      console.error("rrweb\u9332\u753B\u518D\u958B\u30A8\u30E9\u30FC:", error);
+      throw error;
+    }
+  }
   stopRrwebRecordingForStore() {
     try {
       if (this.stopFnForStore) {
         this.stopFnForStore();
         this.stopFnForStore = null;
       }
+      this.isRecordingPaused = false;
     } catch (error) {
       console.error("rrweb\u9332\u753B\u505C\u6B62\u30A8\u30E9\u30FC:", error);
       throw error;