@llui/markdown-editor 0.1.0

package/dist/plugins/emoji.js

@@ -0,0 +1,50 @@
+// Emoji plugin — replace `:shortcode:` with the emoji while typing or on import,
+// via a text-match transformer. Unknown shortcodes are left untouched.
+import { $createTextNode } from 'lexical';
+/** A small default shortcode → emoji map. Extend via `emojiPlugin({ emoji })`. */
+export const DEFAULT_EMOJI = {
+    smile: '😄',
+    grin: '😁',
+    joy: '😂',
+    wink: '😉',
+    heart: '❤️',
+    thumbsup: '👍',
+    '+1': '👍',
+    thumbsdown: '👎',
+    fire: '🔥',
+    tada: '🎉',
+    rocket: '🚀',
+    star: '⭐',
+    check: '✅',
+    x: '❌',
+    warning: '⚠️',
+    bulb: '💡',
+    eyes: '👀',
+    sparkles: '✨',
+    '100': '💯',
+    thinking: '🤔',
+};
+function transformer(map) {
+    return {
+        dependencies: [],
+        // `null` keeps the emoji as a unicode character in the exported markdown.
+        export: () => null,
+        importRegExp: /:([a-z0-9_+-]+):/,
+        regExp: /:([a-z0-9_+-]+):$/,
+        trigger: ':',
+        replace: (node, match) => {
+            const emoji = map[match[1] ?? ''];
+            if (emoji)
+                node.replace($createTextNode(emoji));
+        },
+        type: 'text-match',
+    };
+}
+export function emojiPlugin(opts = {}) {
+    const map = { ...DEFAULT_EMOJI, ...(opts.emoji ?? {}) };
+    return {
+        name: 'emoji',
+        transformers: [transformer(map)],
+    };
+}
+//# sourceMappingURL=emoji.js.map

package/dist/plugins/emoji.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji.js","sourceRoot":"","sources":["../../src/plugins/emoji.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,uEAAuE;AAEvE,OAAO,EAAE,eAAe,EAAiB,MAAM,SAAS,CAAA;AAIxD,kFAAkF;AAClF,MAAM,CAAC,MAAM,aAAa,GAAqC;IAC7D,KAAK,EAAE,IAAI;IACX,IAAI,EAAE,IAAI;IACV,GAAG,EAAE,IAAI;IACT,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,IAAI;IACX,QAAQ,EAAE,IAAI;IACd,IAAI,EAAE,IAAI;IACV,UAAU,EAAE,IAAI;IAChB,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,IAAI;IACV,MAAM,EAAE,IAAI;IACZ,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,CAAC,EAAE,GAAG;IACN,OAAO,EAAE,IAAI;IACb,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,IAAI;IACV,QAAQ,EAAE,GAAG;IACb,KAAK,EAAE,IAAI;IACX,QAAQ,EAAE,IAAI;CACf,CAAA;AAED,SAAS,WAAW,CAAC,GAAqC;IACxD,OAAO;QACL,YAAY,EAAE,EAAE;QAChB,0EAA0E;QAC1E,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI;QAClB,YAAY,EAAE,kBAAkB;QAChC,MAAM,EAAE,mBAAmB;QAC3B,OAAO,EAAE,GAAG;QACZ,OAAO,EAAE,CAAC,IAAc,EAAE,KAAuB,EAAQ,EAAE;YACzD,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAA;YACjC,IAAI,KAAK;gBAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAA;QACjD,CAAC;QACD,IAAI,EAAE,YAAY;KACnB,CAAA;AACH,CAAC;AAOD,MAAM,UAAU,WAAW,CAAC,OAA2B,EAAE;IACvD,MAAM,GAAG,GAAG,EAAE,GAAG,aAAa,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,CAAA;IACvD,OAAO;QACL,IAAI,EAAE,OAAO;QACb,YAAY,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;KACjC,CAAA;AACH,CAAC","sourcesContent":["// Emoji plugin — replace `:shortcode:` with the emoji while typing or on import,\n// via a text-match transformer. Unknown shortcodes are left untouched.\n\nimport { $createTextNode, type TextNode } from 'lexical'\nimport type { TextMatchTransformer } from '@lexical/markdown'\nimport type { MarkdownPlugin } from './types.js'\n\n/** A small default shortcode → emoji map. Extend via `emojiPlugin({ emoji })`. */\nexport const DEFAULT_EMOJI: Readonly<Record<string, string>> = {\n  smile: '😄',\n  grin: '😁',\n  joy: '😂',\n  wink: '😉',\n  heart: '❤️',\n  thumbsup: '👍',\n  '+1': '👍',\n  thumbsdown: '👎',\n  fire: '🔥',\n  tada: '🎉',\n  rocket: '🚀',\n  star: '⭐',\n  check: '✅',\n  x: '❌',\n  warning: '⚠️',\n  bulb: '💡',\n  eyes: '👀',\n  sparkles: '✨',\n  '100': '💯',\n  thinking: '🤔',\n}\n\nfunction transformer(map: Readonly<Record<string, string>>): TextMatchTransformer {\n  return {\n    dependencies: [],\n    // `null` keeps the emoji as a unicode character in the exported markdown.\n    export: () => null,\n    importRegExp: /:([a-z0-9_+-]+):/,\n    regExp: /:([a-z0-9_+-]+):$/,\n    trigger: ':',\n    replace: (node: TextNode, match: RegExpMatchArray): void => {\n      const emoji = map[match[1] ?? '']\n      if (emoji) node.replace($createTextNode(emoji))\n    },\n    type: 'text-match',\n  }\n}\n\nexport interface EmojiPluginOptions {\n  /** Extra/override shortcode → emoji entries (merged over the defaults). */\n  emoji?: Readonly<Record<string, string>>\n}\n\nexport function emojiPlugin(opts: EmojiPluginOptions = {}): MarkdownPlugin {\n  const map = { ...DEFAULT_EMOJI, ...(opts.emoji ?? {}) }\n  return {\n    name: 'emoji',\n    transformers: [transformer(map)],\n  }\n}\n"]}

