@datalayer/lexical-loro 0.1.0 → 0.2.1

package/lib/collab/loro/utils/Utils.d.ts

@@ -1,44 +0,0 @@
-import { LoroDoc, TreeID } from 'loro-crdt';
-import { EditorState, LexicalNode, NodeKey, RangeSelection, TextNode } from 'lexical';
-export declare const DEFAULT_TREE_NAME = "lexical-tree";
-/**
- * Generates a consistent client ID from a Loro document.
- * Uses the numeric peer ID directly to ensure consistency across all components.
- *
- * @param doc - The Loro document
- * @returns A number representing the client ID
- */
-export declare function generateClientID(doc: LoroDoc): number;
-/**
- * Generates a client ID for cases where no document is available.
- * Creates a random ID within the safe integer range.
- *
- * @returns A randomly generated client ID
- */
-export declare function generateRandomClientID(): number;
-/**
- * Ensure doc has a LoroTree instance
- */
-export declare function getLoroTree(doc: LoroDoc, treeName?: string): import("loro-crdt").LoroTree<Record<string, unknown>>;
-/**
- * Helper function to parse TreeID back to nodeKey and peerId
- */
-export declare function parseTreeID(treeId: TreeID): {
-    nodeKey: NodeKey;
-    peerId: number;
-};
-/**
- * Helper function to get Lexical node information for Loro sync
- */
-export declare function getLexicalNodeInfo(node: LexicalNode): {
-    parentKey?: string;
-    index?: number;
-};
-/**
- * Check if a class extends another class (proper inheritance checking)
- */
-export declare function isClassExtending(Klass: any, BaseClass: any): boolean;
-export declare function toKeyNodeNumber(nodeKey: NodeKey): number;
-export declare function $diffTextContentAndApplyDelta(textNode: TextNode, key: NodeKey, prevText: string, nextText: string): void;
-export declare function doesSelectionNeedRecovering(selection: RangeSelection): boolean;
-export declare function $moveSelectionToPreviousNode(anchorNodeKey: string, currentEditorState: EditorState): void;

package/lib/collab/loro/utils/Utils.js

