draftly 2.0.0 → 2.1.0

package/dist/plugins/index.d.cts

@@ -1,7 +1,8 @@
 import { d as DraftlyPlugin, T as ThemeEnum, f as ThemeStyle, a as DecorationPlugin, D as DecorationContext, e as PluginContext } from '../draftly-BBL-AdOl.cjs';
 import { SyntaxNode } from '@lezer/common';
 import { Extension } from '@codemirror/state';
-import { KeyBinding } from '@codemirror/view';
+import * as _codemirror_view from '@codemirror/view';
+import { KeyBinding, EditorView } from '@codemirror/view';
 import { MarkdownConfig } from '@lezer/markdown';
 import * as _lezer_highlight from '@lezer/highlight';
 import { Highlighter } from '@lezer/highlight';
@@ -191,63 +192,97 @@ declare class ListPlugin extends DecorationPlugin {
     }): string | null;
 }
 
-type PreviewContextLike = {
+interface PreviewContextLike {
     sliceDoc(from: number, to: number): string;
     sanitize(html: string): string;
-};
-/**
- * TablePlugin — Renders GFM markdown tables as styled widgets.
- *
- * Features:
- * - Rendered table widget with rounded borders, alternate row colors, cell borders
- * - Alignment support (`:---:`, `----:`, `:---`)
- * - Monospace raw markdown when cursor is inside the table
- * - Keyboard shortcuts for table creation, adding rows/columns
- * - Enter in last row/last cell: creates row, again removes it
- * - Auto-formats table markdown to align pipes
- */
+}
 declare class TablePlugin extends DecorationPlugin {
     readonly name = "table";
-    readonly version = "1.0.0";
+    readonly version = "2.0.0";
     decorationPriority: number;
     readonly requiredNodes: readonly ["Table", "TableHeader", "TableDelimiter", "TableRow", "TableCell"];
-    /** Configuration stored from onRegister */
     private draftlyConfig;
+    private pendingNormalizationView;
+    private pendingPaddingView;
+    private pendingSelectionRepairView;
+    /** Stores the editor config for preview rendering and shared behavior. */
     onRegister(context: PluginContext): void;
+    /** Exposes the plugin theme used for editor and preview styling. */
     get theme(): (theme: ThemeEnum) => ThemeStyle;
+    /** Enables GFM table parsing for the editor and preview renderer. */
+    getMarkdownConfig(): MarkdownConfig;
+    /** Registers block wrappers and atomic ranges for the table UI. */
+    getExtensions(): Extension[];
+    /** Provides the table-specific keyboard shortcuts and navigation. */
     getKeymap(): KeyBinding[];
+    /** Builds the high-priority key bindings used inside tables. */
+    private buildTableKeymap;
+    /** Schedules an initial normalization pass once the view is ready. */
+    onViewReady(view: EditorView): void;
+    /** Re-schedules normalization after user-driven document changes. */
+    onViewUpdate(update: _codemirror_view.ViewUpdate): void;
+    /** Intercepts table-specific DOM key handling before browser defaults run. */
+    private handleDomKeydown;
+    /** Builds the visual table decorations for every parsed table block. */
     buildDecorations(ctx: DecorationContext): void;
-    /**
-     * Insert a new 3×3 table at cursor position
-     */
+    /** Renders the full table node to semantic preview HTML. */
+    renderToHTML(node: SyntaxNode, _children: string, ctx: PreviewContextLike): Promise<string | null>;
+    /** Computes the block wrapper ranges used to group table lines. */
+    private computeBlockWrappers;
+    /** Computes atomic ranges for delimiters and inline break tags. */
+    private computeAtomicRanges;
+    /** Applies row, cell, and control decorations for a single table. */
+    private decorateTable;
+    /** Applies the visual cell decorations for a single table row line. */
+    private decorateLine;
+    /** Normalizes every parsed table block back into canonical markdown. */
+    private normalizeTables;
+    /** Defers table normalization until the current update cycle is finished. */
+    private scheduleNormalization;
+    /** Adds missing spacer lines above and below tables after edits. */
+    private ensureTablePadding;
+    /** Schedules a padding-only pass after the current update cycle finishes. */
+    private schedulePadding;
+    /** Repairs carets that land in hidden table markup instead of editable cell content. */
+    private ensureTableSelection;
+    /** Schedules table selection repair after the current update finishes. */
+    private scheduleSelectionRepair;
+    /** Rewrites a table block and restores the caret to a target cell position. */
+    private replaceTable;
+    /** Inserts an empty body row below the given logical row index. */
+    private insertRowBelow;
+    /** Inserts a starter table near the current cursor line. */
     private insertTable;
-    /**
-     * Add a new row below the current row (Mod-Enter)
-     */
+    /** Adds a new empty body row to the active table. */
     private addRow;
-    /**
-     * Add a new column after the current column (Mod-Shift-Enter)
-     */
+    /** Appends a row and keeps the caret in the requested column. */
+    private appendRow;
+    /** Inserts a new column after the current column. */
     private addColumn;
-    /**
-     * Handle Enter key inside a table.
-     * - Last cell of last row: create a new row
-     * - Empty last row: remove it and move cursor after table
-     */
-    private handleEnter;
-    /**
-     * Handle Tab key inside a table — move to next/previous cell
-     */
+    /** Appends a new column at the far right of the table. */
+    private appendColumn;
+    /** Removes the current body row or clears the last remaining row. */
+    private removeRow;
+    /** Removes the current column when the table has more than one column. */
+    private removeColumn;
+    /** Moves to the next or previous logical cell with Tab navigation. */
     private handleTab;
-    /**
-     * Find the Table node at the cursor position
-     */
+    /** Moves horizontally between adjacent cells when the caret hits an edge. */
+    private handleArrowHorizontal;
+    /** Moves vertically between rows while keeping the current column. */
+    private handleArrowVertical;
+    /** Advances downward on Enter and manages the trailing empty row behavior. */
+    private handleEnter;
+    /** Inserts a canonical `<br />` token inside the current table cell. */
+    private insertBreakTag;
+    /** Deletes a whole `<br />` token when backspace or delete hits it. */
+    private handleBreakDeletion;
+    /** Moves the current selection anchor into a target cell. */
+    private moveSelectionToCell;
+    /** Returns the table currently containing the editor cursor. */
     private getTableAtCursor;
-    /**
-     * Split a table line into cells (keeping the whitespace around content)
-     */
-    private splitLineToCells;
-    renderToHTML(node: SyntaxNode, _children: string, _ctx: PreviewContextLike): Promise<string | null>;
+    /** Returns the active cell under the current selection head. */
+    private getCurrentCell;
 }
 
 /**

package/dist/plugins/index.d.ts

@@ -1,7 +1,8 @@
 import { d as DraftlyPlugin, T as ThemeEnum, f as ThemeStyle, a as DecorationPlugin, D as DecorationContext, e as PluginContext } from '../draftly-BBL-AdOl.js';
 import { SyntaxNode } from '@lezer/common';
 import { Extension } from '@codemirror/state';
-import { KeyBinding } from '@codemirror/view';
+import * as _codemirror_view from '@codemirror/view';
+import { KeyBinding, EditorView } from '@codemirror/view';
 import { MarkdownConfig } from '@lezer/markdown';
 import * as _lezer_highlight from '@lezer/highlight';
 import { Highlighter } from '@lezer/highlight';
@@ -191,63 +192,97 @@ declare class ListPlugin extends DecorationPlugin {
     }): string | null;
 }
 
-type PreviewContextLike = {
+interface PreviewContextLike {
     sliceDoc(from: number, to: number): string;
     sanitize(html: string): string;
-};
-/**
- * TablePlugin — Renders GFM markdown tables as styled widgets.
- *
- * Features:
- * - Rendered table widget with rounded borders, alternate row colors, cell borders
- * - Alignment support (`:---:`, `----:`, `:---`)
- * - Monospace raw markdown when cursor is inside the table
- * - Keyboard shortcuts for table creation, adding rows/columns
- * - Enter in last row/last cell: creates row, again removes it
- * - Auto-formats table markdown to align pipes
- */
+}
 declare class TablePlugin extends DecorationPlugin {
     readonly name = "table";
-    readonly version = "1.0.0";
+    readonly version = "2.0.0";
     decorationPriority: number;
     readonly requiredNodes: readonly ["Table", "TableHeader", "TableDelimiter", "TableRow", "TableCell"];
-    /** Configuration stored from onRegister */
     private draftlyConfig;
+    private pendingNormalizationView;
+    private pendingPaddingView;
+    private pendingSelectionRepairView;
+    /** Stores the editor config for preview rendering and shared behavior. */
     onRegister(context: PluginContext): void;
+    /** Exposes the plugin theme used for editor and preview styling. */
     get theme(): (theme: ThemeEnum) => ThemeStyle;
+    /** Enables GFM table parsing for the editor and preview renderer. */
+    getMarkdownConfig(): MarkdownConfig;
+    /** Registers block wrappers and atomic ranges for the table UI. */
+    getExtensions(): Extension[];
+    /** Provides the table-specific keyboard shortcuts and navigation. */
     getKeymap(): KeyBinding[];
+    /** Builds the high-priority key bindings used inside tables. */
+    private buildTableKeymap;
+    /** Schedules an initial normalization pass once the view is ready. */
+    onViewReady(view: EditorView): void;
+    /** Re-schedules normalization after user-driven document changes. */
+    onViewUpdate(update: _codemirror_view.ViewUpdate): void;
+    /** Intercepts table-specific DOM key handling before browser defaults run. */
+    private handleDomKeydown;
+    /** Builds the visual table decorations for every parsed table block. */
     buildDecorations(ctx: DecorationContext): void;
-    /**
-     * Insert a new 3×3 table at cursor position
-     */
+    /** Renders the full table node to semantic preview HTML. */
+    renderToHTML(node: SyntaxNode, _children: string, ctx: PreviewContextLike): Promise<string | null>;
+    /** Computes the block wrapper ranges used to group table lines. */
+    private computeBlockWrappers;
+    /** Computes atomic ranges for delimiters and inline break tags. */
+    private computeAtomicRanges;
+    /** Applies row, cell, and control decorations for a single table. */
+    private decorateTable;
+    /** Applies the visual cell decorations for a single table row line. */
+    private decorateLine;
+    /** Normalizes every parsed table block back into canonical markdown. */
+    private normalizeTables;
+    /** Defers table normalization until the current update cycle is finished. */
+    private scheduleNormalization;
+    /** Adds missing spacer lines above and below tables after edits. */
+    private ensureTablePadding;
+    /** Schedules a padding-only pass after the current update cycle finishes. */
+    private schedulePadding;
+    /** Repairs carets that land in hidden table markup instead of editable cell content. */
+    private ensureTableSelection;
+    /** Schedules table selection repair after the current update finishes. */
+    private scheduleSelectionRepair;
+    /** Rewrites a table block and restores the caret to a target cell position. */
+    private replaceTable;
+    /** Inserts an empty body row below the given logical row index. */
+    private insertRowBelow;
+    /** Inserts a starter table near the current cursor line. */
     private insertTable;
-    /**
-     * Add a new row below the current row (Mod-Enter)
-     */
+    /** Adds a new empty body row to the active table. */
     private addRow;
-    /**
-     * Add a new column after the current column (Mod-Shift-Enter)
-     */
+    /** Appends a row and keeps the caret in the requested column. */
+    private appendRow;
+    /** Inserts a new column after the current column. */
     private addColumn;
-    /**
-     * Handle Enter key inside a table.
-     * - Last cell of last row: create a new row
-     * - Empty last row: remove it and move cursor after table
-     */
-    private handleEnter;
-    /**
-     * Handle Tab key inside a table — move to next/previous cell
-     */
+    /** Appends a new column at the far right of the table. */
+    private appendColumn;
+    /** Removes the current body row or clears the last remaining row. */
+    private removeRow;
+    /** Removes the current column when the table has more than one column. */
+    private removeColumn;
+    /** Moves to the next or previous logical cell with Tab navigation. */
     private handleTab;
-    /**
-     * Find the Table node at the cursor position
-     */
+    /** Moves horizontally between adjacent cells when the caret hits an edge. */
+    private handleArrowHorizontal;
+    /** Moves vertically between rows while keeping the current column. */
+    private handleArrowVertical;
+    /** Advances downward on Enter and manages the trailing empty row behavior. */
+    private handleEnter;
+    /** Inserts a canonical `<br />` token inside the current table cell. */
+    private insertBreakTag;
+    /** Deletes a whole `<br />` token when backspace or delete hits it. */
+    private handleBreakDeletion;
+    /** Moves the current selection anchor into a target cell. */
+    private moveSelectionToCell;
+    /** Returns the table currently containing the editor cursor. */
     private getTableAtCursor;
-    /**
-     * Split a table line into cells (keeping the whitespace around content)
-     */
-    private splitLineToCells;
-    renderToHTML(node: SyntaxNode, _children: string, _ctx: PreviewContextLike): Promise<string | null>;
+    /** Returns the active cell under the current selection head. */
+    private getCurrentCell;
 }
 
 /**

package/dist/plugins/index.js

@@ -1,7 +1,7 @@
-export { CodePlugin, EmojiPlugin, HRPlugin, HTMLPlugin, HeadingPlugin, ImagePlugin, InlinePlugin, LinkPlugin, ListPlugin, MathPlugin, MermaidPlugin, ParagraphPlugin, QuotePlugin, TablePlugin, allPlugins, essentialPlugins } from '../chunk-L2XSK57Y.js';
-import '../chunk-ZUI3GI3W.js';
+export { CodePlugin, EmojiPlugin, HRPlugin, HTMLPlugin, HeadingPlugin, ImagePlugin, InlinePlugin, LinkPlugin, ListPlugin, MathPlugin, MermaidPlugin, ParagraphPlugin, QuotePlugin, TablePlugin, allPlugins, essentialPlugins } from '../chunk-NRPI5O6Y.js';
+import '../chunk-UCHBDJ4R.js';
 import '../chunk-JF3WXXMJ.js';
 import '../chunk-I563H35S.js';
-import '../chunk-EEHILRG5.js';
+import '../chunk-TD3L5C45.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/preview/index.cjs

@@ -2,7 +2,7 @@
 
 var chunk5MC4T7JH_cjs = require('../chunk-5MC4T7JH.cjs');
 var chunkCLW73JRX_cjs = require('../chunk-CLW73JRX.cjs');
-require('../chunk-TBVZEK2H.cjs');
+require('../chunk-W75QUUQC.cjs');
 
 
 

package/dist/preview/index.js

@@ -1,5 +1,5 @@
 export { generateCSS, preview } from '../chunk-IAXF4SJL.js';
 export { PreviewRenderer, defaultRenderers, escapeHtml, generateSyntaxThemeCSS } from '../chunk-I563H35S.js';
-import '../chunk-EEHILRG5.js';
+import '../chunk-TD3L5C45.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "draftly",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "Core library for draftly",
   "license": "MIT",
   "repository": {

package/src/editor/draftly.ts

@@ -114,33 +114,35 @@ export function draftly(config: DraftlyConfig = {}): Extension[] {
   // Create plugin context for lifecycle methods
   const pluginContext: PluginContext = { config };
 
-  // Process each plugin
-  for (const plugin of allPlugins) {
-    // Call onRegister lifecycle hook
-    plugin.onRegister(pluginContext);
-
-    // Collect extensions via class method
-    const exts = plugin.getExtensions();
-    if (exts.length > 0) {
-      pluginExtensions.push(...exts);
-    }
-
-    // Collect keymaps via class method
-    const keys = plugin.getKeymap();
-    if (keys.length > 0) {
-      pluginKeymaps.push(...keys);
-    }
-
-    // Collect theme via class method
-    const theme = plugin.theme;
-    if (baseStyles && theme && typeof theme === "function") {
-      pluginExtensions.push(EditorView.theme(theme(configTheme)));
-    }
-
-    // Collect markdown parser extensions via class method
-    const md = plugin.getMarkdownConfig();
-    if (md) {
-      markdownExtensions.push(md);
+  if (!disableViewPlugin) {
+    // Process each plugin
+    for (const plugin of allPlugins) {
+      // Call onRegister lifecycle hook
+      plugin.onRegister(pluginContext);
+
+      // Collect extensions via class method
+      const exts = plugin.getExtensions();
+      if (exts.length > 0) {
+        pluginExtensions.push(...exts);
+      }
+
+      // Collect keymaps via class method
+      const keys = plugin.getKeymap();
+      if (keys.length > 0) {
+        pluginKeymaps.push(...keys);
+      }
+
+      // Collect theme via class method
+      const theme = plugin.theme;
+      if (baseStyles && theme && typeof theme === "function") {
+        pluginExtensions.push(EditorView.theme(theme(configTheme)));
+      }
+
+      // Collect markdown parser extensions via class method
+      const md = plugin.getMarkdownConfig();
+      if (md) {
+        markdownExtensions.push(md);
+      }
     }
   }
 

package/src/editor/utils.ts

@@ -80,18 +80,20 @@ export function createTheme({
 export function flattenThemeStyles(themeStyles: ThemeStyle, parentSelector?: string): ThemeStyle {
   const flattened: ThemeStyle = {};
 
-  for (const [selector, styles] of Object.entries(themeStyles)) {
-    if (typeof styles === "object" && !Array.isArray(styles)) {
-      // Flatten nested styles
-      const fullSelector = fixSelector(parentSelector ? `${parentSelector} ${selector}` : selector);
-      const nestedStyles = flattenThemeStyles(styles as ThemeStyle, fullSelector);
-      Object.assign(flattened, nestedStyles);
-    } else {
-      // Add styles to the flattened object
-      if (parentSelector) {
-        flattened[parentSelector] = { ...flattened[parentSelector], [selector]: styles };
+  for (const [selectors, styles] of Object.entries(themeStyles)) {
+    for (const selector of selectors.split(",")) {
+      if (typeof styles === "object" && !Array.isArray(styles)) {
+        // Flatten nested styles
+        const fullSelector = fixSelector(parentSelector ? `${parentSelector} ${selector}` : selector);
+        const nestedStyles = flattenThemeStyles(styles as ThemeStyle, fullSelector);
+        Object.assign(flattened, nestedStyles);
       } else {
-        flattened[selector] = styles as StyleSpec;
+        // Add styles to the flattened object
+        if (parentSelector) {
+          flattened[parentSelector] = { ...flattened[parentSelector], [selector]: styles };
+        } else {
+          flattened[selector] = styles as StyleSpec;
+        }
       }
     }
   }