package/dist/plugins/floating-toolbar.d.ts

@@ -0,0 +1,3 @@
+import type { MarkdownPlugin } from './types.js';
+export declare function floatingToolbarPlugin(): MarkdownPlugin;
+//# sourceMappingURL=floating-toolbar.d.ts.map

package/dist/plugins/floating-toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-toolbar.d.ts","sourceRoot":"","sources":["../../src/plugins/floating-toolbar.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAe,cAAc,EAAE,MAAM,YAAY,CAAA;AAgE7D,wBAAgB,qBAAqB,IAAI,cAAc,CAgGtD"}

package/dist/plugins/floating-toolbar.js

@@ -0,0 +1,137 @@
+// Floating selection toolbar — a bubble of inline-format actions that appears
+// above a non-collapsed text selection. A plugin-UI overlay: `register` watches
+// selection changes and positions/fills the bar; clicking a button runs the
+// command on the still-live selection.
+import { $getSelection, $isRangeSelection } from 'lexical';
+import { $findMatchingParent, mergeRegister } from '@lexical/utils';
+import { $isLinkNode } from '@lexical/link';
+import { button, each, span, text, unsafeHtml } from '@llui/dom';
+import { definePluginUI } from './ui.js';
+import { OVERLAY_Z, hideOverlay, onViewportChange, overlayRoot } from './overlay.js';
+import { DEFAULT_GLYPHS } from '../surfaces/toolbar.js';
+function readFormat(editor) {
+    return editor.getEditorState().read(() => {
+        const selection = $getSelection();
+        if (!$isRangeSelection(selection)) {
+            return { bold: false, italic: false, strikethrough: false, code: false, link: false };
+        }
+        return {
+            bold: selection.hasFormat('bold'),
+            italic: selection.hasFormat('italic'),
+            strikethrough: selection.hasFormat('strikethrough'),
+            code: selection.hasFormat('code'),
+            link: $findMatchingParent(selection.anchor.getNode(), (n) => $isLinkNode(n)) !== null,
+        };
+    });
+}
+function activeFor(id, fmt) {
+    switch (id) {
+        case 'bold':
+            return fmt.bold;
+        case 'italic':
+            return fmt.italic;
+        case 'strikethrough':
+            return fmt.strikethrough;
+        case 'code':
+            return fmt.code;
+        case 'link':
+            return fmt.link;
+        default:
+            return false;
+    }
+}
+export function floatingToolbarPlugin() {
+    let floatingItems = [];
+    return {
+        name: 'floatingToolbar',
+        onItems: (items) => {
+            floatingItems = items.filter((i) => i.surfaces ? i.surfaces.includes('floating') : i.group === 'inline');
+        },
+        register: (editor, ctx) => {
+            const refresh = () => {
+                const collapsed = editor.getEditorState().read(() => {
+                    const s = $getSelection();
+                    return !$isRangeSelection(s) || s.isCollapsed();
+                });
+                const dom = typeof window !== 'undefined' ? window.getSelection() : null;
+                if (collapsed || !dom || dom.rangeCount === 0) {
+                    ctx.emit({ type: 'plugin', name: 'floatingToolbar', msg: { type: 'hide' } });
+                    return;
+                }
+                const rect = dom.getRangeAt(0).getBoundingClientRect();
+                if (rect.width === 0 && rect.height === 0) {
+                    ctx.emit({ type: 'plugin', name: 'floatingToolbar', msg: { type: 'hide' } });
+                    return;
+                }
+                const fmt = readFormat(editor);
+                const items = floatingItems.map((i) => ({
+                    id: i.id,
+                    label: i.label,
+                    glyph: DEFAULT_GLYPHS[i.id] ?? i.label,
+                    active: activeFor(i.id, fmt),
+                }));
+                ctx.emit({
+                    type: 'plugin',
+                    name: 'floatingToolbar',
+                    msg: { type: 'show', x: rect.left + rect.width / 2, y: rect.top, items },
+                });
+            };
+            return mergeRegister(editor.registerUpdateListener(() => refresh()), 
+            // Keep the bubble glued to the selection while the page scrolls.
+            onViewportChange(refresh));
+        },
+        ui: definePluginUI({
+            init: () => ({ open: false, x: 0, y: 0, items: [] }),
+            update: (state, msg) => {
+                switch (msg.type) {
+                    case 'show':
+                        return { open: msg.items.length > 0, x: msg.x, y: msg.y, items: msg.items };
+                    case 'hide':
+                        return hideOverlay(state);
+                    case 'run': {
+                        const item = state.items[msg.index];
+                        return item ? [state, [{ type: 'run', id: item.id }]] : state;
+                    }
+                }
+            },
+            onEffect: (effect, ctx) => {
+                ctx.emit({ type: 'runCommand', id: effect.id });
+            },
+            // `x` is the selection's horizontal centre; the transform centres the bar on
+            // it and lifts it above the selection.
+            view: ({ state, send }) => overlayRoot({
+                open: state.at('open'),
+                x: state.at('x'),
+                y: state.at('y'),
+                zIndex: OVERLAY_Z.floatingToolbar,
+                transform: 'transform:translate(-50%,-115%)',
+                attrs: { 'data-scope': 'md-floating', 'data-part': 'bar' },
+                children: () => [
+                    each(state.at('items'), {
+                        key: (it) => it.id,
+                        render: (item, index) => [
+                            button({
+                                type: 'button',
+                                'data-scope': 'md-floating',
+                                'data-part': 'item',
+                                'data-active': item.map((it) => (it.active ? '' : undefined)),
+                                'aria-label': item.map((it) => it.label),
+                                onMouseDown: (e) => {
+                                    e.preventDefault();
+                                    send({ type: 'run', index: index.peek() });
+                                },
+                            }, [span({ 'data-part': 'glyph', 'aria-hidden': 'true' }, [renderGlyph(item)])]),
+                        ],
+                    }),
+                ],
+            }),
+        }),
+    };
+}
+/** Render an item's glyph (SVG markup → unsafeHtml, otherwise text). */
+function renderGlyph(item) {
+    // The glyph value is stable per row; reading once is fine.
+    const glyph = item.peek().glyph;
+    return glyph.trimStart().startsWith('<svg') ? unsafeHtml(glyph) : text(item.map((it) => it.glyph));
+}
+//# sourceMappingURL=floating-toolbar.js.map

