@copilotkit/markdown 0.0.1 → 2.0.0-rc.12

package/dist/react-native/index.mjs

@@ -0,0 +1,300 @@
+import React, { Fragment, useMemo } from "react";
+import { Text, View } from "react-native";
+import { createStreamingMarkdownParserState, finalizeStreamingMarkdown, parseStreamingMarkdownChunk } from "@copilotkit/markdown";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/react-native/streaming-markdown-renderer.tsx
+/**
+* Default styles for all built-in node types.
+*
+* @public
+*/
+const defaultMarkdownStyles = {
+	paragraph: {
+		fontSize: 16,
+		lineHeight: 24,
+		color: "#1a1a1a",
+		marginTop: 4,
+		marginBottom: 4
+	},
+	h1: {
+		fontSize: 24,
+		fontWeight: "bold",
+		marginTop: 12,
+		marginBottom: 8,
+		color: "#111111"
+	},
+	h2: {
+		fontSize: 20,
+		fontWeight: "bold",
+		marginTop: 10,
+		marginBottom: 6,
+		color: "#111111"
+	},
+	h3: {
+		fontSize: 18,
+		fontWeight: "600",
+		marginTop: 8,
+		marginBottom: 4,
+		color: "#222222"
+	},
+	h4: {
+		fontSize: 16,
+		fontWeight: "600",
+		marginTop: 6,
+		marginBottom: 4,
+		color: "#222222"
+	},
+	h5: {
+		fontSize: 14,
+		fontWeight: "600",
+		marginTop: 4,
+		marginBottom: 2,
+		color: "#333333"
+	},
+	h6: {
+		fontSize: 13,
+		fontWeight: "600",
+		marginTop: 4,
+		marginBottom: 2,
+		color: "#444444"
+	},
+	strong: { fontWeight: "bold" },
+	em: { fontStyle: "italic" },
+	strikethrough: { textDecorationLine: "line-through" },
+	inlineCode: {
+		backgroundColor: "#f0f0f0",
+		fontFamily: "monospace",
+		fontSize: 14
+	},
+	codeBlock: {
+		backgroundColor: "#f0f0f0",
+		borderRadius: 8,
+		padding: 12,
+		marginVertical: 4
+	},
+	codeBlockText: {
+		fontFamily: "monospace",
+		fontSize: 14,
+		color: "#1a1a1a"
+	},
+	blockquote: {
+		backgroundColor: "#f5f5f5",
+		borderLeftWidth: 4,
+		borderLeftColor: "#cccccc",
+		paddingLeft: 12,
+		marginVertical: 4
+	},
+	list: {
+		marginTop: 4,
+		marginBottom: 4
+	},
+	listItem: {
+		flexDirection: "row",
+		alignItems: "flex-start"
+	},
+	listBullet: {
+		marginRight: 6,
+		fontSize: 16,
+		lineHeight: 24
+	},
+	link: {
+		color: "#0066cc",
+		textDecorationLine: "underline"
+	},
+	image: {},
+	tableRow: {
+		flexDirection: "row",
+		borderBottomWidth: 1,
+		borderBottomColor: "#e0e0e0"
+	},
+	tableCell: {
+		flex: 1,
+		padding: 4
+	}
+};
+function renderChildren(node, ctx) {
+	return node.children.map((id) => {
+		const child = ctx.nodeById.get(id);
+		if (!child) return null;
+		return /* @__PURE__ */ jsx(Fragment, { children: renderNode(child, ctx) }, id);
+	});
+}
+function renderTextContent(node, ctx) {
+	return node.children.map((id) => {
+		const child = ctx.nodeById.get(id);
+		if (!child) return null;
+		return /* @__PURE__ */ jsx(Fragment, { children: renderInlineNode(child, ctx) }, id);
+	});
+}
+/**
+* Render an inline node (text, strong, em, etc.) as a React Native `<Text>`.
+* Returns `null` for block-level nodes that can't be nested in `<Text>`.
+*/
+function renderInlineNode(node, ctx) {
+	switch (node.type) {
+		case "text": return node.text;
+		case "strong": return /* @__PURE__ */ jsx(Text, {
+			style: ctx.s.strong,
+			children: renderTextContent(node, ctx)
+		}, node.id);
+		case "em": return /* @__PURE__ */ jsx(Text, {
+			style: ctx.s.em,
+			children: renderTextContent(node, ctx)
+		}, node.id);
+		case "strikethrough": return /* @__PURE__ */ jsx(Text, {
+			style: ctx.s.strikethrough,
+			children: renderTextContent(node, ctx)
+		}, node.id);
+		case "inline-code": return /* @__PURE__ */ jsx(Text, {
+			style: ctx.s.inlineCode,
+			children: node.text
+		}, node.id);
+		case "link":
+		case "autolink": return /* @__PURE__ */ jsx(Text, {
+			style: ctx.s.link,
+			children: "children" in node ? renderTextContent(node, ctx) : node.text
+		}, node.id);
+		case "image": return /* @__PURE__ */ jsx(Text, {
+			style: ctx.s.image,
+			children: node.alt
+		}, node.id);
+		case "soft-break": return "\n";
+		case "hard-break": return "\n";
+		case "citation": return /* @__PURE__ */ jsxs(Text, {
+			style: {
+				fontSize: 12,
+				verticalAlign: "top"
+			},
+			children: [
+				"[",
+				node.number ?? node.idRef,
+				"]"
+			]
+		}, node.id);
+		default:
+			if ("text" in node && typeof node.text === "string") return node.text;
+			if ("children" in node) return renderTextContent(node, ctx);
+			return null;
+	}
+}
+function renderNode(node, ctx) {
+	switch (node.type) {
+		case "document": return /* @__PURE__ */ jsx(Fragment, { children: renderChildren(node, ctx) }, node.id);
+		case "paragraph": return /* @__PURE__ */ jsx(Text, {
+			style: ctx.s.paragraph,
+			children: renderTextContent(node, ctx)
+		}, node.id);
+		case "heading": {
+			const level = node.level;
+			return /* @__PURE__ */ jsx(Text, {
+				style: ctx.s[`h${level}`] ?? ctx.s.h6,
+				children: renderTextContent(node, ctx)
+			}, node.id);
+		}
+		case "blockquote": return /* @__PURE__ */ jsx(View, {
+			style: ctx.s.blockquote,
+			children: renderChildren(node, ctx)
+		}, node.id);
+		case "list": return /* @__PURE__ */ jsx(View, {
+			style: ctx.s.list,
+			children: node.children.map((itemId, index) => {
+				const item = ctx.nodeById.get(itemId);
+				if (!item) return null;
+				const bullet = node.ordered ? `${(node.start ?? 1) + index}. ` : "• ";
+				return /* @__PURE__ */ jsxs(View, {
+					style: ctx.s.listItem,
+					children: [/* @__PURE__ */ jsx(Text, {
+						style: ctx.s.listBullet,
+						children: bullet
+					}), /* @__PURE__ */ jsx(View, {
+						style: { flex: 1 },
+						children: renderChildren(item, ctx)
+					})]
+				}, itemId);
+			})
+		}, node.id);
+		case "list-item": return /* @__PURE__ */ jsx(View, {
+			style: ctx.s.listItem,
+			children: renderChildren(node, ctx)
+		}, node.id);
+		case "code-block": return /* @__PURE__ */ jsx(View, {
+			style: ctx.s.codeBlock,
+			children: /* @__PURE__ */ jsx(Text, {
+				style: ctx.s.codeBlockText,
+				children: node.text
+			})
+		}, node.id);
+		case "table": return /* @__PURE__ */ jsx(View, { children: renderChildren(node, ctx) }, node.id);
+		case "table-row": return /* @__PURE__ */ jsx(View, {
+			style: ctx.s.tableRow,
+			children: renderChildren(node, ctx)
+		}, node.id);
+		case "table-cell": return /* @__PURE__ */ jsx(View, {
+			style: ctx.s.tableCell,
+			children: /* @__PURE__ */ jsx(Text, { children: renderTextContent(node, ctx) })
+		}, node.id);
+		case "thematic-break": return /* @__PURE__ */ jsx(View, { style: {
+			borderBottomWidth: 1,
+			borderBottomColor: "#e0e0e0",
+			marginVertical: 8
+		} }, node.id);
+		case "text": return /* @__PURE__ */ jsx(Text, { children: node.text }, node.id);
+		case "strong":
+		case "em":
+		case "strikethrough":
+		case "inline-code":
+		case "link":
+		case "autolink":
+		case "image":
+		case "soft-break":
+		case "hard-break":
+		case "citation": return /* @__PURE__ */ jsx(Text, { children: renderInlineNode(node, ctx) }, node.id);
+		default: return null;
+	}
+}
+function buildParserState(content, isComplete, animate) {
+	const parsed = parseStreamingMarkdownChunk(createStreamingMarkdownParserState({
+		segmenter: animate,
+		enableTables: true,
+		enableAutolinks: true
+	}), content);
+	return isComplete ? finalizeStreamingMarkdown(parsed) : parsed;
+}
+/**
+* React Native streaming markdown renderer powered by the zero-dependency
+* `@copilotkit/markdown` parser.
+*
+* Defaults `segmenter: false` — safe on Hermes which may not ship `Intl.Segmenter`.
+* Pass `animate={true}` only when you have confirmed Segmenter availability.
+*
+* @public
+*/
+function StreamingMarkdownRenderer({ content, isComplete = false, style, animate = false }) {
+	const mergedStyles = useMemo(() => style ? {
+		...defaultMarkdownStyles,
+		...style
+	} : defaultMarkdownStyles, [style]);
+	const parserState = useMemo(() => buildParserState(content ?? "", isComplete, animate), [
+		content,
+		isComplete,
+		animate
+	]);
+	const nodeById = useMemo(() => {
+		const map = /* @__PURE__ */ new Map();
+		for (const node of parserState.nodes) map.set(node.id, node);
+		return map;
+	}, [parserState.nodes]);
+	const ctx = useMemo(() => ({
+		nodeById,
+		s: mergedStyles
+	}), [nodeById, mergedStyles]);
+	if (parserState.rootId == null) return null;
+	const rootNode = nodeById.get(parserState.rootId);
+	if (!rootNode) return null;
+	return /* @__PURE__ */ jsx(Fragment$1, { children: renderNode(rootNode, ctx) });
+}
+
+//#endregion
+export { StreamingMarkdownRenderer, defaultMarkdownStyles };
+//# sourceMappingURL=index.mjs.map

