@ai-matrx/rich-content 0.2.35 → 0.2.36

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## 0.2.36
+
+- `tableToDelimited(table, "\t")` goes through THE one writer (kit `toDelimited`, formula-guarded like the CSV): a cell holding a tab, a quote or a line break is quoted instead of collapsed to a space.
+- The diagram block's "Screenshot" PDF variants are a picture of a surface: Alchemy `renderElement` → `pagesToPdf` → kit `downloadFile` (as the org chart's export), no longer html2canvas `captureToPDF` (AP-2 fifth check).
+
+**Consumer action:** a test asserting the old flattened TSV (`z w` for `z\tw`) now reads `"z\tw"` quoted.
+
 ## 0.2.35
 
 Automatic changed-only republish (docs/metadata drift since the last tag — see

package/dist/display/blocks/diagram/diagram-printer.d.ts

@@ -2,8 +2,10 @@
  * Diagram Block Printer
  *
  * Two output strategies:
- *  1. "capture" variants — screenshot the live ReactFlow canvas via
- *     dom-capture-print-utils (handles oklch/lab CSS) → PDF
+ *  1. "capture" variants — a picture of the live ReactFlow surface: Alchemy's
+ *     `renderElement` (the SVG foreignObject renderer, so oklch/lab CSS paints as
+ *     the browser paints it) → print's `pagesToPdf` (through /operate/capture)
+ *     → kit `downloadFile` — the same path as the org chart's export
  *  2. "svg-export" variant — walk the diagram JSON and emit a pure SVG
  *     placed inside a styled print document → browser print dialog
  *

package/dist/display/blocks/diagram/diagram-printer.js

@@ -2,18 +2,22 @@ import {
   openPrintWindow
 } from "@ai-matrx/print/core";
 async function captureDiagramToPDF(element, diagram, settings) {
-  const { captureToPDF } = await import("@ai-matrx/print/pdf");
+  const { renderElement, pagesToPdf } = await import("@ai-matrx/alchemy/operate/capture");
+  const { downloadFile } = await import("@ai-matrx/kit/download");
   const orientation = settings["orientation"] ?? "landscape";
   const paperSize = settings["paperSize"] ?? "a4";
   const isDark = settings["darkMode"] ?? false;
   const background = isDark ? "#111827" : "#ffffff";
-  await captureToPDF(element, {
-    orientation,
-    paperSize,
-    background,
-    filename: diagram.title.replace(/[^a-z0-9]/gi, "_").toLowerCase() || "diagram",
-    scale: settings["highRes"] ? 3 : 2
+  const canvas = await renderElement(element, {
+    pixelRatio: settings["highRes"] ? 3 : 2,
+    backgroundColor: background
   });
+  const pdf = await pagesToPdf(
+    [{ image: canvas, imageType: "JPEG", quality: 0.92, compression: "FAST", placement: { top: 24, right: 24, bottom: 24, left: 24 } }],
+    { orientation, unit: "pt", format: paperSize }
+  );
+  const name = diagram.title.replace(/[^a-z0-9]/gi, "_").toLowerCase() || "diagram";
+  downloadFile(`${name}.pdf`, pdf, "application/pdf");
 }
 const SVG_COLORS = {
   start: { bg: "#dcfce7", border: "#16a34a", text: "#14532d" },

package/dist/rich-document/actions/markdownTable.js

@@ -1,4 +1,5 @@
 import { tableToCsv } from "../../display/tables/table-csv.js";
+import { toDelimited } from "@ai-matrx/kit/delimited";
 import { unwrapCodeSpans } from "@ai-matrx/content-ir/source";
 import {
   findTableEnd,
@@ -29,8 +30,7 @@ function parseFirstMarkdownTable(content) {
 }
 function tableToDelimited(table, delimiter) {
   if (delimiter === ",") return tableToCsv(table.headers, table.rows);
-  const flat = (value) => value.replace(/[\t\r\n]+/g, " ");
-  return [table.headers, ...table.rows].map((row) => row.map(flat).join("	")).join("\n");
+  return toDelimited([table.headers, ...table.rows], { format: "tsv" });
 }
 export {
   cleanCell,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/rich-content",
-  "version": "0.2.35",
+  "version": "0.2.36",
   "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",
@@ -131,20 +131,20 @@
     "unist-util-visit-parents": "^6.0.2",
     "yaml": "^2.9.1",
     "@ai-matrx/alchemy": "latest",
-    "@ai-matrx/content-ir": "latest",
     "@ai-matrx/canvas": "latest",
-    "@ai-matrx/content-ir-react": "latest",
+    "@ai-matrx/agents": "latest",
+    "@ai-matrx/content-ir": "latest",
     "@ai-matrx/data": "latest",
-    "@ai-matrx/design-system": "latest",
+    "@ai-matrx/content-ir-react": "latest",
     "@ai-matrx/diff": "latest",
-    "@ai-matrx/agents": "latest",
-    "@ai-matrx/icons": "latest",
+    "@ai-matrx/design-system": "latest",
     "@ai-matrx/media": "latest",
     "@ai-matrx/print": "latest",
     "@ai-matrx/records": "latest",
     "@ai-matrx/records-ui": "latest",
     "@ai-matrx/tap-target": "latest",
-    "@ai-matrx/kit": "latest"
+    "@ai-matrx/kit": "latest",
+    "@ai-matrx/icons": "latest"
   },
   "peerDependencies": {
     "react": ">=19.0.0",