package/dist/plugins/floating-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-toolbar.js","sourceRoot":"","sources":["../../src/plugins/floating-toolbar.ts"],"names":[],"mappings":"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","sourcesContent":["// Floating selection toolbar — a bubble of inline-format actions that appears\n// above a non-collapsed text selection. A plugin-UI overlay: `register` watches\n// selection changes and positions/fills the bar; clicking a button runs the\n// command on the still-live selection.\n\nimport { $getSelection, $isRangeSelection } from 'lexical'\nimport { $findMatchingParent, mergeRegister } from '@lexical/utils'\nimport { $isLinkNode } from '@lexical/link'\nimport { button, each, span, text, unsafeHtml, type Signal } from '@llui/dom'\nimport { definePluginUI } from './ui.js'\nimport { OVERLAY_Z, hideOverlay, onViewportChange, overlayRoot } from './overlay.js'\nimport { DEFAULT_GLYPHS } from '../surfaces/toolbar.js'\nimport type { CommandItem, MarkdownPlugin } from './types.js'\n\ninterface BarItem {\n  id: string\n  label: string\n  glyph: string\n  active: boolean\n}\n\ninterface FloatState {\n  open: boolean\n  x: number\n  y: number\n  items: BarItem[]\n}\n\ntype FloatMsg =\n  | { type: 'show'; x: number; y: number; items: BarItem[] }\n  | { type: 'hide' }\n  | { type: 'run'; index: number }\n\ntype FloatEffect = { type: 'run'; id: string }\n\ninterface InlineFormat {\n  bold: boolean\n  italic: boolean\n  strikethrough: boolean\n  code: boolean\n  link: boolean\n}\n\nfunction readFormat(editor: import('lexical').LexicalEditor): InlineFormat {\n  return editor.getEditorState().read(() => {\n    const selection = $getSelection()\n    if (!$isRangeSelection(selection)) {\n      return { bold: false, italic: false, strikethrough: false, code: false, link: false }\n    }\n    return {\n      bold: selection.hasFormat('bold'),\n      italic: selection.hasFormat('italic'),\n      strikethrough: selection.hasFormat('strikethrough'),\n      code: selection.hasFormat('code'),\n      link: $findMatchingParent(selection.anchor.getNode(), (n) => $isLinkNode(n)) !== null,\n    }\n  })\n}\n\nfunction activeFor(id: string, fmt: InlineFormat): boolean {\n  switch (id) {\n    case 'bold':\n      return fmt.bold\n    case 'italic':\n      return fmt.italic\n    case 'strikethrough':\n      return fmt.strikethrough\n    case 'code':\n      return fmt.code\n    case 'link':\n      return fmt.link\n    default:\n      return false\n  }\n}\n\nexport function floatingToolbarPlugin(): MarkdownPlugin {\n  let floatingItems: CommandItem[] = []\n\n  return {\n    name: 'floatingToolbar',\n    onItems: (items) => {\n      floatingItems = items.filter((i) =>\n        i.surfaces ? i.surfaces.includes('floating') : i.group === 'inline',\n      )\n    },\n    register: (editor, ctx) => {\n      const refresh = (): void => {\n        const collapsed = editor.getEditorState().read(() => {\n          const s = $getSelection()\n          return !$isRangeSelection(s) || s.isCollapsed()\n        })\n        const dom = typeof window !== 'undefined' ? window.getSelection() : null\n        if (collapsed || !dom || dom.rangeCount === 0) {\n          ctx.emit({ type: 'plugin', name: 'floatingToolbar', msg: { type: 'hide' } })\n          return\n        }\n        const rect = dom.getRangeAt(0).getBoundingClientRect()\n        if (rect.width === 0 && rect.height === 0) {\n          ctx.emit({ type: 'plugin', name: 'floatingToolbar', msg: { type: 'hide' } })\n          return\n        }\n        const fmt = readFormat(editor)\n        const items: BarItem[] = floatingItems.map((i) => ({\n          id: i.id,\n          label: i.label,\n          glyph: DEFAULT_GLYPHS[i.id] ?? i.label,\n          active: activeFor(i.id, fmt),\n        }))\n        ctx.emit({\n          type: 'plugin',\n          name: 'floatingToolbar',\n          msg: { type: 'show', x: rect.left + rect.width / 2, y: rect.top, items },\n        })\n      }\n      return mergeRegister(\n        editor.registerUpdateListener(() => refresh()),\n        // Keep the bubble glued to the selection while the page scrolls.\n        onViewportChange(refresh),\n      )\n    },\n    ui: definePluginUI<FloatState, FloatMsg, FloatEffect>({\n      init: () => ({ open: false, x: 0, y: 0, items: [] }),\n      update: (state, msg) => {\n        switch (msg.type) {\n          case 'show':\n            return { open: msg.items.length > 0, x: msg.x, y: msg.y, items: msg.items }\n          case 'hide':\n            return hideOverlay(state)\n          case 'run': {\n            const item = state.items[msg.index]\n            return item ? [state, [{ type: 'run', id: item.id }]] : state\n          }\n        }\n      },\n      onEffect: (effect, ctx) => {\n        ctx.emit({ type: 'runCommand', id: effect.id })\n      },\n      // `x` is the selection's horizontal centre; the transform centres the bar on\n      // it and lifts it above the selection.\n      view: ({ state, send }) =>\n        overlayRoot({\n          open: state.at('open'),\n          x: state.at('x'),\n          y: state.at('y'),\n          zIndex: OVERLAY_Z.floatingToolbar,\n          transform: 'transform:translate(-50%,-115%)',\n          attrs: { 'data-scope': 'md-floating', 'data-part': 'bar' },\n          children: () => [\n            each(state.at('items') as Signal<BarItem[]>, {\n              key: (it) => it.id,\n              render: (item, index) => [\n                button(\n                  {\n                    type: 'button',\n                    'data-scope': 'md-floating',\n                    'data-part': 'item',\n                    'data-active': item.map((it) => (it.active ? '' : undefined)),\n                    'aria-label': item.map((it) => it.label),\n                    onMouseDown: (e: MouseEvent) => {\n                      e.preventDefault()\n                      send({ type: 'run', index: index.peek() })\n                    },\n                  },\n                  [span({ 'data-part': 'glyph', 'aria-hidden': 'true' }, [renderGlyph(item)])],\n                ),\n              ],\n            }),\n          ],\n        }),\n    }),\n  }\n}\n\n/** Render an item's glyph (SVG markup → unsafeHtml, otherwise text). */\nfunction renderGlyph(item: Signal<BarItem>): import('@llui/dom').Mountable {\n  // The glyph value is stable per row; reading once is fine.\n  const glyph = item.peek().glyph\n  return glyph.trimStart().startsWith('<svg') ? unsafeHtml(glyph) : text(item.map((it) => it.glyph))\n}\n"]}

