action-lens 1.0.78 → 1.0.80

package/dist/index.d.mts

@@ -22,6 +22,9 @@ declare class ActionLensPlayer {
     sessions: (ActionRecordSession & {
         userData: User<"customer">;
     })[];
+    currentUrl: string | null;
+    startTime: number;
+    sessionInfo: ActionRecordSession | null;
     constructor(userId: string, targetDivId: string, _db?: Firestore, prefix?: string);
     initialize(userId: string): Promise<void>;
     replayRrwebSession(sessionId: string): Promise<any[]>;
@@ -48,7 +51,15 @@ declare class ActionLensPlayer {
         organizationId?: string;
         recordTime: number;
         ipAddress?: string;
+        ipOriginal?: string;
         userAgent?: string;
+        place?: {
+            region: string;
+            latitude: number;
+            country: string;
+            longitude: number;
+            city: string;
+        };
     } & _ism_tech_actionlens_type_src_DefaultType.DefaultType & {
         userData: User<"customer">;
     })[]>;
@@ -78,6 +89,7 @@ declare class ActionLensRc {
     }, metaData?: Record<string, any>): Promise<void>;
     startConsoleRecording(): void;
     startTimelineRecording(): void;
+    startNetworkRecording(): void;
     startRrwebRecordingForStore(): Promise<void>;
     stopRrwebRecordingForStore(): void;
     updateActionRecordSession(): Promise<void>;

package/dist/index.d.ts

@@ -22,6 +22,9 @@ declare class ActionLensPlayer {
     sessions: (ActionRecordSession & {
         userData: User<"customer">;
     })[];
+    currentUrl: string | null;
+    startTime: number;
+    sessionInfo: ActionRecordSession | null;
     constructor(userId: string, targetDivId: string, _db?: Firestore, prefix?: string);
     initialize(userId: string): Promise<void>;
     replayRrwebSession(sessionId: string): Promise<any[]>;
@@ -48,7 +51,15 @@ declare class ActionLensPlayer {
         organizationId?: string;
         recordTime: number;
         ipAddress?: string;
+        ipOriginal?: string;
         userAgent?: string;
+        place?: {
+            region: string;
+            latitude: number;
+            country: string;
+            longitude: number;
+            city: string;
+        };
     } & _ism_tech_actionlens_type_src_DefaultType.DefaultType & {
         userData: User<"customer">;
     })[]>;
@@ -78,6 +89,7 @@ declare class ActionLensRc {
     }, metaData?: Record<string, any>): Promise<void>;
     startConsoleRecording(): void;
     startTimelineRecording(): void;
+    startNetworkRecording(): void;
     startRrwebRecordingForStore(): Promise<void>;
     stopRrwebRecordingForStore(): void;
     updateActionRecordSession(): Promise<void>;

package/dist/index.js