@@ -1,153 +0,0 @@
-import { $getNodeByKey, $getRoot, $getSelection, $isRangeSelection, $isTextNode } from 'lexical';
-import simpleDiffWithCursor from '../../utils/simpleDiffWithCursor';
-export const DEFAULT_TREE_NAME = 'lexical-tree';
-/**
- * Generates a consistent client ID from a Loro document.
- * Uses the numeric peer ID directly to ensure consistency across all components.
- *
- * @param doc - The Loro document
- * @returns A number representing the client ID
- */
-export function generateClientID(doc) {
-    return Number(doc.peerId);
-}
-/**
- * Generates a client ID for cases where no document is available.
- * Creates a random ID within the safe integer range.
- *
- * @returns A randomly generated client ID
- */
-export function generateRandomClientID() {
-    return Math.floor(Math.random() * 2147483647);
-}
-/**
- * Ensure doc has a LoroTree instance
- */
-export function getLoroTree(doc, treeName = DEFAULT_TREE_NAME) {
-    const tree = doc.getTree(treeName);
-    // Enable fractional index for ordered siblings (useful for maintaining order)
-    // tree.enableFractionalIndex(0.001);
-    return tree;
-}
-/**
- * Helper function to parse TreeID back to nodeKey and peerId
- */
-export function parseTreeID(treeId) {
-    const [nodeKey, peerId] = treeId.split('@');
-    return {
-        nodeKey: nodeKey,
-        peerId: Number(peerId)
-    };
-}
-/**
- * Helper function to get Lexical node information for Loro sync
- */
-export function getLexicalNodeInfo(node) {
-    // TODO: Implement logic to get parent and index from Lexical node
-    // This is a placeholder that should be replaced with actual Lexical API calls
-    return {
-        parentKey: node.getParent()?.getKey(),
-        index: node.getIndexWithinParent()
-    };
-}
-/**
- * Check if a class extends another class (proper inheritance checking)
- */
-export function isClassExtending(Klass, BaseClass) {
-    // Direct class equality
-    if (Klass === BaseClass) {
-        return true;
-    }
-    // Check by name (for cases where classes might be different instances)
-    if (Klass.name === BaseClass.name) {
-        return true;
-    }
-    // Check prototype chain for inheritance
-    if (Klass.prototype && Object.prototype.isPrototypeOf.call(BaseClass, Klass)) {
-        return true;
-    }
-    return false;
-}
-export function toKeyNodeNumber(nodeKey) {
-    // Special case for root node
-    if (nodeKey === "root") {
-        return 0;
-    }
-    // Attempt to convert NodeKey (string) to a number
-    const keyAsNumber = Number(nodeKey);
-    if (!isNaN(keyAsNumber)) {
-        return keyAsNumber;
-    }
-    // If conversion fails, throw an error
-    throw new Error(`NodeKey "${nodeKey}" cannot be converted to a number. Expected numeric string or "root".`);
-}
-export function $diffTextContentAndApplyDelta(textNode, key, prevText, nextText) {
-    const selection = $getSelection();
-    let cursorOffset = nextText.length;
-    if ($isRangeSelection(selection) && selection.isCollapsed()) {
-        const anchor = selection.anchor;
-        if (anchor.key === key) {
-            // Ensure cursor offset doesn't exceed the new text length
-            // This prevents errors when text is split or content changes significantly
-            cursorOffset = Math.min(anchor.offset, nextText.length);
-        }
-    }
-    const diff = simpleDiffWithCursor(prevText, nextText, cursorOffset);
-    const beforeSplice = textNode.getTextContent();
-    textNode.spliceText(diff.index, diff.remove, diff.insert);
-    const afterSplice = textNode.getTextContent();
-}
-export function doesSelectionNeedRecovering(selection) {
-    const anchor = selection.anchor;
-    const focus = selection.focus;
-    let recoveryNeeded = false;
-    try {
-        const anchorNode = anchor.getNode();
-        const focusNode = focus.getNode();
-        if (
-        // We might have removed a node that no longer exists
-        !anchorNode.isAttached() ||
-            !focusNode.isAttached() ||
-            // If we've split a node, then the offset might not be right
-            ($isTextNode(anchorNode) &&
-                anchor.offset > anchorNode.getTextContentSize()) ||
-            ($isTextNode(focusNode) && focus.offset > focusNode.getTextContentSize())) {
-            recoveryNeeded = true;
-        }
-    }
-    catch (e) {
-        // Sometimes checking nor a node via getNode might trigger
-        // an error, so we need recovery then too.
-        recoveryNeeded = true;
-    }
-    return recoveryNeeded;
-}
-export function $moveSelectionToPreviousNode(anchorNodeKey, currentEditorState) {
-    const anchorNode = currentEditorState._nodeMap.get(anchorNodeKey);
-    if (!anchorNode) {
-        $getRoot().selectStart();
-        return;
-    }
-    // Get previous node
-    const prevNodeKey = anchorNode.__prev;
-    let prevNode = null;
-    if (prevNodeKey) {
-        prevNode = $getNodeByKey(prevNodeKey);
-    }
-    // If previous node not found, get parent node
-    if (prevNode === null && anchorNode.__parent !== null) {
-        prevNode = $getNodeByKey(anchorNode.__parent);
-    }
-    if (prevNode === null) {
-        $getRoot().selectStart();
-        return;
-    }
-    if (prevNode !== null && prevNode.isAttached()) {
-        prevNode.selectEnd();
-        return;
-    }
-    else {
-        // If the found node is also deleted, select the next one
-        $moveSelectionToPreviousNode(prevNode.__key, currentEditorState);
-    }
-}

package/lib/collab/loro/wsProvider.d.ts

@@ -1,8 +0,0 @@
-import { LoroDoc } from 'loro-crdt';
-import { Provider } from './State';
-/**
- * Create a WebSocket provider for Loro collaboration with periodic ephemeral state synchronization.
- * The resyncInterval enables client-side periodic querying to complement server-side cleanup,
- * preventing stale user states from accumulating after browser refreshes.
- */
-export declare function createWebsocketProvider(id: string, docMap: Map<string, LoroDoc>, websocketUrl?: string): Provider;

package/lib/collab/loro/wsProvider.js