package/dist/plugins/hr.d.ts

@@ -0,0 +1,5 @@
+import type { MarkdownPlugin } from './types.js';
+/** Insert a horizontal rule at the current selection. */
+export declare function $insertHorizontalRule(): void;
+export declare function hrPlugin(): MarkdownPlugin;
+//# sourceMappingURL=hr.d.ts.map

package/dist/plugins/hr.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hr.d.ts","sourceRoot":"","sources":["../../src/plugins/hr.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AA6BhD,yDAAyD;AACzD,wBAAgB,qBAAqB,IAAI,IAAI,CAE5C;AAED,wBAAgB,QAAQ,IAAI,cAAc,CAkBzC"}

package/dist/plugins/hr.js

@@ -0,0 +1,46 @@
+// Horizontal-rule plugin — a thematic break rendered as an `<hr>` via the
+// decorator bridge, round-tripping to `---` markdown.
+import {} from 'lexical';
+import { $insertNodeToNearestRoot } from '@lexical/utils';
+import { $createLLuiDecoratorNode, $isLLuiDecoratorNode, LLuiDecoratorNode, decoratorBridge, } from '@llui/lexical';
+import { component, hr } from '@llui/dom';
+const BRIDGE_TYPE = 'hr';
+const hrBridge = decoratorBridge(BRIDGE_TYPE, () => component({
+    name: 'HorizontalRule',
+    init: () => ({}),
+    update: (state) => state,
+    view: () => [hr({ 'data-md-hr': '', contenteditable: 'false' })],
+}));
+const HR_TRANSFORMER = {
+    dependencies: [LLuiDecoratorNode],
+    export: (node) => $isLLuiDecoratorNode(node) && node.getBridgeType() === BRIDGE_TYPE ? '---' : null,
+    regExp: /^(---|\*\*\*|___)\s*$/,
+    replace: (parentNode) => {
+        parentNode.replace($createLLuiDecoratorNode(BRIDGE_TYPE, {}));
+    },
+    type: 'element',
+};
+/** Insert a horizontal rule at the current selection. */
+export function $insertHorizontalRule() {
+    $insertNodeToNearestRoot($createLLuiDecoratorNode(BRIDGE_TYPE, {}));
+}
+export function hrPlugin() {
+    return {
+        name: 'hr',
+        nodes: [LLuiDecoratorNode],
+        decorators: [hrBridge],
+        transformers: [HR_TRANSFORMER],
+        items: [
+            {
+                id: 'horizontalRule',
+                label: 'Divider',
+                icon: 'hr',
+                group: 'insert',
+                keywords: ['rule', 'divider', 'separator', 'hr'],
+                run: (editor) => editor.update(() => $insertHorizontalRule()),
+                surfaces: ['toolbar', 'slash', 'context'],
+            },
+        ],
+    };
+}
+//# sourceMappingURL=hr.js.map

