kritzel-stencil 0.1.80 → 0.1.82

package/dist/esm/{workspace.migrations-OzSSw5kt.js → workspace.migrations-Be65cOkQ.js}

@@ -424,7 +424,7 @@ class KritzelBaseObject {
         const object = new KritzelBaseObject();
         object._core = core;
         object.zIndex = core.store.currentZIndex;
-        object.workspaceId = core.store.activeWorkspace.id;
+        object.workspaceId = core.store.state.activeWorkspace.id;
         object.userId = core.user?.id;
         return object;
     }
@@ -15228,12 +15228,6 @@ class KritzelText extends KritzelBaseObject {
     isEditing = false;
     editor = null;
     content = null;
-    get _editor() {
-        if (!this._editor) {
-            throw new Error('KritzelShape: editor is not initialized');
-        }
-        return this._editor;
-    }
     _schema = new Schema({
         nodes: addListNodes(schema.spec.nodes, 'paragraph block*', 'block'),
         marks: schema.spec.marks,
@@ -15245,10 +15239,10 @@ class KritzelText extends KritzelBaseObject {
      * @returns `true` if the editor is empty or contains only whitespace, `false` otherwise.
      */
     get isEmpty() {
-        if (!this._editor) {
+        if (!this.editor) {
             return true;
         }
-        const doc = this._editor.state.doc;
+        const doc = this.editor.state.doc;
         if (doc.content.size === 0) {
             return true;
         }
@@ -15321,7 +15315,7 @@ class KritzelText extends KritzelBaseObject {
         const object = new KritzelText();
         object._core = core;
         object.id = object.generateId();
-        object.workspaceId = core.store.activeWorkspace.id;
+        object.workspaceId = core.store.state.activeWorkspace.id;
         object.userId = core.user?.id;
         object.fontSize = fontSize || 8;
         object.fontFamily = fontFamily || 'Arial';
@@ -15352,7 +15346,7 @@ class KritzelText extends KritzelBaseObject {
         element.style.fontFamily = this.fontFamily;
         element.style.fontSize = `${this.fontSize}pt`;
         element.style.color = KritzelColorHelper.resolveThemeColor(this.fontColor);
-        if (this.isMounted && this.elementRef === element && this._editor.dom.parentElement === element) {
+        if (this.isMounted && this.elementRef === element && this.editor.dom.parentElement === element) {
             if (!this._core.store.state.isScaling && !this._core.store.state.isPanning) {
                 requestAnimationFrame(() => this.adjustSizeOnInput());
             }
@@ -15362,7 +15356,7 @@ class KritzelText extends KritzelBaseObject {
         this.elementRef.style.whiteSpace = 'pre-wrap';
         this.elementRef.style.wordWrap = 'break-word';
         this.elementRef.innerHTML = '';
-        this.elementRef.appendChild(this._editor.dom);
+        this.elementRef.appendChild(this.editor.dom);
         this.isMounted = true;
         requestAnimationFrame(() => this.adjustSizeOnInput());
     }
@@ -15380,8 +15374,8 @@ class KritzelText extends KritzelBaseObject {
             }),
             editable: () => false,
             dispatchTransaction: transaction => {
-                const newState = this._editor.state.apply(transaction);
-                this._editor.updateState(newState);
+                const newState = this.editor.state.apply(transaction);
+                this.editor.updateState(newState);
                 if (transaction.docChanged) {
                     this.content = newState.doc.toJSON();
                     this.adjustSizeOnInput();
@@ -15399,11 +15393,11 @@ class KritzelText extends KritzelBaseObject {
      */
     setContent(content) {
         this.content = content;
-        if (this._editor && content) {
-            const newDoc = this._editor.state.schema.nodeFromJSON(content);
-            const tr = this._editor.state.tr.replaceWith(0, this._editor.state.doc.content.size, newDoc.content);
+        if (this.editor && content) {
+            const newDoc = this.editor.state.schema.nodeFromJSON(content);
+            const tr = this.editor.state.tr.replaceWith(0, this.editor.state.doc.content.size, newDoc.content);
             tr.setMeta('fromRemote', true);
-            this._editor.dispatch(tr);
+            this.editor.dispatch(tr);
         }
     }
     /**
@@ -15468,13 +15462,13 @@ class KritzelText extends KritzelBaseObject {
      * @param coords.y - Y coordinate for cursor placement.
      */
     focus(coords) {
-        if (this._editor) {
-            const doc = this._editor.state.doc;
+        if (this.editor) {
+            const doc = this.editor.state.doc;
             if (coords.x && coords.y && !this.isEmpty) {
-                const pos = this._editor.posAtCoords({ left: coords.x, top: coords.y });
+                const pos = this.editor.posAtCoords({ left: coords.x, top: coords.y });
                 if (pos) {
-                    this._editor.dispatch(this._editor.state.tr.setSelection(TextSelection.create(doc, pos.pos)));
-                    this._editor.focus();
+                    this.editor.dispatch(this.editor.state.tr.setSelection(TextSelection.create(doc, pos.pos)));
+                    this.editor.focus();
                     if (KritzelDevicesHelper.isIOS()) {
                         this.scrollIntoViewOnIOS();
                     }
@@ -15482,8 +15476,8 @@ class KritzelText extends KritzelBaseObject {
                 }
             }
             const end = Math.max(1, doc.content.size - 1);
-            this._editor.dispatch(this._editor.state.tr.setSelection(TextSelection.create(doc, end)));
-            this._editor.focus();
+            this.editor.dispatch(this.editor.state.tr.setSelection(TextSelection.create(doc, end)));
+            this.editor.focus();
             if (KritzelDevicesHelper.isIOS()) {
                 this.scrollIntoViewOnIOS();
             }
@@ -15495,8 +15489,8 @@ class KritzelText extends KritzelBaseObject {
      */
     scrollIntoViewOnIOS() {
         setTimeout(() => {
-            if (this._editor && this._editor.dom) {
-                this._editor.dom.scrollIntoView({
+            if (this.editor && this.editor.dom) {
+                this.editor.dom.scrollIntoView({
                     behavior: 'smooth',
                     block: 'center',
                     inline: 'nearest',
@@ -15514,7 +15508,7 @@ class KritzelText extends KritzelBaseObject {
         KritzelKeyboardHelper.disableInteractiveWidget();
         this.uneditedObject = this.clone();
         this._core.store.setState('activeTool', KritzelToolRegistry.getTool('text'));
-        this._editor.setProps({ editable: () => true });
+        this.editor.setProps({ editable: () => true });
         this.isEditing = true;
         this._core.rerender();
         this.adjustSizeOnInput();
@@ -15530,9 +15524,9 @@ class KritzelText extends KritzelBaseObject {
      */
     save() {
         requestAnimationFrame(() => this.adjustSizeOnInput());
-        this.content = this._editor.state.doc.toJSON();
-        this._editor.setProps({ editable: () => false });
-        this._editor.dom.blur();
+        this.content = this.editor.state.doc.toJSON();
+        this.editor.setProps({ editable: () => false });
+        this.editor.dom.blur();
         this.isEditing = false;
         this._core.store.objects.consolidateTemporaryItems();
         this._core.store.objects.update(this);
@@ -15713,7 +15707,7 @@ class KritzelPath extends KritzelBaseObject {
         const object = new KritzelPath();
         object._core = core;
         object.id = object.generateId();
-        object.workspaceId = core.store.activeWorkspace.id;
+        object.workspaceId = core.store.state.activeWorkspace.id;
         object.userId = core.user?.id;
         object.options = options;
         object.points = options?.points ?? [];
@@ -16215,7 +16209,7 @@ class KritzelImage extends KritzelBaseObject {
         const object = new KritzelImage();
         object._core = core;
         object.id = object.generateId();
-        object.workspaceId = core.store.activeWorkspace.id;
+        object.workspaceId = core.store.state.activeWorkspace.id;
         object.userId = core.user?.id;
         object.x = 0;
         object.y = 0;
@@ -16366,7 +16360,7 @@ class KritzelLine extends KritzelBaseObject {
         const object = new KritzelLine();
         object._core = core;
         object.id = object.generateId();
-        object.workspaceId = core.store.activeWorkspace.id;
+        object.workspaceId = core.store.state.activeWorkspace.id;
         object.userId = core.user?.id;
         object.options = options;
         object.startX = options?.startX ?? 0;
@@ -17126,7 +17120,7 @@ class KritzelGroup extends KritzelBaseObject {
         const group = new KritzelGroup();
         group._core = core;
         group.id = group.generateId();
-        group.workspaceId = core.store.activeWorkspace.id;
+        group.workspaceId = core.store.state.activeWorkspace.id;
         group.userId = core.user?.id;
         group.scale = core.store.state.scale;
         group.zIndex = core.store.currentZIndex;
@@ -17623,12 +17617,6 @@ class KritzelShape extends KritzelBaseObject {
     get viewBox() {
         return `${this.x} ${this.y} ${this.width} ${this.height}`;
     }
-    get _editor() {
-        if (!this.editor) {
-            throw new Error('KritzelShape: editor is not initialized');
-        }
-        return this.editor;
-    }
     /**
      * Creates a new KritzelShape instance with optional configuration.
      * This constructor initializes the shape with default values that can be
@@ -17684,7 +17672,7 @@ class KritzelShape extends KritzelBaseObject {
         const object = new KritzelShape();
         object._core = core;
         object.id = object.generateId();
-        object.workspaceId = core.store.activeWorkspace.id;
+        object.workspaceId = core.store.state.activeWorkspace.id;
         object.userId = core.user?.id;
         object.x = config?.x ?? 0;
         object.y = config?.y ?? 0;
@@ -17736,7 +17724,7 @@ class KritzelShape extends KritzelBaseObject {
         if (element === null || this.isInViewport() === false) {
             return;
         }
-        if (this.isMounted && this.elementRef === element && this._editor.dom.parentElement === element) {
+        if (this.isMounted && this.elementRef === element && this.editor.dom.parentElement === element) {
             return;
         }
         this.elementRef = element;
@@ -17752,7 +17740,7 @@ class KritzelShape extends KritzelBaseObject {
      * @returns void
      */
     mountTextEditor(element) {
-        if (element === null || !this.editor) {
+        if (element === null) {
             return;
         }
         element.style.fontFamily = this.fontFamily;
@@ -17783,8 +17771,8 @@ class KritzelShape extends KritzelBaseObject {
             }),
             editable: () => false,
             dispatchTransaction: transaction => {
-                const newState = this._editor.state.apply(transaction);
-                this._editor.updateState(newState);
+                const newState = this.editor.state.apply(transaction);
+                this.editor.updateState(newState);
                 if (transaction.docChanged) {
                     this.content = newState.doc.toJSON();
                     if (!transaction.getMeta('fromRemote')) {
@@ -17846,12 +17834,12 @@ class KritzelShape extends KritzelBaseObject {
      * @returns void
      */
     focus(coords) {
-        const doc = this._editor.state.doc;
+        const doc = this.editor.state.doc;
         if (coords?.x && coords?.y) {
-            const pos = this._editor.posAtCoords({ left: coords.x, top: coords.y });
+            const pos = this.editor.posAtCoords({ left: coords.x, top: coords.y });
             if (pos) {
-                this._editor.dispatch(this._editor.state.tr.setSelection(TextSelection.create(doc, pos.pos)));
-                this._editor.focus();
+                this.editor.dispatch(this.editor.state.tr.setSelection(TextSelection.create(doc, pos.pos)));
+                this.editor.focus();
                 if (KritzelDevicesHelper.isIOS()) {
                     this.scrollIntoViewOnIOS();
                 }
@@ -17859,8 +17847,8 @@ class KritzelShape extends KritzelBaseObject {
             }
         }
         const end = Math.max(1, doc.content.size - 1);
-        this._editor.dispatch(this._editor.state.tr.setSelection(TextSelection.create(doc, end)));
-        this._editor.focus();
+        this.editor.dispatch(this.editor.state.tr.setSelection(TextSelection.create(doc, end)));
+        this.editor.focus();
         if (KritzelDevicesHelper.isIOS()) {
             this.scrollIntoViewOnIOS();
         }
@@ -17898,7 +17886,7 @@ class KritzelShape extends KritzelBaseObject {
         KritzelKeyboardHelper.disableInteractiveWidget();
         this.uneditedObject = this.clone();
         this._core.store.setState('activeTool', KritzelToolRegistry.getTool('shape'));
-        this._editor.setProps({ editable: () => true });
+        this.editor.setProps({ editable: () => true });
         this.isEditing = true;
         this._core.rerender();
         if (event?.clientX && event?.clientY) {
@@ -17915,9 +17903,9 @@ class KritzelShape extends KritzelBaseObject {
      * @returns void
      */
     save() {
-        this.content = this._editor.state.doc.toJSON();
-        this._editor.setProps({ editable: () => false });
-        this._editor.dom.blur();
+        this.content = this.editor.state.doc.toJSON();
+        this.editor.setProps({ editable: () => false });
+        this.editor.dom.blur();
         this.isEditing = false;
         this._core.store.objects.consolidateTemporaryItems();
         this._core.store.objects.update(this);
@@ -18595,7 +18583,7 @@ class KritzelSelectionGroup extends KritzelBaseObject {
         const object = new KritzelSelectionGroup();
         object._core = core;
         object.id = object.generateId();
-        object.workspaceId = core.store.activeWorkspace.id;
+        object.workspaceId = core.store.state.activeWorkspace.id;
         object.userId = core.user?.id;
         object.clientId = core.store.objects?.localClientId ?? undefined;
         object.scale = core.store.state.scale;
@@ -20922,7 +20910,7 @@ class KritzelSelectionBox extends KritzelBaseObject {
         const object = new KritzelSelectionBox();
         object._core = core;
         object.id = object.generateId();
-        object.workspaceId = core.store.activeWorkspace.id;
+        object.workspaceId = core.store.state.activeWorkspace.id;
         object.userId = core.user?.id;
         object.scale = core.store.state.scale;
         object.zIndex = 99999;

package/dist/stencil/index.esm.js

@@ -1 +1 @@
-export{A as APP_STATE_MIGRATIONS,C as CURRENT_APP_STATE_SCHEMA_VERSION,v as CURRENT_WORKSPACE_SCHEMA_VERSION,D as DEFAULT_BRUSH_CONFIG,r as DEFAULT_LINE_TOOL_CONFIG,q as DEFAULT_TEXT_CONFIG,H as HocuspocusSyncProvider,I as IndexedDBSyncProvider,u as KritzelAlignment,o as KritzelAnchorManager,f as KritzelBrushTool,l as KritzelCursorHelper,h as KritzelEraserTool,d as KritzelGroup,b as KritzelImage,i as KritzelImageTool,c as KritzelLine,g as KritzelLineTool,a as KritzelPath,m as KritzelSelectionTool,e as KritzelShape,k as KritzelShapeTool,K as KritzelText,j as KritzelTextTool,p as KritzelThemeManager,n as KritzelWorkspace,S as ShapeType,W as WORKSPACE_EXPORT_VERSION,x as WORKSPACE_MIGRATIONS,t as darkTheme,s as lightTheme,w as runMigrations}from"./p-OzSSw5kt.js";import*as T from"yjs";import{WebsocketProvider as y}from"y-websocket";import"y-indexeddb";const E=Math.floor,z=127,_=Number.MAX_SAFE_INTEGER;class P{constructor(){this.cpos=0,this.cbuf=new Uint8Array(100),this.bufs=[]}}const O=()=>new P,R=t=>{const s=new Uint8Array((t=>{let s=t.cpos;for(let e=0;e<t.bufs.length;e++)s+=t.bufs[e].length;return s})(t));let e=0;for(let i=0;i<t.bufs.length;i++){const n=t.bufs[i];s.set(n,e),e+=n.length}return s.set(new Uint8Array(t.cbuf.buffer,0,t.cpos),e),s},U=(t,s)=>{const e=t.cbuf.length;t.cpos===e&&(t.bufs.push(t.cbuf),t.cbuf=new Uint8Array(2*e),t.cpos=0),t.cbuf[t.cpos++]=s},N=(t,s)=>{for(;s>z;)U(t,128|z&s),s=E(s/128);U(t,z&s)},M=(t,s)=>{N(t,s.byteLength),((t,s)=>{const e=t.cbuf.length,i=t.cpos,n=((t,s)=>t<s?t:s)(e-i,s.length),r=s.length-n;t.cbuf.set(s.subarray(0,n),i),t.cpos+=n,r>0&&(t.bufs.push(t.cbuf),t.cbuf=new Uint8Array(((t,s)=>t>s?t:s)(2*e,r)),t.cbuf.set(s.subarray(n)),t.cpos=r)})(t,s)},L=t=>new Error(t),B=L("Unexpected end of array"),F=L("Integer out of Range");class G{constructor(t){this.arr=t,this.pos=0}}const V=t=>((t,s)=>{const e=new Uint8Array(t.arr.buffer,t.pos+t.arr.byteOffset,s);return t.pos+=s,e})(t,$(t)),$=t=>{let s=0,e=1;const i=t.arr.length;for(;t.pos<i;){const i=t.arr[t.pos++];if(s+=(i&z)*e,e*=128,i<128)return s;if(s>_)throw F}throw B};class X{type="local";doc;channel;_synced=!1;constructor(t,s,e){this.doc=s,this.channel=new BroadcastChannel(t),this.channel.onmessage=t=>{this.handleMessage(t.data)},this.doc.on("update",this.handleDocUpdate),this.broadcastSync(),setTimeout((()=>{this._synced=!0}),100),e?.quiet||console.info(`BroadcastChannel Provider initialized: ${t}`)}handleDocUpdate=(t,s)=>{if(s!==this){const s=O();N(s,0),M(s,t),this.channel.postMessage(R(s))}};handleMessage(t){const s=(e=new Uint8Array(t),new G(e));var e;switch($(s)){case 0:const t=V(s);T.applyUpdate(this.doc,t,this);break;case 1:this.broadcastSync();break;case 2:const e=V(s),i=T.encodeStateAsUpdate(this.doc,e);if(i.length>0){const t=O();N(t,0),M(t,i),this.channel.postMessage(R(t))}}}broadcastSync(){const t=O();N(t,2),M(t,T.encodeStateVector(this.doc)),this.channel.postMessage(R(t))}async connect(){if(!this._synced)return new Promise((t=>{const s=()=>{this._synced?t():setTimeout(s,50)};s()}))}disconnect(){}async reconnect(){return this.disconnect(),this.connect()}destroy(){this.doc.off("update",this.handleDocUpdate),this.channel.close()}}class J{type="network";provider;isConnected=!1;_quiet=!1;get awareness(){return this.provider.awareness}constructor(t,s,e){const i=e?.url||"ws://localhost:1234",n=e?.roomName||t;this.provider=new y(i,n,s,{params:e?.params,protocols:e?.protocols,WebSocketPolyfill:e?.WebSocketPolyfill,awareness:e?.awareness,maxBackoffTime:e?.maxBackoffTime,disableBc:!0}),this._quiet=e?.quiet??!1,this.setupEventListeners(),this._quiet||console.info(`WebSocket Provider initialized: ${i}/${n}`)}static with(t){return{create:(s,e,i)=>{const n=i?{...t,...i}:t;return new J(s,e,n)}}}setupEventListeners(){this.provider.on("status",(({status:t})=>{"connected"===t?(this.isConnected=!0,this._quiet||console.info("WebSocket connected")):"disconnected"===t&&(this.isConnected=!1,this._quiet||console.info("WebSocket disconnected"))})),this.provider.on("sync",(t=>{t&&!this._quiet&&console.info("WebSocket synced")}))}async connect(){if(!this.isConnected)return new Promise(((t,s)=>{const e=setTimeout((()=>{s(new Error("WebSocket connection timeout"))}),1e4),i=({status:s})=>{"connected"===s&&(clearTimeout(e),this.provider.off("status",i),this.isConnected=!0,t())};this.provider.on("status",i),this.provider.wsconnected&&(clearTimeout(e),this.provider.off("status",i),this.isConnected=!0,t())}))}disconnect(){this.provider&&this.provider.disconnect(),this.isConnected=!1}async reconnect(){return this.disconnect(),this.connect()}destroy(){this.provider&&this.provider.destroy(),this.isConnected=!1}}export{X as BroadcastSyncProvider,J as WebSocketSyncProvider}
+export{A as APP_STATE_MIGRATIONS,C as CURRENT_APP_STATE_SCHEMA_VERSION,v as CURRENT_WORKSPACE_SCHEMA_VERSION,D as DEFAULT_BRUSH_CONFIG,r as DEFAULT_LINE_TOOL_CONFIG,q as DEFAULT_TEXT_CONFIG,H as HocuspocusSyncProvider,I as IndexedDBSyncProvider,u as KritzelAlignment,o as KritzelAnchorManager,f as KritzelBrushTool,l as KritzelCursorHelper,h as KritzelEraserTool,d as KritzelGroup,b as KritzelImage,i as KritzelImageTool,c as KritzelLine,g as KritzelLineTool,a as KritzelPath,m as KritzelSelectionTool,e as KritzelShape,k as KritzelShapeTool,K as KritzelText,j as KritzelTextTool,p as KritzelThemeManager,n as KritzelWorkspace,S as ShapeType,W as WORKSPACE_EXPORT_VERSION,x as WORKSPACE_MIGRATIONS,t as darkTheme,s as lightTheme,w as runMigrations}from"./p-Be65cOkQ.js";import*as T from"yjs";import{WebsocketProvider as y}from"y-websocket";import"y-indexeddb";const E=Math.floor,_=127,z=Number.MAX_SAFE_INTEGER;class P{constructor(){this.cpos=0,this.cbuf=new Uint8Array(100),this.bufs=[]}}const O=()=>new P,R=t=>{const s=new Uint8Array((t=>{let s=t.cpos;for(let e=0;e<t.bufs.length;e++)s+=t.bufs[e].length;return s})(t));let e=0;for(let i=0;i<t.bufs.length;i++){const n=t.bufs[i];s.set(n,e),e+=n.length}return s.set(new Uint8Array(t.cbuf.buffer,0,t.cpos),e),s},U=(t,s)=>{const e=t.cbuf.length;t.cpos===e&&(t.bufs.push(t.cbuf),t.cbuf=new Uint8Array(2*e),t.cpos=0),t.cbuf[t.cpos++]=s},N=(t,s)=>{for(;s>_;)U(t,128|_&s),s=E(s/128);U(t,_&s)},M=(t,s)=>{N(t,s.byteLength),((t,s)=>{const e=t.cbuf.length,i=t.cpos,n=((t,s)=>t<s?t:s)(e-i,s.length),r=s.length-n;t.cbuf.set(s.subarray(0,n),i),t.cpos+=n,r>0&&(t.bufs.push(t.cbuf),t.cbuf=new Uint8Array(((t,s)=>t>s?t:s)(2*e,r)),t.cbuf.set(s.subarray(n)),t.cpos=r)})(t,s)},B=t=>new Error(t),L=B("Unexpected end of array"),F=B("Integer out of Range");class G{constructor(t){this.arr=t,this.pos=0}}const V=t=>((t,s)=>{const e=new Uint8Array(t.arr.buffer,t.pos+t.arr.byteOffset,s);return t.pos+=s,e})(t,$(t)),$=t=>{let s=0,e=1;const i=t.arr.length;for(;t.pos<i;){const i=t.arr[t.pos++];if(s+=(i&_)*e,e*=128,i<128)return s;if(s>z)throw F}throw L};class X{type="local";doc;channel;_synced=!1;constructor(t,s,e){this.doc=s,this.channel=new BroadcastChannel(t),this.channel.onmessage=t=>{this.handleMessage(t.data)},this.doc.on("update",this.handleDocUpdate),this.broadcastSync(),setTimeout((()=>{this._synced=!0}),100),e?.quiet||console.info(`BroadcastChannel Provider initialized: ${t}`)}handleDocUpdate=(t,s)=>{if(s!==this){const s=O();N(s,0),M(s,t),this.channel.postMessage(R(s))}};handleMessage(t){const s=(e=new Uint8Array(t),new G(e));var e;switch($(s)){case 0:const t=V(s);T.applyUpdate(this.doc,t,this);break;case 1:this.broadcastSync();break;case 2:const e=V(s),i=T.encodeStateAsUpdate(this.doc,e);if(i.length>0){const t=O();N(t,0),M(t,i),this.channel.postMessage(R(t))}}}broadcastSync(){const t=O();N(t,2),M(t,T.encodeStateVector(this.doc)),this.channel.postMessage(R(t))}async connect(){if(!this._synced)return new Promise((t=>{const s=()=>{this._synced?t():setTimeout(s,50)};s()}))}disconnect(){}async reconnect(){return this.disconnect(),this.connect()}destroy(){this.doc.off("update",this.handleDocUpdate),this.channel.close()}}class Q{type="network";provider;isConnected=!1;_quiet=!1;get awareness(){return this.provider.awareness}constructor(t,s,e){const i=e?.url||"ws://localhost:1234",n=e?.roomName||t;this.provider=new y(i,n,s,{params:e?.params,protocols:e?.protocols,WebSocketPolyfill:e?.WebSocketPolyfill,awareness:e?.awareness,maxBackoffTime:e?.maxBackoffTime,disableBc:!0}),this._quiet=e?.quiet??!1,this.setupEventListeners(),this._quiet||console.info(`WebSocket Provider initialized: ${i}/${n}`)}static with(t){return{create:(s,e,i)=>{const n=i?{...t,...i}:t;return new Q(s,e,n)}}}setupEventListeners(){this.provider.on("status",(({status:t})=>{"connected"===t?(this.isConnected=!0,this._quiet||console.info("WebSocket connected")):"disconnected"===t&&(this.isConnected=!1,this._quiet||console.info("WebSocket disconnected"))})),this.provider.on("sync",(t=>{t&&!this._quiet&&console.info("WebSocket synced")}))}async connect(){if(!this.isConnected)return new Promise(((t,s)=>{const e=setTimeout((()=>{s(new Error("WebSocket connection timeout"))}),1e4),i=({status:s})=>{"connected"===s&&(clearTimeout(e),this.provider.off("status",i),this.isConnected=!0,t())};this.provider.on("status",i),this.provider.wsconnected&&(clearTimeout(e),this.provider.off("status",i),this.isConnected=!0,t())}))}disconnect(){this.provider&&this.provider.disconnect(),this.isConnected=!1}async reconnect(){return this.disconnect(),this.connect()}destroy(){this.provider&&this.provider.destroy(),this.isConnected=!1}}export{X as BroadcastSyncProvider,Q as WebSocketSyncProvider}