@ai-matrx/rich-content 0.2.7 → 0.2.8

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## 0.2.8
+### Unreleased
+
+### Shared fence parsing
+
+- The plain-text fallback and Mermaid print reader use Content IR's canonical
+  fence rules instead of private regex copies.
+- Mermaid print preserves unfinished bodies and dedenting, ignores malformed
+  fence info, and does not render diagrams nested inside another code block.
+
+### Consumer action
+
+- None required. Public imports and host setup are unchanged.
+
 ## 0.2.7
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/code-block/CodeBlock.js

@@ -178,7 +178,7 @@ const CodeBlockBody = ({
       });
       textToCopy = paddedLines.join("\n");
     }
-    await copyText(textToCopy);
+    if (!await copyText(textToCopy)) return;
     setIsCopied(true);
     setTimeout(() => setIsCopied(false), 2e3);
   };

package/dist/display/blocks/chart/ChartBlock.js

@@ -38,7 +38,7 @@ const ChartBlock = ({ content = "", isStreamActive = false, className }) => {
   const paneLayout = chartPaneLayout(presentation, spec?.type ?? "");
   const handleCopy = async () => {
     try {
-      await copyText(source);
+      if (!await copyText(source)) return;
       setCopied(true);
       setTimeout(() => setCopied(false), 1500);
     } catch {

package/dist/display/blocks/csv/CsvBlock.js

@@ -86,7 +86,7 @@ const CsvBlock = ({
   const headers = data[0] || [];
   const bodyRows = data.slice(1);
   const handleCopy = async () => {
-    await copyText(content);
+    if (!await copyText(content)) return;
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   };

package/dist/display/blocks/diff/DiffBlock.js

@@ -85,7 +85,7 @@ const DiffSpecBlock = ({ content = "", isStreamActive = false, className }) => {
   });
   const handleCopy = async () => {
     try {
-      await copyText(content.trim());
+      if (!await copyText(content.trim())) return;
       setCopied(true);
       setTimeout(() => setCopied(false), 1500);
     } catch {

package/dist/display/blocks/generic/StructuredValueTabs.js

@@ -47,7 +47,7 @@ function StructuredValueTabs({
   const json = value !== void 0 && value !== null ? JSON.stringify(value, null, 2) : raw ?? "";
   const copy = async () => {
     try {
-      await copyText(json);
+      if (!await copyText(json)) return;
       setCopied(true);
       setTimeout(() => setCopied(false), 1500);
     } catch {

package/dist/display/blocks/json/JsonBlock.js

@@ -489,7 +489,7 @@ const JsonViewHeader = ({
   const [copied, setCopied] = useState(false);
   const handleCopy = async () => {
     try {
-      await copyText(content);
+      if (!await copyText(content)) return;
       setCopied(true);
       toast.success("Copied JSON to clipboard");
       setTimeout(() => setCopied(false), 1500);

package/dist/display/blocks/markdown-preview/MarkdownPreviewBlock.js

@@ -24,7 +24,7 @@ const MarkdownPreviewBlock = ({
   const [mode, setMode] = useState("preview");
   const [copied, setCopied] = useState(false);
   const handleCopy = async () => {
-    await copyText(content);
+    if (!await copyText(content)) return;
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   };

package/dist/display/blocks/svg/SvgBlock.js

@@ -40,7 +40,7 @@ const SvgBlock = ({ content = "", isStreamActive = false, className }) => {
   const [fullscreen, setFullscreen] = useState(false);
   const handleCopy = async () => {
     try {
-      await copyText(svg);
+      if (!await copyText(svg)) return;
       setCopied(true);
       setTimeout(() => setCopied(false), 1500);
     } catch {

package/dist/display/blocks/table/StreamingTableRenderer.js

@@ -268,9 +268,9 @@ const StreamingTableRendererCore = ({
   };
   const copyJsonToClipboard = async () => {
     try {
-      await copyText(
+      if (!await copyText(
         JSON.stringify(tableData.normalizedData, null, 2)
-      );
+      )) return;
       toast.success("JSON copied to clipboard");
     } catch (err) {
       toast.error(err instanceof Error ? err.message : "Failed to copy JSON");

package/dist/display/blocks/toml/TomlBlock.js

@@ -75,7 +75,7 @@ const TomlBlock = ({ content, className }) => {
   );
   const lines = parseTomlLines(content);
   const handleCopy = async () => {
-    await copyText(content);
+    if (!await copyText(content)) return;
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   };

package/dist/display/blocks/tree/TreeBlock.js

@@ -94,7 +94,7 @@ const TreeBlock = ({ content, className }) => {
   const lines = parseTreeLines(content);
   const wrap = treeWrapsLines(useCanvasPresentation());
   const handleCopy = async () => {
-    await copyText(content);
+    if (!await copyText(content)) return;
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   };

package/dist/display/blocks/xml/XmlBlock.js

@@ -38,7 +38,7 @@ const XmlBlock = ({
   const tokens = tokenizeXml(content);
   const isStreaming = useMarkdownStreaming();
   const handleCopy = async () => {
-    await copyText(content);
+    if (!await copyText(content)) return;
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   };

package/dist/display/blocks/yaml/YamlBlock.js

@@ -81,7 +81,7 @@ const YamlBlock = ({ content, className }) => {
   const [collapsed, setCollapsed] = useState(/* @__PURE__ */ new Set());
   const lines = parseYamlLines(content);
   const handleCopy = async () => {
-    await copyText(content);
+    if (!await copyText(content)) return;
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   };

package/dist/display/chat-markdown/InlineCodeSnippet.js

@@ -91,7 +91,7 @@ const InlineCodeSnippet = ({
   const langColor = language ? LANGUAGE_COLORS[language] : void 0;
   const handleCopy = async () => {
     try {
-      await copyText(code);
+      if (!await copyText(code)) return;
       setCopied(true);
       setTimeout(() => setCopied(false), 2e3);
     } catch {

package/dist/display/chat-markdown/internal-handlers/PlainTextFallback.js

@@ -3,6 +3,7 @@ import { Suspense, lazy } from "react";
 import { cn } from "@ai-matrx/design-system";
 import { MarkdownErrorBoundary } from "./MarkdownErrorBoundary.js";
 import { findEmbeddedKindJsonRegions } from "@ai-matrx/content-ir/surfaces";
+import { fenceOpenerOf } from "@ai-matrx/content-ir/source";
 import {
   firstKindSlug,
   hasKindKey,
@@ -15,12 +16,11 @@ import { humanizeKind } from "@ai-matrx/content-ir/surfaces";
 const KindInstanceRender = lazy(
   () => import("../../../host/app-bindings.js").then((m) => ({ default: m.KindInstanceRender }))
 );
-const FENCE_LINE = /^[ \t]*(`{3,}|~{3,})[^\n`]*$/gm;
 function isKindObject(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value) && typeof value.__kind === "string";
 }
 function textPieces(text) {
-  const cleaned = text.replace(FENCE_LINE, "");
+  const cleaned = text.split("\n").map((line) => fenceOpenerOf(line) ? "" : line).join("\n");
   if (!hasKindKey(cleaned)) return cleaned.trim() ? [{ type: "text", text: cleaned }] : [];
   const keyAt = cleaned.search(/"__kind"\s*:/);
   const objectAt = cleaned.lastIndexOf("{", keyAt);

package/dist/display/tables/MarkdownTable.js

@@ -269,9 +269,9 @@ const MarkdownTable = ({
   };
   const copyJsonToClipboard = async () => {
     try {
-      await copyText(
+      if (!await copyText(
         JSON.stringify(internalTableData.normalizedData, null, 2)
-      );
+      )) return;
       toast.success("JSON copied to clipboard");
     } catch (err) {
       toast.error(err instanceof Error ? err.message : "Failed to copy JSON");

package/dist/display/tables/TableWithSeparatedControls.js

@@ -86,9 +86,9 @@ const TableControls = ({
   }, [generateMarkdownTable, toast]);
   const copyJsonToClipboard = useCallback(async () => {
     try {
-      await copyText(
+      if (!await copyText(
         JSON.stringify(debouncedTableData.normalizedData, null, 2)
-      );
+      )) return;
       toast.success("JSON copied to clipboard");
     } catch (err) {
       toast.error(err instanceof Error ? err.message : "Failed to copy JSON");

package/dist/mermaid/print-render.js

@@ -1,22 +1,22 @@
 import { renderMermaid } from "./runtime.js";
+import { closeFence, fenceOpenerOf } from "@ai-matrx/content-ir/source";
 const PRINT_OPTIONS = { theme: "default", look: "classic", layout: "dagre" };
 function mermaidFenceSources(markdown) {
   const out = [];
   const lines = markdown.split("\n");
+  const fenceLines = { count: lines.length, line: (index) => lines[index] ?? null };
   for (let i = 0; i < lines.length; i++) {
-    const open = /^(\s*)(`{3,}|~{3,})\s*mermaid\b[^`]*$/.exec(lines[i]);
-    if (!open) continue;
-    const marker = open[2];
-    const indent = open[1].length;
-    const body = [];
-    let j = i + 1;
-    for (; j < lines.length; j++) {
-      const close = /^\s*(`{3,}|~{3,})\s*$/.exec(lines[j]);
-      if (close && close[1][0] === marker[0] && close[1].length >= marker.length) break;
-      body.push(lines[j]);
+    const opener = fenceOpenerOf(lines[i]);
+    if (!opener) continue;
+    const end = closeFence(fenceLines, i, opener);
+    if (opener.lang !== "mermaid") {
+      i = end.line;
+      continue;
     }
+    const indent = lines[i].length - lines[i].trimStart().length;
+    const body = lines.slice(i + 1, end.closed ? end.line : end.line + 1);
     out.push(body.map((l) => l.slice(Math.min(indent, l.length - l.trimStart().length))).join("\n"));
-    i = j;
+    i = end.line;
   }
   return out;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/rich-content",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "description": "The AI Matrx formatted-text engine: the one markdown renderer, streaming markdown, the block splitter and renderer, the generic blocks, <RichContent> levels, the rich-document action registry and menus, copy, and the selection toolbar — as portable React.",
   "type": "module",
   "license": "MIT",
@@ -117,18 +117,18 @@
     "unist-util-visit-parents": "^6.0.2",
     "yaml": "^2.9.1",
     "@ai-matrx/canvas": "latest",
-    "@ai-matrx/content-ir-react": "latest",
     "@ai-matrx/data": "latest",
-    "@ai-matrx/design-system": "latest",
     "@ai-matrx/content-ir": "latest",
+    "@ai-matrx/content-ir-react": "latest",
+    "@ai-matrx/design-system": "latest",
     "@ai-matrx/agents": "latest",
     "@ai-matrx/diff": "latest",
     "@ai-matrx/icons": "latest",
     "@ai-matrx/kit": "latest",
+    "@ai-matrx/media": "latest",
     "@ai-matrx/print": "latest",
     "@ai-matrx/records": "latest",
-    "@ai-matrx/tap-target": "latest",
-    "@ai-matrx/media": "latest"
+    "@ai-matrx/tap-target": "latest"
   },
   "peerDependencies": {
     "react": ">=19.0.0",