package/dist/plugins/hr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hr.js","sourceRoot":"","sources":["../../src/plugins/hr.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAC1E,sDAAsD;AAEtD,OAAO,EAAsC,MAAM,SAAS,CAAA;AAC5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAA;AAEzD,OAAO,EACL,wBAAwB,EACxB,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,GAChB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,WAAW,CAAA;AAGzC,MAAM,WAAW,GAAG,IAAI,CAAA;AAExB,MAAM,QAAQ,GAAG,eAAe,CAK9B,WAAW,EAAE,GAAG,EAAE,CAClB,SAAS,CAAiD;IACxD,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IAChB,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK;IACxB,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,eAAe,EAAE,OAAO,EAAE,CAAC,CAAC;CACjE,CAAC,CACH,CAAA;AAED,MAAM,cAAc,GAAuB;IACzC,YAAY,EAAE,CAAC,iBAAiB,CAAC;IACjC,MAAM,EAAE,CAAC,IAAiB,EAAiB,EAAE,CAC3C,oBAAoB,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,aAAa,EAAE,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;IACnF,MAAM,EAAE,uBAAuB;IAC/B,OAAO,EAAE,CAAC,UAAuB,EAAQ,EAAE;QACzC,UAAU,CAAC,OAAO,CAAC,wBAAwB,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,CAAA;IAC/D,CAAC;IACD,IAAI,EAAE,SAAS;CAChB,CAAA;AAED,yDAAyD;AACzD,MAAM,UAAU,qBAAqB;IACnC,wBAAwB,CAAC,wBAAwB,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,CAAA;AACrE,CAAC;AAED,MAAM,UAAU,QAAQ;IACtB,OAAO;QACL,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,CAAC,iBAAiB,CAAC;QAC1B,UAAU,EAAE,CAAC,QAAQ,CAAC;QACtB,YAAY,EAAE,CAAC,cAAc,CAAC;QAC9B,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,gBAAgB;gBACpB,KAAK,EAAE,SAAS;gBAChB,IAAI,EAAE,IAAI;gBACV,KAAK,EAAE,QAAQ;gBACf,QAAQ,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,CAAC;gBAChD,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC;gBAC7D,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC;aAC1C;SACF;KACF,CAAA;AACH,CAAC","sourcesContent":["// Horizontal-rule plugin — a thematic break rendered as an `<hr>` via the\n// decorator bridge, round-tripping to `---` markdown.\n\nimport { type ElementNode, type LexicalNode } from 'lexical'\nimport { $insertNodeToNearestRoot } from '@lexical/utils'\nimport type { ElementTransformer } from '@lexical/markdown'\nimport {\n  $createLLuiDecoratorNode,\n  $isLLuiDecoratorNode,\n  LLuiDecoratorNode,\n  decoratorBridge,\n} from '@llui/lexical'\nimport { component, hr } from '@llui/dom'\nimport type { MarkdownPlugin } from './types.js'\n\nconst BRIDGE_TYPE = 'hr'\n\nconst hrBridge = decoratorBridge<\n  Record<string, never>,\n  Record<string, never>,\n  { type: 'noop' },\n  never\n>(BRIDGE_TYPE, () =>\n  component<Record<string, never>, { type: 'noop' }, never>({\n    name: 'HorizontalRule',\n    init: () => ({}),\n    update: (state) => state,\n    view: () => [hr({ 'data-md-hr': '', contenteditable: 'false' })],\n  }),\n)\n\nconst HR_TRANSFORMER: ElementTransformer = {\n  dependencies: [LLuiDecoratorNode],\n  export: (node: LexicalNode): string | null =>\n    $isLLuiDecoratorNode(node) && node.getBridgeType() === BRIDGE_TYPE ? '---' : null,\n  regExp: /^(---|\\*\\*\\*|___)\\s*$/,\n  replace: (parentNode: ElementNode): void => {\n    parentNode.replace($createLLuiDecoratorNode(BRIDGE_TYPE, {}))\n  },\n  type: 'element',\n}\n\n/** Insert a horizontal rule at the current selection. */\nexport function $insertHorizontalRule(): void {\n  $insertNodeToNearestRoot($createLLuiDecoratorNode(BRIDGE_TYPE, {}))\n}\n\nexport function hrPlugin(): MarkdownPlugin {\n  return {\n    name: 'hr',\n    nodes: [LLuiDecoratorNode],\n    decorators: [hrBridge],\n    transformers: [HR_TRANSFORMER],\n    items: [\n      {\n        id: 'horizontalRule',\n        label: 'Divider',\n        icon: 'hr',\n        group: 'insert',\n        keywords: ['rule', 'divider', 'separator', 'hr'],\n        run: (editor) => editor.update(() => $insertHorizontalRule()),\n        surfaces: ['toolbar', 'slash', 'context'],\n      },\n    ],\n  }\n}\n"]}

package/dist/plugins/image.d.ts

@@ -0,0 +1,8 @@
+import type { MarkdownPlugin } from './types.js';
+export interface ImagePluginOptions {
+    /** Upload a chosen file and resolve to its URL. When omitted, the file picker
+     * is hidden and only URL entry is offered. */
+    upload?: (file: File) => Promise<string>;
+}
+export declare function imagePlugin(opts?: ImagePluginOptions): MarkdownPlugin;
+//# sourceMappingURL=image.d.ts.map

package/dist/plugins/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../src/plugins/image.ts"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AA6EhD,MAAM,WAAW,kBAAkB;IACjC;kDAC8C;IAC9C,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;CACzC;AAED,wBAAgB,WAAW,CAAC,IAAI,GAAE,kBAAuB,GAAG,cAAc,CA2HzE"}

package/dist/plugins/image.js