@@ -1,31 +0,0 @@
-import { LoroDoc } from 'loro-crdt';
-import { WebsocketProvider } from './provider/websocket';
-const url = new URL(window.location.href);
-const params = new URLSearchParams(url.search);
-const RESYNC_INTERVAL = parseInt(params.get('resyncInterval') || '30000', 10); // Default 30s, configurable via URL
-/**
- * Create a WebSocket provider for Loro collaboration with periodic ephemeral state synchronization.
- * The resyncInterval enables client-side periodic querying to complement server-side cleanup,
- * preventing stale user states from accumulating after browser refreshes.
- */
-export function createWebsocketProvider(id, docMap, websocketUrl) {
-    let doc = docMap.get(id);
-    if (doc === undefined) {
-        doc = new LoroDoc();
-        docMap.set(id, doc);
-    }
-    const providerInstanceId = Math.random().toString(36).substr(2, 9);
-    console.log(`🏭 Creating WebsocketProvider instance (ID: ${providerInstanceId}) for docId: ${id}`);
-    // Use provided websocketUrl or fallback to URL parameters/defaults
-    const finalWebsocketUrl = websocketUrl || (() => {
-        const url = new URL(window.location.href);
-        const params = new URLSearchParams(url.search);
-        return params.get('collabEndpoint') || 'ws://localhost:3002';
-    })();
-    const websocketProvider = new WebsocketProvider(finalWebsocketUrl, id, doc, {
-        connect: false,
-        resyncInterval: RESYNC_INTERVAL, // Poll ephemeral state periodically to prevent stale user accumulation
-    });
-    console.log(`🏭 WebsocketProvider created for: ${finalWebsocketUrl}/${id} with resyncInterval: ${RESYNC_INTERVAL}ms`);
-    return websocketProvider;
-}

package/lib/collab/utils/invariant.d.ts

@@ -1 +0,0 @@
-export default function invariant(cond?: boolean, message?: string, ...args: string[]): asserts cond;

package/lib/collab/utils/invariant.js

@@ -1,11 +0,0 @@
-// invariant(condition, message) will refine types based on "condition", and
-// if "condition" is false will throw an error. This function is special-cased
-// in flow itself, so we can't name it anything else.
-export default function invariant(cond, message, ...args) {
-    if (cond) {
-        return;
-    }
-    throw new Error('Internal Lexical error: invariant() is meant to be replaced at compile ' +
-        'time. There is no runtime version. Error: ' +
-        message);
-}

package/lib/collab/utils/simpleDiffWithCursor.d.ts

@@ -1,5 +0,0 @@
-export default function simpleDiffWithCursor(a: string, b: string, cursor: number): {
-    index: number;
-    insert: string;
-    remove: number;
-};

package/lib/collab/utils/simpleDiffWithCursor.js

@@ -1,31 +0,0 @@
-export default function simpleDiffWithCursor(a, b, cursor) {
-    const aLength = a.length;
-    const bLength = b.length;
-    let left = 0; // number of same characters counting from left
-    let right = 0; // number of same characters counting from right
-    // Iterate left to the right until we find a changed character
-    // First iteration considers the current cursor position
-    while (left < aLength &&
-        left < bLength &&
-        a[left] === b[left] &&
-        left < cursor) {
-        left++;
-    }
-    // Iterate right to the left until we find a changed character
-    while (right + left < aLength &&
-        right + left < bLength &&
-        a[aLength - right - 1] === b[bLength - right - 1]) {
-        right++;
-    }
-    // Try to iterate left further to the right without caring about the current cursor position
-    while (right + left < aLength &&
-        right + left < bLength &&
-        a[left] === b[left]) {
-        left++;
-    }
-    return {
-        index: left,
-        insert: b.slice(left, bLength - right),
-        remove: aLength - left - right,
-    };
-}

package/lib/collab/yjs/Bindings.d.ts

