@copilotkit/markdown 0.0.0-stage → 2.0.0-rc.12

package/dist/react-native/index.cjs

@@ -0,0 +1,330 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+let react = require("react");
+react = __toESM(react);
+let react_native = require("react-native");
+let _copilotkit_markdown = require("@copilotkit/markdown");
+let react_jsx_runtime = require("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__ */ (0, react_jsx_runtime.jsx)(react.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__ */ (0, react_jsx_runtime.jsx)(react.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__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
+			style: ctx.s.strong,
+			children: renderTextContent(node, ctx)
+		}, node.id);
+		case "em": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
+			style: ctx.s.em,
+			children: renderTextContent(node, ctx)
+		}, node.id);
+		case "strikethrough": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
+			style: ctx.s.strikethrough,
+			children: renderTextContent(node, ctx)
+		}, node.id);
+		case "inline-code": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
+			style: ctx.s.inlineCode,
+			children: node.text
+		}, node.id);
+		case "link":
+		case "autolink": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
+			style: ctx.s.link,
+			children: "children" in node ? renderTextContent(node, ctx) : node.text
+		}, node.id);
+		case "image": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
+			style: ctx.s.image,
+			children: node.alt
+		}, node.id);
+		case "soft-break": return "\n";
+		case "hard-break": return "\n";
+		case "citation": return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native.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__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: renderChildren(node, ctx) }, node.id);
+		case "paragraph": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
+			style: ctx.s.paragraph,
+			children: renderTextContent(node, ctx)
+		}, node.id);
+		case "heading": {
+			const level = node.level;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
+				style: ctx.s[`h${level}`] ?? ctx.s.h6,
+				children: renderTextContent(node, ctx)
+			}, node.id);
+		}
+		case "blockquote": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+			style: ctx.s.blockquote,
+			children: renderChildren(node, ctx)
+		}, node.id);
+		case "list": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.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__ */ (0, react_jsx_runtime.jsxs)(react_native.View, {
+					style: ctx.s.listItem,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
+						style: ctx.s.listBullet,
+						children: bullet
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+						style: { flex: 1 },
+						children: renderChildren(item, ctx)
+					})]
+				}, itemId);
+			})
+		}, node.id);
+		case "list-item": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+			style: ctx.s.listItem,
+			children: renderChildren(node, ctx)
+		}, node.id);
+		case "code-block": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+			style: ctx.s.codeBlock,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
+				style: ctx.s.codeBlockText,
+				children: node.text
+			})
+		}, node.id);
+		case "table": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, { children: renderChildren(node, ctx) }, node.id);
+		case "table-row": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+			style: ctx.s.tableRow,
+			children: renderChildren(node, ctx)
+		}, node.id);
+		case "table-cell": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+			style: ctx.s.tableCell,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, { children: renderTextContent(node, ctx) })
+		}, node.id);
+		case "thematic-break": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, { style: {
+			borderBottomWidth: 1,
+			borderBottomColor: "#e0e0e0",
+			marginVertical: 8
+		} }, node.id);
+		case "text": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.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__ */ (0, react_jsx_runtime.jsx)(react_native.Text, { children: renderInlineNode(node, ctx) }, node.id);
+		default: return null;
+	}
+}
+function buildParserState(content, isComplete, animate) {
+	const parsed = (0, _copilotkit_markdown.parseStreamingMarkdownChunk)((0, _copilotkit_markdown.createStreamingMarkdownParserState)({
+		segmenter: animate,
+		enableTables: true,
+		enableAutolinks: true
+	}), content);
+	return isComplete ? (0, _copilotkit_markdown.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 = (0, react.useMemo)(() => style ? {
+		...defaultMarkdownStyles,
+		...style
+	} : defaultMarkdownStyles, [style]);
+	const parserState = (0, react.useMemo)(() => buildParserState(content ?? "", isComplete, animate), [
+		content,
+		isComplete,
+		animate
+	]);
+	const nodeById = (0, react.useMemo)(() => {
+		const map = /* @__PURE__ */ new Map();
+		for (const node of parserState.nodes) map.set(node.id, node);
+		return map;
+	}, [parserState.nodes]);
+	const ctx = (0, react.useMemo)(() => ({
+		nodeById,
+		s: mergedStyles
+	}), [nodeById, mergedStyles]);
+	if (parserState.rootId == null) return null;
+	const rootNode = nodeById.get(parserState.rootId);
+	if (!rootNode) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: renderNode(rootNode, ctx) });
+}
+
+//#endregion
+exports.StreamingMarkdownRenderer = StreamingMarkdownRenderer;
+exports.defaultMarkdownStyles = defaultMarkdownStyles;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["Fragment","Text","View"],"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/react-native/index.d.cts

