@colixsystems/widget-sdk 0.275.2 → 0.277.0

package/dist/source-mask.cjs

@@ -0,0 +1,169 @@
+// GENERATED from source-mask.js by scripts/generate-cjs.js — DO NOT EDIT.
+// Change source-mask.js, then run `npm run generate:cjs` in packages/widget-sdk.
+"use strict";
+
+// sc-6086: the shared source masker, extracted verbatim from linter.js so the
+// linter, the packer's import scanner, and the dev-server guard all agree on
+// what is code and what is a comment or string literal (CLAUDE.md §3).
+//
+// Length-preserving: every blanked character becomes a space and newlines are
+// kept, so an index into the mask is the SAME index in the original source.
+// That is what lets a caller match against the mask and splice the original.
+
+// Replace the *content* of comments and string / template literals with
+// spaces so the banned-identifier scan only ever sees executable code. A
+// banned host-escape identifier (`window`, `document`, `eval`, `process`, …)
+// is only dangerous as a real identifier reference — never as prose in a
+// `//` comment or as character data inside a string — so matching the bare
+// word there is a false positive that blocks an otherwise-clean widget (a
+// comment that reads "the hour window the grid renders" must not trip
+// `no-window`).
+//
+// Newlines are preserved verbatim so reported line numbers still line up
+// with the original source. Template-literal `${ … }` expression holes are
+// left intact: real code lives there and must still be scanned (`${window}`
+// is a genuine escape). Backslash escapes inside strings/templates are
+// consumed so an escaped quote (`"\""`) doesn't end the literal early.
+function stripNonCode(
+  source,
+  { keepStrings = false, keepTemplates = keepStrings } = {},
+) {
+  let out = "";
+  const n = source.length;
+  let mode = "code"; // code | line | block | sq | dq | tmpl
+  // Brace depth, plus a stack of the depths at which an enclosing template
+  // literal resumes — lets a `${ … }` hole (which may itself contain `{}`,
+  // strings, or nested templates) be told apart from the literal text.
+  let braceDepth = 0;
+  const tmplStack = [];
+  const keep = (ch) => {
+    out += ch;
+  };
+  const blank = (ch) => {
+    out += ch === "\n" || ch === "\r" ? ch : " ";
+  };
+  // String / template CONTENT: blanked for the banned-identifier scan
+  // (prose must not trip `no-window`), kept for the host-API-URL scan,
+  // whose whole job is to find a URL literal.
+  const str = keepStrings ? keep : blank;
+  // An import specifier is always a quoted string, never a template literal —
+  // so the import scanner keeps quoted content and blanks templates, which is
+  // what stops an `import … from "./x"` line inside a backtick block from
+  // reading as a real statement.
+  const tmplStr = keepTemplates ? keep : blank;
+  let i = 0;
+  while (i < n) {
+    const ch = source[i];
+    const nx = source[i + 1];
+    if (mode === "code") {
+      if (ch === "/" && nx === "/") {
+        mode = "line";
+        blank(ch);
+        blank(nx);
+        i += 2;
+      } else if (ch === "/" && nx === "*") {
+        mode = "block";
+        blank(ch);
+        blank(nx);
+        i += 2;
+      } else if (ch === "'") {
+        mode = "sq";
+        str(ch);
+        i += 1;
+      } else if (ch === '"') {
+        mode = "dq";
+        str(ch);
+        i += 1;
+      } else if (ch === "`") {
+        mode = "tmpl";
+        tmplStr(ch);
+        i += 1;
+      } else if (ch === "{") {
+        braceDepth += 1;
+        keep(ch);
+        i += 1;
+      } else if (ch === "}") {
+        braceDepth -= 1;
+        if (
+          tmplStack.length > 0 &&
+          tmplStack[tmplStack.length - 1] === braceDepth
+        ) {
+          tmplStack.pop();
+          mode = "tmpl";
+          str(ch);
+        } else {
+          keep(ch);
+        }
+        i += 1;
+      } else {
+        keep(ch);
+        i += 1;
+      }
+    } else if (mode === "line") {
+      if (ch === "\n") {
+        mode = "code";
+        keep(ch);
+      } else {
+        blank(ch);
+      }
+      i += 1;
+    } else if (mode === "block") {
+      if (ch === "*" && nx === "/") {
+        mode = "code";
+        blank(ch);
+        blank(nx);
+        i += 2;
+      } else {
+        blank(ch);
+        i += 1;
+      }
+    } else if (mode === "sq" || mode === "dq") {
+      const quote = mode === "sq" ? "'" : '"';
+      if (ch === "\\") {
+        str(ch);
+        if (i + 1 < n) str(nx);
+        i += 2;
+      } else if (ch === quote) {
+        mode = "code";
+        str(ch);
+        i += 1;
+      } else if (ch === "\n") {
+        // A bare newline terminates an unterminated string in JS; bail back
+        // to code so malformed input can't blank the rest of the file.
+        mode = "code";
+        keep(ch);
+        i += 1;
+      } else {
+        str(ch);
+        i += 1;
+      }
+    } else {
+      // mode === "tmpl"
+      if (ch === "\\") {
+        tmplStr(ch);
+        if (i + 1 < n) tmplStr(nx);
+        i += 2;
+      } else if (ch === "`") {
+        mode = "code";
+        tmplStr(ch);
+        i += 1;
+      } else if (ch === "$" && nx === "{") {
+        // Enter an expression hole. Remember the brace depth the template
+        // resumes at, then count the `{` so its matching `}` is recognised.
+        tmplStack.push(braceDepth);
+        braceDepth += 1;
+        mode = "code";
+        keep(ch);
+        keep(nx);
+        i += 2;
+      } else {
+        tmplStr(ch);
+        i += 1;
+      }
+    }
+  }
+  return out;
+}
+module.exports = {
+  stripNonCode,
+};