@@ -1,23 +0,0 @@
-import type { LexicalEditor, NodeKey } from 'lexical';
-import { Klass, LexicalNode } from 'lexical';
-import type { Doc } from 'yjs';
-import type { CollabElementNode } from './nodes/CollabElementNode';
-import { AnyCollabNode } from './nodes/AnyCollabNode';
-import type { Cursor } from './sync/SyncCursors';
-import { Provider } from './State';
-export type ClientID = number;
-export type Binding = {
-    clientID: ClientID;
-    collabNodeMap: Map<NodeKey, AnyCollabNode>;
-    cursors: Map<ClientID, Cursor>;
-    cursorsContainer: null | HTMLElement;
-    doc: Doc;
-    docMap: Map<string, Doc>;
-    editor: LexicalEditor;
-    id: string;
-    nodeProperties: Map<string, Array<string>>;
-    root: CollabElementNode;
-    excludedProperties: ExcludedProperties;
-};
-export type ExcludedProperties = Map<Klass<LexicalNode>, Set<string>>;
-export declare function createBinding(editor: LexicalEditor, provider: Provider, id: string, doc: Doc | null | undefined, docMap: Map<string, Doc>, excludedProperties?: ExcludedProperties): Binding;

package/lib/collab/yjs/Bindings.js

@@ -1,26 +0,0 @@
-import { XmlText } from 'yjs';
-import invariant from '../utils/invariant';
-import { $createCollabElementNode } from './nodes/CollabElementNode';
-import { setupYjsDebugging } from './Debug';
-export function createBinding(editor, provider, id, doc, docMap, excludedProperties) {
-    invariant(doc !== undefined && doc !== null, 'createBinding: doc is null or undefined');
-    const rootXmlText = doc.get('root', XmlText);
-    const collabRoot = $createCollabElementNode(rootXmlText, null, 'root');
-    collabRoot._key = 'root';
-    const binding = {
-        clientID: doc.clientID,
-        collabNodeMap: new Map(),
-        cursors: new Map(),
-        cursorsContainer: null,
-        doc,
-        docMap,
-        editor,
-        excludedProperties: excludedProperties || new Map(),
-        id,
-        nodeProperties: new Map(),
-        root: collabRoot,
-    };
-    // Setup Y.js debugging utilities
-    setupYjsDebugging(binding);
-    return binding;
-}

package/lib/collab/yjs/Debug.d.ts

@@ -1,23 +0,0 @@
-import type { Binding } from './Bindings';
-/**
- * YJS Debugging Interface - Provides comprehensive debugging utilities for Y.js collaboration
- */
-export interface YjsDebugger {
-    binding: Binding | null;
-    logStructure: () => void;
-    verifyStructure: () => void;
-    inspectNode: (nodeKey: string) => void;
-    generateTreeHTML: (node: any, prefix?: string, isLast?: boolean) => string;
-    addDebugToPage: () => void;
-}
-/**
- * Setup global debugging utilities for Y.js collaboration
- * This function creates comprehensive debugging tools including:
- * - Tree structure visualization
- * - Node inspection utilities
- * - Interactive debug panel
- * - Console logging functions
- *
- * @param binding - The Y.js binding instance to debug
- */
-export declare function setupYjsDebugging(binding: Binding): void;

package/lib/collab/yjs/Debug.js

