kritzel-stencil 0.1.80 → 0.1.82

package/dist/collection/classes/objects/image.class.js

@@ -39,7 +39,7 @@ export 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;

package/dist/collection/classes/objects/line.class.js

@@ -79,7 +79,7 @@ export 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;

package/dist/collection/classes/objects/path.class.js

@@ -61,7 +61,7 @@ export 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 ?? [];

package/dist/collection/classes/objects/selection-box.class.js

@@ -18,7 +18,7 @@ export 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/collection/classes/objects/selection-group.class.js

@@ -91,7 +91,7 @@ export 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;

package/dist/collection/classes/objects/shape.class.js

@@ -44,12 +44,6 @@ export 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
@@ -105,7 +99,7 @@ export 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;
@@ -157,7 +151,7 @@ export 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;
@@ -173,7 +167,7 @@ export class KritzelShape extends KritzelBaseObject {
      * @returns void
      */
     mountTextEditor(element) {
-        if (element === null || !this.editor) {
+        if (element === null) {
             return;
         }
         element.style.fontFamily = this.fontFamily;
@@ -204,8 +198,8 @@ export 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')) {
@@ -267,12 +261,12 @@ export 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();
                 }
@@ -280,8 +274,8 @@ export 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();
         }
@@ -319,7 +313,7 @@ export 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) {
@@ -336,9 +330,9 @@ export 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);

package/dist/collection/classes/objects/text.class.js

@@ -28,12 +28,6 @@ export 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,
@@ -45,10 +39,10 @@ export 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;
         }
@@ -121,7 +115,7 @@ export 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';
@@ -152,7 +146,7 @@ export 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());
             }
@@ -162,7 +156,7 @@ export 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());
     }
@@ -180,8 +174,8 @@ export 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();
@@ -199,11 +193,11 @@ export 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);
         }
     }
     /**
@@ -268,13 +262,13 @@ export 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();
                     }
@@ -282,8 +276,8 @@ export 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();
             }
@@ -295,8 +289,8 @@ export 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',
@@ -314,7 +308,7 @@ export 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();
@@ -330,9 +324,9 @@ export 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);

package/dist/collection/components/core/kritzel-engine/kritzel-engine.js

@@ -31,13 +31,13 @@ export class KritzelEngine {
         }
         // Let batched prop updates settle, then perform an idempotent re-check.
         await Promise.resolve();
-        const currentWorkspaceId = this.core.store.activeWorkspace?.id;
+        const currentWorkspaceId = this.core.store.state.activeWorkspace?.id;
         if (currentWorkspaceId === newWorkspaceId) {
             return;
         }
         this.core.beforeWorkspaceChange();
         await this.initializeWorkspaceIfNeeded(newWorkspace);
-        this.activeWorkspaceChange.emit(this.core.store.activeWorkspace);
+        this.activeWorkspaceChange.emit(this.core.store.state.activeWorkspace);
     }
     /** Optional unique identifier for namespacing storage keys across multiple editor instances. */
     editorId;