package/dist/theme-appearance.cjs

@@ -1,9 +1,12 @@
-// CommonJS mirror of theme-appearance.js, for the backend's theme coercion and
-// the compiler. The BODY is copied VERBATIM; theme-appearance-parity.test.js
-// pins identical bodies and identical behaviour.
+// GENERATED from theme-appearance.js by scripts/generate-cjs.js — DO NOT EDIT.
+// Change theme-appearance.js, then run `npm run generate:cjs` in packages/widget-sdk.
+"use strict";
 
 const { isHexColor, APPEARANCE_PREFERENCES } = require("./contract.cjs");
 
+// APPEARANCE_PREFERENCES: what an app opens on and a user may choose.
+
+
 // REQ-THEME-APPEARANCE (sc-12335) — the ONE implementation of an app's light and
 // dark palettes, and of which one is showing. Host surface, not author API.
 
@@ -181,10 +184,9 @@ function themeInBothModes(theme, mode, twin) {
   if (mode !== "dark") return withDarkPalette(base, twinPalette);
   return withDarkPalette(overlayPalette(base, twinPalette), recolourablePalette(base));
 }
-
 module.exports = {
-  APPEARANCE_MODES,
   APPEARANCE_PREFERENCES,
+  APPEARANCE_MODES,
   themePaletteOf,
   normaliseAppearance,
   resolveAppearancePreference,

package/dist/theme-appearance.js

@@ -1,6 +1,6 @@
+// APPEARANCE_PREFERENCES: what an app opens on and a user may choose.
 import { isHexColor, APPEARANCE_PREFERENCES } from "./contract.js";
 
-// What an app opens on and a user may choose; one list, in the contract.
 export { APPEARANCE_PREFERENCES };
 
 // REQ-THEME-APPEARANCE (sc-12335) — the ONE implementation of an app's light and

package/dist/theme-background.cjs

@@ -1,10 +1,6 @@
-// CommonJS mirror of theme-background.js — the compiler (Expo export) and the
-// Mason build runner are CJS and must resolve an app background and a login
-// design against the SAME rules the web hosts apply, or the two renders diverge.
-//
-// The BODY below is copied VERBATIM from theme-background.js; only the module
-// syntax differs. theme-background-parity.test.js pins both facts — identical
-// bodies AND identical behaviour over a shared case table — so drift fails CI.
+// GENERATED from theme-background.js by scripts/generate-cjs.js — DO NOT EDIT.
+// Change theme-background.js, then run `npm run generate:cjs` in packages/widget-sdk.
+"use strict";
 
 // REQ-THEME-08 / REQ-PLR-05-CUSTOM — the ONE implementation of the app's
 // background gradient and of the sign-in screen's design, shared by both hosts.
@@ -169,7 +165,6 @@ function resolveLoginTextVisibility(login) {
     subheading: own.hideSubheading !== true,
   };
 }
