action-lens 1.0.11 → 1.0.12

package/dist/index.d.mts

@@ -50,15 +50,24 @@ declare class ActionLensRc {
     projectData: Project | null;
     organizationId: string | null;
     originalUserId: string | null;
+    /** イベントバッファとコミット閾値 */
+    private eventBuffer;
+    private readonly flushThreshold;
     constructor(_userId: string | null, projectId: string | null, userMeta: {
         name: string;
         email: string;
     } | null, metaData?: Record<string, any>, _db?: Firestore | null, prefix?: string);
+    /** バッファ内イベントをまとめて Firestore に書き込む */
+    private flushBuffer;
+    /** コンソール呼び出しを rrweb カスタムイベントとして記録 */
     startConsoleRecording(): void;
-    startTimelineRecording(): void;
+    /** rrweb を使って画面操作をバッファ＆バッチ保存 */
     startRrwebRecordingForStore(): void;
+    /** 録画停止とバッファフラッシュ */
     stopRrwebRecordingForStore(): void;
+    /** セッションの endTime を更新 */
     updateActionRecordSession(): void;
+    startTimelineRecording(): void;
 }
 
 /** Timestampの時はDateへの変更 */

package/dist/index.d.ts

@@ -50,15 +50,24 @@ declare class ActionLensRc {
     projectData: Project | null;
     organizationId: string | null;
     originalUserId: string | null;
+    /** イベントバッファとコミット閾値 */
+    private eventBuffer;
+    private readonly flushThreshold;
     constructor(_userId: string | null, projectId: string | null, userMeta: {
         name: string;
         email: string;
     } | null, metaData?: Record<string, any>, _db?: Firestore | null, prefix?: string);
+    /** バッファ内イベントをまとめて Firestore に書き込む */
+    private flushBuffer;
+    /** コンソール呼び出しを rrweb カスタムイベントとして記録 */
     startConsoleRecording(): void;
-    startTimelineRecording(): void;
+    /** rrweb を使って画面操作をバッファ＆バッチ保存 */
     startRrwebRecordingForStore(): void;
+    /** 録画停止とバッファフラッシュ */
     stopRrwebRecordingForStore(): void;
+    /** セッションの endTime を更新 */
     updateActionRecordSession(): void;
+    startTimelineRecording(): void;
 }
 
 /** Timestampの時はDateへの変更 */

package/dist/index.js

@@ -290,213 +290,124 @@ var ActionLensRc = class {
   projectData = null;
   organizationId = null;
   originalUserId = null;
-  // 元のユーザーID（外部システムのIDなど）
+  /** イベントバッファとコミット閾値 */
+  eventBuffer = [];
+  flushThreshold = 50;
   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.originalUserId = _userId;
+    this.db = _db || db;
+    (0, import_firestore3.getDoc)((0, import_firestore3.doc)((0, import_firestore3.collection)(this.db, `${prefix}project`), projectId)).then(async (_proj) => {
+      this.projectData = _proj.data();
+      this.organizationId = this.projectData?.organizationId || null;
+      if (!this.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();
-        }).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;
-    }
+      (0, import_firestore3.getDoc)((0, import_firestore3.doc)((0, import_firestore3.collection)(this.db, `${prefix}user`), _userId)).then(async (_usr) => {
+        this.userId = `${this.organizationId}-${_userId}`;
+        this.prefix = prefix;
+        this.projectId = projectId;
+        this.startRrwebRecordingForStore();
+        this.startConsoleRecording();
+      }).catch((e) => console.error("\u30E6\u30FC\u30B6\u30FC\u30C7\u30FC\u30BF\u53D6\u5F97\u30A8\u30E9\u30FC:", e));
+    }).catch((e) => console.error("\u30D7\u30ED\u30B8\u30A7\u30AF\u30C8\u53D6\u5F97\u30A8\u30E9\u30FC:", e));
+  }
+  /** バッファ内イベントをまとめて Firestore に書き込む */
+  flushBuffer() {
+    if (!this.db || this.eventBuffer.length === 0) return;
+    const batch = (0, import_firestore3.writeBatch)(this.db);
+    this.eventBuffer.forEach((rec) => {
+      const ref = (0, import_firestore3.doc)((0, import_firestore3.collection)(this.db, `${this.prefix}ActionRecord`));
+      batch.set(ref, rec);
+    });
+    batch.commit().catch((e) => console.error("Batch commit error:", e));
+    this.eventBuffer = [];
   }
