kritzel-stencil 0.1.74 → 0.1.76

package/dist/esm/{workspace.migrations-B99F1MdT.js → workspace.migrations-D48_Bqvh.js}

@@ -22364,6 +22364,7 @@ class KritzelSelectionTool extends KritzelBaseTool {
  * IndexedDB sync provider for local persistence
  */
 class IndexedDBSyncProvider {
+    type = 'local';
     provider;
     isConnected = false;
     constructor(docName, doc, options) {
@@ -22385,6 +22386,10 @@ class IndexedDBSyncProvider {
         // IndexedDB doesn't need explicit disconnect
         this.isConnected = false;
     }
+    async reconnect() {
+        this.disconnect();
+        return this.connect();
+    }
     destroy() {
         if (this.provider) {
             this.provider.destroy();
@@ -25580,16 +25585,22 @@ class KritzelAnchorManager {
         if (!KritzelClassHelper.isInstanceOf(selectedObject, 'KritzelLine'))
             return null;
         const line = selectedObject;
-        const startAnchorViz = this.computeAnchorVisualization(line, 'start');
-        const endAnchorViz = this.computeAnchorVisualization(line, 'end');
+        const startAnchorVizRaw = this.computeAnchorVisualization(line, 'start');
+        const endAnchorVizRaw = this.computeAnchorVisualization(line, 'end');
+        const startAnchorViz = this.isFiniteAnchorVisualization(startAnchorVizRaw) ? startAnchorVizRaw : null;
+        const endAnchorViz = this.isFiniteAnchorVisualization(endAnchorVizRaw) ? endAnchorVizRaw : null;
         if (!startAnchorViz && !endAnchorViz)
             return null;
-        const scale = this._core.store.state.scale;
-        const lineStrokeWidth = line.strokeWidth / line.scale;
+        const scale = this.getSafeScale(this._core.store.state.scale);
+        const lineScale = this.getSafeScale(line.scale);
+        const lineStrokeWidth = line.strokeWidth / lineScale;
         const indicatorStrokeWidth = `${2 / scale}`;
         const dashLength = Math.max(lineStrokeWidth * 2, 4 / scale);
         const dashArray = `${dashLength} ${dashLength}`;
         const indicatorRadius = 8 / scale;
+        if (!this.areFiniteNumbers(lineStrokeWidth, dashLength, indicatorRadius)) {
+            return null;
+        }
         return {
             lineStrokeWidth,
             indicatorStrokeWidth,
@@ -25611,31 +25622,39 @@ class KritzelAnchorManager {
         const snapCandidate = this.getSnapCandidate();
         if (!snapCandidate)
             return null;
-        const scale = this._core.store.state.scale;
+        if (!this.areFiniteNumbers(snapCandidate.centerX, snapCandidate.centerY, snapCandidate.lineEndpointX, snapCandidate.lineEndpointY)) {
+            return null;
+        }
+        const scale = this.getSafeScale(this._core.store.state.scale);
         const indicatorRadius = 8 / scale;
         const indicatorStrokeWidth = `${2 / scale}`;
-        const lineStrokeWidth = snapCandidate.lineStrokeWidth
-            ? `${snapCandidate.lineStrokeWidth}`
-            : `${4 / scale}`;
-        const lineStrokeWidthNum = snapCandidate.lineStrokeWidth || (4 / scale);
+        const lineStrokeWidthNum = this.areFiniteNumbers(snapCandidate.lineStrokeWidth) && snapCandidate.lineStrokeWidth > 0
+            ? snapCandidate.lineStrokeWidth
+            : (4 / scale);
+        const lineStrokeWidth = `${lineStrokeWidthNum}`;
         const dashLength = Math.max(lineStrokeWidthNum * 2, 4 / scale);
         const dashArray = `${dashLength} ${dashLength}`;
         const lineStroke = snapCandidate.lineStroke || '#000000';
-        let solidLineEndX = snapCandidate.edgeX;
-        let solidLineEndY = snapCandidate.edgeY;
+        let edgeX = this.areFiniteNumbers(snapCandidate.edgeX) ? snapCandidate.edgeX : undefined;
+        let edgeY = this.areFiniteNumbers(snapCandidate.edgeY) ? snapCandidate.edgeY : undefined;
+        let solidLineEndX = edgeX;
+        let solidLineEndY = edgeY;
         let arrowPoints;
-        if (snapCandidate.arrowOffset && snapCandidate.edgeX !== undefined && snapCandidate.edgeY !== undefined) {
-            const dx = snapCandidate.lineEndpointX - snapCandidate.edgeX;
-            const dy = snapCandidate.lineEndpointY - snapCandidate.edgeY;
+        const arrowOffset = this.areFiniteNumbers(snapCandidate.arrowOffset) && snapCandidate.arrowOffset > 0
+            ? snapCandidate.arrowOffset
+            : undefined;
+        if (arrowOffset !== undefined && edgeX !== undefined && edgeY !== undefined) {
+            const dx = snapCandidate.lineEndpointX - edgeX;
+            const dy = snapCandidate.lineEndpointY - edgeY;
             const length = Math.sqrt(dx * dx + dy * dy);
-            if (length > snapCandidate.arrowOffset) {
-                solidLineEndX = snapCandidate.edgeX + (dx / length) * snapCandidate.arrowOffset;
-                solidLineEndY = snapCandidate.edgeY + (dy / length) * snapCandidate.arrowOffset;
+            if (length > arrowOffset) {
+                solidLineEndX = edgeX + (dx / length) * arrowOffset;
+                solidLineEndY = edgeY + (dy / length) * arrowOffset;
             }
             // Calculate arrow head points
             // Direction from line endpoint to edge (arrow direction)
-            const arrowDx = snapCandidate.edgeX - snapCandidate.lineEndpointX;
-            const arrowDy = snapCandidate.edgeY - snapCandidate.lineEndpointY;
+            const arrowDx = edgeX - snapCandidate.lineEndpointX;
+            const arrowDy = edgeY - snapCandidate.lineEndpointY;
             const arrowLengthTotal = Math.sqrt(arrowDx * arrowDx + arrowDy * arrowDy);
             if (arrowLengthTotal > 0) {
                 const ux = arrowDx / arrowLengthTotal;
@@ -25644,11 +25663,11 @@ class KritzelAnchorManager {
                 const px = -uy;
                 const py = ux;
                 // Arrow dimensions
-                const arrowLength = snapCandidate.arrowOffset;
+                const arrowLength = arrowOffset;
                 const arrowWidth = arrowLength; // 1:1 ratio
                 // Arrow tip at edge
-                const tipX = snapCandidate.edgeX;
-                const tipY = snapCandidate.edgeY;
+                const tipX = edgeX;
+                const tipY = edgeY;
                 // Arrow base
                 const baseX = tipX - ux * arrowLength;
                 const baseY = tipY - uy * arrowLength;
@@ -25657,9 +25676,31 @@ class KritzelAnchorManager {
                 const leftY = baseY + py * arrowWidth / 2;
                 const rightX = baseX - px * arrowWidth / 2;
                 const rightY = baseY - py * arrowWidth / 2;
-                arrowPoints = `${tipX},${tipY} ${leftX},${leftY} ${rightX},${rightY}`;
+                if (this.areFiniteNumbers(tipX, tipY, leftX, leftY, rightX, rightY)) {
+                    arrowPoints = `${tipX},${tipY} ${leftX},${leftY} ${rightX},${rightY}`;
+                }
             }
         }
+        if (!this.areFiniteNumbers(indicatorRadius, lineStrokeWidthNum, dashLength)) {
+            return null;
+        }
+        const snapLinePath = (() => {
+            if (snapCandidate.controlX !== undefined &&
+                snapCandidate.controlY !== undefined &&
+                snapCandidate.t !== undefined &&
+                this.areFiniteNumbers(snapCandidate.controlX, snapCandidate.controlY, snapCandidate.t)) {
+                const startT = snapCandidate.endpoint === 'start' ? 1 - snapCandidate.t : snapCandidate.t;
+                // Ensure meaningful range
+                if (startT >= 1)
+                    return undefined;
+                const segment = this.extractQuadraticSegment({ x: snapCandidate.lineEndpointX, y: snapCandidate.lineEndpointY }, { x: snapCandidate.controlX, y: snapCandidate.controlY }, { x: snapCandidate.centerX, y: snapCandidate.centerY }, startT, 1);
+                if (!this.areFiniteNumbers(segment.start.x, segment.start.y, segment.control.x, segment.control.y, segment.end.x, segment.end.y)) {
+                    return undefined;
+                }
+                return `M ${segment.start.x} ${segment.start.y} Q ${segment.control.x} ${segment.control.y} ${segment.end.x} ${segment.end.y}`;
+            }
+            return undefined;
+        })();
         return {
             indicatorRadius,
             indicatorStrokeWidth,
@@ -25670,27 +25711,15 @@ class KritzelAnchorManager {
             centerY: snapCandidate.centerY,
             lineEndpointX: snapCandidate.lineEndpointX,
             lineEndpointY: snapCandidate.lineEndpointY,
-            edgeX: snapCandidate.edgeX,
-            edgeY: snapCandidate.edgeY,
-            arrowOffset: snapCandidate.arrowOffset,
+            edgeX,
+            edgeY,
+            arrowOffset,
             arrowStyle: snapCandidate.arrowStyle,
             arrowFill: snapCandidate.arrowFill,
             solidLineEndX,
             solidLineEndY,
             arrowPoints,
-            snapLinePath: (() => {
-                if (snapCandidate.controlX !== undefined &&
-                    snapCandidate.controlY !== undefined &&
-                    snapCandidate.t !== undefined) {
-                    const startT = snapCandidate.endpoint === 'start' ? 1 - snapCandidate.t : snapCandidate.t;
-                    // Ensure meaningful range
-                    if (startT >= 1)
-                        return undefined;
-                    const segment = this.extractQuadraticSegment({ x: snapCandidate.lineEndpointX, y: snapCandidate.lineEndpointY }, { x: snapCandidate.controlX, y: snapCandidate.controlY }, { x: snapCandidate.centerX, y: snapCandidate.centerY }, startT, 1);
-                    return `M ${segment.start.x} ${segment.start.y} Q ${segment.control.x} ${segment.control.y} ${segment.end.x} ${segment.end.y}`;
-                }
-                return undefined;
-            })(),
+            snapLinePath,
         };
     }
     // ============================================
@@ -25868,12 +25897,19 @@ class KritzelAnchorManager {
             return null;
         const centerX = targetObject.centerX;
         const centerY = targetObject.centerY;
+        if (!this.areFiniteNumbers(clipInfo.worldX, clipInfo.worldY, centerX, centerY)) {
+            return null;
+        }
+        const pathD = this.buildAnchorPath(line, endpoint, clipInfo, targetObject) ?? undefined;
+        if (pathD && !this.isFinitePathData(pathD)) {
+            return null;
+        }
         return {
             edgeX: clipInfo.worldX,
             edgeY: clipInfo.worldY,
             centerX,
             centerY,
-            pathD: this.buildAnchorPath(line, endpoint, clipInfo, targetObject) ?? undefined,
+            pathD,
         };
     }
     /**
@@ -26586,9 +26622,10 @@ class KritzelAnchorManager {
         const sin = Math.sin(line.rotation);
         const rotatedX = (px - cx) * cos - (py - cy) * sin + cx;
         const rotatedY = (px - cx) * sin + (py - cy) * cos + cy;
+        const safeLineScale = this.getSafeScale(line.scale);
         return {
-            x: rotatedX / line.scale + line.translateX,
-            y: rotatedY / line.scale + line.translateY,
+            x: rotatedX / safeLineScale + line.translateX,
+            y: rotatedY / safeLineScale + line.translateY,
         };
     }
     /**
@@ -26602,8 +26639,9 @@ class KritzelAnchorManager {
      * @returns Object with x and y coordinates in the line's local SVG space.
      */
     lineWorldToLocal(line, worldX, worldY) {
-        const dx = (worldX - line.translateX) * line.scale;
-        const dy = (worldY - line.translateY) * line.scale;
+        const safeLineScale = this.getSafeScale(line.scale);
+        const dx = (worldX - line.translateX) * safeLineScale;
+        const dy = (worldY - line.translateY) * safeLineScale;
         const cx = line.totalWidth / 2;
         const cy = line.totalHeight / 2;
         const cos = Math.cos(-line.rotation);
@@ -26615,6 +26653,30 @@ class KritzelAnchorManager {
             y: rotatedY + line.y,
         };
     }
+    getSafeScale(scale) {
+        if (Number.isFinite(scale) && Math.abs(scale) > 1e-6) {
+            return scale;
+        }
+        return 1;
+    }
+    areFiniteNumbers(...values) {
+        return values.every(value => value !== undefined && Number.isFinite(value));
+    }
+    isFiniteAnchorVisualization(visualization) {
+        if (!visualization) {
+            return false;
+        }
+        if (!this.areFiniteNumbers(visualization.edgeX, visualization.edgeY, visualization.centerX, visualization.centerY)) {
+            return false;
+        }
+        if (visualization.pathD && !this.isFinitePathData(visualization.pathD)) {
+            return false;
+        }
+        return true;
+    }
+    isFinitePathData(pathD) {
+        return !pathD.includes('Infinity') && !pathD.includes('NaN');
+    }
     /**
      * Checks if an object can be used as an anchor target.
      * Excludes selection-related objects (SelectionBox, SelectionGroup) and

package/dist/stencil/index.esm.js

@@ -1 +1 @@
-import{H as a,a as T}from"./p-B99F1MdT.js";export{A as APP_STATE_MIGRATIONS,C as CURRENT_APP_STATE_SCHEMA_VERSION,w as CURRENT_WORKSPACE_SCHEMA_VERSION,D as DEFAULT_BRUSH_CONFIG,s as DEFAULT_LINE_TOOL_CONFIG,r as DEFAULT_TEXT_CONFIG,I as IndexedDBSyncProvider,v as KritzelAlignment,p as KritzelAnchorManager,g as KritzelBrushTool,m as KritzelCursorHelper,i as KritzelEraserTool,e as KritzelGroup,c as KritzelImage,j as KritzelImageTool,d as KritzelLine,h as KritzelLineTool,b as KritzelPath,n as KritzelSelectionTool,f as KritzelShape,l as KritzelShapeTool,K as KritzelText,k as KritzelTextTool,q as KritzelThemeManager,o as KritzelWorkspace,S as ShapeType,W as WORKSPACE_EXPORT_VERSION,y as WORKSPACE_MIGRATIONS,u as darkTheme,t as lightTheme,x as runMigrations}from"./p-B99F1MdT.js";import*as E from"yjs";import{WebsocketProvider as z}from"y-websocket";import"y-indexeddb";const _=Math.floor,P=127,R=Number.MAX_SAFE_INTEGER;class H{constructor(){this.cpos=0,this.cbuf=new Uint8Array(100),this.bufs=[]}}const U=()=>new H,O=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 o=t.bufs[i];s.set(o,e),e+=o.length}return s.set(new Uint8Array(t.cbuf.buffer,0,t.cpos),e),s},$=(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>P;)$(t,128|P&s),s=_(s/128);$(t,P&s)},M=(t,s)=>{N(t,s.byteLength),((t,s)=>{const e=t.cbuf.length,i=t.cpos,o=((t,s)=>t<s?t:s)(e-i,s.length),n=s.length-o;t.cbuf.set(s.subarray(0,o),i),t.cpos+=o,n>0&&(t.bufs.push(t.cbuf),t.cbuf=new Uint8Array(((t,s)=>t>s?t:s)(2*e,n)),t.cbuf.set(s.subarray(o)),t.cpos=n)})(t,s)},B=t=>new Error(t),F=B("Unexpected end of array"),L=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,X(t)),X=t=>{let s=0,e=1;const i=t.arr.length;for(;t.pos<i;){const i=t.arr[t.pos++];if(s+=(i&P)*e,e*=128,i<128)return s;if(s>R)throw L}throw F};class J{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=U();N(s,0),M(s,t),this.channel.postMessage(O(s))}};handleMessage(t){const s=(e=new Uint8Array(t),new G(e));var e;switch(X(s)){case 0:const t=V(s);E.applyUpdate(this.doc,t,this);break;case 1:this.broadcastSync();break;case 2:const e=V(s),i=E.encodeStateAsUpdate(this.doc,e);if(i.length>0){const t=U();N(t,0),M(t,i),this.channel.postMessage(O(t))}}}broadcastSync(){const t=U();N(t,2),M(t,E.encodeStateVector(this.doc)),this.channel.postMessage(O(t))}async connect(){if(!this._synced)return new Promise((t=>{const s=()=>{this._synced?t():setTimeout(s,50)};s()}))}disconnect(){}destroy(){this.doc.off("update",this.handleDocUpdate),this.channel.close()}}class Q{provider;isConnected=!1;_quiet=!1;get awareness(){return this.provider.awareness}constructor(t,s,e){const i=e?.url||"ws://localhost:1234",o=e?.roomName||t;this.provider=new z(i,o,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}/${o}`)}static with(t){return{create:(s,e,i)=>{const o=i?{...t,...i}:t;return new Q(s,e,o)}}}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}destroy(){this.provider&&this.provider.destroy(),this.isConnected=!1}}class Y{provider;isConnected=!1;isSynced=!1;usesSharedSocket=!1;isDestroyed=!1;connectTimeout=null;pendingConnectReject=null;get awareness(){return this.provider.awareness}static sharedWebSocketProvider=null;constructor(t,s,e){const i=e?.name||t,o=e?.url||"ws://localhost:1234",n=e?.websocketProvider||Y.sharedWebSocketProvider;if(n){this.usesSharedSocket=!0;const t={websocketProvider:n,name:i,document:s,token:e?.token||null,onStatus:t=>{e?.onStatus&&e.onStatus(t)},onConnect:()=>{this.isConnected||this.isDestroyed||(this.isConnected=!0,e?.quiet||console.info(`Hocuspocus connected: ${i}`),e?.onConnect&&e.onConnect())},onDisconnect:()=>{this.isDestroyed||!this.isConnected&&!this.isSynced||(this.isConnected=!1,this.isSynced=!1,e?.quiet||console.info(`Hocuspocus disconnected: ${i}`),e?.onDisconnect&&e.onDisconnect())},onSynced:()=>{this.isSynced||this.isDestroyed||(this.isSynced=!0,e?.quiet||console.info(`Hocuspocus synced: ${i}`),e?.onSynced&&e.onSynced())}};void 0!==e?.forceSyncInterval&&(t.forceSyncInterval=e.forceSyncInterval),e?.onAuthenticationFailed&&(t.onAuthenticationFailed=e.onAuthenticationFailed),this.provider=new a(t),this.provider.attach(),e?.quiet||console.info(`Hocuspocus Provider initialized (multiplexed): ${i}`)}else{this.usesSharedSocket=!1;const t={url:o,name:i,document:s,token:e?.token||null,autoConnect:!1,onStatus:t=>{e?.onStatus&&e.onStatus(t)},onConnect:()=>{this.isConnected||this.isDestroyed||(this.isConnected=!0,e?.quiet||console.info(`Hocuspocus connected: ${i}`),e?.onConnect&&e.onConnect())},onDisconnect:()=>{this.isDestroyed||!this.isConnected&&!this.isSynced||(this.isConnected=!1,this.isSynced=!1,e?.quiet||console.info(`Hocuspocus disconnected: ${i}`),e?.onDisconnect&&e.onDisconnect())},onSynced:()=>{this.isSynced||this.isDestroyed||(this.isSynced=!0,e?.quiet||console.info(`Hocuspocus synced: ${i}`),e?.onSynced&&e.onSynced())}};void 0!==e?.forceSyncInterval&&(t.forceSyncInterval=e.forceSyncInterval),e?.onAuthenticationFailed&&(t.onAuthenticationFailed=e.onAuthenticationFailed),e?.WebSocketPolyfill&&(t.WebSocketPolyfill=e.WebSocketPolyfill),this.provider=new a(t),e?.quiet||console.info(`Hocuspocus Provider initialized: ${o}/${i}`)}}static createSharedWebSocket(t){if(Y.sharedWebSocketProvider)return console.warn("Shared WebSocket already exists. Returning existing instance."),Y.sharedWebSocketProvider;const s={url:t.url};return t.WebSocketPolyfill&&(s.WebSocketPolyfill=t.WebSocketPolyfill),t.onConnect&&(s.onConnect=t.onConnect),t.onDisconnect&&(s.onDisconnect=t.onDisconnect),t.onStatus&&(s.onStatus=t.onStatus),Y.sharedWebSocketProvider=new T(s),console.info(`Shared Hocuspocus WebSocket created: ${t.url}`),Y.sharedWebSocketProvider}static destroySharedWebSocket(){Y.sharedWebSocketProvider&&(Y.sharedWebSocketProvider.destroy(),Y.sharedWebSocketProvider=null,console.info("Shared Hocuspocus WebSocket destroyed"))}static getSharedWebSocket(){return Y.sharedWebSocketProvider}static with(t){return{create:(s,e,i)=>{const o=i?{...t,...i}:t;return new Y(s,e,o)}}}async connect(){if(!this.isSynced&&!this.isDestroyed)return new Promise(((t,s)=>{this.pendingConnectReject=s,this.connectTimeout=setTimeout((()=>{this.pendingConnectReject=null,this.connectTimeout=null,s(new Error("Hocuspocus connection timeout"))}),1e4);const e=()=>{this.connectTimeout&&(clearTimeout(this.connectTimeout),this.connectTimeout=null),this.pendingConnectReject=null,this.provider.off("synced",e),this.isDestroyed||t()};if(this.provider.on("synced",e),this.provider.isSynced)return this.connectTimeout&&(clearTimeout(this.connectTimeout),this.connectTimeout=null),this.pendingConnectReject=null,this.provider.off("synced",e),void t();this.isConnected||this.usesSharedSocket||this.provider.connect()}))}disconnect(){this.connectTimeout&&(clearTimeout(this.connectTimeout),this.connectTimeout=null),this.pendingConnectReject&&(this.pendingConnectReject=null),this.provider&&(this.usesSharedSocket?this.provider.detach():this.provider.disconnect()),this.isConnected=!1,this.isSynced=!1}destroy(){this.isDestroyed=!0,this.connectTimeout&&(clearTimeout(this.connectTimeout),this.connectTimeout=null),this.pendingConnectReject&&(this.pendingConnectReject=null),this.provider&&this.provider.destroy(),this.isConnected=!1,this.isSynced=!1}}export{J as BroadcastSyncProvider,Y as HocuspocusSyncProvider,Q as WebSocketSyncProvider}
+import{H as a,a as T}from"./p-D48_Bqvh.js";export{A as APP_STATE_MIGRATIONS,C as CURRENT_APP_STATE_SCHEMA_VERSION,w as CURRENT_WORKSPACE_SCHEMA_VERSION,D as DEFAULT_BRUSH_CONFIG,s as DEFAULT_LINE_TOOL_CONFIG,r as DEFAULT_TEXT_CONFIG,I as IndexedDBSyncProvider,v as KritzelAlignment,p as KritzelAnchorManager,g as KritzelBrushTool,m as KritzelCursorHelper,i as KritzelEraserTool,e as KritzelGroup,c as KritzelImage,j as KritzelImageTool,d as KritzelLine,h as KritzelLineTool,b as KritzelPath,n as KritzelSelectionTool,f as KritzelShape,l as KritzelShapeTool,K as KritzelText,k as KritzelTextTool,q as KritzelThemeManager,o as KritzelWorkspace,S as ShapeType,W as WORKSPACE_EXPORT_VERSION,y as WORKSPACE_MIGRATIONS,u as darkTheme,t as lightTheme,x as runMigrations}from"./p-D48_Bqvh.js";import*as E from"yjs";import{WebsocketProvider as _}from"y-websocket";import"y-indexeddb";const z=Math.floor,P=127,R=Number.MAX_SAFE_INTEGER;class H{constructor(){this.cpos=0,this.cbuf=new Uint8Array(100),this.bufs=[]}}const U=()=>new H,O=t=>{const e=new Uint8Array((t=>{let e=t.cpos;for(let s=0;s<t.bufs.length;s++)e+=t.bufs[s].length;return e})(t));let s=0;for(let i=0;i<t.bufs.length;i++){const n=t.bufs[i];e.set(n,s),s+=n.length}return e.set(new Uint8Array(t.cbuf.buffer,0,t.cpos),s),e},N=(t,e)=>{const s=t.cbuf.length;t.cpos===s&&(t.bufs.push(t.cbuf),t.cbuf=new Uint8Array(2*s),t.cpos=0),t.cbuf[t.cpos++]=e},B=(t,e)=>{for(;e>P;)N(t,128|P&e),e=z(e/128);N(t,P&e)},L=(t,e)=>{B(t,e.byteLength),((t,e)=>{const s=t.cbuf.length,i=t.cpos,n=((t,e)=>t<e?t:e)(s-i,e.length),o=e.length-n;t.cbuf.set(e.subarray(0,n),i),t.cpos+=n,o>0&&(t.bufs.push(t.cbuf),t.cbuf=new Uint8Array(((t,e)=>t>e?t:e)(2*s,o)),t.cbuf.set(e.subarray(n)),t.cpos=o)})(t,e)},M=t=>new Error(t),$=M("Unexpected end of array"),F=M("Integer out of Range");class G{constructor(t){this.arr=t,this.pos=0}}const V=t=>((t,e)=>{const s=new Uint8Array(t.arr.buffer,t.pos+t.arr.byteOffset,e);return t.pos+=e,s})(t,X(t)),X=t=>{let e=0,s=1;const i=t.arr.length;for(;t.pos<i;){const i=t.arr[t.pos++];if(e+=(i&P)*s,s*=128,i<128)return e;if(e>R)throw F}throw $};class J{type="local";doc;channel;_synced=!1;constructor(t,e,s){this.doc=e,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),s?.quiet||console.info(`BroadcastChannel Provider initialized: ${t}`)}handleDocUpdate=(t,e)=>{if(e!==this){const e=U();B(e,0),L(e,t),this.channel.postMessage(O(e))}};handleMessage(t){const e=(s=new Uint8Array(t),new G(s));var s;switch(X(e)){case 0:const t=V(e);E.applyUpdate(this.doc,t,this);break;case 1:this.broadcastSync();break;case 2:const s=V(e),i=E.encodeStateAsUpdate(this.doc,s);if(i.length>0){const t=U();B(t,0),L(t,i),this.channel.postMessage(O(t))}}}broadcastSync(){const t=U();B(t,2),L(t,E.encodeStateVector(this.doc)),this.channel.postMessage(O(t))}async connect(){if(!this._synced)return new Promise((t=>{const e=()=>{this._synced?t():setTimeout(e,50)};e()}))}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,e,s){const i=s?.url||"ws://localhost:1234",n=s?.roomName||t;this.provider=new _(i,n,e,{params:s?.params,protocols:s?.protocols,WebSocketPolyfill:s?.WebSocketPolyfill,awareness:s?.awareness,maxBackoffTime:s?.maxBackoffTime,disableBc:!0}),this._quiet=s?.quiet??!1,this.setupEventListeners(),this._quiet||console.info(`WebSocket Provider initialized: ${i}/${n}`)}static with(t){return{create:(e,s,i)=>{const n=i?{...t,...i}:t;return new Q(e,s,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,e)=>{const s=setTimeout((()=>{e(new Error("WebSocket connection timeout"))}),1e4),i=({status:e})=>{"connected"===e&&(clearTimeout(s),this.provider.off("status",i),this.isConnected=!0,t())};this.provider.on("status",i),this.provider.wsconnected&&(clearTimeout(s),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}}class Y{type="network";provider;isConnected=!1;isSynced=!1;usesSharedSocket=!1;isDestroyed=!1;connectTimeout=null;pendingConnectReject=null;connectionTimeoutMs;_connectionStatus="disconnected";visibilityHandler=null;onlineHandler=null;get awareness(){return this.provider.awareness}get connectionStatus(){return this._connectionStatus}static sharedWebSocketProvider=null;constructor(t,e,s){const i=s?.name||t,n=s?.url||"ws://localhost:1234";this.connectionTimeoutMs=s?.connectionTimeout??1e4;const o=s?.websocketProvider||Y.sharedWebSocketProvider,c={};void 0!==s?.delay&&(c.delay=s.delay),void 0!==s?.factor&&(c.factor=s.factor),void 0!==s?.maxAttempts&&(c.maxAttempts=s.maxAttempts),void 0!==s?.minDelay&&(c.minDelay=s.minDelay),void 0!==s?.maxDelay&&(c.maxDelay=s.maxDelay);const r=()=>{this.isDestroyed||(this.isConnected=!0,this._connectionStatus="connected",s?.quiet||console.info(`Hocuspocus connected: ${i}`),s?.onConnect&&s.onConnect())},h=()=>{this.isDestroyed||(this.isConnected=!1,this.isSynced=!1,this._connectionStatus="disconnected",s?.quiet||console.info(`Hocuspocus disconnected: ${i}`),s?.onDisconnect&&s.onDisconnect())},l=()=>{this.isDestroyed||(this.isSynced=!0,this._connectionStatus="synced",s?.quiet||console.info(`Hocuspocus synced: ${i}`),s?.onSynced&&s.onSynced())},u=t=>{this.isDestroyed||("connecting"===t.status&&(this._connectionStatus="connecting"),s?.onStatus&&s.onStatus(t))};if(o){this.usesSharedSocket=!0;const t={websocketProvider:o,name:i,document:e,token:s?.token||null,onStatus:u,onConnect:r,onDisconnect:h,onSynced:l,...c};void 0!==s?.forceSyncInterval&&(t.forceSyncInterval=s.forceSyncInterval),s?.onAuthenticationFailed&&(t.onAuthenticationFailed=s.onAuthenticationFailed),this.provider=new a(t),this.provider.attach(),s?.quiet||console.info(`Hocuspocus Provider initialized (multiplexed): ${i}`)}else{this.usesSharedSocket=!1;const t={url:n,name:i,document:e,token:s?.token||null,autoConnect:!1,onStatus:u,onConnect:r,onDisconnect:h,onSynced:l,...c};void 0!==s?.forceSyncInterval&&(t.forceSyncInterval=s.forceSyncInterval),s?.onAuthenticationFailed&&(t.onAuthenticationFailed=s.onAuthenticationFailed),s?.WebSocketPolyfill&&(t.WebSocketPolyfill=s.WebSocketPolyfill),this.provider=new a(t),s?.quiet||console.info(`Hocuspocus Provider initialized: ${n}/${i}`)}this.setupBrowserEventListeners()}setupBrowserEventListeners(){"undefined"!=typeof document&&(this.visibilityHandler=()=>{"visible"!==document.visibilityState||this.isConnected||this.isDestroyed||this.provider.connect()},document.addEventListener("visibilitychange",this.visibilityHandler)),"undefined"!=typeof window&&(this.onlineHandler=()=>{this.isConnected||this.isDestroyed||this.provider.connect()},window.addEventListener("online",this.onlineHandler))}removeBrowserEventListeners(){this.visibilityHandler&&"undefined"!=typeof document&&(document.removeEventListener("visibilitychange",this.visibilityHandler),this.visibilityHandler=null),this.onlineHandler&&"undefined"!=typeof window&&(window.removeEventListener("online",this.onlineHandler),this.onlineHandler=null)}static createSharedWebSocket(t){if(Y.sharedWebSocketProvider)return console.warn("Shared WebSocket already exists. Returning existing instance."),Y.sharedWebSocketProvider;const e={url:t.url};return t.WebSocketPolyfill&&(e.WebSocketPolyfill=t.WebSocketPolyfill),t.onConnect&&(e.onConnect=t.onConnect),t.onDisconnect&&(e.onDisconnect=t.onDisconnect),t.onStatus&&(e.onStatus=t.onStatus),Y.sharedWebSocketProvider=new T(e),console.info(`Shared Hocuspocus WebSocket created: ${t.url}`),Y.sharedWebSocketProvider}static destroySharedWebSocket(){Y.sharedWebSocketProvider&&(Y.sharedWebSocketProvider.destroy(),Y.sharedWebSocketProvider=null,console.info("Shared Hocuspocus WebSocket destroyed"))}static getSharedWebSocket(){return Y.sharedWebSocketProvider}static with(t){return{create:(e,s,i)=>{const n=i?{...t,...i}:t;return new Y(e,s,n)}}}async connect(){if(!this.isSynced&&!this.isDestroyed)return this._connectionStatus="connecting",new Promise(((t,e)=>{this.pendingConnectReject=e,this.connectTimeout=setTimeout((()=>{this.pendingConnectReject=null,this.connectTimeout=null,e(new Error("Hocuspocus connection timeout"))}),this.connectionTimeoutMs);const s=()=>{this.connectTimeout&&(clearTimeout(this.connectTimeout),this.connectTimeout=null),this.pendingConnectReject=null,this.provider.off("synced",s),this.isDestroyed||t()};if(this.provider.on("synced",s),this.provider.isSynced)return this.connectTimeout&&(clearTimeout(this.connectTimeout),this.connectTimeout=null),this.pendingConnectReject=null,this.provider.off("synced",s),void t();this.isConnected||this.usesSharedSocket||this.provider.connect()}))}async reconnect(){return this.disconnect(),this.connect()}disconnect(){this.connectTimeout&&(clearTimeout(this.connectTimeout),this.connectTimeout=null),this.pendingConnectReject&&(this.pendingConnectReject=null),this.provider&&(this.usesSharedSocket?this.provider.detach():this.provider.disconnect()),this.isConnected=!1,this.isSynced=!1,this._connectionStatus="disconnected"}destroy(){this.isDestroyed=!0,this.connectTimeout&&(clearTimeout(this.connectTimeout),this.connectTimeout=null),this.pendingConnectReject&&(this.pendingConnectReject=null),this.removeBrowserEventListeners(),this.provider&&this.provider.destroy(),this.isConnected=!1,this.isSynced=!1,this._connectionStatus="disconnected"}}export{J as BroadcastSyncProvider,Y as HocuspocusSyncProvider,Q as WebSocketSyncProvider}