kritzel-stencil 0.1.39 → 0.1.41

package/dist/cjs/{alignment.enum-Bk86Xzvb.js → alignment.enum-Dz9JvPvf.js}

@@ -1,28 +1,7 @@
 'use strict';
 
-var Y = require('yjs');
 var yIndexeddb = require('y-indexeddb');
 
-function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
-        });
-    }
-    n.default = e;
-    return Object.freeze(n);
-}
-
-var Y__namespace = /*#__PURE__*/_interopNamespace(Y);
-
 /**
  * A static registry for managing drawing tools in the Kritzel library.
  * Tools are instantiated and stored by name, allowing retrieval by name or index.
@@ -14880,6 +14859,7 @@ class KritzelThemeManager {
     _core;
     _currentTheme = DEFAULT_THEME;
     _targetElement = null;
+    _storageKey;
     /**
      * Creates a new KritzelThemeManager instance.
      * Initializes the current theme from localStorage or uses the default theme.
@@ -14888,7 +14868,8 @@ class KritzelThemeManager {
      */
     constructor(core) {
         this._core = core;
-        this._currentTheme = KritzelThemeManager.getStoredTheme();
+        this._storageKey = core.editorId ? `${THEME_STORAGE_KEY}-${core.editorId}` : THEME_STORAGE_KEY;
+        this._currentTheme = this.getStoredTheme();
     }
     /**
      * Gets the current active theme name.
@@ -14929,9 +14910,23 @@ class KritzelThemeManager {
         return themeName === 'dark' ? darkTheme : lightTheme;
     }
     /**
-     * Gets the stored theme name from localStorage.
-     * Can be called statically without a manager instance.
-     * This is useful for initializing theme before the manager is created.
+     * Gets the stored theme name from localStorage using this instance's namespaced key.
+     *
+     * @returns The stored theme name if valid, or 'light' as the default
+     */
+    getStoredTheme() {
+        if (typeof localStorage === 'undefined') {
+            return DEFAULT_THEME;
+        }
+        const stored = localStorage.getItem(this._storageKey);
+        if (stored === 'dark' || stored === 'light') {
+            return stored;
+        }
+        return DEFAULT_THEME;
+    }
+    /**
+     * Gets the stored theme from the default (non-namespaced) localStorage key.
+     * Used by static utility helpers that don't have access to a core instance.
      *
      * @returns The stored theme name if valid, or 'light' as the default
      */
