@llui/markdown-editor 0.2.12 → 0.2.14

package/dist/surfaces/toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.js","sourceRoot":"","sources":["../../src/surfaces/toolbar.ts"],"names":[],"mappings":"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","sourcesContent":["// Toolbar surface. `connectToolbar` returns a parts bag (the @llui/components\n// idiom) driven reactively by the format signal; `toolbar` is a ready-made\n// grouped toolbar Mountable for consumers who don't want to hand-render buttons.\n\nimport {\n  button,\n  div,\n  option,\n  select,\n  span,\n  text,\n  tagSend,\n  unsafeHtml,\n  type Mountable,\n  type Send,\n  type Signal,\n} from '@llui/dom'\nimport type { CommandItem } from '../plugins/types.js'\nimport type { CollabStatus, EditorMsg, FormatState } from '../state.js'\n\nexport interface ToolbarItemParts {\n  type: 'button'\n  'data-scope': 'md-toolbar'\n  'data-part': 'item'\n  'data-id': string\n  'aria-label': string\n  title: string\n  'aria-pressed': Signal<'true' | 'false'>\n  'aria-disabled': Signal<'true' | undefined>\n  disabled: Signal<boolean>\n  'data-active': Signal<'' | undefined>\n  onClick: (e: MouseEvent) => void\n}\n\nexport interface ToolbarParts {\n  root: {\n    role: 'toolbar'\n    'aria-label': string\n    'data-scope': 'md-toolbar'\n    'data-part': 'root'\n  }\n  item: (id: string) => ToolbarItemParts\n}\n\n/** Build reactive toolbar parts from the format signal. Spread `item(id)` onto a\n * `<button>`; `aria-pressed` / `data-active` / `disabled` track the format. */\nexport function connectToolbar(\n  format: Signal<FormatState>,\n  send: Send<EditorMsg>,\n  items: readonly CommandItem[],\n): ToolbarParts {\n  const byId = new Map(items.map((i) => [i.id, i]))\n  return {\n    root: {\n      role: 'toolbar',\n      'aria-label': 'Formatting',\n      'data-scope': 'md-toolbar',\n      'data-part': 'root',\n    },\n    item: (id) => {\n      const item = byId.get(id)\n      const label = item?.label ?? id\n      return {\n        type: 'button',\n        'data-scope': 'md-toolbar',\n        'data-part': 'item',\n        'data-id': id,\n        'aria-label': label,\n        title: label,\n        'aria-pressed': format.map((f) => (item?.isActive?.(f) ? 'true' : 'false')),\n        'aria-disabled': format.map((f) => (item?.isDisabled?.(f) ? 'true' : undefined)),\n        disabled: format.map((f) => item?.isDisabled?.(f) ?? false),\n        'data-active': format.map((f) => (item?.isActive?.(f) ? '' : undefined)),\n        onClick: tagSend(send, ['runCommand'], () => send({ type: 'runCommand', id })),\n      }\n    },\n  }\n}\n\n/** Inline SVG icon (monochrome, inherits `currentColor`) used where a glyph\n * reads poorly. A glyph string starting with `<svg` is rendered as markup. */\nconst LINK_ICON =\n  '<svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M9.5 13.5a3.5 3.5 0 0 0 5 0l3-3a3.5 3.5 0 1 0-5-5l-1 1\"/><path d=\"M14.5 10.5a3.5 3.5 0 0 0-5 0l-3 3a3.5 3.5 0 1 0 5 5l1-1\"/></svg>'\n\nconst IMAGE_ICON =\n  '<svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"/><circle cx=\"9\" cy=\"9.5\" r=\"1.6\"/><path d=\"m4 18 5-5 4 4 3-3 4 4\"/></svg>'\n\n/** Compact glyphs so the default toolbar reads as a real toolbar without icon\n * assets. SVG strings render as icons; everything else as text. Override via\n * `ToolbarOptions.glyphs`. */\nexport const DEFAULT_GLYPHS: Readonly<Record<string, string>> = {\n  bold: 'B',\n  italic: 'I',\n  strikethrough: 'S',\n  code: '</>',\n  link: LINK_ICON,\n  image: IMAGE_ICON,\n  hr: '—',\n  table: '▦',\n  paragraph: '¶',\n  h1: 'H1',\n  h2: 'H2',\n  h3: 'H3',\n  quote: '❝',\n  codeBlock: '{ }',\n  bulletList: '•',\n  numberList: '1.',\n  checkList: '☑',\n  undo: '↺',\n  redo: '↻',\n}\n\nconst GROUP_ORDER = ['inline', 'block', 'list', 'insert', 'history']\n\nfunction groupItems(items: readonly CommandItem[]): string[][] {\n  const groups = new Map<string, string[]>()\n  for (const item of items) {\n    const key = item.group ?? 'other'\n    const list = groups.get(key) ?? []\n    list.push(item.id)\n    groups.set(key, list)\n  }\n  const ordered: string[][] = []\n  for (const key of GROUP_ORDER) {\n    const list = groups.get(key)\n    if (list) ordered.push(list)\n  }\n  for (const [key, list] of groups) {\n    if (!GROUP_ORDER.includes(key)) ordered.push(list)\n  }\n  return ordered\n}\n\nexport interface ToolbarOptions {\n  format: Signal<FormatState>\n  send: Send<EditorMsg>\n  items: readonly CommandItem[]\n  /** Explicit grouped layout of ids; defaults to grouping by `item.group`. */\n  groups?: readonly (readonly string[])[]\n  /** Glyph overrides (id → text/emoji). Merged over {@link DEFAULT_GLYPHS}. */\n  glyphs?: Readonly<Record<string, string>>\n  /** Render the `block` group as a `<select>` dropdown instead of buttons\n   * (default true). */\n  blockSelect?: boolean\n  /** Collaborative-session status. When supplied AND `enabled`, the toolbar\n   * appends a presence indicator (connection dot + live peer count). */\n  collab?: Signal<CollabStatus>\n  'aria-label'?: string\n}\n\n/** Connection/presence indicator for a collaborative session. */\nfunction presenceIndicator(collab: Signal<CollabStatus>): Mountable {\n  const statusOf = (c: CollabStatus): string =>\n    c.connected ? (c.synced ? 'synced' : 'connecting') : 'offline'\n  return div({ 'data-scope': 'md-toolbar', 'data-part': 'presence' }, [\n    span({\n      'data-part': 'presence-status',\n      'data-status': collab.map(statusOf),\n      'aria-hidden': 'true',\n      title: collab.map(statusOf),\n    }),\n    span(\n      {\n        'data-part': 'presence-peers',\n        role: 'status',\n        'aria-live': 'polite',\n      },\n      [text(collab.map((c) => (c.peers === 0 ? 'Only you' : `${c.peers + 1} editing`)))],\n    ),\n  ])\n}\n\n/** Render the `block` group as a native `<select>` of block types. */\nfunction blockTypeSelect(\n  format: Signal<FormatState>,\n  send: Send<EditorMsg>,\n  blockItems: readonly CommandItem[],\n): Mountable {\n  return select(\n    {\n      'data-scope': 'md-toolbar',\n      'data-part': 'block-select',\n      'aria-label': 'Block type',\n      value: format.map((f) => blockItems.find((i) => i.isActive?.(f))?.id ?? ''),\n      onChange: (e: Event) => {\n        const id = (e.currentTarget as HTMLSelectElement).value\n        if (id) send({ type: 'runCommand', id })\n      },\n    },\n    [\n      option({ value: '', hidden: true }, [text('—')]),\n      ...blockItems.map((i) => option({ value: i.id }, [text(i.label)])),\n    ],\n  )\n}\n\n/** A ready-made grouped toolbar. Items not surfaced to `'toolbar'` are dropped. */\nexport function toolbar(opts: ToolbarOptions): Mountable {\n  const surfaceItems = opts.items.filter((i) => i.surfaces?.includes('toolbar') ?? true)\n  const byId = new Map(surfaceItems.map((i) => [i.id, i]))\n  const parts = connectToolbar(opts.format, opts.send, surfaceItems)\n  const glyphs = { ...DEFAULT_GLYPHS, ...(opts.glyphs ?? {}) }\n\n  const useBlockSelect = opts.blockSelect !== false && !opts.groups\n  const blockItems = useBlockSelect ? surfaceItems.filter((i) => i.group === 'block') : []\n  const buttonItems = useBlockSelect\n    ? surfaceItems.filter((i) => i.group !== 'block')\n    : surfaceItems\n  const groups = opts.groups ?? groupItems(buttonItems)\n\n  const children: Mountable[] = []\n  if (blockItems.length > 0) {\n    children.push(\n      div({ 'data-scope': 'md-toolbar', 'data-part': 'group' }, [\n        blockTypeSelect(opts.format, opts.send, blockItems),\n      ]),\n    )\n  }\n  for (const ids of groups) {\n    const present = ids.filter((id) => byId.has(id))\n    if (present.length === 0) continue\n    children.push(\n      div(\n        { 'data-scope': 'md-toolbar', 'data-part': 'group' },\n        present.map((id) => {\n          const item = byId.get(id)!\n          const glyph = glyphs[id] ?? item.label\n          const glyphNode = glyph.trimStart().startsWith('<svg') ? unsafeHtml(glyph) : text(glyph)\n          return button({ ...parts.item(id) }, [\n            span({ 'data-part': 'glyph', 'aria-hidden': 'true' }, [glyphNode]),\n          ])\n        }),\n      ),\n    )\n  }\n\n  // Presence indicator (constant `enabled` after init, so a one-shot peek is safe).\n  if (opts.collab && opts.collab.peek().enabled) {\n    children.push(presenceIndicator(opts.collab))\n  }\n\n  return div(\n    { ...parts.root, ...(opts['aria-label'] ? { 'aria-label': opts['aria-label'] } : {}) },\n    children,\n  )\n}\n"]}
+{"version":3,"file":"toolbar.js","sourceRoot":"","sources":["../../src/surfaces/toolbar.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,2EAA2E;AAC3E,iFAAiF;AAEjF,OAAO,EACL,MAAM,EACN,GAAG,EACH,MAAM,EACN,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,UAAU,GAIX,MAAM,WAAW,CAAA;AA4BlB;+EAC+E;AAC/E,MAAM,UAAU,cAAc,CAC5B,MAA2B,EAC3B,IAAqB,EACrB,KAA6B;IAE7B,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;IACjD,OAAO;QACL,IAAI,EAAE;YACJ,IAAI,EAAE,SAAS;YACf,YAAY,EAAE,YAAY;YAC1B,YAAY,EAAE,YAAY;YAC1B,WAAW,EAAE,MAAM;SACpB;QACD,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE;YACX,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;YACzB,MAAM,KAAK,GAAG,IAAI,EAAE,KAAK,IAAI,EAAE,CAAA;YAC/B,OAAO;gBACL,IAAI,EAAE,QAAQ;gBACd,YAAY,EAAE,YAAY;gBAC1B,WAAW,EAAE,MAAM;gBACnB,SAAS,EAAE,EAAE;gBACb,YAAY,EAAE,KAAK;gBACnB,KAAK,EAAE,KAAK;gBACZ,cAAc,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;gBAC3E,eAAe,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;gBAChF,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC;gBAC3D,aAAa,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;gBACxE,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,YAAY,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC;aAC/E,CAAA;QACH,CAAC;KACF,CAAA;AACH,CAAC;AAED;8EAC8E;AAC9E,MAAM,SAAS,GACb,kTAAkT,CAAA;AAEpT,MAAM,UAAU,GACd,gSAAgS,CAAA;AAElS;;8BAE8B;AAC9B,MAAM,CAAC,MAAM,cAAc,GAAqC;IAC9D,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,GAAG;IACX,aAAa,EAAE,GAAG;IAClB,IAAI,EAAE,KAAK;IACX,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,UAAU;IACjB,EAAE,EAAE,GAAG;IACP,KAAK,EAAE,GAAG;IACV,SAAS,EAAE,GAAG;IACd,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,KAAK,EAAE,GAAG;IACV,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,GAAG;IACd,IAAI,EAAE,GAAG;IACT,IAAI,EAAE,GAAG;CACV,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAA;AAEpE,SAAS,UAAU,CAAC,KAA6B;IAC/C,MAAM,MAAM,GAAG,IAAI,GAAG,EAAoB,CAAA;IAC1C,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,IAAI,OAAO,CAAA;QACjC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE,CAAA;QAClC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QAClB,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CAAA;IACvB,CAAC;IACD,MAAM,OAAO,GAAe,EAAE,CAAA;IAC9B,KAAK,MAAM,GAAG,IAAI,WAAW,EAAE,CAAC;QAC9B,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QAC5B,IAAI,IAAI;YAAE,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC9B,CAAC;IACD,KAAK,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,MAAM,EAAE,CAAC;QACjC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC;YAAE,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACpD,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC;AAmBD,iEAAiE;AACjE,SAAS,iBAAiB,CAAC,MAA4B;IACrD,MAAM,QAAQ,GAAG,CAAC,CAAe,EAAU,EAAE,CAC3C,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAChE,OAAO,GAAG,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,EAAE;QAClE,IAAI,CAAC;YACH,WAAW,EAAE,iBAAiB;YAC9B,aAAa,EAAE,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC;YACnC,aAAa,EAAE,MAAM;YACrB,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC;SAC5B,CAAC;QACF,IAAI,CACF;YACE,WAAW,EAAE,gBAAgB;YAC7B,IAAI,EAAE,QAAQ;YACd,WAAW,EAAE,QAAQ;SACtB,EACD,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CACnF;KACF,CAAC,CAAA;AACJ,CAAC;AAED,sEAAsE;AACtE,SAAS,eAAe,CACtB,MAA2B,EAC3B,IAAqB,EACrB,UAAkC;IAElC,OAAO,MAAM,CACX;QACE,YAAY,EAAE,YAAY;QAC1B,WAAW,EAAE,cAAc;QAC3B,YAAY,EAAE,YAAY;QAC1B,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC;QAC3E,QAAQ,EAAE,CAAC,CAAQ,EAAE,EAAE;YACrB,MAAM,EAAE,GAAI,CAAC,CAAC,aAAmC,CAAC,KAAK,CAAA;YACvD,IAAI,EAAE;gBAAE,IAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAA;QAC1C,CAAC;KACF,EACD;QACE,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;QAChD,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;KACnE,CACF,CAAA;AACH,CAAC;AAED,mFAAmF;AACnF,MAAM,UAAU,OAAO,CAAC,IAAoB;IAC1C,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,CAAA;IACtF,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;IACxD,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC,CAAA;IAClE,MAAM,MAAM,GAAG,EAAE,GAAG,cAAc,EAAE,GAAG,CAAC,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC,EAAE,CAAA;IAE5D,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,KAAK,KAAK,IAAI,CAAC,IAAI,CAAC,MAAM,CAAA;IACjE,MAAM,UAAU,GAAG,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IACxF,MAAM,WAAW,GAAG,cAAc;QAChC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,OAAO,CAAC;QACjD,CAAC,CAAC,YAAY,CAAA;IAChB,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,UAAU,CAAC,WAAW,CAAC,CAAA;IAErD,MAAM,QAAQ,GAAgB,EAAE,CAAA;IAChC,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC1B,QAAQ,CAAC,IAAI,CACX,GAAG,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,EAAE;YACxD,eAAe,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC;SACpD,CAAC,CACH,CAAA;IACH,CAAC;IACD,KAAK,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;QACzB,MAAM,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;QAChD,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;YAAE,SAAQ;QAClC,QAAQ,CAAC,IAAI,CACX,GAAG,CACD,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,EACpD,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;YACjB,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAE,CAAA;YAC1B,MAAM,KAAK,GAAG,MAAM,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAA;YACtC,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;YACxF,OAAO,MAAM,CAAC,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;gBACnC,IAAI,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC;aACnE,CAAC,CAAA;QACJ,CAAC,CAAC,CACH,CACF,CAAA;IACH,CAAC;IAED,kFAAkF;IAClF,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC;QAC9C,QAAQ,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;IAC/C,CAAC;IAED,OAAO,GAAG,CACR,EAAE,GAAG,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EACtF,QAAQ,CACT,CAAA;AACH,CAAC"}

package/dist/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,iDAAiD;AACjD,EAAE;AACF,sEAAsE;AACtE,yEAAyE;AACzE,+EAA+E;AAC/E,gFAAgF;AAChF,+EAA+E;AAC/E,6EAA6E;AAC7E,EAAE;AACF,gFAAgF;AAChF,wDAAwD;AAIxD,MAAM,CAAC,MAAM,mBAAmB,GAAG,kBAAkB,CAAA;AACrD,MAAM,CAAC,MAAM,eAAe,GAAG,cAAc,CAAA;AAC7C,MAAM,CAAC,MAAM,6BAA6B,GAAG,4BAA4B,CAAA;AAEzE;;+DAE+D;AAC/D,MAAM,CAAC,MAAM,YAAY,GAAuB;IAC9C,IAAI,EAAE;QACJ,aAAa,EAAE,mBAAmB;QAClC,SAAS,EAAE,eAAe;QAC1B,sBAAsB,EAAE,6BAA6B;KACtD;CACF,CAAA;AAED;;;;;;;8EAO8E;AAC9E,MAAM,UAAU,UAAU,CAAC,KAA0B;IACnD,MAAM,IAAI,GAAG,EAAE,GAAG,YAAY,CAAC,IAAI,EAAE,GAAG,KAAK,EAAE,IAAI,EAAE,CAAA;IACrD,OAAQ,IAA8C,CAAC,uBAAuB,CAAA;IAC9E,OAAO,EAAE,GAAG,KAAK,EAAE,IAAI,EAAE,CAAA;AAC3B,CAAC","sourcesContent":["// Default Lexical theme for the markdown editor.\n//\n// Lexical styles most inline formats through semantic tags that carry\n// browser-default styling — bold→<strong>, italic→<em>, code→<code>. But\n// `strikethrough` (and `underline`) render as a bare <span> whose ONLY styling\n// hook is a `theme.text.<format>` class. With no theme the format is applied to\n// the model but is visually invisible. This default theme supplies those class\n// names; the bundled `styles/editor.css` gives them their `text-decoration`.\n//\n// Consumers can override any entry via `markdownEditor({ theme })` — the user's\n// theme is merged over this default (see `mergeTheme`).\n\nimport type { EditorThemeClasses } from 'lexical'\n\nexport const STRIKETHROUGH_CLASS = 'md-strikethrough'\nexport const UNDERLINE_CLASS = 'md-underline'\nexport const UNDERLINE_STRIKETHROUGH_CLASS = 'md-underline-strikethrough'\n\n/** The class hooks Lexical needs for text-decoration formats it renders as a\n * plain <span>. (`underlineStrikethrough` is Lexical's special composite key for\n * the case where both apply — both want `text-decoration`.) */\nexport const defaultTheme: EditorThemeClasses = {\n  text: {\n    strikethrough: STRIKETHROUGH_CLASS,\n    underline: UNDERLINE_CLASS,\n    underlineStrikethrough: UNDERLINE_STRIKETHROUGH_CLASS,\n  },\n}\n\n/** Merge a consumer theme over the default. `text` is merged per-key so a\n * consumer overriding (say) `strikethrough` keeps the default `underline`.\n *\n * Always returns a FRESH theme (never the shared `defaultTheme` singleton):\n * Lexical caches resolved class arrays by MUTATING the `text` object it is\n * handed (`text.__lexicalClassNameCache`). Handing it a fresh copy keeps the\n * exported singleton clean, and stripping any inherited cache prevents a stale\n * entry from a previously-used theme object shadowing an overridden class. */\nexport function mergeTheme(theme?: EditorThemeClasses): EditorThemeClasses {\n  const text = { ...defaultTheme.text, ...theme?.text }\n  delete (text as { __lexicalClassNameCache?: unknown }).__lexicalClassNameCache\n  return { ...theme, text }\n}\n"]}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,iDAAiD;AACjD,EAAE;AACF,sEAAsE;AACtE,yEAAyE;AACzE,+EAA+E;AAC/E,gFAAgF;AAChF,+EAA+E;AAC/E,6EAA6E;AAC7E,EAAE;AACF,gFAAgF;AAChF,wDAAwD;AAIxD,MAAM,CAAC,MAAM,mBAAmB,GAAG,kBAAkB,CAAA;AACrD,MAAM,CAAC,MAAM,eAAe,GAAG,cAAc,CAAA;AAC7C,MAAM,CAAC,MAAM,6BAA6B,GAAG,4BAA4B,CAAA;AAEzE;;+DAE+D;AAC/D,MAAM,CAAC,MAAM,YAAY,GAAuB;IAC9C,IAAI,EAAE;QACJ,aAAa,EAAE,mBAAmB;QAClC,SAAS,EAAE,eAAe;QAC1B,sBAAsB,EAAE,6BAA6B;KACtD;CACF,CAAA;AAED;;;;;;;8EAO8E;AAC9E,MAAM,UAAU,UAAU,CAAC,KAA0B;IACnD,MAAM,IAAI,GAAG,EAAE,GAAG,YAAY,CAAC,IAAI,EAAE,GAAG,KAAK,EAAE,IAAI,EAAE,CAAA;IACrD,OAAQ,IAA8C,CAAC,uBAAuB,CAAA;IAC9E,OAAO,EAAE,GAAG,KAAK,EAAE,IAAI,EAAE,CAAA;AAC3B,CAAC"}

package/dist/transformers/gfm.js.map

@@ -1 +1 @@
-{"version":3,"file":"gfm.js","sourceRoot":"","sources":["../../src/transformers/gfm.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,kFAAkF;AAGlF,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,gFAAgF;AAChF,wEAAwE;AACxE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAChE,OAAO,EAEL,OAAO,EACP,KAAK,EACL,cAAc,EACd,YAAY,EACZ,UAAU,EACV,IAAI,EACJ,gBAAgB,EAChB,sBAAsB,EACtB,SAAS,EACT,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,WAAW,EACX,SAAS,EACT,IAAI,GACL,MAAM,mBAAmB,CAAA;AAE1B,wDAAwD;AACxD,MAAM,CAAC,MAAM,SAAS,GAAsC;IAC1D,WAAW;IACX,SAAS;IACT,QAAQ;IACR,YAAY;IACZ,QAAQ;IACR,iBAAiB;IACjB,QAAQ;CACT,CAAA;AAED;;kEAEkE;AAClE,MAAM,CAAC,MAAM,wBAAwB,GAA2B;IAC9D,gBAAgB;IAChB,sBAAsB;IACtB,SAAS;IACT,eAAe;IACf,WAAW;IACX,iBAAiB;IACjB,aAAa;IACb,WAAW;IACX,SAAS;CACV,CAAA;AAED,yDAAyD;AACzD,MAAM,CAAC,MAAM,gBAAgB,GAA2B;IACtD,OAAO;IACP,KAAK;IACL,4EAA4E;IAC5E,2EAA2E;IAC3E,UAAU;IACV,cAAc;IACd,YAAY;IACZ,IAAI;IACJ,GAAG,wBAAwB;IAC3B,IAAI;CACL,CAAA","sourcesContent":["// The built-in GFM superset: node classes + the explicit transformer set that\n// maps exactly to those nodes (no surprise nodes — HR/tables are opt-in plugins).\n\nimport type { Klass, LexicalNode } from 'lexical'\nimport { HeadingNode, QuoteNode } from '@lexical/rich-text'\nimport { ListNode, ListItemNode } from '@lexical/list'\nimport { LinkNode } from '@lexical/link'\n// `@lexical/code-core` (not `@lexical/code`) keeps Prism out of the bundle — we\n// never register syntax highlighting, so plain CodeNode is all we need.\nimport { CodeNode, CodeHighlightNode } from '@lexical/code-core'\nimport {\n  type Transformer,\n  HEADING,\n  QUOTE,\n  UNORDERED_LIST,\n  ORDERED_LIST,\n  CHECK_LIST,\n  CODE,\n  BOLD_ITALIC_STAR,\n  BOLD_ITALIC_UNDERSCORE,\n  BOLD_STAR,\n  BOLD_UNDERSCORE,\n  ITALIC_STAR,\n  ITALIC_UNDERSCORE,\n  STRIKETHROUGH,\n  INLINE_CODE,\n  HIGHLIGHT,\n  LINK,\n} from '@lexical/markdown'\n\n/** Node classes required to render the GFM superset. */\nexport const GFM_NODES: ReadonlyArray<Klass<LexicalNode>> = [\n  HeadingNode,\n  QuoteNode,\n  ListNode,\n  ListItemNode,\n  CodeNode,\n  CodeHighlightNode,\n  LinkNode,\n]\n\n/** Inline text-format transformers (no block nodes, no node registration). These\n * are the only transformers a single-block / inline-only editor needs; `LINK` is\n * kept separate since it requires `LinkNode` to be registered. */\nexport const INLINE_TEXT_TRANSFORMERS: readonly Transformer[] = [\n  BOLD_ITALIC_STAR,\n  BOLD_ITALIC_UNDERSCORE,\n  BOLD_STAR,\n  BOLD_UNDERSCORE,\n  ITALIC_STAR,\n  ITALIC_UNDERSCORE,\n  STRIKETHROUGH,\n  INLINE_CODE,\n  HIGHLIGHT,\n]\n\n/** Markdown ↔ node transformers for the GFM superset. */\nexport const GFM_TRANSFORMERS: readonly Transformer[] = [\n  HEADING,\n  QUOTE,\n  // CHECK_LIST must precede the plain list transformers: `- [ ]`/`- [x]` also\n  // match `- `, so UNORDERED_LIST would otherwise swallow it as bullet text.\n  CHECK_LIST,\n  UNORDERED_LIST,\n  ORDERED_LIST,\n  CODE,\n  ...INLINE_TEXT_TRANSFORMERS,\n  LINK,\n]\n"]}
+{"version":3,"file":"gfm.js","sourceRoot":"","sources":["../../src/transformers/gfm.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,kFAAkF;AAGlF,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,gFAAgF;AAChF,wEAAwE;AACxE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAChE,OAAO,EAEL,OAAO,EACP,KAAK,EACL,cAAc,EACd,YAAY,EACZ,UAAU,EACV,IAAI,EACJ,gBAAgB,EAChB,sBAAsB,EACtB,SAAS,EACT,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,WAAW,EACX,SAAS,EACT,IAAI,GACL,MAAM,mBAAmB,CAAA;AAE1B,wDAAwD;AACxD,MAAM,CAAC,MAAM,SAAS,GAAsC;IAC1D,WAAW;IACX,SAAS;IACT,QAAQ;IACR,YAAY;IACZ,QAAQ;IACR,iBAAiB;IACjB,QAAQ;CACT,CAAA;AAED;;kEAEkE;AAClE,MAAM,CAAC,MAAM,wBAAwB,GAA2B;IAC9D,gBAAgB;IAChB,sBAAsB;IACtB,SAAS;IACT,eAAe;IACf,WAAW;IACX,iBAAiB;IACjB,aAAa;IACb,WAAW;IACX,SAAS;CACV,CAAA;AAED,yDAAyD;AACzD,MAAM,CAAC,MAAM,gBAAgB,GAA2B;IACtD,OAAO;IACP,KAAK;IACL,4EAA4E;IAC5E,2EAA2E;IAC3E,UAAU;IACV,cAAc;IACd,YAAY;IACZ,IAAI;IACJ,GAAG,wBAAwB;IAC3B,IAAI;CACL,CAAA"}

package/dist/transformers/registry.js.map

@@ -1 +1 @@
-{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../src/transformers/registry.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,+EAA+E;AAC/E,kDAAkD;AAKlD,6EAA6E;AAC7E,6EAA6E;AAC7E,mEAAmE;AACnE,MAAM,SAAS,GAA2B;IACxC,mBAAmB,EAAE,CAAC;IACtB,OAAO,EAAE,CAAC;IACV,aAAa,EAAE,CAAC;IAChB,YAAY,EAAE,CAAC;CAChB,CAAA;AAED,+DAA+D;AAC/D,MAAM,UAAU,iBAAiB,CAAC,YAAoC;IACpE,OAAO,CAAC,GAAG,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACrC,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACjC,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACjC,IAAI,EAAE,KAAK,EAAE;YAAE,OAAO,EAAE,GAAG,EAAE,CAAA;QAC7B,IAAI,CAAC,CAAC,IAAI,KAAK,aAAa,IAAI,CAAC,CAAC,IAAI,KAAK,aAAa,EAAE,CAAC;YACzD,qDAAqD;YACrD,OAAO,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,CAAA;QACpC,CAAC;QACD,OAAO,CAAC,CAAA;IACV,CAAC,CAAC,CAAA;AACJ,CAAC;AAED;;kCAEkC;AAClC,MAAM,UAAU,iBAAiB,CAAC,OAAkC;IAClE,MAAM,IAAI,GAAG,IAAI,GAAG,EAAe,CAAA;IACnC,MAAM,SAAS,GAAkB,EAAE,CAAA;IACnC,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;QAC7B,KAAK,MAAM,WAAW,IAAI,MAAM,CAAC,YAAY,IAAI,EAAE,EAAE,CAAC;YACpD,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;gBAC3B,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;gBACrB,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;YAC7B,CAAC;QACH,CAAC;IACH,CAAC;IACD,OAAO,iBAAiB,CAAC,SAAS,CAAC,CAAA;AACrC,CAAC","sourcesContent":["// The transformer registry: flatten plugin transformer contributions into a\n// single, correctly-ordered Lexical TRANSFORMERS array. Ordering is the single\n// place markdown round-trip fidelity is governed.\n\nimport type { Transformer } from '@lexical/markdown'\nimport type { MarkdownPlugin } from '../plugins/types.js'\n\n// Lexical resolves transformers in array order. Element/multiline constructs\n// must be tried before inline text matching, and longer text-format patterns\n// (e.g. `***`) before shorter (`**`, `*`) so they aren't shadowed.\nconst TYPE_RANK: Record<string, number> = {\n  'multiline-element': 0,\n  element: 1,\n  'text-format': 2,\n  'text-match': 3,\n}\n\n/** Stable-sort transformers into the order Lexical expects. */\nexport function orderTransformers(transformers: readonly Transformer[]): Transformer[] {\n  return [...transformers].sort((a, b) => {\n    const ra = TYPE_RANK[a.type] ?? 9\n    const rb = TYPE_RANK[b.type] ?? 9\n    if (ra !== rb) return ra - rb\n    if (a.type === 'text-format' && b.type === 'text-format') {\n      // Longer trigger (`***`) before shorter (`**`, `*`).\n      return b.tag.length - a.tag.length\n    }\n    return 0\n  })\n}\n\n/** Collect every plugin's transformers (de-duplicated by reference) and order\n * them. The result is passed to `$convertTo/FromMarkdownString` and\n * `registerMarkdownShortcuts`. */\nexport function buildTransformers(plugins: readonly MarkdownPlugin[]): Transformer[] {\n  const seen = new Set<Transformer>()\n  const collected: Transformer[] = []\n  for (const plugin of plugins) {\n    for (const transformer of plugin.transformers ?? []) {\n      if (!seen.has(transformer)) {\n        seen.add(transformer)\n        collected.push(transformer)\n      }\n    }\n  }\n  return orderTransformers(collected)\n}\n"]}
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../src/transformers/registry.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,+EAA+E;AAC/E,kDAAkD;AAKlD,6EAA6E;AAC7E,6EAA6E;AAC7E,mEAAmE;AACnE,MAAM,SAAS,GAA2B;IACxC,mBAAmB,EAAE,CAAC;IACtB,OAAO,EAAE,CAAC;IACV,aAAa,EAAE,CAAC;IAChB,YAAY,EAAE,CAAC;CAChB,CAAA;AAED,+DAA+D;AAC/D,MAAM,UAAU,iBAAiB,CAAC,YAAoC;IACpE,OAAO,CAAC,GAAG,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACrC,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACjC,MAAM,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACjC,IAAI,EAAE,KAAK,EAAE;YAAE,OAAO,EAAE,GAAG,EAAE,CAAA;QAC7B,IAAI,CAAC,CAAC,IAAI,KAAK,aAAa,IAAI,CAAC,CAAC,IAAI,KAAK,aAAa,EAAE,CAAC;YACzD,qDAAqD;YACrD,OAAO,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,CAAA;QACpC,CAAC;QACD,OAAO,CAAC,CAAA;IACV,CAAC,CAAC,CAAA;AACJ,CAAC;AAED;;kCAEkC;AAClC,MAAM,UAAU,iBAAiB,CAAC,OAAkC;IAClE,MAAM,IAAI,GAAG,IAAI,GAAG,EAAe,CAAA;IACnC,MAAM,SAAS,GAAkB,EAAE,CAAA;IACnC,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE,CAAC;QAC7B,KAAK,MAAM,WAAW,IAAI,MAAM,CAAC,YAAY,IAAI,EAAE,EAAE,CAAC;YACpD,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;gBAC3B,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;gBACrB,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;YAC7B,CAAC;QACH,CAAC;IACH,CAAC;IACD,OAAO,iBAAiB,CAAC,SAAS,CAAC,CAAA;AACrC,CAAC"}

package/package.json

@@ -1,32 +1,29 @@
 {
   "name": "@llui/markdown-editor",
-  "version": "0.2.12",
+  "version": "0.2.14",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
     },
     "./plugins/core": {
-      "import": "./dist/plugins/core.js",
-      "types": "./dist/plugins/core.d.ts"
+      "types": "./dist/plugins/core.d.ts",
+      "import": "./dist/plugins/core.js"
     },
     "./plugins/callout": {
-      "import": "./dist/plugins/callout.js",
-      "types": "./dist/plugins/callout.d.ts"
+      "types": "./dist/plugins/callout.d.ts",
+      "import": "./dist/plugins/callout.js"
     },
     "./surfaces/toolbar": {
-      "import": "./dist/surfaces/toolbar.js",
-      "types": "./dist/surfaces/toolbar.d.ts"
+      "types": "./dist/surfaces/toolbar.d.ts",
+      "import": "./dist/surfaces/toolbar.js"
     },
     "./styles/editor.css": "./dist/styles/editor.css"
   },
   "peerDependencies": {
-    "@llui/dom": "^0.11.5",
-    "@llui/lexical": "^0.2.8",
-    "@llui/components": "^0.12.2",
     "lexical": "^0.46.0",
     "@lexical/markdown": "^0.46.0",
     "@lexical/rich-text": "^0.46.0",
@@ -35,7 +32,11 @@
     "@lexical/table": "^0.46.0",
     "@lexical/selection": "^0.46.0",
     "@lexical/utils": "^0.46.0",
-    "@lexical/code-core": "^0.46.0"
+    "@lexical/code-core": "^0.46.0",
+    "@llui/dom": "^0.11.8",
+    "@llui/lexical": "^0.2.10",
+    "@llui/markdown": "^0.11.3",
+    "@llui/components": "^0.12.4"
   },
   "devDependencies": {
     "lexical": "^0.46.0",
@@ -50,9 +51,10 @@
     "typescript": "^6.0.0",
     "vitest": "^4.1.2",
     "@lexical/code-core": "^0.46.0",
-    "@llui/dom": "0.11.5",
-    "@llui/lexical": "0.2.8",
-    "@llui/components": "0.12.2"
+    "@llui/dom": "0.11.8",
+    "@llui/markdown": "0.11.3",
+    "@llui/components": "0.12.4",
+    "@llui/lexical": "0.2.10"
   },
   "sideEffects": [
     "./dist/styles/editor.css"
@@ -78,8 +80,12 @@
   },
   "homepage": "https://github.com/fponticelli/llui/tree/main/packages/markdown-editor#readme",
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "build": "tsc -p tsconfig.build.json && mkdir -p dist/styles && cp src/styles/editor.css dist/styles/",
     "check": "tsc --noEmit -p tsconfig.check.json",

package/src/editor.ts

@@ -0,0 +1,339 @@
+// `markdownEditor(config)` — the high-level component. Lexical owns the live
+// document; this wires the foreign seam to the markdown transformer converters,
+// surfaces the format state for the chrome, routes command intents back to the
+// live editor through effects, and COMPOSES plugin UI extensions (each plugin's
+// state slice + reducer + view + effects) into the single component.
+
+import { $getRoot, $setSelection, type EditorThemeClasses, type LexicalEditor } from 'lexical'
+import {
+  $convertFromMarkdownString,
+  $convertToMarkdownString,
+  registerMarkdownShortcuts,
+} from '@lexical/markdown'
+import { component, div, type Renderable, type Signal, type SignalComponentDef } from '@llui/dom'
+import {
+  lexicalForeign,
+  registerDecoratorBridges,
+  PROGRAMMATIC_TAG,
+  type DecoratorBridge,
+} from '@llui/lexical'
+import { corePlugin } from './plugins/core.js'
+import { linkPlugin } from './plugins/link.js'
+import { registerMarkdownPaste } from './paste.js'
+import { registerLinkSanitizer } from './security.js'
+import { toolbar as renderToolbar } from './surfaces/toolbar.js'
+import type { CommandItem, MarkdownPlugin } from './plugins/types.js'
+import type { PluginUI } from './plugins/ui.js'
+import { buildTransformers } from './transformers/registry.js'
+import { mergeTheme } from './theme.js'
+import { computeFormatState } from './format.js'
+import { makeOnEffect } from './effects.js'
+import {
+  countWords,
+  init,
+  update,
+  type EditorEffect,
+  type EditorMsg,
+  type EditorOutMsg,
+  type EditorState,
+  type FormatState,
+} from './state.js'
+
+export interface EditorConfig {
+  /** Plugins composing the feature set; order defines transformer precedence.
+   * Defaults to `[corePlugin(), linkPlugin()]` so the minimal editor has GFM + links. */
+  plugins?: readonly MarkdownPlugin[]
+  /** Initial markdown (uncontrolled seed). */
+  defaultValue?: string
+  /** Controlled: the consumer owns this signal; the editor follows it. */
+  value?: Signal<string>
+  /** Debounced markdown-emission window (ms). Default 300. */
+  changeDebounceMs?: number
+  placeholder?: string
+  readonly?: boolean
+  /** Lexical theme class map. */
+  theme?: EditorThemeClasses
+  /** Editor namespace (instance isolation). */
+  namespace?: string
+  /** Outbound markdown (after debounce). */
+  onChange?: (markdown: string) => void
+  /** Outbound format surface (for chrome built outside this package). */
+  onFormatChange?: (format: FormatState) => void
+  /** Receives the live Lexical editor at mount (imperative access, collab hooks). */
+  onReady?: (editor: LexicalEditor) => void
+  /** Render the built-in toolbar above the editor. Default false (minimal). */
+  toolbar?: boolean
+  /** Convert plain-text Markdown to rich content on paste. Default true.
+   * Pastes that carry `text/html` are always left to Lexical's HTML import,
+   * regardless of this flag. Set false to paste Markdown as literal text. */
+  pasteMarkdown?: boolean
+  /** Enable collaborative editing. The editor hands you a markdown `seed` and
+   * status sinks; return a binding (build it with `yjsCollab` from
+   * `@llui/lexical-collab`, wiring your own provider). Mutually exclusive with
+   * `value` — the shared CRDT document, not a markdown signal, owns the content.
+   * `defaultValue` becomes the seed the bootstrapping peer writes. */
+  collab?: CollabFactory
+}
+
+/** Disposer-returning binding the collab layer installs on the live editor.
+ * `@llui/lexical-collab`'s `YjsCollab` satisfies this structurally, so
+ * `@llui/markdown-editor` needs no Yjs dependency of its own. */
+export interface CollabBinding {
+  register: (editor: LexicalEditor) => () => void
+}
+
+/** Hooks the editor injects into the {@link CollabFactory}: a markdown `seed`
+ * (run once by the bootstrapping peer to fill an empty shared doc from
+ * `defaultValue`) plus status sinks the editor mirrors into `state.collab`.
+ * Spread straight into `yjsCollab({ id, provider, user, ...hooks })`. */
+export interface CollabHooks {
+  seed: (editor: LexicalEditor) => void
+  onStatus: (connected: boolean) => void
+  onSync: (synced: boolean) => void
+  onPeers: (count: number) => void
+}
+
+/** Builds the collab binding from the editor-supplied hooks. */
+export type CollabFactory = (hooks: CollabHooks) => CollabBinding
+
+/** Hooks the chrome layer (toolbar/menus) uses to compose around the editor. */
+export interface EditorParts {
+  /** The merged, surface-filtered command items. */
+  items: readonly CommandItem[]
+  /** Reactive format signal for `connect`-style toolbars. */
+  format: Signal<FormatState>
+}
+
+/** Default plugin set when the consumer supplies none. */
+function defaultPlugins(): MarkdownPlugin[] {
+  return [corePlugin(), linkPlugin()]
+}
+
+/** The per-mount `send` closure — the WeakMap key that ties a live editor to the
+ * one mount it belongs to. */
+type EditorSend = (msg: EditorMsg) => void
+
+/** Per-mount live state: the Lexical editor captured by that mount's `onReady`. */
+interface MountContext {
+  editor: LexicalEditor | null
+}
+
+/**
+ * Build the markdown editor component. Embed it with `mountApp(el, markdownEditor(...))`
+ * or compose it inside a larger component.
+ */
+export function markdownEditor(
+  config: EditorConfig = {},
+): SignalComponentDef<EditorState, EditorMsg, EditorEffect> {
+  const plugins = config.plugins && config.plugins.length > 0 ? config.plugins : defaultPlugins()
+  const transformers = buildTransformers(plugins)
+
+  const items: CommandItem[] = plugins.flatMap((p) => p.items ?? [])
+  const itemsById = new Map(items.map((i) => [i.id, i]))
+  // Share the merged item list with plugins that want it (e.g. the slash menu).
+  for (const plugin of plugins) plugin.onItems?.(items)
+  const decorators: DecoratorBridge[] = plugins.flatMap((p) => p.decorators ?? [])
+  const pluginUIs: Array<{ name: string; ui: PluginUI }> = plugins
+    .filter((p): p is MarkdownPlugin & { ui: PluginUI } => p.ui !== undefined)
+    .map((p) => ({ name: p.name, ui: p.ui }))
+  const pluginUIByName = new Map(pluginUIs.map((p) => [p.name, p.ui]))
+
+  // Per-MOUNT live-editor context, keyed by the mount's stable `send` closure —
+  // the SAME object the runtime hands to both `view` and `onEffect`. A single
+  // definition can be mounted more than once (or re-mounted); each mount gets its
+  // own editor reference here, so effects and plugin handlers dispatch to their
+  // own editor and unmount clears only that mount's reference (no cross-wiring,
+  // no leaked disposed editor). Entries are collected with their `send` key.
+  const mountContexts = new WeakMap<EditorSend, MountContext>()
+  const contextFor = (send: EditorSend): MountContext => {
+    let ctx = mountContexts.get(send)
+    if (!ctx) {
+      ctx = { editor: null }
+      mountContexts.set(send, ctx)
+    }
+    return ctx
+  }
+
+  const baseOnEffect = makeOnEffect((api) => contextFor(api.send).editor, itemsById, {
+    onChange: config.onChange,
+    onFormatChange: config.onFormatChange,
+    applyValue: (editor, value) =>
+      editor.update(
+        () => {
+          $convertFromMarkdownString(value, transformers)
+          // Clear selection so the reconciler doesn't pull DOM focus into the
+          // editor on an external push (e.g. typing in a bound source textarea).
+          $setSelection(null)
+        },
+        { tag: PROGRAMMATIC_TAG },
+      ),
+  })
+
+  if (config.collab && config.value) {
+    throw new Error(
+      'markdownEditor: `collab` and `value` are mutually exclusive — in a collaborative ' +
+        'session the shared CRDT document owns the content, not a markdown signal. ' +
+        'Use `defaultValue` as the bootstrap seed instead.',
+    )
+  }
+
+  const collabEnabled = !!config.collab
+  const seedValue = config.value ? config.value.peek() : (config.defaultValue ?? '')
+
+  // ── Composed TEA: core + plugin UI slices ──────────────────────────────────
+  const composedInit = (): [EditorState, EditorEffect[]] => {
+    const [core, effects] = init({
+      value: seedValue,
+      readonly: config.readonly ?? false,
+      collab: collabEnabled,
+    })
+    const slices: Record<string, unknown> = {}
+    for (const { name, ui } of pluginUIs) slices[name] = ui.init()
+    return [{ ...core, plugins: slices }, effects]
+  }
+
+  const composedUpdate = (state: EditorState, msg: EditorMsg): [EditorState, EditorEffect[]] => {
+    if (msg.type === 'plugin') {
+      const ui = pluginUIByName.get(msg.name)
+      if (!ui?.update) return [state, []]
+      const result = ui.update(state.plugins[msg.name], msg.msg)
+      const [slice, effects] = (Array.isArray(result) ? result : [result, []]) as [
+        unknown,
+        unknown[],
+      ]
+      return [
+        { ...state, plugins: { ...state.plugins, [msg.name]: slice } },
+        effects.map((effect) => ({ type: 'pluginEffect' as const, name: msg.name, effect })),
+      ]
+    }
+    return update(state, msg)
+  }
+
+  const composedOnEffect = (
+    effect: EditorEffect,
+    api: { send: (msg: EditorMsg) => void; state: Signal<EditorState> },
+  ): void => {
+    if (effect.type === 'pluginEffect') {
+      const mount = contextFor(api.send)
+      const ui = pluginUIByName.get(effect.name)
+      ui?.onEffect?.(effect.effect, {
+        editor: () => mount.editor,
+        send: (msg) => api.send({ type: 'plugin', name: effect.name, msg }),
+        emit: (msg) => api.send(msg as EditorMsg),
+      })
+      return
+    }
+    baseOnEffect(effect, api)
+  }
+
+  const view = ({
+    state,
+    send,
+  }: {
+    state: Signal<EditorState>
+    send: (msg: EditorMsg) => void
+  }): Renderable => {
+    // This mount's live-editor slot (keyed by this mount's `send`). `onReady`
+    // fills it; effects/plugins read it through `contextFor(api.send)`.
+    const mount = contextFor(send)
+
+    // Build the collab binding (once, at mount) from the consumer's factory,
+    // injecting the markdown seed + status sinks that mirror into `state.collab`.
+    const collabBinding: CollabBinding | null = config.collab
+      ? config.collab({
+          seed: () => {
+            $convertFromMarkdownString(seedValue, transformers)
+            $setSelection(null)
+          },
+          onStatus: (connected) => send({ type: 'collabStatus', connected }),
+          onSync: (synced) => send({ type: 'collabSync', synced }),
+          onPeers: (peers) => send({ type: 'collabPeers', peers }),
+        })
+      : null
+
+    const host = lexicalForeign<EditorOutMsg>({
+      namespace: config.namespace ?? 'llui-markdown',
+      theme: mergeTheme(config.theme),
+      plugins,
+      serialize: (editor) =>
+        editor.getEditorState().read(() => $convertToMarkdownString(transformers)),
+      deserialize: (_editor, value) => {
+        $convertFromMarkdownString(value, transformers)
+        $setSelection(null)
+      },
+      // In collab mode the shared CRDT owns the document: the local undo stack
+      // and the boot-time seed are disabled — the binding supplies a scoped undo
+      // manager and a sync-gated bootstrap instead.
+      ...(collabBinding ? { history: false, seedMode: 'deferred' as const } : {}),
+      defaultValue: collabBinding || config.value ? undefined : (config.defaultValue ?? ''),
+      ...(config.value && !collabBinding ? { value: config.value } : {}),
+      readonly: state.at('readonly'),
+      ...(config.changeDebounceMs !== undefined
+        ? { changeDebounceMs: config.changeDebounceMs }
+        : {}),
+      register: (editor) => {
+        const disposers = [
+          registerMarkdownShortcuts(editor, transformers),
+          // Global scheme allowlist for links: the single backstop covering the
+          // link dialog, pasted/imported markdown, and the typed `[x](url)`
+          // shortcut. Image src is enforced in the image transformer.
+          registerLinkSanitizer(editor),
+        ]
+        if (config.pasteMarkdown !== false)
+          disposers.push(registerMarkdownPaste(editor, transformers))
+        if (decorators.length > 0) disposers.push(registerDecoratorBridges(editor, decorators))
+        if (collabBinding) disposers.push(collabBinding.register(editor))
+        return () => {
+          for (const dispose of disposers) dispose()
+          // Release this mount's editor reference so a disposed editor never
+          // leaks and stale effects can't reach a torn-down editor.
+          mount.editor = null
+        }
+      },
+      onReady: (editor) => {
+        mount.editor = editor
+        if (config.placeholder) {
+          editor.getRootElement()?.setAttribute('data-placeholder', config.placeholder)
+        }
+        config.onReady?.(editor)
+      },
+      onChange: (value) => send({ type: 'markdownChanged', value }),
+      onSelectionChange: (ctx) => {
+        const format = computeFormatState(ctx.editor, ctx)
+        const text = ctx.editor.getEditorState().read(() => $getRoot().getTextContent())
+        // Toggle an empty marker so CSS can show the placeholder.
+        ctx.editor.getRootElement()?.setAttribute('data-empty', text === '' ? 'true' : 'false')
+        send({ type: 'formatChanged', format, wordCount: countWords(text), charCount: text.length })
+      },
+      emit: (msg) => send(msg),
+    })
+
+    // Plugin view contributions (overlays/panels) — each gets its own slice + send.
+    const pluginViews: Renderable = pluginUIs.flatMap(({ name, ui }) => {
+      if (!ui.view) return []
+      const rendered = ui.view({
+        state: state.at(`plugins.${name}`),
+        send: (msg) => send({ type: 'plugin', name, msg }),
+        editor: () => mount.editor,
+      })
+      return Array.isArray(rendered) ? rendered : [rendered]
+    })
+
+    if (!config.toolbar) return [host, ...pluginViews]
+    return [
+      div({ 'data-scope': 'md-editor', 'data-part': 'root' }, [
+        renderToolbar({ format: state.at('format'), send, items, collab: state.at('collab') }),
+        div({ 'data-scope': 'md-editor', 'data-part': 'surface' }, [host]),
+      ]),
+      ...pluginViews,
+    ]
+  }
+
+  return component<EditorState, EditorMsg, EditorEffect>({
+    name: 'MarkdownEditor',
+    init: composedInit,
+    update: composedUpdate,
+    view,
+    onEffect: composedOnEffect,
+  })
+}

package/src/effects.ts

@@ -0,0 +1,53 @@
+// Effect handler: the only place TEA reaches back into the live Lexical editor.
+// `execCommand` looks an id up in the merged command-item map and runs it on the
+// editor captured at mount; emit* forward to the consumer's callbacks.
+
+import type { LexicalEditor } from 'lexical'
+import type { CommandItem } from './plugins/types.js'
+import type { EditorEffect, EditorMsg, FormatState } from './state.js'
+
+/** The api the component passes to `onEffect` (send + state). */
+export interface EffectApi {
+  send: (msg: EditorMsg) => void
+}
+
+export interface EffectConfig {
+  onChange?: (markdown: string) => void
+  onFormatChange?: (format: FormatState) => void
+  /** Push markdown into the live editor (deserialize), without echoing onChange. */
+  applyValue: (editor: LexicalEditor, value: string) => void
+}
+
+/** Build the component's `onEffect`. `resolveEditor` maps the per-mount effect
+ * `api` (whose `send` identifies the mount) to that mount's live editor — so two
+ * mounts of one definition dispatch to their own editors; `items` is the merged
+ * id → command map. */
+export function makeOnEffect(
+  resolveEditor: (api: EffectApi) => LexicalEditor | null,
+  items: ReadonlyMap<string, CommandItem>,
+  config: EffectConfig,
+): (effect: EditorEffect, api: EffectApi) => void {
+  return (effect, api) => {
+    switch (effect.type) {
+      case 'execCommand': {
+        const editor = resolveEditor(api)
+        const item = items.get(effect.id)
+        if (editor && item) item.run(editor, { send: api.send })
+        return
+      }
+      case 'applyValue': {
+        const editor = resolveEditor(api)
+        if (editor) config.applyValue(editor, effect.value)
+        return
+      }
+      case 'emitChange': {
+        config.onChange?.(effect.value)
+        return
+      }
+      case 'emitFormat': {
+        config.onFormatChange?.(effect.format)
+        return
+      }
+    }
+  }
+}

package/src/format.ts

@@ -0,0 +1,57 @@
+// Compute the full toolbar FormatState from a Lexical selection — the base
+// rich-text format (from @llui/lexical) refined with list/code/link detection
+// (which needs the list/code/link packages this layer depends on).
+
+import { $getSelection, $isRangeSelection, type LexicalEditor } from 'lexical'
+import { $findMatchingParent, $getNearestNodeOfType } from '@lexical/utils'
+import { ListNode, $isListItemNode } from '@lexical/list'
+import { $isCodeNode } from '@lexical/code-core'
+import { $isLinkNode } from '@lexical/link'
+import { $readBaseFormat } from '@llui/lexical'
+import type { SelectionContext } from '@llui/lexical'
+import { EMPTY_FORMAT, type BlockType, type FormatState } from './state.js'
+
+/** Read the full format surface at the current selection (opens a read ctx). */
+export function computeFormatState(
+  editor: LexicalEditor,
+  history: Pick<SelectionContext, 'canUndo' | 'canRedo'>,
+): FormatState {
+  return editor.getEditorState().read(() => {
+    const base = $readBaseFormat()
+    if (!base.hasSelection) {
+      return { ...EMPTY_FORMAT, canUndo: history.canUndo, canRedo: history.canRedo }
+    }
+
+    let blockType: BlockType = base.blockType
+    let link = false
+
+    const selection = $getSelection()
+    if ($isRangeSelection(selection)) {
+      const anchorNode = selection.anchor.getNode()
+      link = $findMatchingParent(anchorNode, (node) => $isLinkNode(node)) !== null
+
+      if (base.blockType === 'other') {
+        const listItem = $findMatchingParent(anchorNode, (node) => $isListItemNode(node))
+        if (listItem) {
+          const list = $getNearestNodeOfType(anchorNode, ListNode)
+          if (list) blockType = list.getListType()
+        } else {
+          const top = anchorNode.getKey() === 'root' ? null : anchorNode.getTopLevelElement()
+          if (top && $isCodeNode(top)) blockType = 'code'
+        }
+      }
+    }
+
+    return {
+      bold: base.bold,
+      italic: base.italic,
+      strikethrough: base.strikethrough,
+      code: base.code,
+      link,
+      blockType,
+      alignment: base.alignment,
+      canUndo: history.canUndo,
+      canRedo: history.canRedo,
+    }
+  })
+}