@@ -0,0 +1,74 @@
+import React from "react";
+
+//#region src/react-native/streaming-markdown-renderer.d.ts
+/**
+ * Style-object for the RN streaming markdown renderer.
+ * Every key is optional — defaults cover all built-in node types.
+ *
+ * @public
+ */
+type MarkdownStyle = {
+  paragraph?: Record<string, unknown>;
+  h1?: Record<string, unknown>;
+  h2?: Record<string, unknown>;
+  h3?: Record<string, unknown>;
+  h4?: Record<string, unknown>;
+  h5?: Record<string, unknown>;
+  h6?: Record<string, unknown>;
+  strong?: Record<string, unknown>;
+  em?: Record<string, unknown>;
+  strikethrough?: Record<string, unknown>;
+  inlineCode?: Record<string, unknown>;
+  codeBlock?: Record<string, unknown>;
+  codeBlockText?: Record<string, unknown>;
+  blockquote?: Record<string, unknown>;
+  list?: Record<string, unknown>;
+  listItem?: Record<string, unknown>;
+  listBullet?: Record<string, unknown>;
+  link?: Record<string, unknown>;
+  image?: Record<string, unknown>;
+  tableRow?: Record<string, unknown>;
+  tableCell?: Record<string, unknown>;
+};
+/**
+ * Default styles for all built-in node types.
+ *
+ * @public
+ */
+declare const defaultMarkdownStyles: MarkdownStyle;
+/**
+ * Props for the React Native `StreamingMarkdownRenderer`.
+ *
+ * @public
+ */
+interface StreamingMarkdownRendererProps {
+  /** Full markdown source (may grow over time during streaming). */
+  content: string;
+  /** When true, finalizes the parser state after processing content. */
+  isComplete?: boolean;
+  /** Style overrides merged with `defaultMarkdownStyles`. */
+  style?: MarkdownStyle;
+  /**
+   * When true, enables `Intl.Segmenter`-based per-token animation.
+   * Defaults to `false` — safe on Hermes which may not ship Segmenter.
+   */
+  animate?: boolean;
+}
+/**
+ * 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
+ */
+declare function StreamingMarkdownRenderer({
+  content,
+  isComplete,
+  style,
+  animate
+}: StreamingMarkdownRendererProps): React.ReactElement | null;
+//#endregion
+export { type MarkdownStyle, StreamingMarkdownRenderer, type StreamingMarkdownRendererProps, defaultMarkdownStyles };
+//# sourceMappingURL=index.d.cts.map

package/dist/react-native/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/react-native/streaming-markdown-renderer.tsx"],"mappings":";;;;;AAuBA;;;;KAAY,aAAA;EACV,SAAA,GAAY,MAAA;EACZ,EAAA,GAAK,MAAA;EACL,EAAA,GAAK,MAAA;EACL,EAAA,GAAK,MAAA;EACL,EAAA,GAAK,MAAA;EACL,EAAA,GAAK,MAAA;EACL,EAAA,GAAK,MAAA;EACL,MAAA,GAAS,MAAA;EACT,EAAA,GAAK,MAAA;EACL,aAAA,GAAgB,MAAA;EAChB,UAAA,GAAa,MAAA;EACb,SAAA,GAAY,MAAA;EACZ,aAAA,GAAgB,MAAA;EAChB,UAAA,GAAa,MAAA;EACb,IAAA,GAAO,MAAA;EACP,QAAA,GAAW,MAAA;EACX,UAAA,GAAa,MAAA;EACb,IAAA,GAAO,MAAA;EACP,KAAA,GAAQ,MAAA;EACR,QAAA,GAAW,MAAA;EACX,SAAA,GAAY,MAAA;AAAA;;;;;;cAQD,qBAAA,EAAuB,aAAA;;;;;;UAkGnB,8BAAA;EAxHV;EA0HL,OAAA;EAzHS;EA2HT,UAAA;EA1HK;EA4HL,KAAA,GAAQ,aAAA;EA3HQ;;;;EAgIhB,OAAA;AAAA;;;;;;;;;;iBAsRc,yBAAA,CAAA;EACd,OAAA;EACA,UAAA;EACA,KAAA;EACA;AAAA,GACC,8BAAA,GAAiC,KAAA,CAAM,YAAA"}