package/dist/react-native/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/react-native/streaming-markdown-renderer.tsx"],"sourcesContent":["import React, { Fragment, useMemo } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { Text, View } from \"react-native\";\nimport {\n  createStreamingMarkdownParserState,\n  finalizeStreamingMarkdown,\n  parseStreamingMarkdownChunk,\n} from \"@copilotkit/markdown\";\nimport type {\n  StreamingMarkdownAstNode,\n  StreamingMarkdownParserState,\n} from \"@copilotkit/markdown\";\n\n// ---------------------------------------------------------------------------\n// Style types\n// ---------------------------------------------------------------------------\n\n/**\n * Style-object for the RN streaming markdown renderer.\n * Every key is optional — defaults cover all built-in node types.\n *\n * @public\n */\nexport type MarkdownStyle = {\n  paragraph?: Record<string, unknown>;\n  h1?: Record<string, unknown>;\n  h2?: Record<string, unknown>;\n  h3?: Record<string, unknown>;\n  h4?: Record<string, unknown>;\n  h5?: Record<string, unknown>;\n  h6?: Record<string, unknown>;\n  strong?: Record<string, unknown>;\n  em?: Record<string, unknown>;\n  strikethrough?: Record<string, unknown>;\n  inlineCode?: Record<string, unknown>;\n  codeBlock?: Record<string, unknown>;\n  codeBlockText?: Record<string, unknown>;\n  blockquote?: Record<string, unknown>;\n  list?: Record<string, unknown>;\n  listItem?: Record<string, unknown>;\n  listBullet?: Record<string, unknown>;\n  link?: Record<string, unknown>;\n  image?: Record<string, unknown>;\n  tableRow?: Record<string, unknown>;\n  tableCell?: Record<string, unknown>;\n};\n\n/**\n * Default styles for all built-in node types.\n *\n * @public\n */\nexport const defaultMarkdownStyles: MarkdownStyle = {\n  paragraph: {\n    fontSize: 16,\n    lineHeight: 24,\n    color: \"#1a1a1a\",\n    marginTop: 4,\n    marginBottom: 4,\n  },\n  h1: {\n    fontSize: 24,\n    fontWeight: \"bold\",\n    marginTop: 12,\n    marginBottom: 8,\n    color: \"#111111\",\n  },\n  h2: {\n    fontSize: 20,\n    fontWeight: \"bold\",\n    marginTop: 10,\n    marginBottom: 6,\n    color: \"#111111\",\n  },\n  h3: {\n    fontSize: 18,\n    fontWeight: \"600\",\n    marginTop: 8,\n    marginBottom: 4,\n    color: \"#222222\",\n  },\n  h4: {\n    fontSize: 16,\n    fontWeight: \"600\",\n    marginTop: 6,\n    marginBottom: 4,\n    color: \"#222222\",\n  },\n  h5: {\n    fontSize: 14,\n    fontWeight: \"600\",\n    marginTop: 4,\n    marginBottom: 2,\n    color: \"#333333\",\n  },\n  h6: {\n    fontSize: 13,\n    fontWeight: \"600\",\n    marginTop: 4,\n    marginBottom: 2,\n    color: \"#444444\",\n  },\n  strong: { fontWeight: \"bold\" },\n  em: { fontStyle: \"italic\" },\n  strikethrough: { textDecorationLine: \"line-through\" },\n  inlineCode: {\n    backgroundColor: \"#f0f0f0\",\n    fontFamily: \"monospace\",\n    fontSize: 14,\n  },\n  codeBlock: {\n    backgroundColor: \"#f0f0f0\",\n    borderRadius: 8,\n    padding: 12,\n    marginVertical: 4,\n  },\n  codeBlockText: {\n    fontFamily: \"monospace\",\n    fontSize: 14,\n    color: \"#1a1a1a\",\n  },\n  blockquote: {\n    backgroundColor: \"#f5f5f5\",\n    borderLeftWidth: 4,\n    borderLeftColor: \"#cccccc\",\n    paddingLeft: 12,\n    marginVertical: 4,\n  },\n  list: { marginTop: 4, marginBottom: 4 },\n  listItem: { flexDirection: \"row\", alignItems: \"flex-start\" } as any,\n  listBullet: { marginRight: 6, fontSize: 16, lineHeight: 24 },\n  link: { color: \"#0066cc\", textDecorationLine: \"underline\" },\n  image: {},\n  tableRow: {\n    flexDirection: \"row\",\n    borderBottomWidth: 1,\n    borderBottomColor: \"#e0e0e0\",\n  } as any,\n  tableCell: { flex: 1, padding: 4 },\n};\n\n// ---------------------------------------------------------------------------\n// Props\n// ---------------------------------------------------------------------------\n\n/**\n * Props for the React Native `StreamingMarkdownRenderer`.\n *\n * @public\n */\nexport interface StreamingMarkdownRendererProps {\n  /** Full markdown source (may grow over time during streaming). */\n  content: string;\n  /** When true, finalizes the parser state after processing content. */\n  isComplete?: boolean;\n  /** Style overrides merged with `defaultMarkdownStyles`. */\n  style?: MarkdownStyle;\n  /**\n   * When true, enables `Intl.Segmenter`-based per-token animation.\n   * Defaults to `false` — safe on Hermes which may not ship Segmenter.\n   */\n  animate?: boolean;\n}\n\n// ---------------------------------------------------------------------------\n// Internal helpers\n// ---------------------------------------------------------------------------\n\ntype RenderContext = {\n  nodeById: Map<number, StreamingMarkdownAstNode>;\n  s: MarkdownStyle;\n};\n\nfunction renderChildren(\n  node: Extract<StreamingMarkdownAstNode, { children: number[] }>,\n  ctx: RenderContext,\n): ReactNode {\n  return node.children.map((id) => {\n    const child = ctx.nodeById.get(id);\n    if (!child) return null;\n    return <Fragment key={id}>{renderNode(child, ctx)}</Fragment>;\n  });\n}\n\nfunction renderTextContent(\n  node: Extract<StreamingMarkdownAstNode, { children: number[] }>,\n  ctx: RenderContext,\n): ReactNode {\n  return node.children.map((id) => {\n    const child = ctx.nodeById.get(id);\n    if (!child) return null;\n    return <Fragment key={id}>{renderInlineNode(child, ctx)}</Fragment>;\n  });\n}\n\n/**\n * Render an inline node (text, strong, em, etc.) as a React Native `<Text>`.\n * Returns `null` for block-level nodes that can't be nested in `<Text>`.\n */\nfunction renderInlineNode(\n  node: StreamingMarkdownAstNode,\n  ctx: RenderContext,\n): ReactNode {\n  switch (node.type) {\n    case \"text\":\n      return node.text;\n\n    case \"strong\":\n      return (\n        <Text key={node.id} style={ctx.s.strong as any}>\n          {renderTextContent(node, ctx)}\n        </Text>\n      );\n\n    case \"em\":\n      return (\n        <Text key={node.id} style={ctx.s.em as any}>\n          {renderTextContent(node, ctx)}\n        </Text>\n      );\n\n    case \"strikethrough\":\n      return (\n        <Text key={node.id} style={ctx.s.strikethrough as any}>\n          {renderTextContent(node, ctx)}\n        </Text>\n      );\n\n    case \"inline-code\":\n      return (\n        <Text key={node.id} style={ctx.s.inlineCode as any}>\n          {node.text}\n        </Text>\n      );\n\n    case \"link\":\n    case \"autolink\":\n      // Non-navigable: render as styled Text only — zero URL/XSS surface.\n      return (\n        <Text key={node.id} style={ctx.s.link as any}>\n          {\"children\" in node\n            ? renderTextContent(node as any, ctx)\n            : (node as any).text}\n        </Text>\n      );\n\n    case \"image\":\n      // Images can't be embedded in <Text>; render alt text.\n      return (\n        <Text key={node.id} style={ctx.s.image as any}>\n          {(node as any).alt}\n        </Text>\n      );\n\n    case \"soft-break\":\n      return \"\\n\";\n\n    case \"hard-break\":\n      return \"\\n\";\n\n    case \"citation\":\n      // Citation marker (e.g. \"[1]\"). This is an inline-level node reached via\n      // a paragraph/heading's renderTextContent; without this case it would\n      // fall through to `default` and render nothing (no text/children).\n      // Prefer the resolved number, fall back to the citation id.\n      return (\n        <Text\n          key={node.id}\n          style={{ fontSize: 12, verticalAlign: \"top\" } as any}\n        >\n          [{(node as any).number ?? (node as any).idRef}]\n        </Text>\n      );\n\n    default:\n      // Fallback for any inline nodes not explicitly handled\n      if (\"text\" in node && typeof (node as any).text === \"string\") {\n        return (node as any).text;\n      }\n      if (\"children\" in node) {\n        return renderTextContent(node as any, ctx);\n      }\n      return null;\n  }\n}\n\nfunction renderNode(\n  node: StreamingMarkdownAstNode,\n  ctx: RenderContext,\n): ReactNode {\n  switch (node.type) {\n    case \"document\":\n      return <Fragment key={node.id}>{renderChildren(node, ctx)}</Fragment>;\n\n    case \"paragraph\":\n      return (\n        <Text key={node.id} style={ctx.s.paragraph as any}>\n          {renderTextContent(node, ctx)}\n        </Text>\n      );\n\n    case \"heading\": {\n      const level = node.level as 1 | 2 | 3 | 4 | 5 | 6;\n      const headingStyle =\n        ctx.s[`h${level}` as keyof MarkdownStyle] ?? ctx.s.h6;\n      return (\n        <Text key={node.id} style={headingStyle as any}>\n          {renderTextContent(node, ctx)}\n        </Text>\n      );\n    }\n\n    case \"blockquote\":\n      return (\n        <View key={node.id} style={ctx.s.blockquote as any}>\n          {renderChildren(node, ctx)}\n        </View>\n      );\n\n    case \"list\":\n      return (\n        <View key={node.id} style={ctx.s.list as any}>\n          {node.children.map((itemId, index) => {\n            const item = ctx.nodeById.get(itemId);\n            if (!item) return null;\n            const bullet = node.ordered\n              ? `${(node.start ?? 1) + index}. `\n              : \"• \";\n            return (\n              <View key={itemId} style={ctx.s.listItem as any}>\n                <Text style={ctx.s.listBullet as any}>{bullet}</Text>\n                <View style={{ flex: 1 }}>\n                  {renderChildren(\n                    item as Extract<\n                      StreamingMarkdownAstNode,\n                      { children: number[] }\n                    >,\n                    ctx,\n                  )}\n                </View>\n              </View>\n            );\n          })}\n        </View>\n      );\n\n    case \"list-item\":\n      // Handled inside \"list\" above; fallback in case a list-item appears standalone\n      return (\n        <View key={node.id} style={ctx.s.listItem as any}>\n          {renderChildren(node, ctx)}\n        </View>\n      );\n\n    case \"code-block\":\n      return (\n        <View key={node.id} style={ctx.s.codeBlock as any}>\n          <Text style={ctx.s.codeBlockText as any}>{node.text}</Text>\n        </View>\n      );\n\n    case \"table\":\n      return <View key={node.id}>{renderChildren(node, ctx)}</View>;\n\n    case \"table-row\":\n      return (\n        <View key={node.id} style={ctx.s.tableRow as any}>\n          {renderChildren(node, ctx)}\n        </View>\n      );\n\n    case \"table-cell\":\n      return (\n        <View key={node.id} style={ctx.s.tableCell as any}>\n          <Text>{renderTextContent(node, ctx)}</Text>\n        </View>\n      );\n\n    case \"thematic-break\":\n      return (\n        <View\n          key={node.id}\n          style={{\n            borderBottomWidth: 1,\n            borderBottomColor: \"#e0e0e0\",\n            marginVertical: 8,\n          }}\n        />\n      );\n\n    case \"text\":\n      return <Text key={node.id}>{node.text}</Text>;\n\n    case \"strong\":\n    case \"em\":\n    case \"strikethrough\":\n    case \"inline-code\":\n    case \"link\":\n    case \"autolink\":\n    case \"image\":\n    case \"soft-break\":\n    case \"hard-break\":\n    case \"citation\":\n      // These are inline; wrap in Text for block-level context. Citation\n      // rendering lives in renderInlineNode so block and inline paths agree.\n      return <Text key={node.id}>{renderInlineNode(node, ctx)}</Text>;\n\n    default:\n      return null;\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nfunction buildParserState(\n  content: string,\n  isComplete: boolean,\n  animate: boolean,\n): StreamingMarkdownParserState {\n  const state = createStreamingMarkdownParserState({\n    segmenter: animate,\n    enableTables: true,\n    enableAutolinks: true,\n  });\n  const parsed = parseStreamingMarkdownChunk(state, content);\n  return isComplete ? finalizeStreamingMarkdown(parsed) : parsed;\n}\n\n/**\n * React Native streaming markdown renderer powered by the zero-dependency\n * `@copilotkit/markdown` parser.\n *\n * Defaults `segmenter: false` — safe on Hermes which may not ship `Intl.Segmenter`.\n * Pass `animate={true}` only when you have confirmed Segmenter availability.\n *\n * @public\n */\nexport function StreamingMarkdownRenderer({\n  content,\n  isComplete = false,\n  style,\n  animate = false,\n}: StreamingMarkdownRendererProps): React.ReactElement | null {\n  const mergedStyles = useMemo<MarkdownStyle>(\n    () =>\n      style ? { ...defaultMarkdownStyles, ...style } : defaultMarkdownStyles,\n    [style],\n  );\n\n  const parserState = useMemo(\n    () => buildParserState(content ?? \"\", isComplete, animate),\n    [content, isComplete, animate],\n  );\n\n  const nodeById = useMemo(() => {\n    const map = new Map<number, StreamingMarkdownAstNode>();\n    for (const node of parserState.nodes) {\n      map.set(node.id, node);\n    }\n    return map;\n  }, [parserState.nodes]);\n\n  const ctx: RenderContext = useMemo(\n    () => ({ nodeById, s: mergedStyles }),\n    [nodeById, mergedStyles],\n  );\n\n  if (parserState.rootId == null) {\n    return null;\n  }\n\n  const rootNode = nodeById.get(parserState.rootId);\n  if (!rootNode) {\n    return null;\n  }\n\n  return <>{renderNode(rootNode, ctx)}</>;\n}\n"],"mappings":"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"}

