@q9labsai/chalk-whiteboard 4.1.4 → 4.1.7

package/dist/{chunk-SQH5KXIR.js → chunk-GCF4VS3K.js}

@@ -441,6 +441,7 @@ var ExcalidrawCollabEngine = class {
   broadcastedElementVersions = /* @__PURE__ */ new Map();
   submissionInFlight = false;
   dirtyDuringSubmission = false;
+  disposed = false;
   changeDebounce = null;
   fullSyncTimer = null;
   filesSync;
@@ -464,16 +465,22 @@ var ExcalidrawCollabEngine = class {
     return commit;
   }
   dispose() {
+    if (this.disposed) return;
+    const hasPendingChange = this.changeDebounce !== null || this.dirtyDuringSubmission;
+    this.disposed = true;
     if (this.changeDebounce) clearTimeout(this.changeDebounce);
-    if (this.fullSyncTimer) clearTimeout(this.fullSyncTimer);
     this.changeDebounce = null;
+    if (hasPendingChange) this.flushOnDispose();
+    if (this.fullSyncTimer) clearTimeout(this.fullSyncTimer);
     this.fullSyncTimer = null;
+    this.dirtyDuringSubmission = false;
     this.filesSync.dispose();
     this.presence.dispose();
     this.unsubscribe();
     this.unsubPointerUp?.();
   }
   handleChange(_elements, _appState, files) {
+    if (this.disposed) return;
     const elementsAll = this.opts.excalidrawAPI.getSceneElementsIncludingDeleted();
     this.filesSync.handleLocalScene(elementsAll, files);
     if (!this.canDraw) return;
@@ -540,6 +547,7 @@ var ExcalidrawCollabEngine = class {
     });
   }
   flushNow() {
+    if (this.disposed) return;
     const context = this.submissionContext();
     if (!context) return;
     const elementsHash = hashElementsVersion(context.elements);
@@ -553,26 +561,43 @@ var ExcalidrawCollabEngine = class {
     if (delta.length === 0) return;
     this.submit(context.sceneId, context.sceneGeneration ?? null, false, delta, elementsHash);
   }
+  flushOnDispose() {
+    const context = this.submissionContext({ allowDisposed: true, allowInFlight: true });
+    if (!context) return;
+    const elementsHash = hashElementsVersion(context.elements);
+    if (elementsHash === this.lastBroadcastedOrReceivedElementsHash) return;
+    const syncableAll = filterSyncableElements(context.elements);
+    const delta = [];
+    for (const element of syncableAll) {
+      const previousVersion = this.broadcastedElementVersions.get(element.id) ?? 0;
+      if (!previousVersion || element.version > previousVersion) delta.push(element);
+    }
+    if (delta.length === 0) return;
+    this.submitFinalUpdate(context.sceneId, context.sceneGeneration ?? null, delta);
+  }
   scheduleFullSync() {
-    if (this.fullSyncTimer) return;
+    if (this.disposed || this.fullSyncTimer) return;
     this.fullSyncTimer = setTimeout(() => {
       this.fullSyncTimer = null;
+      if (this.disposed) return;
       this.sendFullSync();
     }, FULL_SYNC_INTERVAL_MS);
   }
   sendFullSync() {
+    if (this.disposed) return;
     const context = this.submissionContext();
     if (!context) return;
     const syncableAll = filterSyncableElements(context.elements);
     this.submit(context.sceneId, context.sceneGeneration ?? null, true, syncableAll, hashElementsVersion(context.elements));
   }
-  submissionContext() {
+  submissionContext(options = {}) {
+    if (this.disposed && !options.allowDisposed) return null;
     if (!this.canDraw) return null;
     if (!this.sceneId) {
       this.requestSnapshot();
       return null;
     }
-    if (this.submissionInFlight) {
+    if (this.submissionInFlight && !options.allowInFlight) {
       this.dirtyDuringSubmission = true;
       return null;
     }
@@ -591,6 +616,7 @@ var ExcalidrawCollabEngine = class {
       syncAll,
       elements: elements.map(toWireElement)
     }).then((commit) => {
+      if (this.disposed) return;
       if (commit.sceneId !== sceneId || this.sceneId !== sceneId || this.sceneGeneration !== sceneGeneration) {
         this.requestSnapshot();
         return;
@@ -601,10 +627,28 @@ var ExcalidrawCollabEngine = class {
       this.lastBroadcastedOrReceivedElementsHash = elementsHash;
       this.scheduleFullSync();
     }).catch(this.opts.onSubmissionError).finally(() => {
+      if (this.disposed) return;
       this.submissionInFlight = false;
-      if (this.dirtyDuringSubmission) this.flushNow();
+      const shouldFlush = this.dirtyDuringSubmission;
+      this.dirtyDuringSubmission = false;
+      if (!this.disposed && shouldFlush) this.flushNow();
     });
   }
+  submitFinalUpdate(sceneId, sceneGeneration, elements) {
+    let submission;
+    try {
+      submission = this.opts.submitUpdate({
+        sceneId,
+        ...sceneGeneration ? { sceneGeneration } : {},
+        syncAll: false,
+        elements: elements.map(toWireElement)
+      });
+    } catch (cause) {
+      this.opts.onSubmissionError?.(cause);
+      return;
+    }
+    void submission.catch((cause) => this.opts.onSubmissionError?.(cause));
+  }
   applyRemoteElements(args) {
     const remoteSceneId = args.sceneId;
     if (!this.sceneId) {
@@ -645,7 +689,11 @@ var ExcalidrawCollabEngine = class {
     this.filesSync.handleRemoteScene(reconciled);
   }
   requestSnapshot() {
-    void Promise.resolve().then(() => this.opts.requestSnapshot()).catch((cause) => this.opts.onSubmissionError?.(cause));
+    if (this.disposed) return;
+    void Promise.resolve().then(() => {
+      if (this.disposed) return;
+      return this.opts.requestSnapshot();
+    }).catch((cause) => this.opts.onSubmissionError?.(cause));
   }
 };
 

package/dist/collab/engine.d.ts

@@ -56,6 +56,7 @@ export declare class ExcalidrawCollabEngine {
     private broadcastedElementVersions;
     private submissionInFlight;
     private dirtyDuringSubmission;
+    private disposed;
     private changeDebounce;
     private fullSyncTimer;
     private readonly filesSync;
@@ -94,10 +95,12 @@ export declare class ExcalidrawCollabEngine {
         appState?: AppState;
     }): void;
     private flushNow;
+    private flushOnDispose;
     private scheduleFullSync;
     private sendFullSync;
     private submissionContext;
     private submit;
+    private submitFinalUpdate;
     private applyRemoteElements;
     private requestSnapshot;
 }

package/dist/collab/index.js

@@ -6,7 +6,7 @@ import {
   fromWireElement,
   isWireElement,
   toWireElement
-} from "../chunk-SQH5KXIR.js";
+} from "../chunk-GCF4VS3K.js";
 export {
   ExcalidrawCollabEngine,
   fromWireElement,

package/dist/embedded/chalk-whiteboard/asset-manifest.json

@@ -1216,8 +1216,8 @@
     },
     {
       "path": "renderer.js",
-      "bytes": 8498299,
-      "sha256": "9ebd3f7ccb4f2b999f40081636e51aa941dae8332ad861397daa5df43e595ee7"
+      "bytes": 8499347,
+      "sha256": "8fb16da140966885912fd55616156b73e24dafc94e7dd0996e169d202714281a"
     },
     {
       "path": "THIRD_PARTY_NOTICES.json",