package/dist/react-native/index.d.mts

@@ -0,0 +1,74 @@
+import React from "react";
+
+//#region src/react-native/streaming-markdown-renderer.d.ts
+/**
+ * Style-object for the RN streaming markdown renderer.
+ * Every key is optional — defaults cover all built-in node types.
+ *
+ * @public
+ */
+type MarkdownStyle = {
+  paragraph?: Record<string, unknown>;
+  h1?: Record<string, unknown>;
+  h2?: Record<string, unknown>;
+  h3?: Record<string, unknown>;
+  h4?: Record<string, unknown>;
+  h5?: Record<string, unknown>;
+  h6?: Record<string, unknown>;
+  strong?: Record<string, unknown>;
+  em?: Record<string, unknown>;
+  strikethrough?: Record<string, unknown>;
+  inlineCode?: Record<string, unknown>;
+  codeBlock?: Record<string, unknown>;
+  codeBlockText?: Record<string, unknown>;
+  blockquote?: Record<string, unknown>;
+  list?: Record<string, unknown>;
+  listItem?: Record<string, unknown>;
+  listBullet?: Record<string, unknown>;
+  link?: Record<string, unknown>;
+  image?: Record<string, unknown>;
+  tableRow?: Record<string, unknown>;
+  tableCell?: Record<string, unknown>;
+};
+/**
+ * Default styles for all built-in node types.
+ *
+ * @public
+ */
+declare const defaultMarkdownStyles: MarkdownStyle;
+/**
+ * Props for the React Native `StreamingMarkdownRenderer`.
+ *
+ * @public
+ */
+interface StreamingMarkdownRendererProps {
+  /** Full markdown source (may grow over time during streaming). */
+  content: string;
+  /** When true, finalizes the parser state after processing content. */
+  isComplete?: boolean;
+  /** Style overrides merged with `defaultMarkdownStyles`. */
+  style?: MarkdownStyle;
+  /**
+   * When true, enables `Intl.Segmenter`-based per-token animation.
+   * Defaults to `false` — safe on Hermes which may not ship Segmenter.
+   */
+  animate?: boolean;
+}
+/**
+ * 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
+ */
+declare function StreamingMarkdownRenderer({
+  content,
+  isComplete,
+  style,
+  animate
+}: StreamingMarkdownRendererProps): React.ReactElement | null;
+//#endregion
+export { type MarkdownStyle, StreamingMarkdownRenderer, type StreamingMarkdownRendererProps, defaultMarkdownStyles };
+//# sourceMappingURL=index.d.mts.map

package/dist/react-native/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/react-native/streaming-markdown-renderer.tsx"],"mappings":";;;;;AAuBA;;;;KAAY,aAAA;EACV,SAAA,GAAY,MAAA;EACZ,EAAA,GAAK,MAAA;EACL,EAAA,GAAK,MAAA;EACL,EAAA,GAAK,MAAA;EACL,EAAA,GAAK,MAAA;EACL,EAAA,GAAK,MAAA;EACL,EAAA,GAAK,MAAA;EACL,MAAA,GAAS,MAAA;EACT,EAAA,GAAK,MAAA;EACL,aAAA,GAAgB,MAAA;EAChB,UAAA,GAAa,MAAA;EACb,SAAA,GAAY,MAAA;EACZ,aAAA,GAAgB,MAAA;EAChB,UAAA,GAAa,MAAA;EACb,IAAA,GAAO,MAAA;EACP,QAAA,GAAW,MAAA;EACX,UAAA,GAAa,MAAA;EACb,IAAA,GAAO,MAAA;EACP,KAAA,GAAQ,MAAA;EACR,QAAA,GAAW,MAAA;EACX,SAAA,GAAY,MAAA;AAAA;;;;;;cAQD,qBAAA,EAAuB,aAAA;;;;;;UAkGnB,8BAAA;EAxHV;EA0HL,OAAA;EAzHS;EA2HT,UAAA;EA1HK;EA4HL,KAAA,GAAQ,aAAA;EA3HQ;;;;EAgIhB,OAAA;AAAA;;;;;;;;;;iBAsRc,yBAAA,CAAA;EACd,OAAA;EACA,UAAA;EACA,KAAA;EACA;AAAA,GACC,8BAAA,GAAiC,KAAA,CAAM,YAAA"}