@rcarls/rc-textarea-plugin-markdown 0.5.0 → 0.7.0

package/CHANGELOG.md

@@ -1,5 +1,70 @@
 # @rcarls/rc-textarea-plugin-markdown
 
+## 0.7.0
+
+### Minor Changes
+
+- 54d9ead: Localize every component's built-in text. Button names, role
+  descriptions, announcements, and default labels now resolve per key from
+  the element's `messages` property, then from text registered with
+  `registerMessages(locale, catalog)` in `@rcarls/rc-common`, then from the
+  English defaults. The locale is the element's own `lang`, else
+  `<html lang>`; an ancestor's `lang` is ignored, because it usually marks
+  content rather than the interface. Components re-render when that locale
+  changes or new text is registered. `RcMessageCatalog` types the catalog,
+  and each package adds its scope to it.
+
+  Numbers a component formats as text follow the same locale:
+  `rc-progress`'s default percentage and `rc-splitter`'s `aria-valuetext`
+  use `Intl.NumberFormat`. `TypeaheadController` matches prefixes with an
+  `Intl.Collator`, so case and accents are ignored the way the locale
+  ignores them, and takes a `locale` option. `ItemsCollectionController`'s
+  `setCreateOption(text, label?)` takes the option's visible text from its
+  caller.
+
+  `rc-transfer-list`'s direction arrows are now decorative: screen readers
+  read only the action name, and the arrows turn over in RTL.
+
+  **Breaking:** chrome-text properties are replaced by `messages`. Migrate:
+
+  - `rc-search-bar` `clear-label` / `clearLabel` → `messages.clear`
+  - `rc-adaptive-menu` `overflow-label` / `overflowLabel` → `messages.overflow`
+  - `rc-chip-group` `show-all-label` / `showAllLabel` and `show-less-label` /
+    `showLessLabel` → `messages.showAll` and `messages.showLess`
+  - `rc-select` and `rc-combobox` `dialog-confirm-label` /
+    `dialogConfirmLabel` and `dialog-cancel-label` / `dialogCancelLabel` →
+    `messages.done` and `messages.cancel`
+  - `rc-editor-toolbar` `label` → `messages.toolbar`
+
+  Per-instance names stay attributes, but now default to `undefined` and fall
+  back to a message: `label` on `rc-adaptive-menu`, `rc-chip-group`,
+  `rc-menubar`, and `rc-splitter`; `available-label` and `selected-label`
+  on `rc-transfer-list`; `low-label` and `high-label` on `rc-range-slider`.
+  Read the resolved name from the rendered `aria-label` instead of the
+  property.
+
+- 253ba66: Correct package dependency declarations and prevent bundled Markdown implementation types from
+  leaking into the editor declarations.
+
+  BREAKING CHANGE: `@rcarls/rc-textarea-adapters` now treats `@rcarls/rc-textarea` as a peer instead
+  of installing it as a runtime dependency. Both textarea extension packages require a compatible
+  pre-1 `@rcarls/rc-textarea` release; install it alongside either extension package when upgrading.
+
+- 6b99ced: **Breaking:** replace `LineDisclosureController` with `FoldingActionController`.
+  Pass a caller-owned panel as `target` and render it through a block widget, or pass
+  `{ fromLine, toLine }` to fold source lines. Panel creation and content revision now
+  belong to the plugin. Set `initiallyExpanded: false` to retain the old diagnostic
+  panel default; call `clear()` when document identity changes.
+
+  Folding actions keep source text, form values, and undo history intact. The Markdown
+  plugin adds gutter folds for heading sections, lists, code blocks, block quotes,
+  and GFM tables. The base gutter has a 24px minimum width; Material uses 48px.
+  Folding buttons expose `fold-trigger` and `fold-icon` CSS parts, and
+  `createMarkdownPlugin({ folding: { createTriggerIcon } })` lets consumers choose
+  the Markdown fold icon.
+
+## 0.6.0
+
 ## 0.5.0
 
 ## 0.4.2

package/README.md

@@ -1,11 +1,21 @@
 # @rcarls/rc-textarea-plugin-markdown
 