package/dist/vue/index.cjs

@@ -0,0 +1,256 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+let vue = require("vue");
+let _copilotkit_markdown = require("@copilotkit/markdown");
+
+//#region src/vue/streaming-markdown-renderer.ts
+const SAFE_HREF = /^(https?:|mailto:|tel:|#|\/|\.\/|\.\.\/)/i;
+const SAFE_IMG_SRC = /^(https?:|data:image\/(?!svg)|\/|\.\/|\.\.\/)/i;
+function sanitizeHref(href) {
+	if (!href) return void 0;
+	return SAFE_HREF.test(href.trim()) ? href : void 0;
+}
+function sanitizeImgSrc(src) {
+	if (!src) return void 0;
+	return SAFE_IMG_SRC.test(src.trim()) ? src : void 0;
+}
+const DEFAULT_OPTIONS = {
+	segmenter: true,
+	enableTables: true,
+	enableAutolinks: true
+};
+function normalizeOptions(options) {
+	return {
+		segmenter: options?.segmenter ?? DEFAULT_OPTIONS.segmenter,
+		enableTables: options?.enableTables ?? DEFAULT_OPTIONS.enableTables,
+		enableAutolinks: options?.enableAutolinks ?? DEFAULT_OPTIONS.enableAutolinks
+	};
+}
+function buildParserState(content, options, isComplete) {
+	const state = (0, _copilotkit_markdown.createStreamingMarkdownParserState)(options);
+	const parsed = content.length > 0 ? (0, _copilotkit_markdown.parseStreamingMarkdownChunk)(state, content) : state;
+	return isComplete ? (0, _copilotkit_markdown.finalizeStreamingMarkdown)(parsed) : parsed;
+}
+function renderTextSegments(node) {
+	if (node.text.length === 0) return [];
+	if (node.segments.length === 0) return [(0, vue.h)("span", { class: "cpk-streaming-markdown-segment" }, node.text)];
+	return node.segments.map((segment) => (0, vue.h)("span", {
+		class: "cpk-streaming-markdown-segment",
+		"data-streaming-markdown-segment-kind": segment.kind,
+		"data-streaming-markdown-whitespace": String(segment.isWhitespace)
+	}, segment.noBreakBefore ? `⁠${segment.text}` : segment.text));
+}
+function renderChildren(childIds, nodeById, nodeRenderers) {
+	return childIds.map((id) => {
+		const child = nodeById.get(id);
+		return child ? renderNode(child, nodeById, nodeRenderers) : null;
+	});
+}
+function renderNode(node, nodeById, nodeRenderers) {
+	function withOverride(key, defaultVNode) {
+		const override = nodeRenderers?.[key];
+		return override ? override(node, defaultVNode) : defaultVNode;
+	}
+	switch (node.type) {
+		case "document": return (0, vue.h)("span", { style: "display:contents" }, renderChildren(node.children, nodeById, nodeRenderers));
+		case "paragraph": return withOverride("paragraph", (0, vue.h)("p", {
+			"data-streaming-markdown-node": "paragraph",
+			"data-node-open": String(!node.closed)
+		}, renderChildren(node.children, nodeById, nodeRenderers)));
+		case "heading": return withOverride("heading", (0, vue.h)(`h${node.level}`, {
+			"data-streaming-markdown-node": "heading",
+			"data-node-open": String(!node.closed)
+		}, renderChildren(node.children, nodeById, nodeRenderers)));
+		case "blockquote": return withOverride("blockquote", (0, vue.h)("blockquote", {
+			"data-streaming-markdown-node": "blockquote",
+			"data-node-open": String(!node.closed)
+		}, renderChildren(node.children, nodeById, nodeRenderers)));
+		case "list": {
+			const tag = node.ordered ? "ol" : "ul";
+			const attrs = {
+				"data-streaming-markdown-node": "list",
+				"data-node-open": String(!node.closed),
+				"data-list-tight": String(node.tight)
+			};
+			if (node.ordered && node.start != null) attrs.start = node.start;
+			return withOverride("list", (0, vue.h)(tag, attrs, renderChildren(node.children, nodeById, nodeRenderers)));
+		}
+		case "list-item": return withOverride("listItem", (0, vue.h)("li", {
+			"data-streaming-markdown-node": "list-item",
+			"data-node-open": String(!node.closed)
+		}, renderChildren(node.children, nodeById, nodeRenderers)));
+		case "code-block": return withOverride("codeBlock", (0, vue.h)("pre", {
+			"data-streaming-markdown-node": "code-block",
+			"data-node-open": String(!node.closed)
+		}, [(0, vue.h)("code", { "data-code-info": node.info ?? void 0 }, node.text)]));
+		case "table": return withOverride("table", (0, vue.h)("table", {
+			"data-streaming-markdown-node": "table",
+			"data-node-open": String(!node.closed)
+		}, [(0, vue.h)("tbody", renderChildren(node.children, nodeById, nodeRenderers))]));
+		case "table-row": return withOverride("tableRow", (0, vue.h)("tr", {
+			"data-streaming-markdown-node": "table-row",
+			"data-node-open": String(!node.closed)
+		}, renderChildren(node.children, nodeById, nodeRenderers)));
+		case "table-cell": {
+			const parent = node.parentId != null ? nodeById.get(node.parentId) : void 0;
+			return withOverride("tableCell", (0, vue.h)(parent?.type === "table-row" && parent.isHeader ? "th" : "td", {
+				"data-streaming-markdown-node": "table-cell",
+				"data-node-open": String(!node.closed)
+			}, renderChildren(node.children, nodeById, nodeRenderers)));
+		}
+		case "thematic-break": return withOverride("thematicBreak", (0, vue.h)("hr", {
+			"data-streaming-markdown-node": "thematic-break",
+			"data-node-open": String(!node.closed)
+		}));
+		case "text": return (0, vue.h)("span", { style: "display:contents" }, renderTextSegments(node));
+		case "em": return withOverride("em", (0, vue.h)("em", {
+			"data-streaming-markdown-node": "em",
+			"data-node-open": String(!node.closed)
+		}, renderChildren(node.children, nodeById, nodeRenderers)));
+		case "strong": return withOverride("strong", (0, vue.h)("strong", {
+			"data-streaming-markdown-node": "strong",
+			"data-node-open": String(!node.closed)
+		}, renderChildren(node.children, nodeById, nodeRenderers)));
+		case "strikethrough": return withOverride("strikethrough", (0, vue.h)("del", {
+			"data-streaming-markdown-node": "strikethrough",
+			"data-node-open": String(!node.closed)
+		}, renderChildren(node.children, nodeById, nodeRenderers)));
+		case "inline-code": return withOverride("inlineCode", (0, vue.h)("code", {
+			"data-streaming-markdown-node": "inline-code",
+			"data-node-open": String(!node.closed)
+		}, node.text));
+		case "soft-break": return "\n";
+		case "hard-break": return withOverride("hardBreak", (0, vue.h)("br", {
+			"data-streaming-markdown-node": "hard-break",
+			"data-node-open": String(!node.closed)
+		}));
+		case "link": {
+			const safeHref = sanitizeHref(node.url);
+			const attrs = {
+				"data-streaming-markdown-node": "link",
+				"data-node-open": String(!node.closed),
+				target: "_blank",
+				rel: "noopener noreferrer"
+			};
+			if (safeHref != null) attrs.href = safeHref;
+			if (node.title) attrs.title = node.title;
+			return withOverride("link", (0, vue.h)("a", attrs, renderChildren(node.children, nodeById, nodeRenderers)));
+		}
+		case "image": {
+			const safeSrc = sanitizeImgSrc(node.url);
+			const attrs = {
+				"data-streaming-markdown-node": "image",
+				"data-node-open": String(!node.closed),
+				alt: node.alt
+			};
+			if (safeSrc != null) attrs.src = safeSrc;
+			if (node.title) attrs.title = node.title;
+			return withOverride("image", (0, vue.h)("img", attrs));
+		}
+		case "autolink": {
+			const safeHref = sanitizeHref(node.url);
+			const attrs = {
+				"data-streaming-markdown-node": "autolink",
+				"data-node-open": String(!node.closed),
+				target: "_blank",
+				rel: "noopener noreferrer"
+			};
+			if (safeHref != null) attrs.href = safeHref;
+			return withOverride("autolink", (0, vue.h)("a", attrs, node.text));
+		}
+		case "citation": return withOverride("citation", (0, vue.h)("sup", {
+			"data-streaming-markdown-node": "citation",
+			"data-node-open": String(!node.closed),
+			class: "cpk-streaming-markdown-citation"
+		}, [(0, vue.h)("span", {
+			role: "doc-noteref",
+			class: "cpk-streaming-markdown-citation-label"
+		}, String(node.number ?? node.idRef))]));
+		default: return null;
+	}
+}
+/**
+* Vue 3 streaming markdown renderer.
+*
+* Drives the `@copilotkit/markdown` zero-dep parser and walks the
+* resulting AST into VNodes via `h()`.
+*
+* @public
+*/
+const StreamingMarkdownRenderer = (0, vue.defineComponent)({
+	name: "StreamingMarkdownRenderer",
+	props: {
+		content: {
+			type: String,
+			required: true
+		},
+		isComplete: {
+			type: Boolean,
+			default: false
+		},
+		options: {
+			type: Object,
+			default: void 0
+		},
+		class: {
+			type: String,
+			default: void 0
+		},
+		caret: {
+			type: Boolean,
+			default: false
+		},
+		nodeRenderers: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props) {
+		const parserState = (0, vue.computed)(() => {
+			const opts = normalizeOptions(props.options);
+			return buildParserState(props.content ?? "", opts, props.isComplete);
+		});
+		const nodeById = (0, vue.computed)(() => {
+			const map = /* @__PURE__ */ new Map();
+			for (const node of parserState.value.nodes) map.set(node.id, node);
+			return map;
+		});
+		return () => {
+			const state = parserState.value;
+			const byId = nodeById.value;
+			const rootNode = state.rootId != null ? byId.get(state.rootId) : void 0;
+			const renderers = props.nodeRenderers;
+			const rootClass = props.class ? `cpk-streaming-markdown-root ${props.class}` : "cpk-streaming-markdown-root";
+			if (!rootNode) return (0, vue.h)("div", {
+				class: rootClass,
+				"data-streaming-markdown-root": true
+			});
+			const children = rootNode.type === "document" ? rootNode.children.map((id) => {
+				const child = byId.get(id);
+				return child ? renderNode(child, byId, renderers) : null;
+			}) : [renderNode(rootNode, byId, renderers)];
+			if (props.caret && !state.isComplete) children.push((0, vue.h)("span", {
+				"aria-hidden": true,
+				class: "cpk-streaming-markdown-caret",
+				"data-streaming-markdown-caret": true,
+				style: {
+					display: "inline-block",
+					width: "0.48em",
+					height: "0.48em",
+					marginInlineStart: "0.08em",
+					verticalAlign: "-0.08em",
+					borderRadius: "999px",
+					backgroundColor: "currentColor",
+					opacity: "0.55"
+				}
+			}));
+			return (0, vue.h)("div", {
+				class: rootClass,
+				"data-streaming-markdown-root": true
+			}, children);
+		};
+	}
+});
+
+//#endregion
+exports.StreamingMarkdownRenderer = StreamingMarkdownRenderer;
+//# sourceMappingURL=index.cjs.map

package/dist/vue/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/vue/streaming-markdown-renderer.ts"],"sourcesContent":["import { computed, defineComponent, h } from \"vue\";\nimport type { PropType, VNode } from \"vue\";\nimport {\n  createStreamingMarkdownParserState,\n  finalizeStreamingMarkdown,\n  parseStreamingMarkdownChunk,\n} from \"@copilotkit/markdown\";\nimport type {\n  StreamingMarkdownAstNode,\n  StreamingMarkdownParserOptions,\n  StreamingMarkdownParserState,\n  TextSegment,\n} from \"@copilotkit/markdown\";\n\n// ---------------------------------------------------------------------------\n// URL sanitization (allowlisted href and image src schemes)\n// ---------------------------------------------------------------------------\n\nconst SAFE_HREF = /^(https?:|mailto:|tel:|#|\\/|\\.\\/|\\.\\.\\/)/i;\nconst SAFE_IMG_SRC = /^(https?:|data:image\\/(?!svg)|\\/|\\.\\/|\\.\\.\\/)/i;\n\nfunction sanitizeHref(href: string | undefined): string | undefined {\n  if (!href) return undefined;\n  return SAFE_HREF.test(href.trim()) ? href : undefined;\n}\n\nfunction sanitizeImgSrc(src: string | undefined): string | undefined {\n  if (!src) return undefined;\n  return SAFE_IMG_SRC.test(src.trim()) ? src : undefined;\n}\n\n// ---------------------------------------------------------------------------\n// Parser helpers (full re-parse approach — simple and correct)\n// ---------------------------------------------------------------------------\n\nconst DEFAULT_OPTIONS: StreamingMarkdownParserOptions = {\n  segmenter: true,\n  enableTables: true,\n  enableAutolinks: true,\n};\n\nfunction normalizeOptions(\n  options?: Partial<StreamingMarkdownParserOptions>,\n): StreamingMarkdownParserOptions {\n  return {\n    segmenter: options?.segmenter ?? DEFAULT_OPTIONS.segmenter,\n    enableTables: options?.enableTables ?? DEFAULT_OPTIONS.enableTables,\n    enableAutolinks:\n      options?.enableAutolinks ?? DEFAULT_OPTIONS.enableAutolinks,\n  };\n}\n\nfunction buildParserState(\n  content: string,\n  options: StreamingMarkdownParserOptions,\n  isComplete: boolean,\n): StreamingMarkdownParserState {\n  const state = createStreamingMarkdownParserState(options);\n  const parsed =\n    content.length > 0 ? parseStreamingMarkdownChunk(state, content) : state;\n  return isComplete ? finalizeStreamingMarkdown(parsed) : parsed;\n}\n\n// ---------------------------------------------------------------------------\n// AST → VNode walker\n// ---------------------------------------------------------------------------\n\ntype NodeById = Map<number, StreamingMarkdownAstNode>;\n\ntype TextNode = Extract<StreamingMarkdownAstNode, { type: \"text\" }>;\n\nfunction renderTextSegments(node: TextNode): (VNode | string)[] {\n  if (node.text.length === 0) return [];\n  if (node.segments.length === 0) {\n    return [h(\"span\", { class: \"cpk-streaming-markdown-segment\" }, node.text)];\n  }\n  return node.segments.map((segment: TextSegment) =>\n    h(\n      \"span\",\n      {\n        class: \"cpk-streaming-markdown-segment\",\n        \"data-streaming-markdown-segment-kind\": segment.kind,\n        \"data-streaming-markdown-whitespace\": String(segment.isWhitespace),\n      },\n      segment.noBreakBefore ? `⁠${segment.text}` : segment.text,\n    ),\n  );\n}\n\nfunction renderChildren(\n  childIds: number[],\n  nodeById: NodeById,\n  nodeRenderers?: VueStreamingMarkdownNodeRenderers,\n): (VNode | string | null)[] {\n  return childIds.map((id) => {\n    const child = nodeById.get(id);\n    return child ? renderNode(child, nodeById, nodeRenderers) : null;\n  });\n}\n\nfunction renderNode(\n  node: StreamingMarkdownAstNode,\n  nodeById: NodeById,\n  nodeRenderers?: VueStreamingMarkdownNodeRenderers,\n): VNode | string | null {\n  // Helper: apply a nodeRenderers override if one is registered for this node type.\n  function withOverride(\n    key: VueStreamingMarkdownNodeRendererKey,\n    defaultVNode: VNode | string | null,\n  ): VNode | string | null {\n    const override = nodeRenderers?.[key];\n    return override ? override(node, defaultVNode) : defaultVNode;\n  }\n\n  switch (node.type) {\n    case \"document\": {\n      // Document is transparent — render children directly as a Fragment via array\n      // We wrap in a div for the root element, handled at the top level.\n      // Here just return children inlined (will be wrapped by root div).\n      return h(\n        \"span\",\n        { style: \"display:contents\" },\n        renderChildren(node.children, nodeById, nodeRenderers),\n      );\n    }\n\n    case \"paragraph\": {\n      const defaultVNode = h(\n        \"p\",\n        {\n          \"data-streaming-markdown-node\": \"paragraph\",\n          \"data-node-open\": String(!node.closed),\n        },\n        renderChildren(node.children, nodeById, nodeRenderers),\n      );\n      return withOverride(\"paragraph\", defaultVNode);\n    }\n\n    case \"heading\": {\n      const tag = `h${node.level}` as \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n      const defaultVNode = h(\n        tag,\n        {\n          \"data-streaming-markdown-node\": \"heading\",\n          \"data-node-open\": String(!node.closed),\n        },\n        renderChildren(node.children, nodeById, nodeRenderers),\n      );\n      return withOverride(\"heading\", defaultVNode);\n    }\n\n    case \"blockquote\": {\n      const defaultVNode = h(\n        \"blockquote\",\n        {\n          \"data-streaming-markdown-node\": \"blockquote\",\n          \"data-node-open\": String(!node.closed),\n        },\n        renderChildren(node.children, nodeById, nodeRenderers),\n      );\n      return withOverride(\"blockquote\", defaultVNode);\n    }\n\n    case \"list\": {\n      const tag = node.ordered ? \"ol\" : \"ul\";\n      const attrs: Record<string, unknown> = {\n        \"data-streaming-markdown-node\": \"list\",\n        \"data-node-open\": String(!node.closed),\n        \"data-list-tight\": String(node.tight),\n      };\n      if (node.ordered && node.start != null) {\n        attrs.start = node.start;\n      }\n      const defaultVNode = h(\n        tag,\n        attrs,\n        renderChildren(node.children, nodeById, nodeRenderers),\n      );\n      return withOverride(\"list\", defaultVNode);\n    }\n\n    case \"list-item\": {\n      const defaultVNode = h(\n        \"li\",\n        {\n          \"data-streaming-markdown-node\": \"list-item\",\n          \"data-node-open\": String(!node.closed),\n        },\n        renderChildren(node.children, nodeById, nodeRenderers),\n      );\n      return withOverride(\"listItem\", defaultVNode);\n    }\n\n    case \"code-block\": {\n      const defaultVNode = h(\n        \"pre\",\n        {\n          \"data-streaming-markdown-node\": \"code-block\",\n          \"data-node-open\": String(!node.closed),\n        },\n        [h(\"code\", { \"data-code-info\": node.info ?? undefined }, node.text)],\n      );\n      return withOverride(\"codeBlock\", defaultVNode);\n    }\n\n    case \"table\": {\n      const defaultVNode = h(\n        \"table\",\n        {\n          \"data-streaming-markdown-node\": \"table\",\n          \"data-node-open\": String(!node.closed),\n        },\n        [h(\"tbody\", renderChildren(node.children, nodeById, nodeRenderers))],\n      );\n      return withOverride(\"table\", defaultVNode);\n    }\n\n    case \"table-row\": {\n      const defaultVNode = h(\n        \"tr\",\n        {\n          \"data-streaming-markdown-node\": \"table-row\",\n          \"data-node-open\": String(!node.closed),\n        },\n        renderChildren(node.children, nodeById, nodeRenderers),\n      );\n      return withOverride(\"tableRow\", defaultVNode);\n    }\n\n    case \"table-cell\": {\n      const parent =\n        node.parentId != null ? nodeById.get(node.parentId) : undefined;\n      const isHeader = parent?.type === \"table-row\" && parent.isHeader;\n      const tag = isHeader ? \"th\" : \"td\";\n      const defaultVNode = h(\n        tag,\n        {\n          \"data-streaming-markdown-node\": \"table-cell\",\n          \"data-node-open\": String(!node.closed),\n        },\n        renderChildren(node.children, nodeById, nodeRenderers),\n      );\n      return withOverride(\"tableCell\", defaultVNode);\n    }\n\n    case \"thematic-break\": {\n      const defaultVNode = h(\"hr\", {\n        \"data-streaming-markdown-node\": \"thematic-break\",\n        \"data-node-open\": String(!node.closed),\n      });\n      return withOverride(\"thematicBreak\", defaultVNode);\n    }\n\n    case \"text\": {\n      return h(\"span\", { style: \"display:contents\" }, renderTextSegments(node));\n    }\n\n    case \"em\": {\n      const defaultVNode = h(\n        \"em\",\n        {\n          \"data-streaming-markdown-node\": \"em\",\n          \"data-node-open\": String(!node.closed),\n        },\n        renderChildren(node.children, nodeById, nodeRenderers),\n      );\n      return withOverride(\"em\", defaultVNode);\n    }\n\n    case \"strong\": {\n      const defaultVNode = h(\n        \"strong\",\n        {\n          \"data-streaming-markdown-node\": \"strong\",\n          \"data-node-open\": String(!node.closed),\n        },\n        renderChildren(node.children, nodeById, nodeRenderers),\n      );\n      return withOverride(\"strong\", defaultVNode);\n    }\n\n    case \"strikethrough\": {\n      const defaultVNode = h(\n        \"del\",\n        {\n          \"data-streaming-markdown-node\": \"strikethrough\",\n          \"data-node-open\": String(!node.closed),\n        },\n        renderChildren(node.children, nodeById, nodeRenderers),\n      );\n      return withOverride(\"strikethrough\", defaultVNode);\n    }\n\n    case \"inline-code\": {\n      const defaultVNode = h(\n        \"code\",\n        {\n          \"data-streaming-markdown-node\": \"inline-code\",\n          \"data-node-open\": String(!node.closed),\n        },\n        node.text,\n      );\n      return withOverride(\"inlineCode\", defaultVNode);\n    }\n\n    case \"soft-break\": {\n      return \"\\n\";\n    }\n\n    case \"hard-break\": {\n      const defaultVNode = h(\"br\", {\n        \"data-streaming-markdown-node\": \"hard-break\",\n        \"data-node-open\": String(!node.closed),\n      });\n      return withOverride(\"hardBreak\", defaultVNode);\n    }\n\n    case \"link\": {\n      const safeHref = sanitizeHref(node.url);\n      const attrs: Record<string, unknown> = {\n        \"data-streaming-markdown-node\": \"link\",\n        \"data-node-open\": String(!node.closed),\n        target: \"_blank\",\n        rel: \"noopener noreferrer\",\n      };\n      if (safeHref != null) {\n        attrs.href = safeHref;\n      }\n      if (node.title) {\n        attrs.title = node.title;\n      }\n      const defaultVNode = h(\n        \"a\",\n        attrs,\n        renderChildren(node.children, nodeById, nodeRenderers),\n      );\n      return withOverride(\"link\", defaultVNode);\n    }\n\n    case \"image\": {\n      const safeSrc = sanitizeImgSrc(node.url);\n      const attrs: Record<string, unknown> = {\n        \"data-streaming-markdown-node\": \"image\",\n        \"data-node-open\": String(!node.closed),\n        alt: node.alt,\n      };\n      if (safeSrc != null) {\n        attrs.src = safeSrc;\n      }\n      if (node.title) {\n        attrs.title = node.title;\n      }\n      const defaultVNode = h(\"img\", attrs);\n      return withOverride(\"image\", defaultVNode);\n    }\n\n    case \"autolink\": {\n      const safeHref = sanitizeHref(node.url);\n      const attrs: Record<string, unknown> = {\n        \"data-streaming-markdown-node\": \"autolink\",\n        \"data-node-open\": String(!node.closed),\n        target: \"_blank\",\n        rel: \"noopener noreferrer\",\n      };\n      if (safeHref != null) {\n        attrs.href = safeHref;\n      }\n      const defaultVNode = h(\"a\", attrs, node.text);\n      return withOverride(\"autolink\", defaultVNode);\n    }\n\n    case \"citation\": {\n      // Render as a superscript with the citation reference\n      const defaultVNode = h(\n        \"sup\",\n        {\n          \"data-streaming-markdown-node\": \"citation\",\n          \"data-node-open\": String(!node.closed),\n          class: \"cpk-streaming-markdown-citation\",\n        },\n        [\n          h(\n            \"span\",\n            {\n              role: \"doc-noteref\",\n              class: \"cpk-streaming-markdown-citation-label\",\n            },\n            String(node.number ?? node.idRef),\n          ),\n        ],\n      );\n      return withOverride(\"citation\", defaultVNode);\n    }\n\n    default: {\n      return null;\n    }\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Vue component props types (exported for consumer use)\n// ---------------------------------------------------------------------------\n\n/**\n * Custom Vue render function for a specific AST node.\n * @public\n */\nexport type VueStreamingMarkdownNodeRenderer = (\n  node: StreamingMarkdownAstNode,\n  defaultVNode: VNode | string | null,\n) => VNode | string | null;\n\n/**\n * Supported key names for Vue `nodeRenderers`.\n * CamelCase, matching `StreamingMarkdownNodeRendererKey` on the React renderer.\n *\n * @public\n */\nexport type VueStreamingMarkdownNodeRendererKey =\n  | \"paragraph\"\n  | \"heading\"\n  | \"blockquote\"\n  | \"list\"\n  | \"listItem\"\n  | \"codeBlock\"\n  | \"table\"\n  | \"tableRow\"\n  | \"tableCell\"\n  | \"thematicBreak\"\n  | \"em\"\n  | \"strong\"\n  | \"strikethrough\"\n  | \"inlineCode\"\n  | \"hardBreak\"\n  | \"image\"\n  | \"link\"\n  | \"autolink\"\n  | \"citation\";\n\n/**\n * Optional map of node-type renderer keys to custom Vue render functions.\n * @public\n */\nexport type VueStreamingMarkdownNodeRenderers = Partial<\n  Record<VueStreamingMarkdownNodeRendererKey, VueStreamingMarkdownNodeRenderer>\n>;\n\n// ---------------------------------------------------------------------------\n// StreamingMarkdownRenderer — Vue 3 Composition API component (.ts)\n// ---------------------------------------------------------------------------\n\n/**\n * Vue 3 streaming markdown renderer.\n *\n * Drives the `@copilotkit/markdown` zero-dep parser and walks the\n * resulting AST into VNodes via `h()`.\n *\n * @public\n */\nexport const StreamingMarkdownRenderer = defineComponent({\n  name: \"StreamingMarkdownRenderer\",\n\n  props: {\n    /** The full markdown source string, which may grow over time during streaming. */\n    content: {\n      type: String as PropType<string>,\n      required: true,\n    },\n    /** When true, finalizes the parser state (end of stream). */\n    isComplete: {\n      type: Boolean as PropType<boolean>,\n      default: false,\n    },\n    /** Optional parser option overrides. */\n    options: {\n      type: Object as PropType<Partial<StreamingMarkdownParserOptions>>,\n      default: undefined,\n    },\n    /** Optional CSS class applied to the root wrapper element. */\n    class: {\n      type: String as PropType<string>,\n      default: undefined,\n    },\n    /**\n     * When true, renders a trailing cursor span after the last open node.\n     * Animation niceties are left to CSS; this just inserts the element.\n     */\n    caret: {\n      type: Boolean as PropType<boolean>,\n      default: false,\n    },\n    /**\n     * Optional map of node-type keys to custom Vue render functions.\n     * Each function receives the AST node and the default VNode and can return\n     * a replacement VNode (or the defaultVNode to keep the default).\n     * Supported keys: paragraph, heading, blockquote, list, listItem, codeBlock,\n     * table, tableRow, tableCell, thematicBreak, em, strong, strikethrough,\n     * inlineCode, hardBreak, link, image, autolink, citation.\n     */\n    nodeRenderers: {\n      type: Object as PropType<VueStreamingMarkdownNodeRenderers>,\n      default: undefined,\n    },\n  },\n\n  setup(props) {\n    const parserState = computed<StreamingMarkdownParserState>(() => {\n      const opts = normalizeOptions(props.options);\n      return buildParserState(props.content ?? \"\", opts, props.isComplete);\n    });\n\n    const nodeById = computed<NodeById>(() => {\n      const map = new Map<number, StreamingMarkdownAstNode>();\n      for (const node of parserState.value.nodes) {\n        map.set(node.id, node);\n      }\n      return map;\n    });\n\n    return () => {\n      const state = parserState.value;\n      const byId = nodeById.value;\n      const rootNode =\n        state.rootId != null ? byId.get(state.rootId) : undefined;\n      const renderers = props.nodeRenderers;\n\n      const rootClass = props.class\n        ? `cpk-streaming-markdown-root ${props.class}`\n        : \"cpk-streaming-markdown-root\";\n\n      if (!rootNode) {\n        return h(\"div\", {\n          class: rootClass,\n          \"data-streaming-markdown-root\": true,\n        });\n      }\n\n      // Render children of document directly (skip the transparent document wrapper)\n      const children: (VNode | string | null)[] =\n        rootNode.type === \"document\"\n          ? rootNode.children.map((id) => {\n              const child = byId.get(id);\n              return child ? renderNode(child, byId, renderers) : null;\n            })\n          : [renderNode(rootNode, byId, renderers)];\n\n      // Append caret if requested and not complete\n      if (props.caret && !state.isComplete) {\n        children.push(\n          h(\"span\", {\n            \"aria-hidden\": true,\n            class: \"cpk-streaming-markdown-caret\",\n            \"data-streaming-markdown-caret\": true,\n            style: {\n              display: \"inline-block\",\n              width: \"0.48em\",\n              height: \"0.48em\",\n              marginInlineStart: \"0.08em\",\n              verticalAlign: \"-0.08em\",\n              borderRadius: \"999px\",\n              backgroundColor: \"currentColor\",\n              opacity: \"0.55\",\n            },\n          }),\n        );\n      }\n\n      return h(\n        \"div\",\n        {\n          class: rootClass,\n          \"data-streaming-markdown-root\": true,\n        },\n        children,\n      );\n    };\n  },\n});\n"],"mappings":"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"}