@@ -0,0 +1,173 @@
+// Image plugin — a block image rendered via the decorator bridge, round-tripping
+// to `![alt](src)` markdown, inserted through a plugin-UI dialog (URL + alt, with
+// optional file upload). Exercises decorator rendering + a transformer + the
+// plugin-UI extension all at once.
+import { $getSelection, $setSelection, } from 'lexical';
+import { $insertNodeToNearestRoot } from '@lexical/utils';
+import { $createLLuiDecoratorNode, $isLLuiDecoratorNode, LLuiDecoratorNode, decoratorBridge, } from '@llui/lexical';
+import { button, component, div, img, input, text } from '@llui/dom';
+import { connect as connectDialog, overlay as overlayDialog, } from '@llui/components/dialog';
+import { definePluginUI } from './ui.js';
+const BRIDGE_TYPE = 'image';
+function isImageData(value) {
+    return (typeof value === 'object' &&
+        value !== null &&
+        typeof value.src === 'string' &&
+        typeof value.alt === 'string');
+}
+const imageBridge = decoratorBridge(BRIDGE_TYPE, (data) => component({
+    name: 'Image',
+    init: () => ({ src: data.src, alt: data.alt }),
+    update: (state) => state,
+    view: ({ state }) => [
+        div({ 'data-scope': 'md-image', 'data-part': 'root', contenteditable: 'false' }, [
+            img({ src: state.at('src'), alt: state.at('alt') }),
+        ]),
+    ],
+}));
+const IMAGE_TRANSFORMER = {
+    dependencies: [LLuiDecoratorNode],
+    export: (node) => {
+        if (!$isLLuiDecoratorNode(node) || node.getBridgeType() !== BRIDGE_TYPE)
+            return null;
+        const data = node.getData();
+        return isImageData(data) ? `![${data.alt}](${data.src})` : null;
+    },
+    regExp: /^!\[([^\]]*)\]\(([^)]+)\)$/,
+    replace: (parentNode, _children, match) => {
+        parentNode.replace($createLLuiDecoratorNode(BRIDGE_TYPE, { alt: match[1] ?? '', src: match[2] ?? '' }));
+    },
+    type: 'element',
+};
+function dialogOpen(msg, current) {
+    switch (msg.type) {
+        case 'open':
+            return true;
+        case 'close':
+            return false;
+        case 'toggle':
+            return !current;
+        case 'setOpen':
+            return msg.open;
+    }
+}
+export function imagePlugin(opts = {}) {
+    let savedSelection = null;
+    return {
+        name: 'image',
+        nodes: [LLuiDecoratorNode],
+        decorators: [imageBridge],
+        transformers: [IMAGE_TRANSFORMER],
+        items: [
+            {
+                id: 'image',
+                label: 'Image',
+                icon: 'image',
+                group: 'insert',
+                keywords: ['img', 'picture', 'photo'],
+                run: (_editor, ctx) => ctx.send({ type: 'plugin', name: 'image', msg: { type: 'open' } }),
+                surfaces: ['toolbar', 'slash', 'context'],
+            },
+        ],
+        ui: definePluginUI({
+            init: () => ({ dialog: { open: false }, src: '', alt: '' }),
+            update: (state, msg) => {
+                switch (msg.type) {
+                    case 'open':
+                        return [{ dialog: { open: true }, src: '', alt: '' }, [{ type: 'begin' }]];
+                    case 'setSrc':
+                        return { ...state, src: msg.src };
+                    case 'setAlt':
+                        return { ...state, alt: msg.alt };
+                    case 'submit':
+                        return [
+                            { ...state, dialog: { open: false } },
+                            [{ type: 'insert', src: state.src, alt: state.alt }],
+                        ];
+                    case 'dialog': {
+                        const open = dialogOpen(msg.msg, state.dialog.open);
+                        return open === state.dialog.open ? state : { ...state, dialog: { open } };
+                    }
+                }
+            },
+            view: ({ state, send }) => {
+                const dialogSend = (msg) => send({ type: 'dialog', msg });
+                const parts = connectDialog(state.at('dialog'), dialogSend, {
+                    id: 'md-image-dialog',
+                    closeLabel: 'Cancel',
+                });
+                return [
+                    overlayDialog({
+                        state: state.at('dialog'),
+                        send: dialogSend,
+                        parts,
+                        content: () => [
+                            div({ ...parts.content, 'data-md-link': 'box' }, [
+                                div({ ...parts.title, 'data-md-link': 'title' }, [text('Insert image')]),
+                                input({
+                                    'data-md-link': 'input',
+                                    type: 'url',
+                                    placeholder: 'https://example.com/image.png',
+                                    value: state.at('src'),
+                                    onInput: (e) => send({ type: 'setSrc', src: e.target.value }),
+                                }),
+                                input({
+                                    'data-md-link': 'input',
+                                    'data-md-image': 'alt',
+                                    type: 'text',
+                                    placeholder: 'Alt text (description)',
+                                    value: state.at('alt'),
+                                    onInput: (e) => send({ type: 'setAlt', alt: e.target.value }),
+                                }),
+                                ...(opts.upload
+                                    ? [
+                                        input({
+                                            'data-md-image': 'file',
+                                            type: 'file',
+                                            accept: 'image/*',
+                                            onChange: (e) => {
+                                                const file = e.target.files?.[0];
+                                                if (file && opts.upload) {
+                                                    void opts.upload(file).then((src) => send({ type: 'setSrc', src }));
+                                                }
+                                            },
+                                        }),
+                                    ]
+                                    : []),
+                                div({ 'data-md-link': 'actions' }, [
+                                    button({ ...parts.closeTrigger, 'data-md-link': 'cancel' }, [text('Cancel')]),
+                                    button({
+                                        type: 'button',
+                                        'data-md-link': 'apply',
+                                        onClick: () => send({ type: 'submit' }),
+                                    }, [text('Insert')]),
+                                ]),
+                            ]),
+                        ],
+                    }),
+                ];
+            },
+            onEffect: (effect, ctx) => {
+                const editor = ctx.editor();
+                if (!editor)
+                    return;
+                if (effect.type === 'begin') {
+                    savedSelection = editor.getEditorState().read(() => {
+                        const selection = $getSelection();
+                        return selection ? selection.clone() : null;
+                    });
+                    return;
+                }
+                if (effect.src.trim() === '')
+                    return;
+                editor.update(() => {
+                    if (savedSelection)
+                        $setSelection(savedSelection.clone());
+                    $insertNodeToNearestRoot($createLLuiDecoratorNode(BRIDGE_TYPE, { src: effect.src.trim(), alt: effect.alt }));
+                });
+                savedSelection = null;
+            },
+        }),
+    };
+}
+//# sourceMappingURL=image.js.map