@@ -14955,7 +14950,7 @@ class KritzelThemeManager {
         if (typeof localStorage === 'undefined') {
             return;
         }
-        localStorage.setItem(THEME_STORAGE_KEY, themeName);
+        localStorage.setItem(this._storageKey, themeName);
     }
     /**
      * Sets the current theme, persists it to storage, and applies it to the target element.
@@ -19917,7 +19912,8 @@ KritzelIconRegistry.registerIcons({
     'align-start-vertical': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-align-start-vertical-icon lucide-align-start-vertical"><rect width="9" height="6" x="6" y="14" rx="2"/><rect width="16" height="6" x="6" y="4" rx="2"/><path d="M2 2v20"/></svg>',
     'align-center-vertical': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-align-center-vertical-icon lucide-align-center-vertical"><path d="M12 2v20"/><path d="M8 10H4a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2h4"/><path d="M16 10h4a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-4"/><path d="M8 20H7a2 2 0 0 1-2-2v-2c0-1.1.9-2 2-2h1"/><path d="M16 14h1a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-1"/></svg>',
     'align-end-vertical': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-align-end-vertical-icon lucide-align-end-vertical"><rect width="16" height="6" x="2" y="4" rx="2"/><rect width="9" height="6" x="9" y="14" rx="2"/><path d="M22 22V2"/></svg>',
-    'viewport': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize-icon lucide-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3"/><path d="M21 8V5a2 2 0 0 0-2-2h-3"/><path d="M3 16v3a2 2 0 0 0 2 2h3"/><path d="M16 21h3a2 2 0 0 0 2-2v-3"/></svg>'
+    'viewport': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize-icon lucide-maximize"><path d="M8 3H5a2 2 0 0 0-2 2v3"/><path d="M21 8V5a2 2 0 0 0-2-2h-3"/><path d="M3 16v3a2 2 0 0 0 2 2h3"/><path d="M16 21h3a2 2 0 0 0 2-2v-3"/></svg>',
+    'log-out': '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-log-out-icon lucide-log-out"><path d="m16 17 5-5-5-5"/><path d="M21 12H9"/><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/></svg>'
 });
 
 class KritzelCursorHelper {
@@ -22373,313 +22369,6 @@ class KritzelWorkspace {
     }
 }
 
-/**
- * Default sync configuration - IndexedDB + BroadcastChannel
- */
-const DEFAULT_SYNC_CONFIG = {
-    providers: [
-        IndexedDBSyncProvider
-    ],
-};
-
-/**
- * Manages the application state for workspaces with Yjs-based synchronization support.
- * This class provides a synchronized map of workspaces that can be shared across
- * multiple clients using configurable sync providers (e.g., WebSocket, WebRTC).
- */
-class KritzelAppStateMap {
-    map;
-    _ydoc = null;
-    _workspacesMap = null;
-    _providers = [];
-    _core = null;
-    _isReady = false;
-    _onRemoteChangeCallback = null;
-    _workspacesObserver = null;
-    /**
-     * Indicates whether the app state map has been initialized and is ready for use.
-     * @returns True if initialized and all providers are connected, false otherwise.
-     */
-    get isReady() {
-        return this._isReady;
-    }
-    /**
-     * Creates a new KritzelAppStateMap instance with an empty workspace map.
-     */
-    constructor() {
-        this.map = new Map();
-    }
-    /**
-     * Registers a callback function to be invoked when remote changes are received.
-     * This allows external code to react to workspace changes from other clients.
-     * @param callback - The function to call when remote changes occur.
-     */
-    onRemoteChange(callback) {
-        this._onRemoteChangeCallback = callback;
-    }
-    /**
-     * Initializes the app state map with Yjs synchronization.
-     * Creates a dedicated Y.Doc for app state, sets up workspace observation,
-     * instantiates and connects all configured sync providers, and loads existing workspaces.
-     * @param core - The KritzelCore instance for triggering re-renders and accessing the store.
-     * @param config - Optional sync configuration specifying providers. Defaults to DEFAULT_SYNC_CONFIG.
-     * @returns A promise that resolves when all providers are connected and the state is loaded.
-     */
-    async initialize(core, config) {
-        this._core = core;
-        // Create a dedicated Y.Doc for app state (workspaces)
-        this._ydoc = new Y__namespace.Doc();
-        this._workspacesMap = this._ydoc.getMap('workspaces');
-        const docName = 'kritzel-app-state';
-        const finalConfig = config ?? DEFAULT_SYNC_CONFIG;
-        // Instantiate providers from configuration
-        for (const providerConfig of finalConfig.providers) {
-            let provider;
-            // Check if it's a class constructor or a factory
-            if (typeof providerConfig === 'function') {
-                // It's a class constructor
-                provider = new providerConfig(docName, this._ydoc);
-            }
-            else {
-                // It's a factory with a create method
-                provider = providerConfig.create(docName, this._ydoc);
-            }
-            this._providers.push(provider);
-        }
-        // Observe changes to workspaces and sync with application state
-        this._workspacesObserver = event => {
-            this.handleWorkspacesChange(event);
-        };
-        this._workspacesMap.observe(this._workspacesObserver);
-        // Connect all providers in parallel
-        await Promise.all(this._providers.map(p => p.connect()));
-        this._isReady = true;
-        // Load workspaces from Yjs
-        this.loadFromYjs();
-    }
-    /**
-     * Handles changes to the Yjs workspaces map.
-     * For local changes, only triggers a re-render. For remote changes, synchronizes
-     * the local map with the Yjs state by adding, updating, or deleting workspaces.
-     * @param event - The Yjs map event containing information about changed keys.
-     */
-    handleWorkspacesChange(event) {
-        // Skip Map updates for local changes (already done), but still trigger re-render
-        if (event.transaction.origin === 'local') {
-            this._core?.rerender();
-            return;
-        }
-        const changedKeys = Array.from(event.keysChanged);
-        const workspacesToUpdate = [];
-        const workspacesToDelete = [];
-        changedKeys.forEach(key => {
-            const change = event.changes.keys.get(key);
-            if (change && change.action === 'delete') {
-                workspacesToDelete.push(key);
-            }
-            else {
-                const serialized = this._workspacesMap.get(key);
-                if (serialized) {
-                    const workspace = this.reviveWorkspace(serialized);
-                    workspacesToUpdate.push(workspace);
-                }
-            }
-        });
-        // Delete workspaces from local map
-        workspacesToDelete.forEach(workspaceId => {
-            this.map.delete(workspaceId);
-        });
-        // Update or insert workspaces
-        workspacesToUpdate.forEach(workspace => {
-            this.map.set(workspace.id, workspace);
-        });
-        // Update the store's workspace list to reflect remote changes
-        if (this._core?.store) {
-            this._core.store.state.workspaces = this.allWorkspaces();
-        }
-        // Notify about remote changes
-        if (this._onRemoteChangeCallback) {
-            this._onRemoteChangeCallback();
-        }
-        this._core?.rerender();
-    }
-    /**
-     * Reconstructs a KritzelWorkspace instance from its serialized form.
-     * Restores all properties including id, name, viewport, and timestamps.
-     * @param serialized - The serialized workspace data object.
-     * @returns A fully reconstructed KritzelWorkspace instance.
-     */
-    reviveWorkspace(serialized) {
-        const workspace = new KritzelWorkspace(serialized.id, serialized.name, serialized.viewport);
-        workspace._core = this._core;
-        workspace.createdAt = new Date(serialized.createdAt);
-        workspace.updatedAt = new Date(serialized.updatedAt);
-        return workspace;
-    }
-    /**
-     * Executes a callback within a Yjs transaction marked as 'local'.
-     * This allows batching multiple Yjs operations and identifying them as local changes.
-     * @param callback - The function containing Yjs operations to execute within the transaction.
-     */
-    transaction(callback) {
-        if (this._ydoc) {
-            this._ydoc.transact(callback, 'local');
-        }
-    }
-    /**
-     * Loads all workspaces from the Yjs map into the local map.
-     * Clears the existing local map and repopulates it by reviving each serialized workspace.
-     * This is typically called during initialization or when a full sync is needed.
-     */
-    loadFromYjs() {
-        if (!this._workspacesMap) {
-            return;
-        }
-        this.map.clear();
-        this._workspacesMap.forEach((serialized, key) => {
-            const workspace = this.reviveWorkspace(serialized);
-            this.map.set(key, workspace);
-        });
-    }
-    /**
-     * Resets the app state by clearing both the local map and the Yjs workspaces map.
-     * This operation is performed within a local transaction to avoid triggering remote sync callbacks.
-     */
-    reset() {
-        this.map.clear();
-        this._ydoc.transact(() => {
-            this._workspacesMap.clear();
-        }, 'local');
-    }
-    /**
-     * Inserts a new workspace into both the local map and the Yjs map.
-     * The workspace is serialized before being stored in Yjs for synchronization.
-     * @param workspace - The workspace to insert.
-     * @returns True if the workspace was successfully inserted, false if it has no id.
-     */
-    insert(workspace) {
-        if (!workspace.id) {
-            return false;
-        }
-        this.map.set(workspace.id, workspace);
-        if (this._workspacesMap) {
-            const serialized = workspace.serialize();
-            this._ydoc.transact(() => {
-                this._workspacesMap.set(workspace.id, serialized);
-            }, 'local');
-        }
-        return true;
-    }
-    /**
-     * Updates an existing workspace in both the local map and the Yjs map.
-     * The workspace must already exist in the map to be updated.
-     * @param workspace - The workspace with updated data.
-     * @returns True if the workspace was successfully updated, false if it doesn't exist or has no id.
-     */
-    update(workspace) {
-        if (!workspace.id || !this.map.has(workspace.id)) {
-            return false;
-        }
-        this.map.set(workspace.id, workspace);
-        if (this._workspacesMap) {
-            const serialized = workspace.serialize();
-            this._ydoc.transact(() => {
-                this._workspacesMap.set(workspace.id, serialized);
-            }, 'local');
-        }
-        return true;
-    }
-    /**
-     * Removes a workspace matching the given predicate from both the local map and the Yjs map.
-     * Only the first matching workspace will be removed.
-     * @param predicate - A function that returns true for the workspace to remove.
-     * @returns True if a matching workspace was found and removed, false otherwise.
-     */
-    remove(predicate) {
-        const workspaceToRemove = Array.from(this.map.values()).find(predicate);
-        if (!workspaceToRemove) {
-            return false;
-        }
-        this.map.delete(workspaceToRemove.id);
-        if (this._workspacesMap) {
-            this._ydoc.transact(() => {
-                this._workspacesMap.delete(workspaceToRemove.id);
-            }, 'local');
-        }
-        return true;
-    }
-    /**
-     * Retrieves a workspace by its unique identifier.
-     * @param id - The unique identifier of the workspace to retrieve.
-     * @returns The workspace if found, undefined otherwise.
-     */
-    get(id) {
-        return this.map.get(id);
-    }
-    /**
-     * Returns all workspaces currently stored in the map.
-     * @returns An array containing all workspaces.
-     */
-    allWorkspaces() {
-        return Array.from(this.map.values());
-    }
-    /**
-     * Filters workspaces based on a predicate function.
-     * @param predicate - A function that returns true for workspaces to include.
-     * @returns An array of workspaces that match the predicate.
-     */
-    filter(predicate) {
-        return Array.from(this.map.values()).filter(predicate);
-    }
-    /**
-     * Finds the first workspace matching the given predicate.
-     * @param predicate - A function that returns true for the workspace to find.
-     * @returns The first matching workspace, or undefined if no match is found.
-     */
-    find(predicate) {
-        return Array.from(this.map.values()).find(predicate);
-    }
-    /**
-     * Checks if a workspace with the given id exists in the map.
-     * @param id - The unique identifier of the workspace to check.
-     * @returns True if a workspace with the given id exists, false otherwise.
-     */
-    has(id) {
-        return this.map.has(id);
-    }
-    /**
-     * Destroys the app state map and releases all resources.
-     * Unobserves the Yjs workspaces map, disconnects and destroys all sync providers,
-     * clears all maps, destroys the Y.Doc, and resets all internal references.
-     * This should be called when the app state map is no longer needed.
-     */
-    destroy() {
-        // Unobserve the workspaces map
-        if (this._workspacesMap && this._workspacesObserver) {
-            this._workspacesMap.unobserve(this._workspacesObserver);
-            this._workspacesObserver = null;
-        }
-        // Disconnect and destroy all providers
-        this._providers.forEach(p => {
-            p.disconnect();
-            p.destroy();
-        });
-        this._providers = [];
-        // Clear maps
-        this.map.clear();
-        this._workspacesMap = null;
-        // Destroy Y.Doc
-        if (this._ydoc) {
-            this._ydoc.destroy();
-            this._ydoc = null;
-        }
-        // Clear remaining references
-        this._core = null;
-        this._onRemoteChangeCallback = null;
-        this._isReady = false;
-    }
-}
-
 /**
  * Manages anchor connections between line endpoints and other objects.
  * Maintains a runtime index for efficient reverse lookups and handles
@@ -24058,11 +23747,9 @@ exports.KritzelAlignment = void 0;
 exports.DEFAULT_BRUSH_CONFIG = DEFAULT_BRUSH_CONFIG;
 exports.DEFAULT_COLOR_PALETTE = DEFAULT_COLOR_PALETTE;
 exports.DEFAULT_LINE_TOOL_CONFIG = DEFAULT_LINE_TOOL_CONFIG;
-exports.DEFAULT_SYNC_CONFIG = DEFAULT_SYNC_CONFIG;
 exports.DEFAULT_TEXT_CONFIG = DEFAULT_TEXT_CONFIG;
 exports.IndexedDBSyncProvider = IndexedDBSyncProvider;
 exports.KritzelAnchorManager = KritzelAnchorManager;
-exports.KritzelAppStateMap = KritzelAppStateMap;
 exports.KritzelBaseHandler = KritzelBaseHandler;
 exports.KritzelBaseObject = KritzelBaseObject;
 exports.KritzelBaseTool = KritzelBaseTool;

package/dist/cjs/index-Dc7LOVhs.js

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

package/dist/cjs/index.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var alignment_enum = require('./alignment.enum-Bk86Xzvb.js');
+var alignment_enum = require('./alignment.enum-Dz9JvPvf.js');
 var Y = require('yjs');
 var yWebsocket = require('y-websocket');
 require('y-indexeddb');
@@ -3577,7 +3577,6 @@ Object.defineProperty(exports, "KritzelAlignment", {
   get: function () { return alignment_enum.KritzelAlignment; }
 });
 exports.KritzelAnchorManager = alignment_enum.KritzelAnchorManager;
-exports.KritzelAppStateMap = alignment_enum.KritzelAppStateMap;
 exports.KritzelBrushTool = alignment_enum.KritzelBrushTool;
 exports.KritzelCursorHelper = alignment_enum.KritzelCursorHelper;
 exports.KritzelEraserTool = alignment_enum.KritzelEraserTool;