@nocturnium/svelte-ide 1.0.2 → 1.0.4

package/dist/components/editor/tokenizer/languages/html.js

@@ -2,9 +2,13 @@
  * HTML/XML tokenizer
  */
 import { createToken } from '../base';
+import { createCSSTokenizer } from './css';
+import { createJavaScriptTokenizer } from './javascript';
 export class HTMLTokenizer {
     language;
     isXML;
+    jsTokenizer = createJavaScriptTokenizer();
+    cssTokenizer = createCSSTokenizer();
     constructor(options = {}) {
         this.isXML = options.xml ?? false;
         this.language = this.isXML ? 'xml' : 'html';
@@ -29,6 +33,54 @@ export class HTMLTokenizer {
                 return { lineNumber, tokens, text: line, state };
             }
         }
+        if (!this.isXML && state.inScript) {
+            const closeScriptMatch = line.match(/<\/script>/i);
+            if (closeScriptMatch) {
+                const scriptPart = line.slice(0, closeScriptMatch.index);
+                if (scriptPart) {
+                    const result = this.jsTokenizer.tokenizeLine(scriptPart, lineNumber, state.innerState ?? this.jsTokenizer.getInitialState());
+                    tokens.push(...result.tokens);
+                    state.innerState = result.state;
+                }
+                state.inScript = false;
+                state.innerState = undefined;
+                pos = closeScriptMatch.index;
+            }
+            else {
+                const result = this.jsTokenizer.tokenizeLine(line, lineNumber, state.innerState ?? this.jsTokenizer.getInitialState());
+                state.innerState = result.state;
+                return {
+                    lineNumber,
+                    tokens: result.tokens,
+                    text: line,
+                    state
+                };
+            }
+        }
+        if (!this.isXML && state.inStyle) {
+            const closeStyleMatch = line.match(/<\/style>/i);
+            if (closeStyleMatch) {
+                const stylePart = line.slice(0, closeStyleMatch.index);
+                if (stylePart) {
+                    const result = this.cssTokenizer.tokenizeLine(stylePart, lineNumber, state.innerState ?? this.cssTokenizer.getInitialState());
+                    tokens.push(...result.tokens);
+                    state.innerState = result.state;
+                }
+                state.inStyle = false;
+                state.innerState = undefined;
+                pos = closeStyleMatch.index;
+            }
+            else {
+                const result = this.cssTokenizer.tokenizeLine(line, lineNumber, state.innerState ?? this.cssTokenizer.getInitialState());
+                state.innerState = result.state;
+                return {
+                    lineNumber,
+                    tokens: result.tokens,
+                    text: line,
+                    state
+                };
+            }
+        }
         while (pos < line.length) {
             const remaining = line.slice(pos);
             const token = this.getNextToken(remaining, pos, state, line);
@@ -89,10 +141,14 @@ export class HTMLTokenizer {
         const closingTagMatch = text.match(/^<\/([a-zA-Z][a-zA-Z0-9:-]*)>/);
         if (closingTagMatch) {
             const tagName = closingTagMatch[1].toLowerCase();
-            if (tagName === 'script')
+            if (tagName === 'script') {
                 state.inScript = false;
-            if (tagName === 'style')
+                state.innerState = undefined;
+            }
+            if (tagName === 'style') {
                 state.inStyle = false;
+                state.innerState = undefined;
+            }
             return createToken('tag', closingTagMatch[0], pos);
         }
         // Opening tag
@@ -121,17 +177,19 @@ export class HTMLTokenizer {
         }
         if (openingMatch) {
             const tagName = openingMatch[1].toLowerCase();
-            if (tagName === 'script')
+            if (!this.isXML && tagName === 'script') {
                 state.inScript = true;
-            if (tagName === 'style')
+                state.innerState = this.jsTokenizer.getInitialState();
+            }
+            if (!this.isXML && tagName === 'style') {
                 state.inStyle = true;
+                state.innerState = this.cssTokenizer.getInitialState();
+            }
             return createToken('tag', openingMatch[0], pos);
         }
         // Partial tag - just match the tag name part
         const partialMatch = text.match(/^<([a-zA-Z][a-zA-Z0-9:-]*)/);
         if (partialMatch) {
-            state.inTag = true;
-            state.tagName = partialMatch[1];
             return createToken('tag.name', partialMatch[0], pos);
         }
         return createToken('tag.punctuation', '<', pos);

package/dist/components/editor/tokenizer/languages/javascript.d.ts

@@ -4,9 +4,6 @@
 import type { TokenizedLine, TokenizerState } from '../types';
 interface JSTokenizerState extends TokenizerState {
     templateDepth?: number;
-    jsxDepth?: number;
-    /** Track if regex is valid in current context (for division vs regex ambiguity) */
-    expectExpression?: boolean;
     /**
      * Last significant token text, used for regex/division disambiguation.
      * Stored per-line in the threaded state (not on the tokenizer instance) so a

package/dist/components/editor/tokenizer/languages/javascript.js

@@ -234,8 +234,7 @@ export class JavaScriptTokenizer {
     }
     getInitialState() {
         return {
-            templateDepth: 0,
-            jsxDepth: 0
+            templateDepth: 0
         };
     }
     tokenizeLine(line, lineNumber, prevState) {

package/dist/components/editor/tokenizer/languages/svelte.d.ts

@@ -29,7 +29,7 @@ export declare class SvelteTokenizer implements LanguageTokenizer {
     private cssTokenizer;
     constructor();
     getInitialState(): SvelteTokenizerState;
-    tokenizeLine(line: string, lineNumber: number, state: SvelteTokenizerState): TokenizedLine;
+    tokenizeLine(line: string, lineNumber: number, prevState?: SvelteTokenizerState): TokenizedLine;
     private tokenizeTemplate;
     private tokenizeTag;
     private tokenizeJSExpression;

package/dist/components/editor/tokenizer/languages/svelte.js

@@ -65,9 +65,14 @@ export class SvelteTokenizer {
             tagDepth: 0
         };
     }
-    tokenizeLine(line, lineNumber, state) {
+    tokenizeLine(line, lineNumber, prevState) {
         const tokens = [];
         let pos = 0;
+        const state = {
+            ...this.getInitialState(),
+            ...prevState,
+            innerState: prevState?.innerState ? { ...prevState.innerState } : undefined
+        };
         // Handle script context
         if (state.context === 'script') {
             const closeScriptMatch = line.match(/<\/script>/i);

package/dist/components/editor/tokenizer/types.d.ts

@@ -56,31 +56,3 @@ export interface LanguageTokenizer {
     /** Get initial state */
     getInitialState(): TokenizerState;
 }
-/**
- * Token rule for regex-based tokenization
- */
-export interface TokenRule {
-    /** Token type to assign */
-    type: TokenType;
-    /** Regex pattern to match */
-    pattern: RegExp;
-    /** Optional: next state after matching */
-    nextState?: string;
-    /** Optional: pop state after matching */
-    popState?: boolean;
-}
-/**
- * Grammar definition for a language
- */
-export interface LanguageGrammar {
-    /** Language identifier */
-    language: string;
-    /** File extensions */
-    extensions: string[];
-    /** Line comment prefix */
-    lineComment?: string;
-    /** Block comment start/end */
-    blockComment?: [string, string];
-    /** Token rules by state */
-    rules: Record<string, TokenRule[]>;
-}

package/dist/crdt/awareness.d.ts

@@ -28,10 +28,16 @@ export interface AwarenessProtocol {
     onUsersChange(callback: (users: AwarenessUser[]) => void): () => void;
     destroy(): void;
 }
+export interface CreateAwarenessProtocolOptions {
+    destroyAwareness?: boolean;
+}
 /**
- * Create an awareness protocol instance
+ * Create an awareness protocol instance.
+ *
+ * Pass a provider-owned Awareness instance to broadcast presence through that
+ * provider. Passing a Y.Doc creates a standalone Awareness instance.
  */
-export declare function createAwarenessProtocol(doc: YDoc): AwarenessProtocol;
+export declare function createAwarenessProtocol(source: YDoc | Awareness, options?: CreateAwarenessProtocolOptions): AwarenessProtocol;
 /**
  * Generate a random color for a user
  */

package/dist/crdt/awareness.js

@@ -3,10 +3,15 @@
  */
 import { Awareness } from 'y-protocols/awareness';
 /**
- * Create an awareness protocol instance
+ * Create an awareness protocol instance.
+ *
+ * Pass a provider-owned Awareness instance to broadcast presence through that
+ * provider. Passing a Y.Doc creates a standalone Awareness instance.
  */
-export function createAwarenessProtocol(doc) {
-    const awareness = new Awareness(doc);
+export function createAwarenessProtocol(source, options = {}) {
+    const ownsAwareness = source instanceof Awareness;
+    const awareness = ownsAwareness ? source : new Awareness(source);
+    const shouldDestroyAwareness = options.destroyAwareness ?? !ownsAwareness;
     const userChangeCallbacks = new Set();
     // Track awareness changes
     awareness.on('change', () => {
@@ -75,7 +80,9 @@ export function createAwarenessProtocol(doc) {
             return () => userChangeCallbacks.delete(callback);
         },
         destroy() {
-            awareness.destroy();
+            if (shouldDestroyAwareness) {
+                awareness.destroy();
+            }
             userChangeCallbacks.clear();
         }
     };

package/dist/crdt/document.d.ts

@@ -4,6 +4,11 @@
  */
 import * as Y from 'yjs';
 import type { DocumentOptions } from './types';
+export interface CollaborativeUndoManagerOptions {
+    captureTimeout?: number;
+    trackedOrigins?: Set<unknown>;
+    deleteFilter?: (item: Y.Item) => boolean;
+}
 export declare class CollaborativeDocument {
     readonly doc: Y.Doc;
     readonly id: string;
@@ -49,7 +54,11 @@ export declare class CollaborativeDocument {
     /**
      * Setup undo manager
      */
-    private setupUndoManager;
+    getUndoManager(options?: CollaborativeUndoManagerOptions): Y.UndoManager;
+    /**
+     * Check whether this document currently owns an undo manager.
+     */
+    hasUndoManager(): boolean;
     /**
      * Track additional origins for undo
      */

package/dist/crdt/document.js

@@ -18,7 +18,7 @@ export class CollaborativeDocument {
         }
         // Setup undo manager if enabled
         if (options.enableUndo !== false) {
-            this.setupUndoManager(options.undoCaptureTimeout);
+            this.getUndoManager({ captureTimeout: options.undoCaptureTimeout });
         }
     }
     /**
@@ -97,20 +97,28 @@ export class CollaborativeDocument {
     /**
      * Setup undo manager
      */
-    setupUndoManager(captureTimeout = 500) {
-        const trackedOrigins = new Set([null, 'local']);
+    getUndoManager(options = {}) {
+        if (this.undoManager)
+            return this.undoManager;
+        const { captureTimeout = 500, trackedOrigins = new Set([null, 'local']), deleteFilter } = options;
         this.undoManager = new Y.UndoManager(this.getText(), {
             trackedOrigins,
-            captureTimeout
+            captureTimeout,
+            deleteFilter
         });
+        return this.undoManager;
+    }
+    /**
+     * Check whether this document currently owns an undo manager.
+     */
+    hasUndoManager() {
+        return this.undoManager !== null;
     }
     /**
      * Track additional origins for undo
      */
     trackOrigin(origin) {
-        if (this.undoManager) {
-            this.undoManager.trackedOrigins.add(origin);
-        }
+        this.getUndoManager().trackedOrigins.add(origin);
     }
     /**
      * Undo last change

package/dist/crdt/index.d.ts

@@ -4,6 +4,12 @@
  */
 export { CollaborativeDocument } from './document';
 export { CollaborativeProvider } from './provider';
-export { createAwarenessProtocol } from './awareness';
-export { createUndoManager } from './undo';
+export { createProvider } from './provider';
+export { createAwarenessProtocol, generateUserColor, getInitials } from './awareness';
+export { createUndoManager, createUserUndoManager } from './undo';
+export { default as CollaborativeEditor } from '../components/editor/CollaborativeEditor.svelte';
+export { CRDTBinding, createCRDTBinding, createRelativePosition, resolveRelativePosition } from '../components/editor/core/crdt-binding';
 export type * from './types';
+export type { AwarenessProtocol, AwarenessUser, CreateAwarenessProtocolOptions } from './awareness';
+export type { UndoManagerInstance, UndoManagerOptions, UndoManagerState } from './undo';
+export type { CRDTBindingConfig, CRDTPosition, RelativePosition } from '../components/editor/core/crdt-binding';

package/dist/crdt/index.js

@@ -4,5 +4,8 @@
  */
 export { CollaborativeDocument } from './document';
 export { CollaborativeProvider } from './provider';
-export { createAwarenessProtocol } from './awareness';
-export { createUndoManager } from './undo';
+export { createProvider } from './provider';
+export { createAwarenessProtocol, generateUserColor, getInitials } from './awareness';
+export { createUndoManager, createUserUndoManager } from './undo';
+export { default as CollaborativeEditor } from '../components/editor/CollaborativeEditor.svelte';
+export { CRDTBinding, createCRDTBinding, createRelativePosition, resolveRelativePosition } from '../components/editor/core/crdt-binding';

package/dist/crdt/undo.d.ts

@@ -1,13 +1,8 @@
 /**
  * Undo manager for CRDT documents
  */
-import * as Y from 'yjs';
-import type { CollaborativeDocument } from './document';
-export interface UndoManagerOptions {
-    captureTimeout?: number;
-    trackedOrigins?: Set<unknown>;
-    deleteFilter?: (item: Y.Item) => boolean;
-}
+import type { CollaborativeDocument, CollaborativeUndoManagerOptions } from './document';
+export type UndoManagerOptions = CollaborativeUndoManagerOptions;
 export interface UndoManagerState {
     canUndo: boolean;
     canRedo: boolean;

package/dist/crdt/undo.js

@@ -1,18 +1,11 @@
 /**
  * Undo manager for CRDT documents
  */
-import * as Y from 'yjs';
 /**
  * Create an undo manager for a collaborative document
  */
 export function createUndoManager(document, options = {}) {
-    const { captureTimeout = 500, trackedOrigins = new Set([null, 'local']), deleteFilter } = options;
-    const text = document.getText();
-    const manager = new Y.UndoManager(text, {
-        captureTimeout,
-        trackedOrigins,
-        deleteFilter
-    });
+    const manager = document.getUndoManager(options);
     const stateCallbacks = new Set();
     function getState() {
         return {

package/dist/index.d.ts

@@ -8,7 +8,7 @@
  * - All UI components built from scratch (no UI libraries)
  * - Native Svelte 5 runes for state management
  * - Custom code editor (no CodeMirror dependency)
- * - Yjs for CRDT collaboration (optional, tree-shakeable)
+ * - Yjs for CRDT collaboration (optional via the ./crdt entry)
  *
  * ============================================================================
  * PUBLIC API SURFACE — what belongs in this root barrel
@@ -111,11 +111,6 @@ export { default as Editor } from './components/editor/Editor.svelte';
  * @public - Stable API
  */
 export { default as CustomEditor } from './components/editor/CustomEditor.svelte';
-/**
- * Collaborative editor with CRDT support
- * @experimental - requires the optional yjs peers; API may change in future versions
- */
-export { default as CollaborativeEditor } from './components/editor/CollaborativeEditor.svelte';
 /**
  * Editor tab bar component
  * @public - Stable API
@@ -142,14 +137,17 @@ export { default as FileExplorer, type FileChangeStatus, type GitFileStatus } fr
  *
  * Functions and types marked below:
  *   createEditorState, createNavigation, createKeyboardHandler,
- *   createDefaultKeybindings, createCRDTBinding,
+ *   createDefaultKeybindings,
  *   EditorState, Position, Selection, Line, ChangeEvent,
- *   Navigation, KeyboardHandler, Keybinding, CRDTBinding,
+ *   Navigation, KeyboardHandler, Keybinding,
  *   Cursor, CursorManager, CursorManagerConfig
  *
  * @public - Stable API
  */
-export { createEditorState, createNavigation, createKeyboardHandler, createDefaultKeybindings, createCRDTBinding, type EditorState, type Position, type Selection, type Line, type ChangeEvent, type Navigation, type KeyboardHandler, type Keybinding, type CRDTBinding, type Cursor, type CursorManager, type CursorManagerConfig } from './components/editor/core';
+export { createEditorState, type EditorState, type Position, type Selection, type Line, type ChangeEvent } from './components/editor/core/state';
+export { createNavigation, type Navigation } from './components/editor/core/navigation';
+export { createKeyboardHandler, createDefaultKeybindings, type KeyboardHandler, type Keybinding } from './components/editor/core/keybindings';
+export { type Cursor, type CursorManager, type CursorManagerConfig } from './components/editor/core/multi-cursor';
 /**
  * Editor theme utilities and types
  * @public - Stable API

package/dist/index.js

@@ -8,7 +8,7 @@
  * - All UI components built from scratch (no UI libraries)
  * - Native Svelte 5 runes for state management
  * - Custom code editor (no CodeMirror dependency)
- * - Yjs for CRDT collaboration (optional, tree-shakeable)
+ * - Yjs for CRDT collaboration (optional via the ./crdt entry)
  *
  * ============================================================================
  * PUBLIC API SURFACE — what belongs in this root barrel
@@ -117,11 +117,6 @@ export { default as Editor } from './components/editor/Editor.svelte';
  * @public - Stable API
  */
 export { default as CustomEditor } from './components/editor/CustomEditor.svelte';
-/**
- * Collaborative editor with CRDT support
- * @experimental - requires the optional yjs peers; API may change in future versions
- */
-export { default as CollaborativeEditor } from './components/editor/CollaborativeEditor.svelte';
 /**
  * Editor tab bar component
  * @public - Stable API
@@ -148,14 +143,17 @@ export { default as FileExplorer } from './components/editor/FileExplorer.svelte
  *
  * Functions and types marked below:
  *   createEditorState, createNavigation, createKeyboardHandler,
- *   createDefaultKeybindings, createCRDTBinding,
+ *   createDefaultKeybindings,
  *   EditorState, Position, Selection, Line, ChangeEvent,
- *   Navigation, KeyboardHandler, Keybinding, CRDTBinding,
+ *   Navigation, KeyboardHandler, Keybinding,
  *   Cursor, CursorManager, CursorManagerConfig
  *
  * @public - Stable API
  */
-export { createEditorState, createNavigation, createKeyboardHandler, createDefaultKeybindings, createCRDTBinding } from './components/editor/core';
+export { createEditorState } from './components/editor/core/state';
+export { createNavigation } from './components/editor/core/navigation';
+export { createKeyboardHandler, createDefaultKeybindings } from './components/editor/core/keybindings';
+export {} from './components/editor/core/multi-cursor';
 /**
  * Editor theme utilities and types
  * @public - Stable API

package/dist/services/error-handling.d.ts

@@ -3,17 +3,8 @@
  *
  * Provides structured error types, recovery strategies, and user-friendly error messages.
  */
-export type VFSErrorCode = 'NETWORK_ERROR' | 'CONNECTION_LOST' | 'TIMEOUT' | 'FILE_LOCKED' | 'LOCK_EXPIRED' | 'LOCK_CONFLICT' | 'VERSION_CONFLICT' | 'FILE_NOT_FOUND' | 'PERMISSION_DENIED' | 'WORKSPACE_NOT_FOUND' | 'INVALID_OPERATION' | 'SERVER_ERROR' | 'RATE_LIMITED' | 'UNKNOWN';
-export interface VFSError extends Error {
-    code: VFSErrorCode;
-    statusCode?: number;
-    path?: string;
-    workspaceId?: string;
-    retryable: boolean;
-    userMessage: string;
-    technicalDetails?: string;
-    recoveryOptions: RecoveryOption[];
-}
+import { VFSError, type VFSErrorCode } from '../types/vfs';
+export { VFSError, type VFSErrorCode };
 export interface RecoveryOption {
     id: string;
     label: string;

package/dist/services/error-handling.js

@@ -3,6 +3,11 @@
  *
  * Provides structured error types, recovery strategies, and user-friendly error messages.
  */
+import { VFSError } from '../types/vfs';
+// ============================================================================
+// Error Types
+// ============================================================================
+export { VFSError };
 // ============================================================================
 // Error Factory
 // ============================================================================
@@ -10,9 +15,7 @@
  * Create a structured VFS error
  */
 export function createVFSError(code, message, options = {}) {
-    const error = new Error(message);
-    error.name = 'VFSError';
-    error.code = code;
+    const error = new VFSError(message, code, options.cause);
     error.statusCode = options.statusCode;
     error.path = options.path;
     error.workspaceId = options.workspaceId;
@@ -29,6 +32,14 @@ export function createVFSError(code, message, options = {}) {
 export function parseError(error, context) {
     // Already a VFSError
     if (isVFSError(error)) {
+        error.path ??= context?.path;
+        error.workspaceId ??= context?.workspaceId;
+        error.retryable = isRetryableError(error.code);
+        error.userMessage = getUserMessage(error.code, error.path);
+        error.technicalDetails ??= error.message;
+        if (error.recoveryOptions.length === 0) {
+            error.recoveryOptions = getRecoveryOptions(error.code);
+        }
         return error;
     }
     // Network/fetch errors
@@ -97,7 +108,7 @@ function parseStatusCode(status, message, context) {
  * Check if error is a VFSError
  */
 export function isVFSError(error) {
-    return error instanceof Error && 'code' in error && 'retryable' in error;
+    return error instanceof VFSError;
 }
 /**
  * Check if error code is retryable

package/dist/services/lsp-client.d.ts

@@ -13,6 +13,7 @@ export declare class LSPClient {
     private _capabilities;
     private reconnectAttempts;
     private reconnectTimeout;
+    private intentionalDisconnect;
     private openDocuments;
     private diagnosticsCache;
     private eventHandlers;
@@ -28,6 +29,8 @@ export declare class LSPClient {
     private emitEvent;
     private setState;
     connect(): Promise<void>;
+    private cleanupSocket;
+    private getReconnectDelay;
     private handleDisconnect;
     disconnect(): Promise<void>;
     private initialize;