package/dist/plugins/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../src/plugins/image.ts"],"names":[],"mappings":"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","sourcesContent":["// Image plugin — a block image rendered via the decorator bridge, round-tripping\n// to `![alt](src)` markdown, inserted through a plugin-UI dialog (URL + alt, with\n// optional file upload). Exercises decorator rendering + a transformer + the\n// plugin-UI extension all at once.\n\nimport {\n  $getSelection,\n  $setSelection,\n  type BaseSelection,\n  type ElementNode,\n  type LexicalNode,\n} from 'lexical'\nimport { $insertNodeToNearestRoot } from '@lexical/utils'\nimport type { ElementTransformer } from '@lexical/markdown'\nimport {\n  $createLLuiDecoratorNode,\n  $isLLuiDecoratorNode,\n  LLuiDecoratorNode,\n  decoratorBridge,\n} from '@llui/lexical'\nimport { button, component, div, img, input, text, type Signal } from '@llui/dom'\nimport {\n  connect as connectDialog,\n  overlay as overlayDialog,\n  type DialogMsg,\n} from '@llui/components/dialog'\nimport { definePluginUI } from './ui.js'\nimport type { MarkdownPlugin } from './types.js'\n\nconst BRIDGE_TYPE = 'image'\n\ninterface ImageData {\n  src: string\n  alt: string\n}\n\nfunction isImageData(value: unknown): value is ImageData {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    typeof (value as ImageData).src === 'string' &&\n    typeof (value as ImageData).alt === 'string'\n  )\n}\n\nconst imageBridge = decoratorBridge<ImageData, ImageData, { type: 'noop' }, never>(\n  BRIDGE_TYPE,\n  (data) =>\n    component<ImageData, { type: 'noop' }, never>({\n      name: 'Image',\n      init: () => ({ src: data.src, alt: data.alt }),\n      update: (state) => state,\n      view: ({ state }) => [\n        div({ 'data-scope': 'md-image', 'data-part': 'root', contenteditable: 'false' }, [\n          img({ src: state.at('src') as Signal<string>, alt: state.at('alt') as Signal<string> }),\n        ]),\n      ],\n    }),\n)\n\nconst IMAGE_TRANSFORMER: ElementTransformer = {\n  dependencies: [LLuiDecoratorNode],\n  export: (node: LexicalNode): string | null => {\n    if (!$isLLuiDecoratorNode(node) || node.getBridgeType() !== BRIDGE_TYPE) return null\n    const data = node.getData()\n    return isImageData(data) ? `![${data.alt}](${data.src})` : null\n  },\n  regExp: /^!\\[([^\\]]*)\\]\\(([^)]+)\\)$/,\n  replace: (parentNode: ElementNode, _children, match): void => {\n    parentNode.replace(\n      $createLLuiDecoratorNode(BRIDGE_TYPE, { alt: match[1] ?? '', src: match[2] ?? '' }),\n    )\n  },\n  type: 'element',\n}\n\ninterface ImageState {\n  dialog: { open: boolean }\n  src: string\n  alt: string\n}\n\ntype ImageMsg =\n  | { type: 'open' }\n  | { type: 'setSrc'; src: string }\n  | { type: 'setAlt'; alt: string }\n  | { type: 'submit' }\n  | { type: 'dialog'; msg: DialogMsg }\n\ntype ImageEffect = { type: 'begin' } | { type: 'insert'; src: string; alt: string }\n\nfunction dialogOpen(msg: DialogMsg, current: boolean): boolean {\n  switch (msg.type) {\n    case 'open':\n      return true\n    case 'close':\n      return false\n    case 'toggle':\n      return !current\n    case 'setOpen':\n      return msg.open\n  }\n}\n\nexport interface ImagePluginOptions {\n  /** Upload a chosen file and resolve to its URL. When omitted, the file picker\n   * is hidden and only URL entry is offered. */\n  upload?: (file: File) => Promise<string>\n}\n\nexport function imagePlugin(opts: ImagePluginOptions = {}): MarkdownPlugin {\n  let savedSelection: BaseSelection | null = null\n\n  return {\n    name: 'image',\n    nodes: [LLuiDecoratorNode],\n    decorators: [imageBridge],\n    transformers: [IMAGE_TRANSFORMER],\n    items: [\n      {\n        id: 'image',\n        label: 'Image',\n        icon: 'image',\n        group: 'insert',\n        keywords: ['img', 'picture', 'photo'],\n        run: (_editor, ctx) => ctx.send({ type: 'plugin', name: 'image', msg: { type: 'open' } }),\n        surfaces: ['toolbar', 'slash', 'context'],\n      },\n    ],\n    ui: definePluginUI<ImageState, ImageMsg, ImageEffect>({\n      init: () => ({ dialog: { open: false }, src: '', alt: '' }),\n      update: (state, msg) => {\n        switch (msg.type) {\n          case 'open':\n            return [{ dialog: { open: true }, src: '', alt: '' }, [{ type: 'begin' }]]\n          case 'setSrc':\n            return { ...state, src: msg.src }\n          case 'setAlt':\n            return { ...state, alt: msg.alt }\n          case 'submit':\n            return [\n              { ...state, dialog: { open: false } },\n              [{ type: 'insert', src: state.src, alt: state.alt }],\n            ]\n          case 'dialog': {\n            const open = dialogOpen(msg.msg, state.dialog.open)\n            return open === state.dialog.open ? state : { ...state, dialog: { open } }\n          }\n        }\n      },\n      view: ({ state, send }) => {\n        const dialogSend = (msg: DialogMsg): void => send({ type: 'dialog', msg })\n        const parts = connectDialog(state.at('dialog'), dialogSend, {\n          id: 'md-image-dialog',\n          closeLabel: 'Cancel',\n        })\n        return [\n          overlayDialog({\n            state: state.at('dialog'),\n            send: dialogSend,\n            parts,\n            content: () => [\n              div({ ...parts.content, 'data-md-link': 'box' }, [\n                div({ ...parts.title, 'data-md-link': 'title' }, [text('Insert image')]),\n                input({\n                  'data-md-link': 'input',\n                  type: 'url',\n                  placeholder: 'https://example.com/image.png',\n                  value: state.at('src') as Signal<string>,\n                  onInput: (e: Event) =>\n                    send({ type: 'setSrc', src: (e.target as HTMLInputElement).value }),\n                }),\n                input({\n                  'data-md-link': 'input',\n                  'data-md-image': 'alt',\n                  type: 'text',\n                  placeholder: 'Alt text (description)',\n                  value: state.at('alt') as Signal<string>,\n                  onInput: (e: Event) =>\n                    send({ type: 'setAlt', alt: (e.target as HTMLInputElement).value }),\n                }),\n                ...(opts.upload\n                  ? [\n                      input({\n                        'data-md-image': 'file',\n                        type: 'file',\n                        accept: 'image/*',\n                        onChange: (e: Event) => {\n                          const file = (e.target as HTMLInputElement).files?.[0]\n                          if (file && opts.upload) {\n                            void opts.upload(file).then((src) => send({ type: 'setSrc', src }))\n                          }\n                        },\n                      }),\n                    ]\n                  : []),\n                div({ 'data-md-link': 'actions' }, [\n                  button({ ...parts.closeTrigger, 'data-md-link': 'cancel' }, [text('Cancel')]),\n                  button(\n                    {\n                      type: 'button',\n                      'data-md-link': 'apply',\n                      onClick: () => send({ type: 'submit' }),\n                    },\n                    [text('Insert')],\n                  ),\n                ]),\n              ]),\n            ],\n          }),\n        ]\n      },\n      onEffect: (effect, ctx) => {\n        const editor = ctx.editor()\n        if (!editor) return\n        if (effect.type === 'begin') {\n          savedSelection = editor.getEditorState().read(() => {\n            const selection = $getSelection()\n            return selection ? selection.clone() : null\n          })\n          return\n        }\n        if (effect.src.trim() === '') return\n        editor.update(() => {\n          if (savedSelection) $setSelection(savedSelection.clone())\n          $insertNodeToNearestRoot(\n            $createLLuiDecoratorNode(BRIDGE_TYPE, { src: effect.src.trim(), alt: effect.alt }),\n          )\n        })\n        savedSelection = null\n      },\n    }),\n  }\n}\n"]}