@@ -71,6 +71,12 @@ var ActionLensPlayer = class {
   // プレイヤーの高さ
   sessions = [];
   // セッションのリスト
+  currentUrl = null;
+  // 現在のURLを保持するための変数
+  startTime = 0;
+  // セッションの開始時間
+  sessionInfo = null;
+  // セッション情報を保持するための変数
   constructor(userId, targetDivId, _db = db, prefix = "") {
     this.userId = userId;
     this.targetDivId = targetDivId;
@@ -102,7 +108,6 @@ var ActionLensPlayer = class {
         const data = doc3.data();
         return data.rrwebRecord ? JSON.parse(data.rrwebRecord) : data.rrwebRecords ? data.rrwebRecords?.map((r) => JSON.parse(r)) || [] : [];
       });
-      console.log("events", events);
       if (events.length === 0) {
         console.warn(
           `\u30BB\u30C3\u30B7\u30E7\u30F3ID ${sessionId} \u306E\u30C7\u30FC\u30BF\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093\u3067\u3057\u305F\u3002`
@@ -130,11 +135,9 @@ var ActionLensPlayer = class {
       this.width = this.replayer.wrapper.clientWidth;
       this.height = this.replayer.wrapper.clientHeight;
       this.replayer.on("custom-event", (event) => {
-        console.log("Custom event:", event);
         this.handleCustomEvent(event);
       });
       this.replayer.on("finish", () => {
-        console.log("Replay finished");
         this.replayer?.pause(0);
         this.playerStatus = "stopped";
         this.currentTime = this.replayer?.getCurrentTime() || 0;
@@ -142,7 +145,6 @@ var ActionLensPlayer = class {
       });
       this.replayer.on("resize", (e) => {
         const { width, height } = e;
-        console.log("Replayer resized:", width, height);
         this.width = width;
         this.height = height;
       });
@@ -167,7 +169,6 @@ var ActionLensPlayer = class {
       });
       this.replayer.play();
       this.playerStatus = "playing";
-      console.log(`\u30BB\u30C3\u30B7\u30E7\u30F3ID ${sessionId} \u306E\u518D\u751F\u3092\u958B\u59CB\u3057\u307E\u3057\u305F\u3002`);
       this.setTimeoutTimeline();
       return events.map((e) => (0, import_packer.unpack)(e));
     } catch (error) {
@@ -190,6 +191,7 @@ var ActionLensPlayer = class {
         break;
       case "navigation":
         const { url } = event.data;
+        this.currentUrl = url;
         this.displayEvent(`[${timeString}] Navigation to ${url}`, "navigation");
         break;
       case "performance":
@@ -200,7 +202,6 @@ var ActionLensPlayer = class {
         );
         break;
       default:
-        console.warn("\u4E0D\u660E\u306A\u30AB\u30B9\u30BF\u30E0\u30A4\u30D9\u30F3\u30C8:", event.data.type);
     }
   }
   // イベントをオーバーレイに表示
@@ -256,7 +257,6 @@ var ActionLensPlayer = class {
     this.setTimeoutTimeline();
     if (this.replayer) {
       const offset = this.replayer.getCurrentTime();
-      console.log("offset", offset);
       this.replayer.play(offset);
       this.playerStatus = "playing";
       this.currentTime = this.replayer?.getCurrentTime() || 0;
@@ -558,7 +558,7 @@ var ActionLensRc = class {
       consoleMethods.forEach((method) => {
         console[method] = (...args) => {
           originalConsole[method](...args);
-          import_rrweb2.record.addCustomEvent("console", { method: "log", args });
+          import_rrweb2.record.addCustomEvent("console", { method, args });
         };
       });
     } catch (error) {
@@ -586,12 +586,43 @@ var ActionLensRc = class {
       if (window.performance) {
         const observer = new PerformanceObserver((list) => {
           for (const entry of list.getEntries()) {
-            import_rrweb2.record.addCustomEvent("performance", {
-              name: entry.name,
-              entryType: entry.entryType,
-              startTime: entry.startTime,
-              duration: entry.duration
-            });
+            if (entry.entryType === "resource") {
+              const resourceEntry = entry;
+              import_rrweb2.record.addCustomEvent("network_resource", {
+                name: resourceEntry.name,
+                entryType: resourceEntry.entryType,
+                initiatorType: resourceEntry.initiatorType,
+                // websocket, script, document, font, xmlhttprequest, fetch, preflight etc.
+                nextHopProtocol: resourceEntry.nextHopProtocol,
+                encodedBodySize: resourceEntry.encodedBodySize,
+                decodedBodySize: resourceEntry.decodedBodySize,
+                transferSize: resourceEntry.transferSize,
+                duration: resourceEntry.duration,
+                startTime: resourceEntry.startTime,
+                fetchStart: resourceEntry.fetchStart,
+                domainLookupStart: resourceEntry.domainLookupStart,
+                domainLookupEnd: resourceEntry.domainLookupEnd,
+                connectStart: resourceEntry.connectStart,
+                connectEnd: resourceEntry.connectEnd,
+                secureConnectionStart: resourceEntry.secureConnectionStart,
+                requestStart: resourceEntry.requestStart,
+                responseStart: resourceEntry.responseStart,
+                responseEnd: resourceEntry.responseEnd,
+                workerStart: resourceEntry.workerStart,
+                redirectStart: resourceEntry.redirectStart,
+                redirectEnd: resourceEntry.redirectEnd,
+                // responseStatus is experimental, may not be available
+                responseStatus: resourceEntry.responseStatus || void 0,
+                serverTiming: resourceEntry.serverTiming
+              });
+            } else {
+              import_rrweb2.record.addCustomEvent("performance", {
+                name: entry.name,
+                entryType: entry.entryType,
+                startTime: entry.startTime,
+                duration: entry.duration
+              });
+            }
           }
         });
         observer.observe({ entryTypes: ["resource", "navigation", "paint"] });
@@ -601,6 +632,173 @@ var ActionLensRc = class {
       throw error;
     }
   }
+  // ネットワークリクエストをキャプチャ（新規追加）
+  startNetworkRecording() {
+    try {
+      const originalFetch = window.fetch;
+      window.fetch = (...args) => {
+        const startTime = Date.now();
+        let input = args[0];
+        let init = args[1];
+        let urlStr;
+        let method = "GET";
+        let requestBody;
+        if (input instanceof Request) {
+          urlStr = input.url;
+          method = input.method;
+          requestBody = input.body;
+        } else {
+          urlStr = input instanceof URL ? input.href : input.toString();
+          method = init?.method || "GET";
+          requestBody = init?.body;
+        }
+        import_rrweb2.record.addCustomEvent("network_request", {
+          type: "fetch",
+          method,
+          url: urlStr,
+          requestBody,
+          startTime,
+          status: "pending"
+          // 初期状態は保留中
+        });
+        return originalFetch(...args).then((response) => {
+          const endTime = Date.now();
+          const duration = endTime - startTime;
+          const clonedResponse = response.clone();
+          clonedResponse.text().then((responseBody) => {
+            import_rrweb2.record.addCustomEvent("network_response", {
+              type: "fetch",
+              url: urlStr,
+              status: response.status,
+              statusText: response.statusText,
+              responseBody,
+              duration,
+              endTime
+            });
+          }).catch((err) => {
+            console.error(
+              "\u30CD\u30C3\u30C8\u30EF\u30FC\u30AF\u30EC\u30B9\u30DD\u30F3\u30B9\u30DC\u30C7\u30A3\u8AAD\u307F\u8FBC\u307F\u30A8\u30E9\u30FC:",
+              err
+            );
+          });
+          return response;
+        }).catch((error) => {
+          const endTime = Date.now();
+          const duration = endTime - startTime;
+          import_rrweb2.record.addCustomEvent("network_error", {
+            type: "fetch",
+            url: urlStr,
+            error: error.message,
+            duration,
+            endTime
+          });
+          throw error;
+        });
+      };
+      const OriginalXMLHttpRequest = window.XMLHttpRequest;
+      class HookedXMLHttpRequest extends OriginalXMLHttpRequest {
+        _method;
+        _url;
+        _startTime;
+        static UNSENT = 0;
+        static OPENED = 1;
+        static HEADERS_RECEIVED = 2;
+        static LOADING = 3;
+        static DONE = 4;
+        open(method, url, async = true, username = null, password = null) {
+          this._method = method;
+          this._url = url.toString();
+          this._startTime = Date.now();
+          import_rrweb2.record.addCustomEvent("network_request", {
+            type: "xhr",
+            method,
+            url: this._url,
+            startTime: this._startTime,
+            status: "pending"
+            // 初期状態は保留中
+          });
+          return super.open(method, url, async, username, password);
+        }
+        send(body) {
+          this.addEventListener("load", () => {
+            const endTime = Date.now();
+            const duration = endTime - (this._startTime || 0);
+            import_rrweb2.record.addCustomEvent("network_response", {
+              type: "xhr",
+              url: this._url,
+              status: this.status,
+              statusText: this.statusText,
+              responseBody: this.responseText,
+              duration,
+              endTime
+            });
+          });
+          this.addEventListener("error", () => {
+            const endTime = Date.now();
+            const duration = endTime - (this._startTime || 0);
+            import_rrweb2.record.addCustomEvent("network_error", {
+              type: "xhr",
+              url: this._url,
+              error: "XHR error",
+              duration,
+              endTime
+            });
+          });
+          return super.send(body);
+        }
+      }
+      window.XMLHttpRequest = HookedXMLHttpRequest;
+      const OriginalWebSocket = window.WebSocket;
+      window.WebSocket = class HookedWebSocket extends OriginalWebSocket {
+        constructor(url, protocols) {
+          super(url, protocols);
+          const wsUrl = url.toString();
+          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("error", (event) => {
+            import_rrweb2.record.addCustomEvent("network_websocket_error", {
+              type: "websocket",
+              url: wsUrl,
+              error: "WebSocket error",
+              time: Date.now()
+            });
+          });
+        }
+        send(data) {
+          import_rrweb2.record.addCustomEvent("network_websocket_send", {
+            type: "websocket",
+            url: this.url,
+            data,
+            time: Date.now()
+          });
+          return super.send(data);
+        }
+      };
+    } catch (error) {
+      console.error("\u30CD\u30C3\u30C8\u30EF\u30FC\u30AF\u9332\u753B\u30A8\u30E9\u30FC:", error);
+      throw error;
+    }
+  }
   async startRrwebRecordingForStore() {
     try {
       if (this.stopFnForStore) return;
@@ -634,10 +832,26 @@ var ActionLensRc = class {
         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);
+          console.log("placeData", placeData);
+          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: true,
@@ -651,7 +865,7 @@ var ActionLensRc = class {
           try {
             const deffTime = (/* @__PURE__ */ new Date()).getTime() - pinTime;
             rrwebRecords.push(JSON.stringify(event));
-            if (rrwebRecords.length >= 50 || deffTime >= 5e3 && rrwebRecords.length > 0) {
+            if (rrwebRecords.length >= 100 || deffTime >= 5e3 && rrwebRecords.length > 0) {
               pinTime = (/* @__PURE__ */ new Date()).getTime();
               const record2 = {
                 id: "",
@@ -681,6 +895,8 @@ var ActionLensRc = class {
         recordCanvas: false
       });
       this.startConsoleRecording();
+      this.startTimelineRecording();
+      this.startNetworkRecording();
     } catch (error) {
       console.error("rrweb\u9332\u753B\u30A8\u30E9\u30FC:", error);
       throw error;
@@ -727,6 +943,25 @@ var ActionLensRc = class {
   }
 };
 var ActionLens = new ActionLensRc();
+var getPlaceFromIp = async (ip) => {
+  try {
+    const response = await fetch(`https://ipapi.co/${ip}/json/`);
+    if (!response.ok) {
+      throw new Error(`IP\u60C5\u5831\u53D6\u5F97\u30A8\u30E9\u30FC: ${response.statusText}`);
+    }
+    const data = await response.json();
+    return {
+      city: data.city,
+      region: data.region,
+      country: data.country_name,
+      latitude: data.latitude,
+      longitude: data.longitude
+    };
+  } catch (error) {
+    console.error("IP\u60C5\u5831\u53D6\u5F97\u30A8\u30E9\u30FC:", error);
+    return null;
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ActionLens,