-Markdown decoration plugin for `rc-textarea`.
+Markdown decoration and folding plugin for `rc-textarea`. Its gutter actions fold heading
+sections, multiline lists, code blocks, block quotes, and GFM tables while preserving source text.
+
+Use `createMarkdownPlugin({ folding: { createTriggerIcon } })` to choose its
+folding icon. Style the button and icon through `rc-textarea::part(fold-trigger)`
+and `rc-textarea::part(fold-icon)`.
 
 Docs: [https://richardcarls.github.io/rc-webcomponents/components/rc-textarea](https://richardcarls.github.io/rc-webcomponents/components/rc-textarea).
 
 Part of the [rc-webcomponents](https://github.com/richardcarls/rc-webcomponents) library.
 
+## Localization
+
+The plugin has no element of its own, so it reads no `lang` and no registered messages. Pass
+fold toggle text in `createMarkdownPlugin({ messages: { block, fold } })`.
+
 ## Documentation
 
 Full API, usage examples, and keyboard/accessibility notes are on the

package/dist/rc-textarea-plugin-markdown.js

@@ -1,7 +1,14 @@
-import { fromMarkdown as l } from "mdast-util-from-markdown";
-import { visit as m } from "unist-util-visit";
-import { micromark as d } from "micromark";
-const u = {
+import { fromMarkdown as E } from "mdast-util-from-markdown";
+import { gfmTableFromMarkdown as M } from "mdast-util-gfm-table";
+import { visit as v } from "unist-util-visit";
+import { micromark as P } from "micromark";
+import { gfmTable as x, gfmTableHtml as _ } from "micromark-extension-gfm-table";
+import "@rcarls/rc-textarea";
+import { FoldingActionController as D } from "@rcarls/rc-textarea/folding";
+const L = Object.freeze({
+  block: (e, i) => e === "heading" ? `Heading level ${i}` : e,
+  fold: (e, i, c) => `${e} at line ${i}: ${c}`
+}), $ = x(), S = M(), C = {
   heading: { bold: !0, className: "rte-heading" },
   emphasis: { italic: !0 },
   strong: { bold: !0 },
@@ -9,28 +16,69 @@ const u = {
   link: { underline: "solid", className: "rte-link" },
   blockquote: { className: "rte-blockquote" }
 };
-function f(t) {
-  return d(t);
+function F(e) {
+  return P(e, {
+    extensions: [$],
+    htmlExtensions: [_()]
+  });
 }
-function s() {
+function w(e = {}) {
+  const i = { ...L, ...e.messages };
+  let c = null, s = null, d = !1;
   return {
-    getPreviewHtml: f,
-    update(t, a) {
-      const c = l(t), e = [];
-      m(c, (o) => {
-        const r = u[o.type], i = o.position?.start.offset, n = o.position?.end.offset;
-        r !== void 0 && i !== void 0 && n !== void 0 && e.push({ type: "mark", from: i, to: n, ...r });
-      }), a.setDecorations(e);
+    getPreviewHtml: F,
+    mount(a) {
+      s = a.host, d = !s.gutter && !s.lineNumbers, d && (s.gutter = !0), c = new D(a, e.folding);
+    },
+    destroy() {
+      c?.clear(), c = null, s && d && (s.gutter = !1), s = null, d = !1;
+    },
+    update(a, N) {
+      const f = E(a, {
+        extensions: [$],
+        mdastExtensions: [S]
+      }), u = [], p = [], g = a.split(`
+`), h = /* @__PURE__ */ new Map(), b = (t, o, l, n) => {
+        const r = t.position?.start.line;
+        if (r === void 0 || l > n)
+          return;
+        const y = g[r - 1]?.trim() ?? "", T = "depth" in t ? `${t.depth}` : "", m = `${t.type}${T}:${y}`, A = h.get(m) ?? 0;
+        h.set(m, A + 1), p.push({
+          key: `${m}:${A}`,
+          gutterLine: r,
+          label: i.fold(o, r, y),
+          target: { fromLine: l, toLine: n }
+        });
+      }, k = f.children.filter((t) => t.type === "heading");
+      for (const [t, o] of k.entries()) {
+        const l = (o.position?.end.line ?? 0) + 1;
+        let n = g.length;
+        for (const r of k.slice(t + 1))
+          if (r.depth <= o.depth) {
+            n = (r.position?.start.line ?? n + 1) - 1;
+            break;
+          }
+        b(o, i.block("heading", o.depth), l, n);
+      }
+      v(f, (t) => {
+        const o = C[t.type], l = t.position?.start.offset, n = t.position?.end.offset;
+        o !== void 0 && l !== void 0 && n !== void 0 && u.push({ type: "mark", from: l, to: n, ...o }), t.position && ["list", "code", "blockquote", "table"].includes(t.type) && b(
+          t,
+          i.block(t.type),
+          t.position.start.line + 1,
+          t.position.end.line
+        );
+      }), N.setDecorations([...u, ...c?.getDecorations(p) ?? []]);
     }
   };
 }
-const v = s();
-function w() {
-  return s();
+const R = w();
+function U(e = {}) {
+  return w(e);
 }
 export {
-  w as createMarkdownPlugin,
-  f as getMarkdownPreviewHtml,
-  v as markdownPlugin
+  U as createMarkdownPlugin,
+  F as getMarkdownPreviewHtml,
+  R as markdownPlugin
 };
 //# sourceMappingURL=rc-textarea-plugin-markdown.js.map

package/dist/rc-textarea-plugin-markdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"rc-textarea-plugin-markdown.js","sources":["../src/markdown-plugin.ts"],"sourcesContent":["import { fromMarkdown } from 'mdast-util-from-markdown';\nimport { visit } from 'unist-util-visit';\nimport { micromark } from 'micromark';\n\nimport type { RCTextareaPlugin, RCTextareaPluginAPI, DecorationInput } from '@rcarls/rc-textarea';\n\n/** Minimal shape of a unist node as used by visit(). */\ninterface VisitNode {\n  type: string;\n  position?: {\n    start: { offset?: number };\n    end: { offset?: number };\n  };\n}\n\n\n/** Decoration styles applied per MDAST node type. */\nconst DECORATION_MAP: Record<string, Partial<Omit<DecorationInput, 'type' | 'from' | 'to'>>> = {\n  heading:    { bold: true, className: 'rte-heading' },\n  emphasis:   { italic: true },\n  strong:     { bold: true },\n  inlineCode: { className: 'rte-code' },\n  link:       { underline: 'solid', className: 'rte-link' },\n  blockquote: { className: 'rte-blockquote' },\n};\n\n/** Render a markdown string to safe HTML using micromark (no raw HTML passthrough). */\nexport function getMarkdownPreviewHtml(value: string): string {\n  return micromark(value);\n}\n\nfunction buildPlugin(): RCTextareaPlugin & { getPreviewHtml(value: string): string } {\n  return {\n    getPreviewHtml: getMarkdownPreviewHtml,\n\n    update(value: string, api: RCTextareaPluginAPI): void {\n      const tree = fromMarkdown(value);\n      const decorations: DecorationInput[] = [];\n\n      visit(tree, (node: VisitNode) => {\n        const style = DECORATION_MAP[node.type];\n        const start = node.position?.start.offset;\n        const end = node.position?.end.offset;\n\n        if (style !== undefined && start !== undefined && end !== undefined) {\n          decorations.push({ type: 'mark', from: start, to: end, ...style } as DecorationInput);\n        }\n      });\n\n      api.setDecorations(decorations);\n    },\n  };\n}\n\n/** Singleton markdown plugin. Use when a single instance is sufficient. */\nexport const markdownPlugin = buildPlugin();\n\n/** Factory for cases where multiple independent instances are needed. */\nexport function createMarkdownPlugin(): RCTextareaPlugin & {\n  getPreviewHtml(value: string): string;\n} {\n  return buildPlugin();\n}\n"],"names":["DECORATION_MAP","getMarkdownPreviewHtml","value","micromark","buildPlugin","api","tree","fromMarkdown","decorations","visit","node","style","start","end","markdownPlugin","createMarkdownPlugin"],"mappings":";;;AAiBA,MAAMA,IAAyF;AAAA,EAC7F,SAAY,EAAE,MAAM,IAAM,WAAW,cAAA;AAAA,EACrC,UAAY,EAAE,QAAQ,GAAA;AAAA,EACtB,QAAY,EAAE,MAAM,GAAA;AAAA,EACpB,YAAY,EAAE,WAAW,WAAA;AAAA,EACzB,MAAY,EAAE,WAAW,SAAS,WAAW,WAAA;AAAA,EAC7C,YAAY,EAAE,WAAW,iBAAA;AAC3B;AAGO,SAASC,EAAuBC,GAAuB;AAC5D,SAAOC,EAAUD,CAAK;AACxB;AAEA,SAASE,IAA4E;AACnF,SAAO;AAAA,IACL,gBAAgBH;AAAA,IAEhB,OAAOC,GAAeG,GAAgC;AACpD,YAAMC,IAAOC,EAAaL,CAAK,GACzBM,IAAiC,CAAA;AAEvC,MAAAC,EAAMH,GAAM,CAACI,MAAoB;AAC/B,cAAMC,IAAQX,EAAeU,EAAK,IAAI,GAChCE,IAAQF,EAAK,UAAU,MAAM,QAC7BG,IAAMH,EAAK,UAAU,IAAI;AAE/B,QAAIC,MAAU,UAAaC,MAAU,UAAaC,MAAQ,UACxDL,EAAY,KAAK,EAAE,MAAM,QAAQ,MAAMI,GAAO,IAAIC,GAAK,GAAGF,GAA0B;AAAA,MAExF,CAAC,GAEDN,EAAI,eAAeG,CAAW;AAAA,IAChC;AAAA,EAAA;AAEJ;AAGO,MAAMM,IAAiBV,EAAA;AAGvB,SAASW,IAEd;AACA,SAAOX,EAAA;AACT;"}
+{"version":3,"file":"rc-textarea-plugin-markdown.js","sources":["../src/markdown-plugin.ts"],"sourcesContent":["import { fromMarkdown } from 'mdast-util-from-markdown';\nimport { gfmTableFromMarkdown } from 'mdast-util-gfm-table';\nimport { visit } from 'unist-util-visit';\nimport { micromark } from 'micromark';\nimport { gfmTable, gfmTableHtml } from 'micromark-extension-gfm-table';\n\nimport {\n  type RCTextarea,\n  type RCTextareaPlugin,\n  type RCTextareaPluginAPI,\n  type DecorationInput,\n} from '@rcarls/rc-textarea';\nimport {\n  FoldingActionController,\n  type FoldingAction,\n  type FoldingActionControllerOptions,\n} from '@rcarls/rc-textarea/folding';\n\n/** Text of the Markdown plugin's fold toggles. */\nexport interface MarkdownPluginMessages {\n  /** Name of a foldable block from its MDAST type, such as `Heading level 2` or `code`. */\n  block: (type: string, depth?: number) => string;\n  /** Accessible name of a fold toggle. */\n  fold: (block: string, line: number, title: string) => string;\n}\n\nexport const DEFAULT_MARKDOWN_PLUGIN_MESSAGES: Readonly<MarkdownPluginMessages> = Object.freeze({\n  block: (type: string, depth?: number) => (type === 'heading' ? `Heading level ${depth}` : type),\n  fold: (block: string, line: number, title: string) => `${block} at line ${line}: ${title}`,\n});\n\n/** Options for the Markdown plugin. */\nexport interface MarkdownPluginOptions {\n  /** Visual options for the folding actions. */\n  folding?: FoldingActionControllerOptions;\n  /**\n   * Fold toggle text overrides, for a non-English interface. The plugin has no\n   * element of its own, so it reads no `lang` and no registered messages.\n   */\n  messages?: Partial<MarkdownPluginMessages>;\n}\n\n/** Minimal shape of a unist node as used by visit(). */\ninterface VisitNode {\n  type: string;\n  position?: {\n    start: { offset?: number; line: number };\n    end: { offset?: number; line: number };\n  };\n}\n\nconst TABLE_SYNTAX = gfmTable();\nconst TABLE_AST = gfmTableFromMarkdown();\n\n/** Decoration styles applied per MDAST node type. */\nconst DECORATION_MAP: Record<string, Partial<Omit<DecorationInput, 'type' | 'from' | 'to'>>> = {\n  heading: { bold: true, className: 'rte-heading' },\n  emphasis: { italic: true },\n  strong: { bold: true },\n  inlineCode: { className: 'rte-code' },\n  link: { underline: 'solid', className: 'rte-link' },\n  blockquote: { className: 'rte-blockquote' },\n};\n\n/** Render a markdown string to safe HTML using micromark (no raw HTML passthrough). */\nexport function getMarkdownPreviewHtml(value: string): string {\n  return micromark(value, {\n    extensions: [TABLE_SYNTAX],\n    htmlExtensions: [gfmTableHtml()],\n  });\n}\n\nfunction buildPlugin(options: MarkdownPluginOptions = {}): RCTextareaPlugin & {\n  getPreviewHtml(value: string): string;\n} {\n  const messages = { ...DEFAULT_MARKDOWN_PLUGIN_MESSAGES, ...options.messages };\n  let folding: FoldingActionController | null = null;\n  let host: RCTextarea | null = null;\n  let enabledGutter = false;\n\n  return {\n    getPreviewHtml: getMarkdownPreviewHtml,\n\n    mount(api: RCTextareaPluginAPI): void {\n      host = api.host as RCTextarea;\n      enabledGutter = !host.gutter && !host.lineNumbers;\n\n      if (enabledGutter) {\n        host.gutter = true;\n      }\n\n      folding = new FoldingActionController(api, options.folding);\n    },\n\n    destroy(): void {\n      folding?.clear();\n      folding = null;\n\n      if (host && enabledGutter) {\n        host.gutter = false;\n      }\n\n      host = null;\n      enabledGutter = false;\n    },\n\n    update(value: string, api: RCTextareaPluginAPI): void {\n      const tree = fromMarkdown(value, {\n        extensions: [TABLE_SYNTAX],\n        mdastExtensions: [TABLE_AST],\n      });\n      const decorations: DecorationInput[] = [];\n      const actions: FoldingAction[] = [];\n      const lines = value.split('\\n');\n      const keyCounts = new Map<string, number>();\n\n      const addFold = (node: VisitNode, block: string, fromLine: number, toLine: number): void => {\n        const line = node.position?.start.line;\n\n        if (line === undefined || fromLine > toLine) {\n          return;\n        }\n\n        const title = lines[line - 1]?.trim() ?? '';\n        // Keys stay in English-free MDAST terms so a fold survives a locale change.\n        const depth = 'depth' in node ? `${node.depth as number}` : '';\n        const baseKey = `${node.type}${depth}:${title}`;\n        const occurrence = keyCounts.get(baseKey) ?? 0;\n\n        keyCounts.set(baseKey, occurrence + 1);\n\n        actions.push({\n          key: `${baseKey}:${occurrence}`,\n          gutterLine: line,\n          label: messages.fold(block, line, title),\n          target: { fromLine, toLine },\n        });\n      };\n\n      const headings = tree.children.filter((node) => node.type === 'heading');\n\n      for (const [index, heading] of headings.entries()) {\n        const fromLine = (heading.position?.end.line ?? 0) + 1;\n        let toLine = lines.length;\n\n        for (const later of headings.slice(index + 1)) {\n          if (later.depth <= heading.depth) {\n            toLine = (later.position?.start.line ?? toLine + 1) - 1;\n\n            break;\n          }\n        }\n\n        addFold(heading, messages.block('heading', heading.depth), fromLine, toLine);\n      }\n\n      visit(tree, (node: VisitNode) => {\n        const style = DECORATION_MAP[node.type];\n        const start = node.position?.start.offset;\n        const end = node.position?.end.offset;\n\n        if (style !== undefined && start !== undefined && end !== undefined) {\n          decorations.push({ type: 'mark', from: start, to: end, ...style } as DecorationInput);\n        }\n\n        if (node.position && ['list', 'code', 'blockquote', 'table'].includes(node.type)) {\n          addFold(\n            node,\n            messages.block(node.type),\n            node.position.start.line + 1,\n            node.position.end.line,\n          );\n        }\n      });\n\n      api.setDecorations([...decorations, ...(folding?.getDecorations(actions) ?? [])]);\n    },\n  };\n}\n\n/** Singleton markdown plugin. Use when a single instance is sufficient. */\nexport const markdownPlugin = buildPlugin();\n\n/** Factory for cases where multiple independent instances are needed. */\nexport function createMarkdownPlugin(options: MarkdownPluginOptions = {}): RCTextareaPlugin & {\n  getPreviewHtml(value: string): string;\n} {\n  return buildPlugin(options);\n}\n"],"names":["DEFAULT_MARKDOWN_PLUGIN_MESSAGES","type","depth","block","line","title","TABLE_SYNTAX","gfmTable","TABLE_AST","gfmTableFromMarkdown","DECORATION_MAP","getMarkdownPreviewHtml","value","micromark","gfmTableHtml","buildPlugin","options","messages","folding","host","enabledGutter","api","FoldingActionController","tree","fromMarkdown","decorations","actions","lines","keyCounts","addFold","node","fromLine","toLine","baseKey","occurrence","headings","index","heading","later","visit","style","start","end","markdownPlugin","createMarkdownPlugin"],"mappings":"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"}

package/dist/types/index.d.ts

@@ -1 +1,2 @@
-export { markdownPlugin, createMarkdownPlugin, getMarkdownPreviewHtml } from './markdown-plugin.ts';
+export { markdownPlugin, createMarkdownPlugin, getMarkdownPreviewHtml } from './markdown-plugin.js';
+export type { MarkdownPluginOptions } from './markdown-plugin.js';

package/dist/types/markdown-plugin.d.ts

@@ -1,4 +1,23 @@
 import { RCTextareaPlugin } from '@rcarls/rc-textarea';
+import { FoldingActionControllerOptions } from '@rcarls/rc-textarea/folding';
+/** Text of the Markdown plugin's fold toggles. */
+export interface MarkdownPluginMessages {
+    /** Name of a foldable block from its MDAST type, such as `Heading level 2` or `code`. */
+    block: (type: string, depth?: number) => string;
+    /** Accessible name of a fold toggle. */
+    fold: (block: string, line: number, title: string) => string;
+}
+export declare const DEFAULT_MARKDOWN_PLUGIN_MESSAGES: Readonly<MarkdownPluginMessages>;
+/** Options for the Markdown plugin. */
+export interface MarkdownPluginOptions {
+    /** Visual options for the folding actions. */
+    folding?: FoldingActionControllerOptions;
+    /**
+     * Fold toggle text overrides, for a non-English interface. The plugin has no
+     * element of its own, so it reads no `lang` and no registered messages.
+     */
+    messages?: Partial<MarkdownPluginMessages>;
+}
 /** Render a markdown string to safe HTML using micromark (no raw HTML passthrough). */
 export declare function getMarkdownPreviewHtml(value: string): string;
 /** Singleton markdown plugin. Use when a single instance is sufficient. */
@@ -6,6 +25,6 @@ export declare const markdownPlugin: RCTextareaPlugin & {
     getPreviewHtml(value: string): string;
 };
 /** Factory for cases where multiple independent instances are needed. */
-export declare function createMarkdownPlugin(): RCTextareaPlugin & {
+export declare function createMarkdownPlugin(options?: MarkdownPluginOptions): RCTextareaPlugin & {
     getPreviewHtml(value: string): string;
 };

package/package.json

@@ -3,8 +3,8 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.5.0",
-  "description": "Markdown decoration plugin for rc-textarea.",
+  "version": "0.7.0",
+  "description": "Markdown decoration and folding plugin for rc-textarea.",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/richardcarls/rc-webcomponents.git",
@@ -28,21 +28,31 @@
   "types": "./dist/types/index.d.ts",
   "sideEffects": false,
   "scripts": {
-    "build": "tsc && vite build"
+    "build": "tsc && vite build",
+    "test:browser": "vitest --run"
   },
   "devDependencies": {
-    "@rcarls/rc-textarea": "0.5.0",
+    "@rcarls/rc-textarea": "0.7.0",
+    "@vitest/browser-playwright": "4.1.5",
+    "lit": "^3.0.0",
     "mdast-util-from-markdown": "^2.0.2",
+    "mdast-util-gfm-table": "^2.0.0",
     "micromark": "^4.0.2",
+    "micromark-extension-gfm-table": "^2.0.0",
+    "playwright": "^1.56.0",
     "typescript": "~5.9.3",
     "unist-util-visit": "^5.0.0",
     "vite": "^7.1.7",
-    "vite-plugin-dts": "^4.5.4"
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.0.6",
+    "vitest-browser-lit": "^1.0.1"
   },
   "peerDependencies": {
     "@rcarls/rc-textarea": ">=0.2.0 <1.0.0",
     "mdast-util-from-markdown": ">=2.0.0",
+    "mdast-util-gfm-table": ">=2.0.0",
     "micromark": ">=4.0.0",
+    "micromark-extension-gfm-table": ">=2.0.0",
     "unist-util-visit": ">=5.0.0"
   }
 }