@@ -1,213 +0,0 @@
-/**
- * Setup global debugging utilities for Y.js collaboration
- * This function creates comprehensive debugging tools including:
- * - Tree structure visualization
- * - Node inspection utilities
- * - Interactive debug panel
- * - Console logging functions
- *
- * @param binding - The Y.js binding instance to debug
- */
-export function setupYjsDebugging(binding) {
-    // Setup global debugging for Y.js
-    window.debugYjs = {
-        binding: null, // Will be set after binding is created
-        logStructure: () => {
-            const binding = window.debugYjs.binding;
-            if (binding) {
-                console.log('=== YJS STRUCTURE DEBUG ===');
-                console.log('Root children:', binding.root._children.length);
-                binding.root._children.forEach((child, index) => {
-                    console.log(`  ${index}: ${child.constructor.name}(${child._key})`);
-                });
-                console.log('=== END DEBUG ===');
-            }
-            else {
-                console.log('Y.js binding not available yet');
-            }
-        },
-        verifyStructure: () => {
-            const binding = window.debugYjs.binding;
-            if (!binding)
-                return console.log('❌ Binding not available');
-            console.log('🔍 YJS STRUCTURE VERIFICATION:');
-            console.log('Root children count:', binding.root._children.length);
-            binding.root._children.forEach((child, index) => {
-                console.log(`\n📍 Root child ${index}:`);
-                console.log('  Type:', child.constructor.name);
-                console.log('  Key:', child._key);
-                console.log('  Element Type:', child.getType ? child.getType() : 'N/A');
-                console.log('  Children Count:', child._children ? child._children.length : 0);
-                if (child._children && child._children.length > 0) {
-                    console.log('  Children:');
-                    child._children.forEach((grandChild, gIndex) => {
-                        console.log(`    ${gIndex}: ${grandChild.constructor.name}(${grandChild._key})`);
-                    });
-                }
-            });
-            // Check for any orphaned text nodes at root level
-            const textNodesAtRoot = binding.root._children.filter(child => child.constructor.name === 'CollabTextNode');
-            if (textNodesAtRoot.length > 0) {
-                console.log('⚠️  WARNING: Found text nodes directly under root:');
-                textNodesAtRoot.forEach(node => console.log('   -', node._key));
-            }
-        },
-        inspectNode: (nodeKey) => {
-            const binding = window.debugYjs.binding;
-            if (!binding)
-                return console.log('Binding not available');
-            // Search for node in tree
-            const findNode = (node, key) => {
-                if (node._key === key)
-                    return node;
-                if (node._children) {
-                    for (const child of node._children) {
-                        const found = findNode(child, key);
-                        if (found)
-                            return found;
-                    }
-                }
-                return null;
-            };
-            const node = findNode(binding.root, nodeKey);
-            if (node) {
-                console.log('🔍 Node Details:', {
-                    key: node._key,
-                    type: node.constructor.name,
-                    elementType: node.getType ? node.getType() : 'N/A',
-                    children: node._children ? node._children.length : 0,
-                    properties: node._xmlText ? 'Has XmlText' : 'No XmlText',
-                    parent: node._parent ? node._parent._key : 'No parent'
-                });
-            }
-            else {
-                console.warn(`Node with key "${nodeKey}" not found`);
-            }
-        },
-        generateTreeHTML: (node, prefix = '', isLast = true) => {
-            const nodeKey = node._key || 'no-key';
-            const nodeType = node.getType ? node.getType() : 'no-type';
-            const nodeInfo = `${node.constructor.name}(${nodeKey}) [${nodeType}]`;
-            const connector = isLast ? '└── ' : '├── ';
-            const childPrefix = prefix + (isLast ? '    ' : '│   ');
-            const clickIntegrator = nodeKey !== 'no-key' ? `onclick="window.debugYjs.inspectNode('${nodeKey}')"` : '';
-            const nodeColor = nodeKey !== 'no-key' ? '#00ff88' : '#888';
-            const cursor = nodeKey !== 'no-key' ? 'cursor: pointer; text-decoration: underline;' : '';
-            // Convert spaces to non-breaking spaces for proper HTML rendering
-            const htmlPrefix = prefix.replace(/ /g, ' ');
-            const htmlConnector = connector.replace(/ /g, ' ');
-            let result = `<div style="color: ${nodeColor}; ${cursor}" ${clickIntegrator}>${htmlPrefix}${htmlConnector}${nodeInfo}</div>`;
-            if (node._children && node._children.length > 0) {
-                node._children.forEach((child, index) => {
-                    const isLastChild = index === node._children.length - 1;
-                    if (child) {
-                        result += window.debugYjs.generateTreeHTML(child, childPrefix, isLastChild);
-                    }
-                    else {
-                        const childConnector = isLastChild ? '└── ' : '├── ';
-                        const htmlChildPrefix = childPrefix.replace(/ /g, '&nbsp;');
-                        const htmlChildConnector = childConnector.replace(/ /g, '&nbsp;');
-                        result += `<div style="color: #ffaa00;">${htmlChildPrefix}${htmlChildConnector}null</div>`;
-                    }
-                });
-            }
-            return result;
-        },
-        addDebugToPage: () => {
-            const binding = window.debugYjs.binding;
-            if (!binding)
-                return;
-            // Debug: log the actual structure to console
-            console.log('🟢 YJS Root structure:', {
-                rootChildren: binding.root._children.length,
-                children: binding.root._children.map((child, index) => ({
-                    index,
-                    type: child.constructor.name,
-                    key: child._key,
-                    childrenCount: child._children ? child._children.length : 0,
-                    children: child._children ? child._children.map((grandChild) => ({
-                        type: grandChild.constructor.name,
-                        key: grandChild._key
-                    })) : []
-                }))
-            });
-            const treeHTML = window.debugYjs.generateTreeHTML(binding.root);
-            const debugDiv = document.getElementById('debug-yjs') || document.createElement('div');
-            const existingDiv = document.getElementById('debug-yjs');
-            // Preserve current position if panel already exists
-            let currentLeft = '10px';
-            let currentTop = '700px';
-            if (existingDiv) {
-                currentLeft = existingDiv.style.left || '10px';
-                currentTop = existingDiv.style.top || '700px';
-            }
-            debugDiv.id = 'debug-yjs';
-            debugDiv.style.cssText = `position: fixed; top: ${currentTop}; left: ${currentLeft}; background: rgba(0,100,0,0.9); color: white; padding: 0; border-radius: 8px; font-family: "Courier New", monospace; font-size: 11px; z-index: 9999; max-width: 500px; max-height: 80vh; box-shadow: 0 4px 8px rgba(0,0,0,0.3); border: 1px solid #51cf66; user-select: none;`;
-            // Add drag functionality if not already added
-            if (!debugDiv.classList.contains('draggable-initialized')) {
-                debugDiv.classList.add('draggable-initialized');
-                let isDragging = false;
-                let startX = 0;
-                let startY = 0;
-                let startLeft = 0;
-                let startTop = 0;
-                debugDiv.addEventListener('mousedown', (e) => {
-                    // Only start drag if clicking on the header area
-                    const target = e.target;
-                    const dragHandle = debugDiv.querySelector('.debug-drag-handle');
-                    if (!dragHandle || !dragHandle.contains(target))
-                        return;
-                    isDragging = true;
-                    startX = e.clientX;
-                    startY = e.clientY;
-                    const rect = debugDiv.getBoundingClientRect();
-                    startLeft = rect.left;
-                    startTop = rect.top;
-                    document.addEventListener('mousemove', onMouseMove);
-                    document.addEventListener('mouseup', onMouseUp);
-                    e.preventDefault();
-                });
-                function onMouseMove(e) {
-                    if (!isDragging)
-                        return;
-                    const deltaX = e.clientX - startX;
-                    const deltaY = e.clientY - startY;
-                    const newLeft = Math.max(0, Math.min(window.innerWidth - debugDiv.offsetWidth, startLeft + deltaX));
-                    const newTop = Math.max(0, Math.min(window.innerHeight - debugDiv.offsetHeight, startTop + deltaY));
-                    debugDiv.style.left = newLeft + 'px';
-                    debugDiv.style.top = newTop + 'px';
-                }
-                function onMouseUp() {
-                    isDragging = false;
-                    document.removeEventListener('mousemove', onMouseMove);
-                    document.removeEventListener('mouseup', onMouseUp);
-                }
-            }
-            debugDiv.innerHTML = `
-        <div class="debug-drag-handle" style="color: #51cf66; font-weight: bold; margin-bottom: 10px; border-bottom: 1px solid #444; padding: 15px 15px 5px 15px; cursor: move; background: linear-gradient(90deg, rgba(81,207,102,0.1), transparent);">
-          🟢 YJS STRUCTURE <span style="float: right; font-size: 9px; color: #666;">⋮⋮ drag</span>
-        </div>
-        <div style="padding: 0 15px 15px 15px; overflow-y: auto; max-height: calc(80vh - 50px);">
-          <div style="color: #74c0fc; margin-bottom: 8px;">Root children: ${binding.root._children.length}</div>
-          <div style="color: #ffd43b; margin-bottom: 10px;">Time: ${new Date().toLocaleTimeString()}</div>
-          <div style="border-top: 1px solid #444; padding-top: 8px;">
-            ${treeHTML}
-          </div>
-          <div style="margin-top: 10px; font-size: 10px; color: #888;">
-            <span onclick="window.debugYjs.addDebugToPage()" style="color: #74c0fc; cursor: pointer; text-decoration: underline;">🔄 Refresh</span> | 
-            <span onclick="window.debugYjs.verifyStructure()" style="color: #00ff88; cursor: pointer; text-decoration: underline;">✅ Verify</span> | 
-            <span onclick="window.debugYjs.logStructure()" style="color: #ffd43b; cursor: pointer; text-decoration: underline;">📝 Console Log</span> |
-            <span onclick="document.getElementById('debug-yjs').remove()" style="color: #51cf66; cursor: pointer; text-decoration: underline;">❌ Close</span>
-          </div>
-        </div>
-      `;
-            document.body.appendChild(debugDiv);
-        }
-    };
-    // Expose binding for debugging
-    window.debugYjs.binding = binding;
-    // Auto-initialize debug window after a short delay
-    setTimeout(() => {
-        window.debugYjs.addDebugToPage();
-    }, 1500); // Slightly later than Y.js to avoid overlap
-}

