@tenphi/renderer 0.22.1 → 0.24.0

package/dist/index.js

@@ -4,7 +4,7 @@ import { DEFAULT_THEME_TOKENS, DEFAULT_TYPOGRAPHY_PRESETS, resolveThemeTokens, r
 import { configureCodeHighlighting, cookbookShikiConfig } from "./theme/shiki-theme.js";
 import { TASTY_SPACING_PROPERTIES, TASTY_UNITS, tastyTokens } from "./theme/tasty-config.js";
 import { r as unusedCustomStyleNames, t as configureComponentStyles } from "./component-styles-DstqPFf3.js";
-import { n as cookbookStates } from "./tasty-states-_JhxFdK1.js";
+import { n as cookbookStates } from "./tasty-states-BIgiJQ3N.js";
 import { agentPagePath } from "./page-metadata.js";
 import { createRequire } from "node:module";
 import { cp, mkdir, readFile, readdir, rename, stat, unlink, writeFile } from "node:fs/promises";
@@ -238,7 +238,7 @@ function replaceMermaidCodeBlocks(parent) {
 	}
 }
 function renderMermaidElement(source) {
-	return `<div class="td-mermaid" data-mermaid-state="ready">${accessibleSvg(render(source), source)}</div>`;
+	return `<div class="td-mermaid" data-element="Mermaid" data-mermaid-state="ready">${accessibleSvg(render(source), source)}</div>`;
 }
 function isMermaidCodeBlock(node) {
 	if (node.type !== "element" || node.tagName !== "pre") return false;
@@ -258,7 +258,7 @@ function render(source) {
 		border: "var(--border-strong-color)",
 		font: "var(--body-font-family)",
 		transparent: true
-	}).replace(svgStyleBlock, "").replace(/(<svg\b[^>]*?)\sstyle="[^"]*"/, "$1");
+	}).replace(svgStyleBlock, "").replace(/\sclass="([^"]*)"/g, (_, names) => names.split(/\s+/).includes("mono") ? " data-mono=\"\"" : "").replace(/(<svg\b[^>]*?)\sstyle="[^"]*"/, "$1");
 }
 function accessibleSvg(svg, source) {
 	const title = directive(source, "accTitle") ?? "Diagram";
@@ -345,13 +345,15 @@ function alert(blockquote) {
 		type: "element",
 		tagName: "aside",
 		properties: {
-			className: ["cookbook-alert", `cookbook-alert--${kind}`],
+			className: ["cookbook-alert"],
+			dataElement: "MarkdownAlert",
+			[`data-${kind}`]: "",
 			ariaLabel: title
 		},
 		children: [{
 			type: "element",
 			tagName: "p",
-			properties: { className: ["cookbook-alert__title"] },
+			properties: { dataElement: "Title" },
 			children: [{
 				type: "text",
 				value: title
@@ -359,14 +361,14 @@ function alert(blockquote) {
 		}, {
 			type: "element",
 			tagName: "div",
-			properties: { className: ["cookbook-alert__content"] },
+			properties: { dataElement: "Content" },
 			children: body
 		}]
 	};
 }
 //#endregion
 //#region src/markdown/rehype-table-scroll.ts
-const containerClass = "td-table-scroll";
+const containerElement = "Scroll";
 /** Wrap Markdown tables in a dedicated horizontal scroll container. */
 function rehypeTableScroll() {
 	return (tree) => {
@@ -397,13 +399,12 @@ function scrollContainer(table) {
 	return {
 		type: "element",
 		tagName: "div",
-		properties: { className: [containerClass] },
+		properties: { dataElement: containerElement },
 		children: [table]
 	};
 }
 function isScrollContainer(node) {
-	const className = node.properties?.className;
-	return node.type === "element" && node.tagName === "div" && Array.isArray(className) && className.includes(containerClass);
+	return node.type === "element" && node.tagName === "div" && node.properties?.dataElement === containerElement;
 }
 //#endregion
 //#region src/markdown/rehype-page-affordances.ts
@@ -442,9 +443,11 @@ function isOrdinaryCodeBlock(node) {
 	return (node.properties?.dataLanguage ?? node.properties?.["data-language"]) !== "mermaid" && node.children?.[0]?.tagName === "code";
 }
 function codeBlockWithCopy(pre) {
+	const language = pre.properties?.dataLanguage ?? pre.properties?.["data-language"];
 	return element("cookbook-code-block", {
 		className: ["td-code-block"],
-		dataElement: "MarkdownCodeBlock"
+		dataElement: "MarkdownCodeBlock",
+		dataDiff: language === "diff" || language === "patch" ? "" : void 0
 	}, [pre, element("button", {
 		type: "button",
 		dataElement: "CopyButton",