package/dist/plugins/link.d.ts

@@ -0,0 +1,7 @@
+import type { MarkdownPlugin } from './types.js';
+export interface LinkPluginOptions {
+    /** Default URL pre-filled when there's no existing link (default ''). */
+    defaultUrl?: string;
+}
+export declare function linkPlugin(opts?: LinkPluginOptions): MarkdownPlugin;
+//# sourceMappingURL=link.d.ts.map

package/dist/plugins/link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../src/plugins/link.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAe,cAAc,EAAE,MAAM,YAAY,CAAA;AAyC7D,MAAM,WAAW,iBAAiB;IAChC,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,wBAAgB,UAAU,CAAC,IAAI,GAAE,iBAAsB,GAAG,cAAc,CAkEvE"}

package/dist/plugins/link.js

@@ -0,0 +1,100 @@
+// The link plugin — a stateful, UI-bearing feature built entirely as a plugin
+// (no core editor changes). It owns its dialog state, its view (the modal), and
+// its effects (save/restore selection + toggle the link). This is the proof that
+// the plugin-UI extension makes such features pluggable rather than built-in.
+import { $getSelection, $isRangeSelection, $setSelection, } from 'lexical';
+import { $findMatchingParent } from '@lexical/utils';
+import { $isLinkNode, $toggleLink } from '@lexical/link';
+import { linkDialog } from '../surfaces/link-dialog.js';
+import { definePluginUI } from './ui.js';
+const PLUGIN = 'link';
+/** Read the URL of the link wrapping the current selection (empty if none). */
+function readLinkUrl(editor) {
+    return editor.getEditorState().read(() => {
+        const selection = $getSelection();
+        if (!$isRangeSelection(selection))
+            return '';
+        const link = $findMatchingParent(selection.anchor.getNode(), (node) => $isLinkNode(node));
+        return $isLinkNode(link) ? link.getURL() : '';
+    });
+}
+function dialogOpen(msg, current) {
+    switch (msg.type) {
+        case 'open':
+            return true;
+        case 'close':
+            return false;
+        case 'toggle':
+            return !current;
+        case 'setOpen':
+            return msg.open;
+    }
+}
+export function linkPlugin(opts = {}) {
+    // Selection saved when the dialog opens (the modal steals focus/selection),
+    // restored on commit. Encapsulated in the plugin instance — not the core editor.
+    let savedSelection = null;
+    const item = {
+        id: 'link',
+        label: 'Link',
+        icon: 'link',
+        group: 'inline',
+        keywords: ['url', 'href'],
+        run: (_editor, ctx) => ctx.send({ type: 'plugin', name: PLUGIN, msg: { type: 'open' } }),
+        isActive: (f) => f.link,
+        surfaces: ['toolbar', 'floating', 'context'],
+    };
+    return {
+        name: PLUGIN,
+        items: [item],
+        ui: definePluginUI({
+            init: () => ({ dialog: { open: false }, url: opts.defaultUrl ?? '' }),
+            update: (state, msg) => {
+                switch (msg.type) {
+                    case 'open':
+                        return [state, [{ type: 'begin' }]];
+                    case 'show':
+                        return { dialog: { open: true }, url: msg.url };
+                    case 'setUrl':
+                        return { ...state, url: msg.url };
+                    case 'submit':
+                        return [{ ...state, dialog: { open: false } }, [{ type: 'commit', url: state.url }]];
+                    case 'dialog': {
+                        const open = dialogOpen(msg.msg, state.dialog.open);
+                        return open === state.dialog.open ? state : { ...state, dialog: { open } };
+                    }
+                }
+            },
+            view: ({ state, send }) => [
+                linkDialog({
+                    dialog: state.at('dialog'),
+                    url: state.at('url'),
+                    onInput: (url) => send({ type: 'setUrl', url }),
+                    onSubmit: () => send({ type: 'submit' }),
+                    onDialog: (msg) => send({ type: 'dialog', msg }),
+                }),
+            ],
+            onEffect: (effect, ctx) => {
+                const editor = ctx.editor();
+                if (!editor)
+                    return;
+                if (effect.type === 'begin') {
+                    savedSelection = editor.getEditorState().read(() => {
+                        const selection = $getSelection();
+                        return selection ? selection.clone() : null;
+                    });
+                    ctx.send({ type: 'show', url: readLinkUrl(editor) });
+                    return;
+                }
+                const url = effect.url.trim();
+                editor.update(() => {
+                    if (savedSelection)
+                        $setSelection(savedSelection.clone());
+                    $toggleLink(url === '' ? null : url);
+                });
+                savedSelection = null;
+            },
+        }),
+    };
+}
+//# sourceMappingURL=link.js.map