package/lib/collab/yjs/LexicalCollaborationContext.d.ts

@@ -1,10 +0,0 @@
-import type { Doc } from 'yjs';
-export type CollaborationContextType = {
-    clientID: number;
-    color: string;
-    isCollabActive: boolean;
-    name: string;
-    docMap: Map<string, Doc>;
-};
-export declare const CollaborationContext: import("react").Context<CollaborationContextType>;
-export declare function useCollaborationContext(username?: string, color?: string): CollaborationContextType;

package/lib/collab/yjs/LexicalCollaborationContext.js

@@ -1,37 +0,0 @@
-import { createContext, useContext } from 'react';
-const ENTRIES = [
-    ['Cat', 'rgb(125, 50, 0)'],
-    ['Dog', 'rgb(100, 0, 0)'],
-    ['Rabbit', 'rgb(150, 0, 0)'],
-    ['Frog', 'rgb(200, 0, 0)'],
-    ['Fox', 'rgb(200, 75, 0)'],
-    ['Hedgehog', 'rgb(0, 75, 0)'],
-    ['Pigeon', 'rgb(0, 125, 0)'],
-    ['Squirrel', 'rgb(75, 100, 0)'],
-    ['Bear', 'rgb(125, 100, 0)'],
-    ['Tiger', 'rgb(0, 0, 150)'],
-    ['Leopard', 'rgb(0, 0, 200)'],
-    ['Zebra', 'rgb(0, 0, 250)'],
-    ['Wolf', 'rgb(0, 100, 150)'],
-    ['Owl', 'rgb(0, 100, 100)'],
-    ['Gull', 'rgb(100, 0, 100)'],
-    ['Squid', 'rgb(150, 0, 150)'],
-];
-const randomEntry = ENTRIES[Math.floor(Math.random() * ENTRIES.length)];
-export const CollaborationContext = createContext({
-    clientID: 0,
-    color: randomEntry[1],
-    isCollabActive: false,
-    name: randomEntry[0],
-    docMap: new Map(),
-});
-export function useCollaborationContext(username, color) {
-    const collabContext = useContext(CollaborationContext);
-    if (username != null) {
-        collabContext.name = username;
-    }
-    if (color != null) {
-        collabContext.color = color;
-    }
-    return collabContext;
-}

package/lib/collab/yjs/LexicalCollaborationPlugin.d.ts

@@ -1,21 +0,0 @@
-import type { JSX } from 'react';
-import type { Doc } from 'yjs';
-import { InitialEditorStateType } from '@lexical/react/LexicalComposer';
-import { Provider } from './State';
-import { CursorsContainerRef } from './useCollaboration';
-import { SyncCursorPositionsFn } from './sync/SyncCursors';
-import { ExcludedProperties } from './Bindings';
-type Props = {
-    id: string;
-    providerFactory: (id: string, docMap: Map<string, Doc>) => Provider;
-    shouldBootstrap: boolean;
-    username?: string;
-    cursorColor?: string;
-    cursorsContainerRef?: CursorsContainerRef;
-    initialEditorState?: InitialEditorStateType;
-    excludedProperties?: ExcludedProperties;
-    awarenessData?: object;
-    syncCursorPositionsFn?: SyncCursorPositionsFn;
-};
-export declare function CollaborationPlugin({ id, providerFactory, shouldBootstrap, username, cursorColor, cursorsContainerRef, initialEditorState, excludedProperties, awarenessData, syncCursorPositionsFn, }: Props): JSX.Element;
-export {};