kritzel-stencil 0.1.73 → 0.1.75

package/dist/cjs/index-Dc7LOVhs.js

@@ -132,10 +132,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'kritzel-active-users_41.cjs':
+                case 'kritzel-active-users_42.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './kritzel-active-users_41.cjs.entry.js')); }).then(processMod, consoleError);
+                        './kritzel-active-users_42.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'kritzel-brush-style.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */

package/dist/cjs/index.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var workspace_migrations = require('./workspace.migrations-DcwqsqPC.js');
+var workspace_migrations = require('./workspace.migrations-DkmVO6dE.js');
 var Y = require('yjs');
 var yWebsocket = require('y-websocket');
 require('y-indexeddb');
@@ -360,6 +360,7 @@ const readVarUint = decoder => {
  * This is a lightweight alternative to y-webrtc for browser-tab-only sync
  */
 class BroadcastSyncProvider {
+    type = 'local';
     doc;
     channel;
     _synced = false;
@@ -441,6 +442,10 @@ class BroadcastSyncProvider {
     disconnect() {
         // BroadcastChannel doesn't have explicit disconnect
     }
+    async reconnect() {
+        this.disconnect();
+        return this.connect();
+    }
     destroy() {
         this.doc.off('update', this.handleDocUpdate);
         this.channel.close();
@@ -451,6 +456,7 @@ class BroadcastSyncProvider {
  * WebSocket sync provider for real-time collaboration
  */
 class WebSocketSyncProvider {
+    type = 'network';
     provider;
     isConnected = false;
     _quiet = false;
@@ -539,6 +545,10 @@ class WebSocketSyncProvider {
         }
         this.isConnected = false;
     }
+    async reconnect() {
+        this.disconnect();
+        return this.connect();
+    }
     destroy() {
         if (this.provider) {
             this.provider.destroy();
@@ -552,6 +562,7 @@ class WebSocketSyncProvider {
  * Supports multiplexing - multiple documents can share the same WebSocket connection
  */
 class HocuspocusSyncProvider {
+    type = 'network';
     provider;
     isConnected = false;
     isSynced = false;
@@ -559,16 +570,87 @@ class HocuspocusSyncProvider {
     isDestroyed = false;
     connectTimeout = null;
     pendingConnectReject = null;
+    connectionTimeoutMs;
+    _connectionStatus = 'disconnected';
+    visibilityHandler = null;
+    onlineHandler = null;
     get awareness() {
         return this.provider.awareness;
     }
+    get connectionStatus() {
+        return this._connectionStatus;
+    }
     // Static shared WebSocket instance for multiplexing
     static sharedWebSocketProvider = null;
     constructor(docName, doc, options) {
         const name = options?.name || docName;
         const url = options?.url || 'ws://localhost:1234';
+        this.connectionTimeoutMs = options?.connectionTimeout ?? 10000;
         // Use provided websocketProvider or the static shared one
         const websocketProvider = options?.websocketProvider || HocuspocusSyncProvider.sharedWebSocketProvider;
+        // Build reconnect config from options
+        const reconnectConfig = {};
+        if (options?.delay !== undefined)
+            reconnectConfig.delay = options.delay;
+        if (options?.factor !== undefined)
+            reconnectConfig.factor = options.factor;
+        if (options?.maxAttempts !== undefined)
+            reconnectConfig.maxAttempts = options.maxAttempts;
+        if (options?.minDelay !== undefined)
+            reconnectConfig.minDelay = options.minDelay;
+        if (options?.maxDelay !== undefined)
+            reconnectConfig.maxDelay = options.maxDelay;
+        const onConnect = () => {
+            if (this.isDestroyed) {
+                return;
+            }
+            this.isConnected = true;
+            this._connectionStatus = 'connected';
+            if (!options?.quiet) {
+                console.info(`Hocuspocus connected: ${name}`);
+            }
+            if (options?.onConnect) {
+                options.onConnect();
+            }
+        };
+        const onDisconnect = () => {
+            if (this.isDestroyed) {
+                return;
+            }
+            this.isConnected = false;
+            this.isSynced = false;
+            this._connectionStatus = 'disconnected';
+            if (!options?.quiet) {
+                console.info(`Hocuspocus disconnected: ${name}`);
+            }
+            if (options?.onDisconnect) {
+                options.onDisconnect();
+            }
+        };
+        const onSynced = () => {
+            if (this.isDestroyed) {
+                return;
+            }
+            this.isSynced = true;
+            this._connectionStatus = 'synced';
+            if (!options?.quiet) {
+                console.info(`Hocuspocus synced: ${name}`);
+            }
+            if (options?.onSynced) {
+                options.onSynced();
+            }
+        };
+        const onStatus = (data) => {
+            if (this.isDestroyed) {
+                return;
+            }
+            if (data.status === 'connecting') {
+                this._connectionStatus = 'connecting';
+            }
+            if (options?.onStatus) {
+                options.onStatus(data);
+            }
+        };
         if (websocketProvider) {
             // Multiplexing mode - use shared WebSocket connection
             this.usesSharedSocket = true;
@@ -577,48 +659,11 @@ class HocuspocusSyncProvider {
                 name,
                 document: doc,
                 token: options?.token || null,
-                onStatus: (data) => {
-                    if (options?.onStatus) {
-                        options.onStatus(data);
-                    }
-                },
-                onConnect: () => {
-                    if (this.isConnected || this.isDestroyed) {
-                        return;
-                    }
-                    this.isConnected = true;
-                    if (!options?.quiet) {
-                        console.info(`Hocuspocus connected: ${name}`);
-                    }
-                    if (options?.onConnect) {
-                        options.onConnect();
-                    }
-                },
-                onDisconnect: () => {
-                    if (this.isDestroyed || (!this.isConnected && !this.isSynced)) {
-                        return;
-                    }
-                    this.isConnected = false;
-                    this.isSynced = false;
-                    if (!options?.quiet) {
-                        console.info(`Hocuspocus disconnected: ${name}`);
-                    }
-                    if (options?.onDisconnect) {
-                        options.onDisconnect();
-                    }
-                },
-                onSynced: () => {
-                    if (this.isSynced || this.isDestroyed) {
-                        return;
-                    }
-                    this.isSynced = true;
-                    if (!options?.quiet) {
-                        console.info(`Hocuspocus synced: ${name}`);
-                    }
-                    if (options?.onSynced) {
-                        options.onSynced();
-                    }
-                },
+                onStatus,
+                onConnect,
+                onDisconnect,
+                onSynced,
+                ...reconnectConfig,
             };
             // Add optional settings
             if (options?.forceSyncInterval !== undefined) {
@@ -643,48 +688,11 @@ class HocuspocusSyncProvider {
                 document: doc,
                 token: options?.token || null,
                 autoConnect: false,
-                onStatus: (data) => {
-                    if (options?.onStatus) {
-                        options.onStatus(data);
-                    }
-                },
-                onConnect: () => {
-                    if (this.isConnected || this.isDestroyed) {
-                        return;
-                    }
-                    this.isConnected = true;
-                    if (!options?.quiet) {
-                        console.info(`Hocuspocus connected: ${name}`);
-                    }
-                    if (options?.onConnect) {
-                        options.onConnect();
-                    }
-                },
-                onDisconnect: () => {
-                    if (this.isDestroyed || (!this.isConnected && !this.isSynced)) {
-                        return;
-                    }
-                    this.isConnected = false;
-                    this.isSynced = false;
-                    if (!options?.quiet) {
-                        console.info(`Hocuspocus disconnected: ${name}`);
-                    }
-                    if (options?.onDisconnect) {
-                        options.onDisconnect();
-                    }
-                },
-                onSynced: () => {
-                    if (this.isSynced || this.isDestroyed) {
-                        return;
-                    }
-                    this.isSynced = true;
-                    if (!options?.quiet) {
-                        console.info(`Hocuspocus synced: ${name}`);
-                    }
-                    if (options?.onSynced) {
-                        options.onSynced();
-                    }
-                },
+                onStatus,
+                onConnect,
+                onDisconnect,
+                onSynced,
+                ...reconnectConfig,
             };
             // Add optional settings
             if (options?.forceSyncInterval !== undefined) {
@@ -701,6 +709,35 @@ class HocuspocusSyncProvider {
                 console.info(`Hocuspocus Provider initialized: ${url}/${name}`);
             }
         }
+        this.setupBrowserEventListeners();
+    }
+    setupBrowserEventListeners() {
+        if (typeof document !== 'undefined') {
+            this.visibilityHandler = () => {
+                if (document.visibilityState === 'visible' && !this.isConnected && !this.isDestroyed) {
+                    this.provider.connect();
+                }
+            };
+            document.addEventListener('visibilitychange', this.visibilityHandler);
+        }
+        if (typeof window !== 'undefined') {
+            this.onlineHandler = () => {
+                if (!this.isConnected && !this.isDestroyed) {
+                    this.provider.connect();
+                }
+            };
+            window.addEventListener('online', this.onlineHandler);
+        }
+    }
+    removeBrowserEventListeners() {
+        if (this.visibilityHandler && typeof document !== 'undefined') {
+            document.removeEventListener('visibilitychange', this.visibilityHandler);
+            this.visibilityHandler = null;
+        }
+        if (this.onlineHandler && typeof window !== 'undefined') {
+            window.removeEventListener('online', this.onlineHandler);
+            this.onlineHandler = null;
+        }
     }
     /**
      * Create a shared WebSocket connection for multiplexing
@@ -763,6 +800,7 @@ class HocuspocusSyncProvider {
         if (this.isSynced || this.isDestroyed) {
             return;
         }
+        this._connectionStatus = 'connecting';
         return new Promise((resolve, reject) => {
             // Store reject function so we can cancel the connection if destroyed
             this.pendingConnectReject = reject;
@@ -770,7 +808,7 @@ class HocuspocusSyncProvider {
                 this.pendingConnectReject = null;
                 this.connectTimeout = null;
                 reject(new Error('Hocuspocus connection timeout'));
-            }, 10000); // 10 second timeout
+            }, this.connectionTimeoutMs);
             const syncHandler = () => {
                 if (this.connectTimeout) {
                     clearTimeout(this.connectTimeout);
@@ -800,6 +838,10 @@ class HocuspocusSyncProvider {
             }
         });
     }
+    async reconnect() {
+        this.disconnect();
+        return this.connect();
+    }
     disconnect() {
         // Cancel any pending connection attempt
         if (this.connectTimeout) {
@@ -820,6 +862,7 @@ class HocuspocusSyncProvider {
         }
         this.isConnected = false;
         this.isSynced = false;
+        this._connectionStatus = 'disconnected';
     }
     destroy() {
         // Mark as destroyed first to prevent any callbacks from doing work
@@ -832,11 +875,13 @@ class HocuspocusSyncProvider {
         if (this.pendingConnectReject) {
             this.pendingConnectReject = null; // Don't reject, just abandon the promise
         }
+        this.removeBrowserEventListeners();
         if (this.provider) {
             this.provider.destroy();
         }
         this.isConnected = false;
         this.isSynced = false;
+        this._connectionStatus = 'disconnected';
     }
 }