@@ -55,8 +55,11 @@ export class KritzelEngine {
         this._syncConfigRevision++;
         // Keep core config in sync immediately so late prop updates are not lost.
         this.core.setSyncConfig(newValue);
-        // If syncConfig arrives after componentDidLoad, initialize Yjs now
-        if (newValue && !this._isYjsInitialized) {
+        // If syncConfig arrives after componentDidLoad, initialize Yjs now.
+        // Guard on _isViewportReady to avoid restoring viewport state before
+        // viewportWidth/viewportHeight are set (they default to 0 until the
+        // KritzelViewport constructor runs inside componentDidLoad's timeout).
+        if (newValue && !this._isYjsInitialized && this._isViewportReady) {
             await this.initializeSyncAndWorkspace();
         }
     }
@@ -489,7 +492,7 @@ export class KritzelEngine {
         object._core = this.core;
         object.scale = this.core.store.state.scale;
         object.zIndex = this.core.store.currentZIndex;
-        object.workspaceId = this.core.store.activeWorkspace.id;
+        object.workspaceId = this.core.store.state.activeWorkspace.id;
         // Handle KritzelText: recreate the editor now that _core is available
         // The editor's dispatchTransaction callback needs _core for persisting changes
         if (KritzelClassHelper.isInstanceOf(object, 'KritzelText')) {
@@ -510,7 +513,7 @@ export class KritzelEngine {
                 child._core = this.core;
                 child.scale = this.core.store.state.scale;
                 child.zIndex = this.core.store.currentZIndex;
-                child.workspaceId = this.core.store.activeWorkspace.id;
+                child.workspaceId = this.core.store.state.activeWorkspace.id;
                 idRemapping.set(oldId, child.id);
                 object.childIds.push(child.id);
             });
@@ -711,7 +714,7 @@ export class KritzelEngine {
         // Save critical state before screenshot to restore after
         const savedState = {
             objects: this.core.store.objects,
-            activeWorkspace: this.core.store.activeWorkspace,
+            activeWorkspace: this.core.store.state.activeWorkspace,
             workspaces: this.core.store.state.workspaces,
             activeTool: this.core.store.state.activeTool,
             isReady: this.core.store.state.isReady,
@@ -909,7 +912,7 @@ export class KritzelEngine {
      * @returns A JSON string representing the complete workspace state.
      */
     async exportAsJson() {
-        const workspace = this.core.store.activeWorkspace;
+        const workspace = this.core.store.state.activeWorkspace;
         if (!workspace) {
             throw new Error('Cannot export workspace: no active workspace is loaded');
         }
@@ -985,7 +988,7 @@ export class KritzelEngine {
         if (data.version && data.version !== WORKSPACE_EXPORT_VERSION) {
             console.warn(`Workspace version mismatch: expected ${WORKSPACE_EXPORT_VERSION}, got ${data.version}`);
         }
-        const activeWorkspace = this.core.store.activeWorkspace;
+        const activeWorkspace = this.core.store.state.activeWorkspace;
         if (!activeWorkspace) {
             throw new Error('Cannot load objects: no active workspace is loaded');
         }
@@ -1125,7 +1128,7 @@ export class KritzelEngine {
     }
     /** Returns the currently active workspace. */
     async getActiveWorkspace() {
-        const activeWorkspace = this.core.store.activeWorkspace;
+        const activeWorkspace = this.core.store.state.activeWorkspace;
         if (!activeWorkspace) {
             throw new Error('No active workspace is loaded');
         }
@@ -1158,7 +1161,7 @@ export class KritzelEngine {
         this.workspacesChange.emit(this.core.store.state.workspaces);
         this.core.beforeWorkspaceChange();
         await this.initializeWorkspaceIfNeeded(workspace);
-        this.activeWorkspaceChange.emit(this.core.store.activeWorkspace);
+        this.activeWorkspaceChange.emit(this.core.store.state.activeWorkspace);
     }
     /**
      * Reinitializes sync by performing a full teardown and re-initialization.
@@ -1180,6 +1183,7 @@ export class KritzelEngine {
     keyHandler;
     contextMenuElement = null;
     _lastHadSelectionGroup = false;
+    _isViewportReady = false;
     _isYjsInitialized = false;
     _isResolvingActiveWorkspaceId = false;
     _stateChangeListenersRegistered = false;
@@ -1238,6 +1242,7 @@ export class KritzelEngine {
             this.contextMenuHandler = new KritzelContextMenuHandler(this.core, this.globalContextMenuItems, this.objectContextMenuItems);
             this.keyHandler = new KritzelKeyHandler(this.core);
             this.viewport = new KritzelViewport(this.core, this.host);
+            this._isViewportReady = true;
             // Initialize cursor manager with target element and shadow root
             this.core.cursorManager.setTargetElement(this.cursorTarget || document.body);
             if (this.host.shadowRoot) {
@@ -1303,7 +1308,7 @@ export class KritzelEngine {
             await this.initializeWorkspaceIfNeeded(startupWorkspace);
         }
         // Emit initial active workspace once startup initialization has completed
-        const initialActiveWorkspace = this.core.store.activeWorkspace;
+        const initialActiveWorkspace = this.core.store.state.activeWorkspace;
         if (initialActiveWorkspace) {
             this.activeWorkspaceChange.emit(initialActiveWorkspace);
         }
@@ -1332,7 +1337,7 @@ export class KritzelEngine {
         if (!this.activeWorkspaceId || this._isResolvingActiveWorkspaceId) {
             return;
         }
-        if (this.core.store.activeWorkspace?.id === this.activeWorkspaceId) {
+        if (this.core.store.state.activeWorkspace?.id === this.activeWorkspaceId) {
             return;
         }
         this._isResolvingActiveWorkspaceId = true;
@@ -1348,17 +1353,17 @@ export class KritzelEngine {
             }
             return;
         }
-        if (this.core.store.activeWorkspace?.id === workspace.id) {
+        if (this.core.store.state.activeWorkspace?.id === workspace.id) {
             return;
         }
         this.core.beforeWorkspaceChange();
         await this.initializeWorkspaceIfNeeded(workspace);
-        this.activeWorkspaceChange.emit(this.core.store.activeWorkspace);
+        this.activeWorkspaceChange.emit(this.core.store.state.activeWorkspace);
     }
     async initializeWorkspaceIfNeeded(workspace, options) {
         const targetWorkspaceId = workspace?.id ?? null;
         const targetKey = targetWorkspaceId ?? (options?.skipFallbackCreation ? '__NO_FALLBACK__' : '__AUTO__');
-        if (targetWorkspaceId && this.core.store.activeWorkspace?.id === targetWorkspaceId) {
+        if (targetWorkspaceId && this.core.store.state.activeWorkspace?.id === targetWorkspaceId) {
             return;
         }
         if (this._workspaceInitializationPromise && this._workspaceInitializationTargetKey === targetKey) {

package/dist/collection/constants/version.js

@@ -3,4 +3,4 @@
  * This file is auto-generated by the version bump scripts.
  * Do not modify manually.
  */
-export const KRITZEL_VERSION = '0.1.80';
+export const KRITZEL_VERSION = '0.1.82';

package/dist/components/index.js

@@ -1 +1 @@
-export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-BWj1eE2b.js";export{d as KritzelBrushTool,b as KritzelGroup,a as KritzelImage,e as KritzelLineTool,h as KritzelSelectionTool,c as KritzelShape,g as KritzelShapeTool,K as KritzelText,f as KritzelTextTool,S as ShapeType}from"./p-BcwZ36sO.js";export{a as KritzelLine,K as KritzelPath}from"./p-C8WnYSHi.js";export{A as APP_STATE_MIGRATIONS,I as IndexedDBSyncProvider,d as KritzelAlignment,c as KritzelAnchorManager,b as KritzelCursorHelper,K as KritzelEraserTool,a as KritzelImageTool,W as WORKSPACE_MIGRATIONS,r as runMigrations}from"./p-BzQmBVwr.js";import*as t from"yjs";import{WebsocketProvider as i}from"y-websocket";export{D as DEFAULT_BRUSH_CONFIG,b as DEFAULT_LINE_TOOL_CONFIG,a as DEFAULT_TEXT_CONFIG,H as HocuspocusSyncProvider,KritzelEditor,defineCustomElement as defineCustomElementKritzelEditor}from"./kritzel-editor.js";export{K as KritzelWorkspace,W as WORKSPACE_EXPORT_VERSION}from"./p-DhMlShij.js";export{K as KritzelThemeManager,d as darkTheme,l as lightTheme}from"./p-CjazGGq3.js";export{C as CURRENT_APP_STATE_SCHEMA_VERSION,a as CURRENT_WORKSPACE_SCHEMA_VERSION}from"./p-CW-VyJgK.js";export{KritzelActiveUsers,defineCustomElement as defineCustomElementKritzelActiveUsers}from"./kritzel-active-users.js";export{KritzelAvatar,defineCustomElement as defineCustomElementKritzelAvatar}from"./kritzel-avatar.js";export{KritzelAwarenessCursors,defineCustomElement as defineCustomElementKritzelAwarenessCursors}from"./kritzel-awareness-cursors.js";export{KritzelBackToContent,defineCustomElement as defineCustomElementKritzelBackToContent}from"./kritzel-back-to-content.js";export{KritzelBrushStyle,defineCustomElement as defineCustomElementKritzelBrushStyle}from"./kritzel-brush-style.js";export{KritzelButton,defineCustomElement as defineCustomElementKritzelButton}from"./kritzel-button.js";export{KritzelColor,defineCustomElement as defineCustomElementKritzelColor}from"./kritzel-color.js";export{KritzelColorPalette,defineCustomElement as defineCustomElementKritzelColorPalette}from"./kritzel-color-palette.js";export{KritzelContextMenu,defineCustomElement as defineCustomElementKritzelContextMenu}from"./kritzel-context-menu.js";export{KritzelControls,defineCustomElement as defineCustomElementKritzelControls}from"./kritzel-controls.js";export{KritzelCurrentUser,defineCustomElement as defineCustomElementKritzelCurrentUser}from"./kritzel-current-user.js";export{KritzelCurrentUserDialog,defineCustomElement as defineCustomElementKritzelCurrentUserDialog}from"./kritzel-current-user-dialog.js";export{KritzelCursorTrail,defineCustomElement as defineCustomElementKritzelCursorTrail}from"./kritzel-cursor-trail.js";export{KritzelDialog,defineCustomElement as defineCustomElementKritzelDialog}from"./kritzel-dialog.js";export{KritzelDropdown,defineCustomElement as defineCustomElementKritzelDropdown}from"./kritzel-dropdown.js";export{KritzelEngine,defineCustomElement as defineCustomElementKritzelEngine}from"./kritzel-engine.js";export{KritzelExport,defineCustomElement as defineCustomElementKritzelExport}from"./kritzel-export.js";export{KritzelFont,defineCustomElement as defineCustomElementKritzelFont}from"./kritzel-font.js";export{KritzelFontFamily,defineCustomElement as defineCustomElementKritzelFontFamily}from"./kritzel-font-family.js";export{KritzelFontSize,defineCustomElement as defineCustomElementKritzelFontSize}from"./kritzel-font-size.js";export{KritzelIcon,defineCustomElement as defineCustomElementKritzelIcon}from"./kritzel-icon.js";export{KritzelInput,defineCustomElement as defineCustomElementKritzelInput}from"./kritzel-input.js";export{KritzelLineEndings,defineCustomElement as defineCustomElementKritzelLineEndings}from"./kritzel-line-endings.js";export{KritzelLoginDialog,defineCustomElement as defineCustomElementKritzelLoginDialog}from"./kritzel-login-dialog.js";export{KritzelMasterDetail,defineCustomElement as defineCustomElementKritzelMasterDetail}from"./kritzel-master-detail.js";export{KritzelMenu,defineCustomElement as defineCustomElementKritzelMenu}from"./kritzel-menu.js";export{KritzelMenuItem,defineCustomElement as defineCustomElementKritzelMenuItem}from"./kritzel-menu-item.js";export{KritzelMoreMenu,defineCustomElement as defineCustomElementKritzelMoreMenu}from"./kritzel-more-menu.js";export{KritzelNumericInput,defineCustomElement as defineCustomElementKritzelNumericInput}from"./kritzel-numeric-input.js";export{KritzelOpacitySlider,defineCustomElement as defineCustomElementKritzelOpacitySlider}from"./kritzel-opacity-slider.js";export{KritzelPillTabs,defineCustomElement as defineCustomElementKritzelPillTabs}from"./kritzel-pill-tabs.js";export{KritzelPortal,defineCustomElement as defineCustomElementKritzelPortal}from"./kritzel-portal.js";export{KritzelSettings,defineCustomElement as defineCustomElementKritzelSettings}from"./kritzel-settings.js";export{KritzelShapeFill,defineCustomElement as defineCustomElementKritzelShapeFill}from"./kritzel-shape-fill.js";export{KritzelShareDialog,defineCustomElement as defineCustomElementKritzelShareDialog}from"./kritzel-share-dialog.js";export{KritzelSlideToggle,defineCustomElement as defineCustomElementKritzelSlideToggle}from"./kritzel-slide-toggle.js";export{KritzelSplitButton,defineCustomElement as defineCustomElementKritzelSplitButton}from"./kritzel-split-button.js";export{KritzelStrokeSize,defineCustomElement as defineCustomElementKritzelStrokeSize}from"./kritzel-stroke-size.js";export{KritzelToolConfig,defineCustomElement as defineCustomElementKritzelToolConfig}from"./kritzel-tool-config.js";export{KritzelTooltip,defineCustomElement as defineCustomElementKritzelTooltip}from"./kritzel-tooltip.js";export{KritzelUtilityPanel,defineCustomElement as defineCustomElementKritzelUtilityPanel}from"./kritzel-utility-panel.js";export{KritzelWorkspaceManager,defineCustomElement as defineCustomElementKritzelWorkspaceManager}from"./kritzel-workspace-manager.js";const o=Math.floor,n=127,m=Number.MAX_SAFE_INTEGER;class u{constructor(){this.cpos=0,this.cbuf=new Uint8Array(100),this.bufs=[]}}const z=()=>new u,E=e=>{const t=new Uint8Array((e=>{let t=e.cpos;for(let r=0;r<e.bufs.length;r++)t+=e.bufs[r].length;return t})(e));let r=0;for(let s=0;s<e.bufs.length;s++){const i=e.bufs[s];t.set(i,r),r+=i.length}return t.set(new Uint8Array(e.cbuf.buffer,0,e.cpos),r),t},p=(e,t)=>{const r=e.cbuf.length;e.cpos===r&&(e.bufs.push(e.cbuf),e.cbuf=new Uint8Array(2*r),e.cpos=0),e.cbuf[e.cpos++]=t},k=(e,t)=>{for(;t>n;)p(e,128|n&t),t=o(t/128);p(e,n&t)},x=(e,t)=>{k(e,t.byteLength),((e,t)=>{const r=e.cbuf.length,s=e.cpos,i=((e,t)=>e<t?e:t)(r-s,t.length),o=t.length-i;e.cbuf.set(t.subarray(0,i),s),e.cpos+=i,o>0&&(e.bufs.push(e.cbuf),e.cbuf=new Uint8Array(((e,t)=>e>t?e:t)(2*r,o)),e.cbuf.set(t.subarray(i)),e.cpos=o)})(e,t)},j=e=>Error(e),T=j("Unexpected end of array"),y=j("Integer out of Range");class w{constructor(e){this.arr=e,this.pos=0}}const P=e=>((e,t)=>{const r=new Uint8Array(e.arr.buffer,e.pos+e.arr.byteOffset,t);return e.pos+=t,r})(e,M(e)),M=e=>{let t=0,r=1;const s=e.arr.length;for(;e.pos<s;){const s=e.arr[e.pos++];if(t+=(s&n)*r,r*=128,s<128)return t;if(t>m)throw y}throw T};class U{type="local";doc;channel;_synced=!1;constructor(e,t,r){this.doc=t,this.channel=new BroadcastChannel(e),this.channel.onmessage=e=>{this.handleMessage(e.data)},this.doc.on("update",this.handleDocUpdate),this.broadcastSync(),setTimeout((()=>{this._synced=!0}),100),r?.quiet||console.info("BroadcastChannel Provider initialized: "+e)}handleDocUpdate=(e,t)=>{if(t!==this){const t=z();k(t,0),x(t,e),this.channel.postMessage(E(t))}};handleMessage(e){const r=(e=>new w(e))(new Uint8Array(e));switch(M(r)){case 0:const e=P(r);t.applyUpdate(this.doc,e,this);break;case 1:this.broadcastSync();break;case 2:const s=P(r),i=t.encodeStateAsUpdate(this.doc,s);if(i.length>0){const e=z();k(e,0),x(e,i),this.channel.postMessage(E(e))}}}broadcastSync(){const e=z();k(e,2),x(e,t.encodeStateVector(this.doc)),this.channel.postMessage(E(e))}async connect(){if(!this._synced)return new Promise((e=>{const t=()=>{this._synced?e():setTimeout(t,50)};t()}))}disconnect(){}async reconnect(){return this.disconnect(),this.connect()}destroy(){this.doc.off("update",this.handleDocUpdate),this.channel.close()}}class _{type="network";provider;isConnected=!1;_quiet=!1;get awareness(){return this.provider.awareness}constructor(e,t,r){const s=r?.url||"ws://localhost:1234",o=r?.roomName||e;this.provider=new i(s,o,t,{params:r?.params,protocols:r?.protocols,WebSocketPolyfill:r?.WebSocketPolyfill,awareness:r?.awareness,maxBackoffTime:r?.maxBackoffTime,disableBc:!0}),this._quiet=r?.quiet??!1,this.setupEventListeners(),this._quiet||console.info(`WebSocket Provider initialized: ${s}/${o}`)}static with(e){return{create:(t,r,s)=>{const i=s?{...e,...s}:e;return new _(t,r,i)}}}setupEventListeners(){this.provider.on("status",(({status:e})=>{"connected"===e?(this.isConnected=!0,this._quiet||console.info("WebSocket connected")):"disconnected"===e&&(this.isConnected=!1,this._quiet||console.info("WebSocket disconnected"))})),this.provider.on("sync",(e=>{e&&!this._quiet&&console.info("WebSocket synced")}))}async connect(){if(!this.isConnected)return new Promise(((e,t)=>{const r=setTimeout((()=>{t(Error("WebSocket connection timeout"))}),1e4),s=({status:t})=>{"connected"===t&&(clearTimeout(r),this.provider.off("status",s),this.isConnected=!0,e())};this.provider.on("status",s),this.provider.wsconnected&&(clearTimeout(r),this.provider.off("status",s),this.isConnected=!0,e())}))}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{U as BroadcastSyncProvider,_ as WebSocketSyncProvider}
+export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-BWj1eE2b.js";export{d as KritzelBrushTool,b as KritzelGroup,a as KritzelImage,e as KritzelLineTool,h as KritzelSelectionTool,c as KritzelShape,g as KritzelShapeTool,K as KritzelText,f as KritzelTextTool,S as ShapeType}from"./p-BPQOTise.js";export{a as KritzelLine,K as KritzelPath}from"./p-DQK_4lkI.js";export{A as APP_STATE_MIGRATIONS,I as IndexedDBSyncProvider,d as KritzelAlignment,c as KritzelAnchorManager,b as KritzelCursorHelper,K as KritzelEraserTool,a as KritzelImageTool,W as WORKSPACE_MIGRATIONS,r as runMigrations}from"./p-CgtykATT.js";import*as t from"yjs";import{WebsocketProvider as i}from"y-websocket";export{D as DEFAULT_BRUSH_CONFIG,b as DEFAULT_LINE_TOOL_CONFIG,a as DEFAULT_TEXT_CONFIG,H as HocuspocusSyncProvider,KritzelEditor,defineCustomElement as defineCustomElementKritzelEditor}from"./kritzel-editor.js";export{K as KritzelWorkspace,W as WORKSPACE_EXPORT_VERSION}from"./p-DhMlShij.js";export{K as KritzelThemeManager,d as darkTheme,l as lightTheme}from"./p-CjazGGq3.js";export{C as CURRENT_APP_STATE_SCHEMA_VERSION,a as CURRENT_WORKSPACE_SCHEMA_VERSION}from"./p-CW-VyJgK.js";export{KritzelActiveUsers,defineCustomElement as defineCustomElementKritzelActiveUsers}from"./kritzel-active-users.js";export{KritzelAvatar,defineCustomElement as defineCustomElementKritzelAvatar}from"./kritzel-avatar.js";export{KritzelAwarenessCursors,defineCustomElement as defineCustomElementKritzelAwarenessCursors}from"./kritzel-awareness-cursors.js";export{KritzelBackToContent,defineCustomElement as defineCustomElementKritzelBackToContent}from"./kritzel-back-to-content.js";export{KritzelBrushStyle,defineCustomElement as defineCustomElementKritzelBrushStyle}from"./kritzel-brush-style.js";export{KritzelButton,defineCustomElement as defineCustomElementKritzelButton}from"./kritzel-button.js";export{KritzelColor,defineCustomElement as defineCustomElementKritzelColor}from"./kritzel-color.js";export{KritzelColorPalette,defineCustomElement as defineCustomElementKritzelColorPalette}from"./kritzel-color-palette.js";export{KritzelContextMenu,defineCustomElement as defineCustomElementKritzelContextMenu}from"./kritzel-context-menu.js";export{KritzelControls,defineCustomElement as defineCustomElementKritzelControls}from"./kritzel-controls.js";export{KritzelCurrentUser,defineCustomElement as defineCustomElementKritzelCurrentUser}from"./kritzel-current-user.js";export{KritzelCurrentUserDialog,defineCustomElement as defineCustomElementKritzelCurrentUserDialog}from"./kritzel-current-user-dialog.js";export{KritzelCursorTrail,defineCustomElement as defineCustomElementKritzelCursorTrail}from"./kritzel-cursor-trail.js";export{KritzelDialog,defineCustomElement as defineCustomElementKritzelDialog}from"./kritzel-dialog.js";export{KritzelDropdown,defineCustomElement as defineCustomElementKritzelDropdown}from"./kritzel-dropdown.js";export{KritzelEngine,defineCustomElement as defineCustomElementKritzelEngine}from"./kritzel-engine.js";export{KritzelExport,defineCustomElement as defineCustomElementKritzelExport}from"./kritzel-export.js";export{KritzelFont,defineCustomElement as defineCustomElementKritzelFont}from"./kritzel-font.js";export{KritzelFontFamily,defineCustomElement as defineCustomElementKritzelFontFamily}from"./kritzel-font-family.js";export{KritzelFontSize,defineCustomElement as defineCustomElementKritzelFontSize}from"./kritzel-font-size.js";export{KritzelIcon,defineCustomElement as defineCustomElementKritzelIcon}from"./kritzel-icon.js";export{KritzelInput,defineCustomElement as defineCustomElementKritzelInput}from"./kritzel-input.js";export{KritzelLineEndings,defineCustomElement as defineCustomElementKritzelLineEndings}from"./kritzel-line-endings.js";export{KritzelLoginDialog,defineCustomElement as defineCustomElementKritzelLoginDialog}from"./kritzel-login-dialog.js";export{KritzelMasterDetail,defineCustomElement as defineCustomElementKritzelMasterDetail}from"./kritzel-master-detail.js";export{KritzelMenu,defineCustomElement as defineCustomElementKritzelMenu}from"./kritzel-menu.js";export{KritzelMenuItem,defineCustomElement as defineCustomElementKritzelMenuItem}from"./kritzel-menu-item.js";export{KritzelMoreMenu,defineCustomElement as defineCustomElementKritzelMoreMenu}from"./kritzel-more-menu.js";export{KritzelNumericInput,defineCustomElement as defineCustomElementKritzelNumericInput}from"./kritzel-numeric-input.js";export{KritzelOpacitySlider,defineCustomElement as defineCustomElementKritzelOpacitySlider}from"./kritzel-opacity-slider.js";export{KritzelPillTabs,defineCustomElement as defineCustomElementKritzelPillTabs}from"./kritzel-pill-tabs.js";export{KritzelPortal,defineCustomElement as defineCustomElementKritzelPortal}from"./kritzel-portal.js";export{KritzelSettings,defineCustomElement as defineCustomElementKritzelSettings}from"./kritzel-settings.js";export{KritzelShapeFill,defineCustomElement as defineCustomElementKritzelShapeFill}from"./kritzel-shape-fill.js";export{KritzelShareDialog,defineCustomElement as defineCustomElementKritzelShareDialog}from"./kritzel-share-dialog.js";export{KritzelSlideToggle,defineCustomElement as defineCustomElementKritzelSlideToggle}from"./kritzel-slide-toggle.js";export{KritzelSplitButton,defineCustomElement as defineCustomElementKritzelSplitButton}from"./kritzel-split-button.js";export{KritzelStrokeSize,defineCustomElement as defineCustomElementKritzelStrokeSize}from"./kritzel-stroke-size.js";export{KritzelToolConfig,defineCustomElement as defineCustomElementKritzelToolConfig}from"./kritzel-tool-config.js";export{KritzelTooltip,defineCustomElement as defineCustomElementKritzelTooltip}from"./kritzel-tooltip.js";export{KritzelUtilityPanel,defineCustomElement as defineCustomElementKritzelUtilityPanel}from"./kritzel-utility-panel.js";export{KritzelWorkspaceManager,defineCustomElement as defineCustomElementKritzelWorkspaceManager}from"./kritzel-workspace-manager.js";const o=Math.floor,n=127,m=Number.MAX_SAFE_INTEGER;class u{constructor(){this.cpos=0,this.cbuf=new Uint8Array(100),this.bufs=[]}}const z=()=>new u,E=e=>{const t=new Uint8Array((e=>{let t=e.cpos;for(let r=0;r<e.bufs.length;r++)t+=e.bufs[r].length;return t})(e));let r=0;for(let s=0;s<e.bufs.length;s++){const i=e.bufs[s];t.set(i,r),r+=i.length}return t.set(new Uint8Array(e.cbuf.buffer,0,e.cpos),r),t},p=(e,t)=>{const r=e.cbuf.length;e.cpos===r&&(e.bufs.push(e.cbuf),e.cbuf=new Uint8Array(2*r),e.cpos=0),e.cbuf[e.cpos++]=t},k=(e,t)=>{for(;t>n;)p(e,128|n&t),t=o(t/128);p(e,n&t)},x=(e,t)=>{k(e,t.byteLength),((e,t)=>{const r=e.cbuf.length,s=e.cpos,i=((e,t)=>e<t?e:t)(r-s,t.length),o=t.length-i;e.cbuf.set(t.subarray(0,i),s),e.cpos+=i,o>0&&(e.bufs.push(e.cbuf),e.cbuf=new Uint8Array(((e,t)=>e>t?e:t)(2*r,o)),e.cbuf.set(t.subarray(i)),e.cpos=o)})(e,t)},j=e=>Error(e),T=j("Unexpected end of array"),y=j("Integer out of Range");class w{constructor(e){this.arr=e,this.pos=0}}const P=e=>((e,t)=>{const r=new Uint8Array(e.arr.buffer,e.pos+e.arr.byteOffset,t);return e.pos+=t,r})(e,M(e)),M=e=>{let t=0,r=1;const s=e.arr.length;for(;e.pos<s;){const s=e.arr[e.pos++];if(t+=(s&n)*r,r*=128,s<128)return t;if(t>m)throw y}throw T};class U{type="local";doc;channel;_synced=!1;constructor(e,t,r){this.doc=t,this.channel=new BroadcastChannel(e),this.channel.onmessage=e=>{this.handleMessage(e.data)},this.doc.on("update",this.handleDocUpdate),this.broadcastSync(),setTimeout((()=>{this._synced=!0}),100),r?.quiet||console.info("BroadcastChannel Provider initialized: "+e)}handleDocUpdate=(e,t)=>{if(t!==this){const t=z();k(t,0),x(t,e),this.channel.postMessage(E(t))}};handleMessage(e){const r=(e=>new w(e))(new Uint8Array(e));switch(M(r)){case 0:const e=P(r);t.applyUpdate(this.doc,e,this);break;case 1:this.broadcastSync();break;case 2:const s=P(r),i=t.encodeStateAsUpdate(this.doc,s);if(i.length>0){const e=z();k(e,0),x(e,i),this.channel.postMessage(E(e))}}}broadcastSync(){const e=z();k(e,2),x(e,t.encodeStateVector(this.doc)),this.channel.postMessage(E(e))}async connect(){if(!this._synced)return new Promise((e=>{const t=()=>{this._synced?e():setTimeout(t,50)};t()}))}disconnect(){}async reconnect(){return this.disconnect(),this.connect()}destroy(){this.doc.off("update",this.handleDocUpdate),this.channel.close()}}class _{type="network";provider;isConnected=!1;_quiet=!1;get awareness(){return this.provider.awareness}constructor(e,t,r){const s=r?.url||"ws://localhost:1234",o=r?.roomName||e;this.provider=new i(s,o,t,{params:r?.params,protocols:r?.protocols,WebSocketPolyfill:r?.WebSocketPolyfill,awareness:r?.awareness,maxBackoffTime:r?.maxBackoffTime,disableBc:!0}),this._quiet=r?.quiet??!1,this.setupEventListeners(),this._quiet||console.info(`WebSocket Provider initialized: ${s}/${o}`)}static with(e){return{create:(t,r,s)=>{const i=s?{...e,...s}:e;return new _(t,r,i)}}}setupEventListeners(){this.provider.on("status",(({status:e})=>{"connected"===e?(this.isConnected=!0,this._quiet||console.info("WebSocket connected")):"disconnected"===e&&(this.isConnected=!1,this._quiet||console.info("WebSocket disconnected"))})),this.provider.on("sync",(e=>{e&&!this._quiet&&console.info("WebSocket synced")}))}async connect(){if(!this.isConnected)return new Promise(((e,t)=>{const r=setTimeout((()=>{t(Error("WebSocket connection timeout"))}),1e4),s=({status:t})=>{"connected"===t&&(clearTimeout(r),this.provider.off("status",s),this.isConnected=!0,e())};this.provider.on("status",s),this.provider.wsconnected&&(clearTimeout(r),this.provider.off("status",s),this.isConnected=!0,e())}))}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{U as BroadcastSyncProvider,_ as WebSocketSyncProvider}

package/dist/components/kritzel-awareness-cursors.js

@@ -1 +1 @@
-import{K as o,d as s}from"./p-xYCbKFih.js";const p=o,r=s;export{p as KritzelAwarenessCursors,r as defineCustomElement}
+import{K as o,d as s}from"./p-B4h_tGG1.js";const t=o,p=s;export{t as KritzelAwarenessCursors,p as defineCustomElement}

package/dist/components/kritzel-controls.js

@@ -1 +1 @@
-import{K as o,d as s}from"./p-B-Gej_Ak.js";const p=o,r=s;export{p as KritzelControls,r as defineCustomElement}
+import{K as o,d as s}from"./p-C35iuSnC.js";const p=o,r=s;export{p as KritzelControls,r as defineCustomElement}