-  // コンソールログをキャプチャ
+  /** コンソール呼び出しを rrweb カスタムイベントとして記録 */
   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();
+    const methods = ["log", "info", "warn", "error", "debug", "trace"];
+    const original = {};
+    methods.forEach((m) => {
+      original[m] = console[m].bind(console);
+      console[m] = (...args) => {
+        original[m](...args);
+        import_rrweb2.record.addCustomEvent("console", { method: m, args });
+        this.updateActionRecordSession();
+      };
+    });
+  }
+  /** rrweb を使って画面操作をバッファ＆バッチ保存 */
+  startRrwebRecordingForStore() {
+    if (this.stopFnForStore) return;
+    const userId = this.userId || "unknown";
+    const originalUserId = this.originalUserId || "";
+    const sessionId = this.sessionId;
+    const db2 = this.db;
+    const prefix = this.prefix;
+    (0, import_firestore3.setDoc)((0, import_firestore3.doc)((0, import_firestore3.collection)(db2, `${prefix}ActionRecordSession`), sessionId), {
+      id: sessionId,
+      startTime: /* @__PURE__ */ new Date(),
+      endTime: null,
+      userId,
+      projectId: this.projectId,
+      organizationId: this.projectData?.organizationId || null,
+      createAt: /* @__PURE__ */ new Date(),
+      updateAt: /* @__PURE__ */ new Date(),
+      createdBy: userId,
+      updatedBy: userId
+    }).catch((e) => console.error(e));
+    this.stopFnForStore = (0, import_rrweb2.record)({
+      collectFonts: true,
+      inlineImages: false,
+      sampling: { canvas: 500, mousemove: false, scroll: 500 },
+      emit: (event) => {
+        const rec = {
+          id: (0, import_firestore3.doc)((0, import_firestore3.collection)(db2, `${prefix}ActionRecord`)).id,
+          timeStamp: /* @__PURE__ */ new Date(),
+          userId,
+          originalUserId,
+          sessionId,
+          type: "rrweb",
+          rrwebRecord: JSON.stringify(event),
+          createAt: /* @__PURE__ */ new Date(),
+          updateAt: /* @__PURE__ */ new Date(),
+          hidden: false,
+          createdBy: userId,
+          updatedBy: userId,
+          hiddenBy: ""
         };
-      });
-    } catch (error) {
-      console.error("\u30B3\u30F3\u30BD\u30FC\u30EB\u9332\u753B\u30A8\u30E9\u30FC:", error);
-      throw error;
+        this.eventBuffer.push(rec);
+        (0, import_firestore3.setDoc)(
+          (0, import_firestore3.doc)((0, import_firestore3.collection)(db2, `${prefix}ActionRecordSession`), sessionId),
+          { endTime: /* @__PURE__ */ new Date(), updateAt: /* @__PURE__ */ new Date(), updatedBy: userId },
+          { merge: true }
+        ).catch((e) => console.error(e));
+      },
+      recordCanvas: false
+    });
+    setInterval(() => {
+      this.flushBuffer();
+    }, 5e3);
+  }
+  /** 録画停止とバッファフラッシュ */
+  stopRrwebRecordingForStore() {
+    if (this.stopFnForStore) {
+      this.stopFnForStore();
+      this.stopFnForStore = null;
+      this.flushBuffer();
     }
   }
+  /** セッションの endTime を更新 */
+  updateActionRecordSession() {
+    if (!this.db || !this.sessionId || !this.userId) return;
+    (0, import_firestore3.setDoc)(
+      (0, import_firestore3.doc)(
+        (0, import_firestore3.collection)(this.db, `${this.prefix}ActionRecordSession`),
+        this.sessionId
+      ),
+      { endTime: /* @__PURE__ */ new Date(), updateAt: /* @__PURE__ */ new Date(), updatedBy: this.userId },
+      { merge: true }
+    ).catch((e) => console.error(e));
+  }
   // タイムライン（ナビゲーションとパフォーマンス）をキャプチャ
   startTimelineRecording() {
     try {
@@ -586,110 +497,6 @@ var ActionLensRc = class {
       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: 1e3,
-          mousemove: 600
-        },
-        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