-
 module.exports = {
   LOGIN_TEXT_MAX_LENGTH,
   normaliseThemeGradient,

package/dist/theme-components.cjs

@@ -1,10 +1,8 @@
-// CommonJS mirror of theme-components.js — the Mason build runner (CJS)
-// validates a `set_theme` components blob against the SAME vocabulary the hosts
-// apply, so what a planner may persist and what a widget renders cannot diverge.
-//
-// The BODY below is copied VERBATIM from theme-components.js; only the module
-// syntax differs. theme-components-parity.test.js pins both facts — identical
-// bodies AND identical behaviour over a shared case table — so drift fails CI.
+// GENERATED from theme-components.js by scripts/generate-cjs.js — DO NOT EDIT.
+// Change theme-components.js, then run `npm run generate:cjs` in packages/widget-sdk.
+"use strict";
+
+const { CONTRACT, normaliseComponentGradient } = require("./contract.cjs");
 
 // REQ-THEME-15 (sc-1497) — the host side of per-component style tokens.
 //
@@ -23,7 +21,6 @@
 // widget reads. The Mason build runner validates `set_theme` against the SAME
 // literal, so what a planner may emit and what a host applies cannot diverge.
 
-const { CONTRACT, normaliseComponentGradient } = require("./contract.cjs");
 
 // 3-, 6- and 8-digit hex, matching what the build runner persists — the host
 // must never drop a colour the runner already accepted.
@@ -402,5 +399,11 @@ function applyThemeComponentStyle(manifestId, theme, props, styleSchema) {
   const authored = isPlainObject(base.style) ? base.style : null;
   return { ...base, style: { ...themed, ...authored } };
 }
-
-module.exports = { normaliseThemeComponents, normaliseWidgetStyleFields, normaliseWidgetStyles, applyThemeComponentStyle, styleValueBytes, MAX_STYLE_STRING_LENGTH };
+module.exports = {
+  normaliseThemeComponents,
+  MAX_STYLE_STRING_LENGTH,
+  styleValueBytes,
+  normaliseWidgetStyleFields,
+  normaliseWidgetStyles,
+  applyThemeComponentStyle,
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colixsystems/widget-sdk",
-  "version": "0.275.2",
+  "version": "0.277.0",
   "description": "Common widget interface for AppStudio. Implements WidgetManifest, WidgetContext, property schema, and helper hooks.",
   "homepage": "https://github.com/Colix-AB/AppStudio",
   "type": "module",
@@ -61,7 +61,7 @@
   ],
   "scripts": {
     "build": "node scripts/build.js",
-    "generate:contract": "node scripts/contract-cjs.js",
+    "generate:cjs": "node scripts/generate-cjs.js",
     "test": "node --test \"src/__tests__/*.test.js\""
   },
   "engines": {
@@ -75,7 +75,22 @@
     "react": ">=18.0.0",
     "react-native": "*",
     "react-dom": ">=18.0.0",
-    "react-native-web": ">=0.19.0"
+    "react-native-web": ">=0.19.0",
+    "@tiptap/core": "^3.32.2",
+    "@tiptap/extension-bold": "^3.32.2",
+    "@tiptap/extension-code": "^3.32.2",
+    "@tiptap/extension-code-block": "^3.32.2",
+    "@tiptap/extension-document": "^3.32.2",
+    "@tiptap/extension-heading": "^3.32.2",
+    "@tiptap/extension-image": "^3.32.2",
+    "@tiptap/extension-italic": "^3.32.2",
+    "@tiptap/extension-link": "^3.32.2",
+    "@tiptap/extension-list": "^3.32.2",
+    "@tiptap/extension-paragraph": "^3.32.2",
+    "@tiptap/extension-table": "^3.32.2",
+    "@tiptap/extension-text": "^3.32.2",
+    "@tiptap/extensions": "^3.32.2",
+    "react-native-webview": ">=13.7.0"
   },
   "peerDependenciesMeta": {
     "react": {
@@ -89,6 +104,51 @@
     },
     "react-dom": {
       "optional": true
+    },
+    "@tiptap/core": {
+      "optional": true
+    },
+    "@tiptap/extension-bold": {
+      "optional": true
+    },
+    "@tiptap/extension-code": {
+      "optional": true
+    },
+    "@tiptap/extension-code-block": {
+      "optional": true
+    },
+    "@tiptap/extension-document": {
+      "optional": true
+    },
+    "@tiptap/extension-heading": {
+      "optional": true
+    },
+    "@tiptap/extension-image": {
+      "optional": true
+    },
+    "@tiptap/extension-italic": {
+      "optional": true
+    },
+    "@tiptap/extension-link": {
+      "optional": true
+    },
+    "@tiptap/extension-list": {
+      "optional": true
+    },
+    "@tiptap/extension-paragraph": {
+      "optional": true
+    },
+    "@tiptap/extension-table": {
+      "optional": true
+    },
+    "@tiptap/extension-text": {
+      "optional": true
+    },
+    "@tiptap/extensions": {
+      "optional": true
+    },
+    "react-native-webview": {
+      "optional": true
     }
   },
   "optionalDependencies": {

package/src/contract.js

@@ -1,7 +1,7 @@
 // The widget SDK contract: the ONE source the linter, the AI agents, the
 // compiler and both hosts read. `contract.cjs` is GENERATED from `contract.js`
-// (`npm run generate:contract`) for CommonJS consumers — never edit it by hand;
-// contract-cjs-generated.test.js fails when it is stale.
+// (`npm run generate:cjs`) for CommonJS consumers — never edit it by hand;
+// cjs-generated.test.js fails when it is stale.
 
 // REQ-AI-AGENT-DESIGN (sc-3696): the ONE cross-platform elevation vocabulary.
 // `shadow*` applies on iOS + react-native-web, `elevation` drives Android.
@@ -3464,13 +3464,13 @@ const PRIMITIVES = [
     rnComponent: null,
     docsUrl: null,
   },
-  // sc-6970 — formatted content, authored. The authoring half of `<RichText>`:
-  // a real selection-aware toolbar plus a live preview, so a generated widget
-  // never has to splice HTML tags into a plain TextInput again.
+  // sc-6970 — formatted content, authored. The authoring half of `<RichText>`,
+  // so a generated widget never has to splice HTML tags into a plain TextInput
+  // again. sc-15080: the field edits the formatted result directly.
   {
     name: "MarkdownInput",
     description:
-      'Formatted-content editor. `<MarkdownInput value={draft} onChange={setDraft} />`. The default way to let an app USER write formatted text: a multi-line field that styles the markdown live as the user types (headings sized, bold, italic, code and links drawn in place, the markers kept in the text but dimmed), so the user reads and edits the result in one place; a toolbar whose buttons wrap the current SELECTION in markdown markers (bold, italic, code, H2, H3, bullets, numbered list); a Table button that inserts a pipe-table skeleton with the first header cell selected; and a Link button that opens a form for the link text plus its target. Use it rather than a bare `TextInput` plus formatting buttons of your own; an editor you do build (one that only bolds, a checklist editor) still stores markdown markers and previews with `<RichText>` — buttons that splice `<strong>`/`<br>`/`<table>` tags into the string leave the author reading tag soup with no preview of the real output. The stored value is markdown text, exactly as typed. Props: `value`, `onChange(next)`, `placeholder`, `showPreview` (default false; true also draws a rendered `<RichText>` copy underneath, for content the field can only show as markers: images and tables), `previewLabel` (default "Preview", the heading above that copy), `renderImage` (passed through to the preview), `pages` (optional `[{ id, name }]` — supply it and the Link form offers those pages to link to by name, the way `renderImage` is supplied for filestore images; without it the form offers only an external address, because a widget cannot know the app\'s pages on its own), `minHeight` (default 150) and `maxHeight` (default 280) so the field scrolls internally instead of growing without bound, `accessibilityLabel`, `style`, `testID`. Links in the preview are deliberately inert, so a tap while editing cannot navigate away from the draft.',
+      "Formatted-content editor. `<MarkdownInput value={draft} onChange={setDraft} />`. The default way to let an app USER write formatted text: a rich-text field where the user edits the FORMATTED RESULT directly — headings, bold, italic, code, links, bulleted and numbered lists and real tables are shown as they will read, with no markdown markers in view — plus a toolbar (bold, italic, code, H2, H3, bullets, numbered list), a Table button that inserts a real table, with buttons to add or remove rows and columns or delete the table while the caret is in one, and a Link button that opens a form for the link text plus its target. Typing `## `, `- `, `1. `, `**bold**` or `*italic*` formats as you type. Use it rather than a bare `TextInput` plus formatting buttons of your own, and do NOT add a `<RichText>` preview under it: the field already shows the result; an editor you do build (one that only bolds, a checklist editor) still stores markdown markers and previews with `<RichText>` — buttons that splice `<strong>`/`<br>`/`<table>` tags into the string leave the author reading tag soup. The stored value is markdown text in the `<RichText>` grammar; loading a value never rewrites it, and an edit writes each construct in its canonical spelling. On iOS and Android the field runs in a WebView bundled into the SDK (no network). Props: `value`, `onChange(next)`, `placeholder`, `pages` (optional `[{ id, name }]` — supply it and the Link form offers those pages to link to by name; without it the form offers only an external address, because a widget cannot know the app's pages on its own), `minHeight` (default 150) and `maxHeight` (default 280) — the field grows with its content between them, then scrolls — `accessibilityLabel`, `style`, `testID`. `showPreview`, `previewLabel` and `renderImage` are still accepted and ignored. Images show inside the field when their source is an http(s) URL and as a labelled placeholder when it is a filestore id. Links in the field are inert, so a tap while editing cannot navigate away from the draft.",
     rnComponent: null,
     docsUrl: null,
   },
@@ -6570,7 +6570,10 @@ const CONTRACT = deepFreeze({
   //    ships a hand-written `sv` value beside `en`.
   // 1.225.0: behaviour (sc-14974) — `<MarkdownInput>` styles its own field
   //    live; `showPreview` now defaults to false.
-  version: "1.225.0",
+  // 1.226.0: behaviour (sc-15080) — `<MarkdownInput>` is a rich-text editor
+  //    showing the formatted result; `showPreview`, `previewLabel` and
+  //    `renderImage` are accepted and ignored.
+  version: "1.226.0",
   sharedTranslationKeys: SHARED_TRANSLATION_KEYS,
   hooks: HOOKS,
   primitives: PRIMITIVES,

package/dist/markdown-edit.js

@@ -1,164 +0,0 @@
-// sc-6970 — the selection edits `<MarkdownInput>`'s toolbar performs.
-//
-// Pure string maths, kept out of the component the way `richtext-tokens.js`
-// keeps the theme maths out: a toolbar button is only correct if it wraps the
-// author's SELECTION rather than appending at the end, and that is a thing
-// tests can pin without a renderer.
-
-import { escapeMarkdownLabel, formatMarkdownTable } from "./markdown.js";
-
-const LINE_RE = /^(\s*)((?:#{1,3}\s)|(?:[-*]\s)|(?:\d+[.)]\s))?([\s\S]*)$/;
-
-// The literal the inserted table skeleton opens with; the caret lands on it.
-const FIRST_HEADING = "Column 1";
-
-const LINE_KINDS = Object.freeze({
-  heading2: { marker: "## ", test: /^##\s/ },
-  heading3: { marker: "### ", test: /^###\s/ },
-  bullet: { marker: "- ", test: /^[-*]\s/ },
-  ordered: { marker: null, test: /^\d+[.)]\s/ },
-});
-
-function clamp(index, max) {
-  const n = Number.isFinite(index) ? Math.trunc(index) : 0;
-  return Math.min(Math.max(n, 0), max);
-}
-
-function readRange(text, selection) {
-  const src = typeof text === "string" ? text : "";
-  const raw = selection && typeof selection === "object" ? selection : {};
-  const a = clamp(raw.start, src.length);
-  const b = clamp(raw.end, src.length);
-  return { src, start: Math.min(a, b), end: Math.max(a, b) };
-}
-
-function wrap(marker) {
-  return (text, selection) => {
-    const { src, start, end } = readRange(text, selection);
-    const selected = src.slice(start, end);
-    const pair = marker.length * 2;
-
-    // Already wrapped — the button toggles the emphasis back off.
-    if (selected.length >= pair && selected.startsWith(marker) && selected.endsWith(marker)) {
-      const inner = selected.slice(marker.length, selected.length - marker.length);
-      return {
-        value: src.slice(0, start) + inner + src.slice(end),
-        selection: { start, end: start + inner.length },
-      };
-    }
-
-    return {
-      value: src.slice(0, start) + marker + selected + marker + src.slice(end),
-      // Leaves the author's own text selected (or the caret between an empty
-      // pair), so typing continues inside the emphasis they just asked for.
-      selection: { start: start + marker.length, end: end + marker.length },
-    };
-  };
-}
-
-function linePrefix(kind) {
-  const spec = LINE_KINDS[kind];
-  return (text, selection) => {
-    const { src, start, end } = readRange(text, selection);
-    const blockStart = src.lastIndexOf("\n", Math.max(start - 1, 0)) + 1;
-    const newlineAfter = src.indexOf("\n", end);
-    const blockEnd = newlineAfter === -1 ? src.length : newlineAfter;
-
-    const lines = src.slice(blockStart, blockEnd).split("\n");
-    const filled = lines.filter((line) => line.trim());
-    // Toggled off only when EVERY line already carries this kind, so a mixed
-    // selection becomes uniformly marked rather than half-stripped.
-    const removing =
-      filled.length > 0 &&
-      filled.every((line) => spec.test.test(line.replace(/^\s*/, "")));
-
-    let ordinal = 0;
-    const rebuilt = lines.map((line) => {
-      const match = LINE_RE.exec(line);
-      const indent = match[1];
-      const body = match[3];
-      if (!line.trim()) return line;
-      if (removing) return indent + body;
-      ordinal += 1;
-      return indent + (spec.marker || `${ordinal}. `) + body;
-    });
-
-    const block = rebuilt.join("\n");
-    return {
-      value: src.slice(0, blockStart) + block + src.slice(blockEnd),
-      selection: { start: blockStart, end: blockStart + block.length },
-    };
-  };
-}
-
-// sc-7349 — a link needs a TARGET, which no selection can supply, so this is
-// the one op that takes a third argument. The target is stored verbatim: the
-// host's `navigation.openLink` is what decides page / external / refuse, so
-// this must not pre-judge it (see markdown.js).
-function linkOp() {
-  return (text, selection, options) => {
-    const { src, start, end } = readRange(text, selection);
-    // A bare string is accepted as the target, so the common case stays terse.
-    const opts =
-      options && typeof options === "object" ? options : { target: options };
-    const href = typeof opts.target === "string" ? opts.target.trim() : "";
-    // Nothing to point at — leave the text exactly as the author left it.
-    if (!href) return { value: src, selection: { start, end } };
-
-    // An explicit label wins, so a dialog can name the link when the author
-    // had nothing selected; otherwise the selection IS the label.
-    const chosen =
-      typeof opts.label === "string" && opts.label.trim()
-        ? opts.label
-        : src.slice(start, end);
-    const label = escapeMarkdownLabel(chosen) || href;
-    const markup = `[${label}](${href})`;
-    return {
-      value: src.slice(0, start) + markup + src.slice(end),
-      // Leaves the LABEL selected, so typing replaces the link text rather
-      // than the markup around it.
-      selection: { start: start + 1, end: start + 1 + label.length },
-    };
-  };
-}
-
-// A table is a block, so it needs its own lines: a blank line before keeps it
-// from fusing with the paragraph the caret was in.
-function tableOp() {
-  return (text, selection) => {
-    const { src, start, end } = readRange(text, selection);
-    const before = src.slice(0, start);
-    const after = src.slice(end);
-    const lead =
-      before.length === 0 || before.endsWith("\n\n")
-        ? ""
-        : before.endsWith("\n")
-          ? "\n"
-          : "\n\n";
-    const trail = after.startsWith("\n") ? "" : "\n";
-
-    const skeleton = formatMarkdownTable();
-    const offset = before.length + lead.length;
-    return {
-      value: before + lead + skeleton + trail + after,
-      // Selects the first header cell, so the author types over "Column 1"
-      // instead of hunting for the caret inside the pipes.
-      selection: {
-        start: offset + 2,
-        end: offset + 2 + FIRST_HEADING.length,
-      },
-    };
-  };
-}
-
-export const markdownEditOps = Object.freeze({
-  bold: wrap("**"),
-  italic: wrap("*"),
-  code: wrap("`"),
-  heading2: linePrefix("heading2"),
-  heading3: linePrefix("heading3"),
-  bullet: linePrefix("bullet"),
-  ordered: linePrefix("ordered"),
-  link: linkOp(),
-  table: tableOp(),
-});