action-lens 1.0.6

package/dist/index.js

@@ -0,0 +1,774 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  ActionLensPlayer: () => ActionLensPlayer,
+  ActionLensRc: () => ActionLensRc,
+  convertTimestampToDate: () => convertTimestampToDate,
+  dateFormat: () => dateFormat
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/player.ts
+var import_firestore2 = require("firebase/firestore");
+var import_rrweb = require("rrweb");
+
+// src/utils/index.ts
+var import_app = require("firebase/app");
+var import_firestore = require("firebase/firestore");
+var firebaseConfig = {
+  apiKey: "AIzaSyCxreoOZivnjFIh2mJ6WXjS3ieQ11wsDW8",
+  authDomain: "actionlens-b14ae.firebaseapp.com",
+  projectId: "actionlens-b14ae",
+  storageBucket: "actionlens-b14ae.firebasestorage.app",
+  messagingSenderId: "36086339210",
+  appId: "1:36086339210:web:36e16e8778aadd8c58ff73"
+};
+var app = (0, import_app.initializeApp)(firebaseConfig);
+var db = (0, import_firestore.getFirestore)(app);
+
+// src/player.ts
+var ActionLensPlayer = class {
+  replayer = null;
+  overlayContainer = null;
+  playerStatus = "stopped";
+  targetDivId;
+  db;
+  prefix;
+  userId = null;
+  projectId = null;
+  currentTime = 0;
+  // 現在の再生時間
+  totalTime = 0;
+  // 再生中の時間を保持するための変数
+  setIntervalId = null;
+  // setTimeoutのIDを保持するための変数
+  constructor(userId, targetDivId, projectId, _db = db, prefix = "") {
+    this.userId = userId;
+    this.targetDivId = targetDivId;
+    this.db = _db;
+    this.prefix = prefix;
+    this.projectId = projectId;
+  }
+  async replayRrwebSession(sessionId) {
+    try {
+      const q = (0, import_firestore2.query)(
+        (0, import_firestore2.collection)(this.db, `${this.prefix}ActionRecord`),
+        (0, import_firestore2.where)("sessionId", "==", sessionId),
+        (0, import_firestore2.orderBy)("timeStamp", "asc")
+      );
+      const querySnapshot = await (0, import_firestore2.getDocs)(q);
+      const events = querySnapshot.docs.map((doc3) => {
+        const data = doc3.data();
+        return JSON.parse(data.rrwebRecord);
+      });
+      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`
+        );
+        return;
+      }
+      const targetDiv = document.getElementById(this.targetDivId);
+      if (!targetDiv) {
+        throw new Error(
+          `ID ${this.targetDivId} \u306Ediv\u8981\u7D20\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093\u3067\u3057\u305F\u3002`
+        );
+      }
+      targetDiv.classList.add("replayer-container");
+      this.replayer = new import_rrweb.Replayer(events, {
+        root: targetDiv,
+        UNSAFE_replayCanvas: false,
+        props: {
+          autoPlay: true,
+          speed: 1,
+          mouseTail: true
+        },
+        className: "_replayer-canvas"
+      });
+      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;
+        this.endTimeoutTimeline();
+      });
+      const { totalTime } = this.replayer.getMetaData();
+      this.totalTime = totalTime;
+      const iframes = targetDiv.querySelectorAll("iframe");
+      iframes.forEach((iframe) => {
+        iframe.style.transform = "translate(-50%, -50%)";
+        iframe.style.position = "absolute";
+        iframe.style.left = "50%";
+        iframe.style.top = "50%";
+      });
+      const mouseTailElements = document.querySelectorAll(
+        ".replayer-mouse-tail"
+      );
+      mouseTailElements.forEach((element) => {
+        element.style.position = "absolute";
+        element.style.left = "50%";
+        element.style.top = "50%";
+        element.style.transform = "translate(-50%, -50%)";
+        element.style.zIndex = "1000";
+      });
+      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();
+    } catch (error) {
+      console.error("\u518D\u751F\u30A8\u30E9\u30FC:", error);
+      throw error;
+    }
+  }
+  // カスタムイベントを処理
+  handleCustomEvent(event) {
+    if (!event.data || !event.data.type) return;
+    const { timestamp } = event;
+    const timeString = new Date(timestamp).toISOString();
+    switch (event.data.type) {
+      case "console":
+        const { method, args } = event.data;
+        this.displayEvent(
+          `[${timeString}] Console ${method}: ${args.join(", ")}`,
+          "console"
+        );
+        break;
+      case "navigation":
+        const { url } = event.data;
+        this.displayEvent(`[${timeString}] Navigation to ${url}`, "navigation");
+        break;
+      case "performance":
+        const { name, entryType, duration } = event.data;
+        this.displayEvent(
+          `[${timeString}] Performance ${entryType}: ${name} (${duration}ms)`,
+          "performance"
+        );
+        break;
+      default:
+        console.warn("\u4E0D\u660E\u306A\u30AB\u30B9\u30BF\u30E0\u30A4\u30D9\u30F3\u30C8:", event.data.type);
+    }
+  }
+  // イベントをオーバーレイに表示
+  displayEvent(message, eventType) {
+    if (!this.overlayContainer) return;
+    const eventDiv = document.createElement("div");
+    eventDiv.style.padding = "5px";
+    eventDiv.style.borderBottom = "1px solid rgba(255, 255, 255, 0.2)";
+    const colors = {
+      console: "#00cc00",
+      navigation: "#3399ff",
+      performance: "#ff9900"
+    };
+    eventDiv.style.color = colors[eventType] || "white";
+    eventDiv.innerText = message;
+    this.overlayContainer.appendChild(eventDiv);
+    this.overlayContainer.scrollTop = this.overlayContainer.scrollHeight;
+    setTimeout(() => {
+      eventDiv.style.transition = "opacity 1s";
+      eventDiv.style.opacity = "0";
+      setTimeout(() => eventDiv.remove(), 1e3);
+    }, 5e3);
+  }
+  setReplayTime(time) {
+    if (this.replayer) {
+      this.replayer.pause(time);
+      this.currentTime = time;
+      this.playerStatus = "stopped";
+    }
+  }
+  setTimeoutTimeline() {
+    this.setIntervalId = setInterval(() => {
+      this.currentTime = this.replayer?.getCurrentTime() || 0;
+    }, 10);
+  }
+  endTimeoutTimeline() {
+    if (this.setIntervalId) {
+      clearTimeout(this.setIntervalId);
+      this.setIntervalId = null;
+    }
+  }
+  // 再生を停止
+  stopReplay() {
+    this.endTimeoutTimeline();
+    if (this.replayer) {
+      this.replayer.pause();
+      this.playerStatus = "stopped";
+      this.currentTime = this.replayer?.getCurrentTime() || 0;
+    }
+  }
+  restartReplay() {
+    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;
+    }
+  }
+  getCurrentTime() {
+    if (this.replayer) {
+      return this.replayer.getCurrentTime();
+    }
+    return 0;
+  }
+  resetReplayer() {
+    this.endTimeoutTimeline();
+    this.playerStatus = "stopped";
+    this.currentTime = 0;
+    if (this.replayer) {
+      this.replayer.pause();
+      this.replayer.destroy();
+      this.replayer = null;
+    }
+    if (this.overlayContainer) {
+      this.overlayContainer.remove();
+      this.overlayContainer = null;
+    }
+  }
+  async fetchSessionList() {
+    try {
+      const q = (0, import_firestore2.query)(
+        (0, import_firestore2.collection)(this.db, `${this.prefix}ActionRecordSession`),
+        (0, import_firestore2.where)("projectId", "==", this.projectId),
+        (0, import_firestore2.orderBy)("startTime", "desc")
+      );
+      const usersStore = {};
+      const querySnapshot = await (0, import_firestore2.getDocs)(q);
+      const promise = querySnapshot.docs.map(async (_doc) => {
+        const data = _doc.data();
+        if (!usersStore[data.userId]) {
+          usersStore[data.userId] = (await (0, import_firestore2.getDoc)((0, import_firestore2.doc)(this.db, `${this.prefix}user`, data.userId))).data();
+        }
+        return { ...data, userData: usersStore[data.userId] };
+      });
+      const sessions = await Promise.all(promise);
+      console.log(sessions);
+      return sessions;
+    } catch (error) {
+      console.error("\u30BB\u30C3\u30B7\u30E7\u30F3\u30EA\u30B9\u30C8\u306E\u53D6\u5F97\u30A8\u30E9\u30FC:", error);
+      throw error;
+    }
+  }
+};
+
+// src/record.ts
+var import_uuid = require("uuid");
+var import_rrweb2 = require("rrweb");
+var import_firestore3 = require("firebase/firestore");
+var ActionLensRc = class {
+  sessionId = (0, import_uuid.v4)();
+  stopFnForStore = null;
+  userId = null;
+  db = null;
+  prefix = "";
+  userData = null;
+  projectId = null;
+  projectData = null;
+  organizationId = null;
+  originalUserId = null;
+  // 元のユーザーID（外部システムのIDなど）
+  constructor(_userId, projectId, userMeta, metaData = {}, _db = null, prefix = "") {
+    try {
+      this.originalUserId = _userId;
+      console.log("ActionLensRc\u958B\u59CB");
+      if (!projectId) {
+        console.error("projectId\u304CNULL\u3067\u3059");
+        throw new Error("projectId\u304CNULL\u3067\u3059");
+      }
+      if (!_userId) {
+        console.error("userId\u304CNULL\u3067\u3059");
+        throw new Error("userId\u304CNULL\u3067\u3059");
+      }
+      if (!_db) {
+        this.db = db;
+      } else {
+        this.db = _db;
+      }
+      (0, import_firestore3.getDoc)((0, import_firestore3.doc)((0, import_firestore3.collection)(this.db, `${prefix}project`), projectId)).then(async (_doc) => {
+        this.projectData = _doc.data();
+        const projectData = this.projectData;
+        this.organizationId = projectData?.organizationId || null;
+        if (!_db) {
+          this.db = db;
+        } else {
+          this.db = _db;
+        }
+        if (!this.projectData) {
+          await (0, import_firestore3.setDoc)(
+            (0, import_firestore3.doc)((0, import_firestore3.collection)(this.db, `${prefix}project`), projectId),
+            {
+              id: projectId,
+              name: projectId,
+              organizationId: "",
+              isActivate: false,
+              // デフォルトでアクティブに設定
+              createAt: /* @__PURE__ */ new Date(),
+              updateAt: /* @__PURE__ */ new Date(),
+              createdBy: _userId,
+              updatedBy: _userId
+            },
+            { merge: true }
+          );
+          throw new Error("\u30D7\u30ED\u30B8\u30A7\u30AF\u30C8\u304C\u5B58\u5728\u3057\u307E\u305B\u3093");
+        }
+        if (!this.projectData.isActivate) {
+          console.warn(
+            "\u30D7\u30ED\u30B8\u30A7\u30AF\u30C8\u306F\u975E\u30A2\u30AF\u30C6\u30A3\u30D6\u3067\u3059\u3002\u9332\u753B\u3092\u958B\u59CB\u3067\u304D\u307E\u305B\u3093\u3002"
+          );
+          throw new Error(
+            "\u30D7\u30ED\u30B8\u30A7\u30AF\u30C8\u306F\u975E\u30A2\u30AF\u30C6\u30A3\u30D6\u3067\u3059\u3002\u9332\u753B\u3092\u958B\u59CB\u3067\u304D\u307E\u305B\u3093\u3002"
+          );
+        }
+        (0, import_firestore3.getDoc)((0, import_firestore3.doc)((0, import_firestore3.collection)(this.db, `${prefix}user`), _userId)).then(async (_doc2) => {
+          if (!this.db) {
+            console.error("Firestore\u304C\u521D\u671F\u5316\u3055\u308C\u3066\u3044\u307E\u305B\u3093");
+            throw new Error("Firestore\u304C\u521D\u671F\u5316\u3055\u308C\u3066\u3044\u307E\u305B\u3093");
+          }
+          this.userId = projectData.organizationId + "-" + _userId;
+          const userData = _doc2.data();
+          if (!_doc2.exists || !userData.organizationId || !userData.projectIds || !userData.type) {
+            await (0, import_firestore3.setDoc)(
+              (0, import_firestore3.doc)(
+                (0, import_firestore3.collection)(this.db, `${prefix}user`),
+                projectData.organizationId + "-" + _userId
+              ),
+              {
+                ...userMeta || {},
+                metaData,
+                id: projectData.organizationId + "-" + _userId,
+                originalUserId: _userId,
+                type: "customer",
+                organizationId: projectData.organizationId,
+                projectIds: [projectId],
+                createAt: /* @__PURE__ */ new Date(),
+                updateAt: /* @__PURE__ */ new Date(),
+                createdBy: _userId,
+                updatedBy: _userId,
+                hidden: false,
+                hiddenBy: ""
+              },
+              { merge: true }
+            ).catch((error) => {
+              console.error("Error creating document: ", error);
+              throw new Error("\u30E6\u30FC\u30B6\u30FC\u306E\u4F5C\u6210\u306B\u5931\u6557\u3057\u307E\u3057\u305F");
+            });
+            this.userData = _doc2.data();
+          } else {
+            this.userData = _doc2.data();
+            if (!this.userData?.projectIds?.includes(projectId)) {
+              await (0, import_firestore3.setDoc)(
+                (0, import_firestore3.doc)(
+                  (0, import_firestore3.collection)(this.db, `${prefix}user`),
+                  projectData.organizationId + "-" + _userId
+                ),
+                {
+                  projectIds: [
+                    ...this.userData?.projectIds || [],
+                    projectId
+                  ],
+                  updateAt: /* @__PURE__ */ new Date(),
+                  updatedBy: this.userId
+                },
+                { merge: true }
+              ).catch((error) => {
+                console.error("Error updating document: ", error);
+                throw new Error(
+                  "\u30E6\u30FC\u30B6\u30FC\u306E\u30D7\u30ED\u30B8\u30A7\u30AF\u30C8ID\u306E\u66F4\u65B0\u306B\u5931\u6557\u3057\u307E\u3057\u305F"
+                );
+              });
+            }
+            if (this.userData?.organizationId !== projectData.organizationId) {
+              await (0, import_firestore3.setDoc)(
+                (0, import_firestore3.doc)(
+                  (0, import_firestore3.collection)(this.db, `${prefix}user`),
+                  projectData.organizationId + "-" + _userId
+                ),
+                {
+                  organizationId: this.userData?.organizationId ? this.userData?.organizationId : projectData.organizationId,
+                  updateAt: /* @__PURE__ */ new Date(),
+                  updatedBy: this.userId
+                },
+                { merge: true }
+              ).catch((error) => {
+                console.error("Error updating document: ", error);
+                throw new Error("\u30E6\u30FC\u30B6\u30FC\u306E\u7D44\u7E54ID\u306E\u66F4\u65B0\u306B\u5931\u6557\u3057\u307E\u3057\u305F");
+              });
+            }
+          }
+          this.prefix = prefix;
+          this.projectId = projectId;
+          this.startRrwebRecordingForStore();
+          this.startConsoleRecording();
+        }).catch((error) => {
+          console.error("\u30E6\u30FC\u30B6\u30FC\u30C7\u30FC\u30BF\u306E\u53D6\u5F97\u30A8\u30E9\u30FC:", error);
+          throw new Error("\u30E6\u30FC\u30B6\u30FC\u30C7\u30FC\u30BF\u306E\u53D6\u5F97\u306B\u5931\u6557\u3057\u307E\u3057\u305F");
+        });
+      }).catch((error) => {
+        console.error("\u30D7\u30ED\u30B8\u30A7\u30AF\u30C8\u30C7\u30FC\u30BF\u306E\u53D6\u5F97\u30A8\u30E9\u30FC:", error);
+        throw new Error("\u30D7\u30ED\u30B8\u30A7\u30AF\u30C8\u30C7\u30FC\u30BF\u306E\u53D6\u5F97\u306B\u5931\u6557\u3057\u307E\u3057\u305F");
+      });
+    } catch (error) {
+      console.error("\u521D\u671F\u5316\u30A8\u30E9\u30FC:", error);
+      throw error;
+    }
+  }
+  // コンソールログをキャプチャ
+  startConsoleRecording() {
+    try {
+      const originalConsole = { ...console };
+      const consoleMethods = [
+        "log",
+        "info",
+        "warn",
+        "error",
+        "debug",
+        "trace",
+        "assert",
+        "clear",
+        "context",
+        "count",
+        "countReset",
+        "createTask",
+        "debug",
+        "dir",
+        "dirxml",
+        "error",
+        "group",
+        "groupCollapsed",
+        "groupEnd",
+        "memory",
+        "profile",
+        "profileEnd",
+        "table",
+        "time",
+        "timeEnd",
+        "timeLog",
+        "timeStamp"
+      ];
+      const db2 = this.db;
+      const _updateActionRecordSession = () => this.updateActionRecordSession();
+      consoleMethods.forEach((method) => {
+        console[method] = (...args) => {
+          originalConsole[method](...args);
+          if (!db2) {
+            console.error("Firestore\u304C\u521D\u671F\u5316\u3055\u308C\u3066\u3044\u307E\u305B\u3093");
+            return;
+          }
+          const consoleEvent = {
+            type: "custom-event",
+            data: {
+              type: "console",
+              method,
+              args: args.map(
+                (arg) => typeof arg === "object" ? JSON.stringify(arg) : arg
+              )
+            },
+            timestamp: Date.now()
+          };
+          import_rrweb2.record.addCustomEvent("console", { method: "log", args });
+          _updateActionRecordSession();
+        };
+      });
+    } catch (error) {
+      console.error("\u30B3\u30F3\u30BD\u30FC\u30EB\u9332\u753B\u30A8\u30E9\u30FC:", error);
+      throw error;
+    }
+  }
+  // タイムライン（ナビゲーションとパフォーマンス）をキャプチャ
+  startTimelineRecording() {
+    try {
+      const userId = this.userId || "unknown";
+      const sessionId = this.sessionId;
+      const db2 = this.db;
+      const prefix = this.prefix;
+      const _updateActionRecordSession = () => this.updateActionRecordSession();
+      window.addEventListener("popstate", (event) => {
+        if (!db2) {
+          console.error("Firestore\u304C\u521D\u671F\u5316\u3055\u308C\u3066\u3044\u307E\u305B\u3093");
+          return;
+        }
+        const navigationEvent = {
+          type: "custom",
+          data: {
+            type: "navigation",
+            url: window.location.href,
+            state: event.state
+          },
+          timestamp: Date.now()
+        };
+        const newDocRef = (0, import_firestore3.doc)((0, import_firestore3.collection)(db2, `${prefix}ActionRecord`));
+        const record2 = {
+          id: newDocRef.id,
+          timeStamp: /* @__PURE__ */ new Date(),
+          userId,
+          type: "navigation",
+          originalUserId: this.originalUserId ?? "",
+          sessionId,
+          rrwebRecord: JSON.stringify(navigationEvent),
+          createAt: /* @__PURE__ */ new Date(),
+          updateAt: /* @__PURE__ */ new Date(),
+          hidden: false,
+          createdBy: userId,
+          updatedBy: userId,
+          hiddenBy: ""
+        };
+        (0, import_firestore3.setDoc)(newDocRef, record2).catch((error) => {
+          console.error("Error saving navigation event: ", error);
+        });
+        _updateActionRecordSession();
+      });
+      if (window.performance) {
+        const observer = new PerformanceObserver((list) => {
+          if (!db2) {
+            console.error("Firestore\u304C\u521D\u671F\u5316\u3055\u308C\u3066\u3044\u307E\u305B\u3093");
+            return;
+          }
+          for (const entry of list.getEntries()) {
+            const performanceEvent = {
+              type: "custom",
+              data: {
+                type: "performance",
+                name: entry.name,
+                entryType: entry.entryType,
+                startTime: entry.startTime,
+                duration: entry.duration
+              },
+              timestamp: Date.now()
+            };
+            const newDocRef = (0, import_firestore3.doc)((0, import_firestore3.collection)(db2, `${prefix}ActionRecord`));
+            const record2 = {
+              id: newDocRef.id,
+              timeStamp: /* @__PURE__ */ new Date(),
+              userId,
+              originalUserId: this.originalUserId ?? "",
+              type: "performance",
+              sessionId,
+              rrwebRecord: JSON.stringify(performanceEvent),
+              createAt: /* @__PURE__ */ new Date(),
+              updateAt: /* @__PURE__ */ new Date(),
+              hidden: false,
+              createdBy: userId,
+              updatedBy: userId,
+              hiddenBy: ""
+            };
+            (0, import_firestore3.setDoc)(newDocRef, record2).catch((error) => {
+              console.error("Error saving performance event: ", error);
+            });
+          }
+        });
+        observer.observe({ entryTypes: ["resource", "navigation", "paint"] });
+      }
+    } catch (error) {
+      console.error("\u30BF\u30A4\u30E0\u30E9\u30A4\u30F3\u9332\u753B\u30A8\u30E9\u30FC:", error);
+      throw error;
+    }
+  }
+  startRrwebRecordingForStore() {
+    try {
+      if (this.stopFnForStore) return;
+      const _sessionId = this.sessionId;
+      const userId = this.userId || "unknown";
+      const originalUserId = this.originalUserId || "";
+      const db2 = this.db;
+      const prefix = this.prefix;
+      if (!db2) {
+        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)(db2, `${prefix}ActionRecordSession`),
+        _sessionId
+      );
+      (0, import_firestore3.setDoc)(ActionRecordSessionRef, {
+        id: _sessionId,
+        startTime: /* @__PURE__ */ new Date(),
+        endTime: null,
+        userId,
+        projectId: this.projectId || null,
+        organizationId: this.projectData?.organizationId || null,
+        createAt: /* @__PURE__ */ new Date(),
+        updateAt: /* @__PURE__ */ new Date(),
+        createdBy: userId,
+        updatedBy: userId
+      });
+      const _updateActionRecordSession = () => this.updateActionRecordSession();
+      this.stopFnForStore = (0, import_rrweb2.record)({
+        collectFonts: true,
+        inlineImages: true,
+        sampling: {
+          canvas: 50,
+          mousemove: true
+        },
+        emit(event) {
+          const newDocRef = (0, import_firestore3.doc)((0, import_firestore3.collection)(db2, `${prefix}ActionRecord`));
+          const record2 = {
+            id: newDocRef.id,
+            timeStamp: /* @__PURE__ */ new Date(),
+            userId,
+            originalUserId,
+            type: "rrweb",
+            sessionId: _sessionId,
+            rrwebRecord: JSON.stringify(event),
+            createAt: /* @__PURE__ */ new Date(),
+            updateAt: /* @__PURE__ */ new Date(),
+            hidden: false,
+            createdBy: userId,
+            updatedBy: userId,
+            hiddenBy: ""
+          };
+          (0, import_firestore3.setDoc)(newDocRef, record2).catch((error) => {
+            console.error("Error saving rrweb event: ", error);
+          });
+          _updateActionRecordSession();
+        },
+        recordCanvas: false
+      });
+    } catch (error) {
+      console.error("rrweb\u9332\u753B\u30A8\u30E9\u30FC:", error);
+      throw error;
+    }
+  }
+  stopRrwebRecordingForStore() {
+    try {
+      if (this.stopFnForStore) {
+        this.stopFnForStore();
+        this.stopFnForStore = null;
+      }
+    } catch (error) {
+      console.error("rrweb\u9332\u753B\u505C\u6B62\u30A8\u30E9\u30FC:", error);
+      throw error;
+    }
+  }
+  updateActionRecordSession() {
+    try {
+      if (!this.db || !this.sessionId || !this.userId) {
+        console.error(
+          "Firestore\u304C\u521D\u671F\u5316\u3055\u308C\u3066\u3044\u307E\u305B\u3093\u3001\u307E\u305F\u306FsessionId\u3001userId\u304C\u8A2D\u5B9A\u3055\u308C\u3066\u3044\u307E\u305B\u3093"
+        );
+        return;
+      }
+      const ActionRecordSessionRef = (0, import_firestore3.doc)(
+        (0, import_firestore3.collection)(this.db, `${this.prefix}ActionRecordSession`),
+        this.sessionId
+      );
+      (0, import_firestore3.setDoc)(
+        ActionRecordSessionRef,
+        {
+          endTime: /* @__PURE__ */ new Date(),
+          updateAt: /* @__PURE__ */ new Date(),
+          updatedBy: this.userId
+        },
+        { merge: true }
+      ).catch((error) => {
+        console.error("Error updating ActionRecordSession: ", error);
+      });
+    } catch (error) {
+      console.error("ActionRecordSession\u66F4\u65B0\u30A8\u30E9\u30FC:", error);
+      throw error;
+    }
+  }
+};
+
+// src/utils/date.ts
+var import_firestore4 = require("firebase/firestore");
+function convertTimestampToDate(timestamp) {
+  if (!timestamp) return null;
+  if (typeof timestamp === "string") {
+    const _string = new Date(timestamp);
+    if (isNaN(_string.getTime())) {
+      return null;
+    }
+    return _string;
+  }
+  if ("_seconds" in timestamp && timestamp?._seconds) {
+    return new Date(Number(timestamp._seconds) * 1e3);
+  }
+  if (timestamp instanceof import_firestore4.Timestamp) {
+    const _timestamp = timestamp.toDate();
+    return _timestamp;
+  }
+  if (timestamp instanceof Date) {
+    const _date = timestamp;
+    return _date;
+  }
+  return timestamp;
+}
+var dateFormat = (payload, format = "YYYY/MM/DD") => {
+  let date = payload;
+  if (!date) return "";
+  if (typeof date === "string") {
+    if (date.length === 8 && /^\d{8}$/.test(date)) {
+      const strYear = Number(date.slice(0, 4));
+      const strMonth = Number(date.slice(4, 6)) - 1;
+      const strDate = Number(date.slice(6, 8));
+      date = new Date(strYear, strMonth, strDate);
+    } else if (!/^(\d{4}).([0-1]\d).([0-3]\d).*$/.test(date)) {
+      return "error";
+    } else {
+      const strYear = Number(date.slice(0, 4));
+      const strMonth = Number(date.slice(5, 7)) - 1;
+      const strDate = Number(date.slice(8, 10));
+      date = new Date(strYear, strMonth, strDate);
+    }
+  }
+  if (typeof date === "number") {
+    date = new Date(date);
+  }
+  if (isTimestamp(date)) {
+    date = date.toDate();
+  }
+  if (date.hasOwnProperty("_seconds") && date.hasOwnProperty("_nanoseconds")) {
+    date = new Date(
+      // @ts-ignore
+      date._seconds * 1e3 + Math.floor(date._nanoseconds / 1e6)
+    );
+  }
+  date = new Date(date);
+  format = format.replace(/YYYY/g, date.getFullYear().toString());
+  format = format.replace(/MM/g, ("0" + (date.getMonth() + 1)).slice(-2));
+  format = format.replace(/DD/g, ("0" + date.getDate()).slice(-2));
+  format = format.replace(/hh/g, ("0" + date.getHours()).slice(-2));
+  format = format.replace(/mm/g, ("0" + date.getMinutes()).slice(-2));
+  format = format.replace(/ss/g, ("0" + date.getSeconds()).slice(-2));
+  format = format.replace(/SSS/g, ("00" + date.getMilliseconds()).slice(-3));
+  format = format.replace(
+    /aaa/g,
+    ["\u65E5", "\u6708", "\u706B", "\u6C34", "\u6728", "\u91D1", "\u571F"][date.getDay()]
+  );
+  return format;
+};
+var isTimestamp = (payload) => {
+  return payload.toDate !== void 0;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ActionLensPlayer,
+  ActionLensRc,
+  convertTimestampToDate,
+  dateFormat
+});
+//# sourceMappingURL=index.js.map