@hubstr/kit 0.1.4 → 0.1.6

package/ui/es/Markdown/SyntaxMarkdown/MarkdownRender.mjs

@@ -0,0 +1,26 @@
+"use client";
+import { useMarkdownComponents } from "../../hooks/useMarkdown/useMarkdownComponents.mjs";
+import { useMarkdownContent } from "../../hooks/useMarkdown/useMarkdownContent.mjs";
+import { useMarkdownRehypePlugins } from "../../hooks/useMarkdown/useMarkdownRehypePlugins.mjs";
+import { useMarkdownRemarkPlugins } from "../../hooks/useMarkdown/useMarkdownRemarkPlugins.mjs";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+import Markdown from "react-markdown";
+//#region src/Markdown/SyntaxMarkdown/MarkdownRender.tsx
+const MarkdownRenderer = memo(({ children, ...rest }) => {
+	const escapedContent = useMarkdownContent(children || "");
+	const components = useMarkdownComponents();
+	const rehypePluginsList = useMarkdownRehypePlugins();
+	const remarkPluginsList = useMarkdownRemarkPlugins();
+	return /* @__PURE__ */ jsx(Markdown, {
+		...rest,
+		components,
+		rehypePlugins: rehypePluginsList,
+		remarkPlugins: remarkPluginsList,
+		children: escapedContent
+	});
+}, (prevProps, nextProps) => prevProps.children === nextProps.children);
+//#endregion
+export { MarkdownRenderer as default };
+
+//# sourceMappingURL=MarkdownRender.mjs.map

package/ui/es/Markdown/SyntaxMarkdown/MarkdownRender.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRender.mjs","names":[],"sources":["../../../src/Markdown/SyntaxMarkdown/MarkdownRender.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { memo } from 'react';\r\nimport Markdown, { type Options } from 'react-markdown';\r\n\r\nimport {\r\n  useMarkdownComponents,\r\n  useMarkdownContent,\r\n  useMarkdownRehypePlugins,\r\n  useMarkdownRemarkPlugins,\r\n} from '../../hooks/useMarkdown';\r\n\r\nconst MarkdownRenderer = memo<Options>(\r\n  ({ children, ...rest }) => {\r\n    const escapedContent = useMarkdownContent(children || '');\r\n    const components = useMarkdownComponents();\r\n    const rehypePluginsList = useMarkdownRehypePlugins();\r\n    const remarkPluginsList = useMarkdownRemarkPlugins();\r\n\r\n    return (\r\n      <Markdown\r\n        {...rest}\r\n        components={components}\r\n        rehypePlugins={rehypePluginsList}\r\n        remarkPlugins={remarkPluginsList}\r\n      >\r\n        {escapedContent}\r\n      </Markdown>\r\n    );\r\n  },\r\n  (prevProps, nextProps) => prevProps.children === nextProps.children,\r\n);\r\n\r\nexport default MarkdownRenderer;\r\n"],"mappings":";;;;;;;;;AAYA,MAAM,mBAAmB,MACtB,EAAE,UAAU,GAAG,WAAW;CACzB,MAAM,iBAAiB,mBAAmB,YAAY,GAAG;CACzD,MAAM,aAAa,uBAAuB;CAC1C,MAAM,oBAAoB,0BAA0B;CACpD,MAAM,oBAAoB,0BAA0B;AAEpD,QACE,oBAAC,UAAD;EACE,GAAI;EACQ;EACZ,eAAe;EACf,eAAe;YAEd;EACQ,CAAA;IAGd,WAAW,cAAc,UAAU,aAAa,UAAU,SAC5D"}

package/ui/es/Markdown/SyntaxMarkdown/StreamdownRender.mjs

@@ -0,0 +1,308 @@
+"use client";
+import { isDeepEqual } from "../../utils/isDeepEqual.mjs";
+import { useStableValue } from "../../hooks/useStableValue.mjs";
+import { useMarkdownContext } from "../components/MarkdownProvider.mjs";
+import { useMarkdownComponents } from "../../hooks/useMarkdown/useMarkdownComponents.mjs";
+import { useMarkdownContent } from "../../hooks/useMarkdown/useMarkdownContent.mjs";
+import { useMarkdownRehypePlugins } from "../../hooks/useMarkdown/useMarkdownRehypePlugins.mjs";
+import { useMarkdownRemarkPlugins } from "../../hooks/useMarkdown/useMarkdownRemarkPlugins.mjs";
+import { getNow } from "../../utils/getNow.mjs";
+import { rehypeStreamAnimated } from "../plugins/rehypeStreamAnimated.mjs";
+import { useStreamdownProfiler } from "../streamProfiler/StreamdownProfilerProvider.mjs";
+import { CachedMarkdown } from "./CachedMarkdown.mjs";
+import { resolveBlockAnimationMeta } from "./streamAnimationMeta.mjs";
+import { styles } from "./style.mjs";
+import { countChars, useSmoothStreamContent } from "./useSmoothStreamContent.mjs";
+import { useStreamQueue } from "./useStreamQueue.mjs";
+import { Profiler, createElement, memo, useCallback, useEffect, useId, useMemo, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { marked } from "marked";
+import remend from "remend";
+//#region src/Markdown/SyntaxMarkdown/StreamdownRender.tsx
+const isSamePlugin = (prevPlugin, nextPlugin) => {
+	const prevTuple = Array.isArray(prevPlugin) ? prevPlugin : [prevPlugin];
+	const nextTuple = Array.isArray(nextPlugin) ? nextPlugin : [nextPlugin];
+	if (prevTuple.length !== nextTuple.length) return false;
+	if (prevTuple[0] !== nextTuple[0]) return false;
+	return isDeepEqual(prevTuple.slice(1), nextTuple.slice(1));
+};
+const isSamePlugins = (prevPlugins, nextPlugins) => {
+	if (prevPlugins === nextPlugins) return true;
+	if (!prevPlugins || !nextPlugins) return !prevPlugins && !nextPlugins;
+	if (prevPlugins.length !== nextPlugins.length) return false;
+	for (let i = 0; i < prevPlugins.length; i++) if (!isSamePlugin(prevPlugins[i], nextPlugins[i])) return false;
+	return true;
+};
+const useStablePlugins = (plugins) => {
+	const stableRef = useRef(plugins);
+	if (!isSamePlugins(stableRef.current, plugins)) stableRef.current = plugins;
+	return stableRef.current;
+};
+const StreamdownBlock = memo(({ children, ...rest }) => {
+	return /* @__PURE__ */ jsx(CachedMarkdown, {
+		...rest,
+		children
+	});
+}, (prevProps, nextProps) => prevProps.children === nextProps.children && prevProps.components === nextProps.components && isSamePlugins(prevProps.rehypePlugins, nextProps.rehypePlugins) && isSamePlugins(prevProps.remarkPlugins, nextProps.remarkPlugins));
+StreamdownBlock.displayName = "StreamdownBlock";
+const MIN_STREAM_CHAR_PACE_MS = 2;
+const MAX_REVEAL_GAP_MS = 160;
+const updateBlockAnimation = ({ blocks, charDelay, getBlockState, pluginsCache, renderNow, revealClock, runtimes }) => {
+	const blockAnimationMeta = /* @__PURE__ */ new Map();
+	const alive = /* @__PURE__ */ new Set();
+	let revealedNewChars = false;
+	for (const [index, block] of blocks.entries()) {
+		alive.add(block.startOffset);
+		const state = getBlockState(index);
+		if (state === "queued") continue;
+		let runtime = runtimes.get(block.startOffset);
+		if (!runtime) {
+			runtime = {
+				births: [],
+				charCount: 0,
+				rawLength: -1,
+				settled: false,
+				styles: []
+			};
+			runtimes.set(block.startOffset, runtime);
+		}
+		if (runtime.rawLength !== block.content.length) {
+			runtime.charCount = countChars(block.content);
+			runtime.rawLength = block.content.length;
+		}
+		const blockCharCount = runtime.charCount;
+		const births = runtime.births;
+		if (births.length > blockCharCount) {
+			births.length = blockCharCount;
+			runtime.styles.length = blockCharCount;
+		}
+		if (births.length < blockCharCount) {
+			const newChars = blockCharCount - births.length;
+			let pace = charDelay;
+			let cap = renderNow + 180;
+			if (state === "streaming") {
+				revealedNewChars = true;
+				const gapMs = Math.min(Math.max(renderNow - revealClock.lastTs, 16), MAX_REVEAL_GAP_MS);
+				pace = Math.min(charDelay, Math.max(gapMs / newChars, MIN_STREAM_CHAR_PACE_MS));
+				cap = renderNow + gapMs + 180;
+			}
+			for (let i = births.length; i < blockCharCount; i++) {
+				const chained = (i > 0 ? births[i - 1] : renderNow - pace) + pace;
+				births.push(Math.min(cap, Math.max(chained, renderNow)));
+			}
+		}
+		let meta;
+		if (runtime.settled) meta = {
+			charDelay: runtime.charDelay ?? charDelay,
+			settled: true
+		};
+		else {
+			meta = resolveBlockAnimationMeta({
+				currentCharDelay: charDelay,
+				fadeDuration: 180,
+				lastElapsedMs: renderNow - (births.length > 0 ? births.at(-1) ?? renderNow : renderNow),
+				previousCharDelay: runtime.charDelay,
+				state
+			});
+			runtime.settled = meta.settled;
+		}
+		runtime.charDelay = meta.charDelay;
+		blockAnimationMeta.set(block.startOffset, meta);
+	}
+	if (revealedNewChars) revealClock.lastTs = renderNow;
+	for (const key of runtimes.keys()) if (!alive.has(key)) {
+		runtimes.delete(key);
+		pluginsCache.delete(key);
+	}
+	return blockAnimationMeta;
+};
+const StreamdownBlocks = memo(({ content: smoothedContent, markdownOptions: rest }) => {
+	const { streamAnimationGranularity = "char" } = useMarkdownContext();
+	const profiler = useStreamdownProfiler();
+	const components = useMarkdownComponents();
+	const baseRehypePlugins = useStablePlugins(useMarkdownRehypePlugins());
+	const remarkPlugins = useStablePlugins(useMarkdownRemarkPlugins());
+	const generatedId = useId();
+	const processedContentResult = useMemo(() => {
+		const start = profiler ? getNow() : 0;
+		const value = remend(smoothedContent);
+		return {
+			durationMs: profiler ? getNow() - start : 0,
+			value
+		};
+	}, [profiler, smoothedContent]);
+	const processedContent = processedContentResult.value;
+	const blocksResult = useMemo(() => {
+		const start = profiler ? getNow() : 0;
+		const tokens = marked.lexer(processedContent);
+		let offset = 0;
+		const value = tokens.map((token) => {
+			const block = {
+				content: token.raw,
+				startOffset: offset
+			};
+			offset += token.raw.length;
+			return block;
+		});
+		return {
+			durationMs: profiler ? getNow() - start : 0,
+			value
+		};
+	}, [processedContent, profiler]);
+	const blocks = blocksResult.value;
+	const { getBlockState, charDelay } = useStreamQueue(blocks);
+	const blockRuntimesRef = useRef(/* @__PURE__ */ new Map());
+	const blockPluginsRef = useRef(/* @__PURE__ */ new Map());
+	const revealClockRef = useRef({ lastTs: 0 });
+	const renderNow = getNow();
+	const animationStart = profiler ? getNow() : 0;
+	const blockAnimationMeta = updateBlockAnimation({
+		blocks,
+		charDelay,
+		getBlockState,
+		pluginsCache: blockPluginsRef.current,
+		renderNow,
+		revealClock: revealClockRef.current,
+		runtimes: blockRuntimesRef.current
+	});
+	const blockAnimationDurationMs = profiler ? getNow() - animationStart : 0;
+	useEffect(() => {
+		if (!profiler) return;
+		profiler.recordCalculation({
+			durationMs: processedContentResult.durationMs,
+			name: "content-normalize",
+			textLength: processedContent.length
+		});
+	}, [
+		processedContent.length,
+		processedContentResult.durationMs,
+		profiler
+	]);
+	useEffect(() => {
+		if (!profiler) return;
+		profiler.recordCalculation({
+			durationMs: blocksResult.durationMs,
+			itemCount: blocks.length,
+			name: "block-lex",
+			textLength: processedContent.length
+		});
+	}, [
+		blocks.length,
+		blocksResult.durationMs,
+		processedContent.length,
+		profiler
+	]);
+	useEffect(() => {
+		if (!profiler) return;
+		profiler.recordCalculation({
+			durationMs: blockAnimationDurationMs,
+			itemCount: blocks.length,
+			name: "block-births",
+			textLength: processedContent.length
+		});
+	}, [
+		blockAnimationDurationMs,
+		blocks.length,
+		processedContent.length,
+		profiler
+	]);
+	const resolveBlockPlugins = (startOffset, settled) => {
+		if (settled) return baseRehypePlugins;
+		const cache = blockPluginsRef.current;
+		const entry = cache.get(startOffset);
+		if (entry && entry.base === baseRehypePlugins && entry.granularity === streamAnimationGranularity) return entry.value;
+		const runtime = blockRuntimesRef.current.get(startOffset);
+		const value = [...baseRehypePlugins, [rehypeStreamAnimated, {
+			fadeDuration: 180,
+			granularity: streamAnimationGranularity,
+			runtime
+		}]];
+		cache.set(startOffset, {
+			base: baseRehypePlugins,
+			granularity: streamAnimationGranularity,
+			value
+		});
+		return value;
+	};
+	const handleRootRender = useCallback((_, phase, actualDuration, baseDuration) => {
+		profiler?.recordRootCommit({
+			actualDuration,
+			baseDuration,
+			blockCount: blocks.length,
+			phase,
+			textLength: processedContent.length
+		});
+	}, [
+		blocks.length,
+		processedContent.length,
+		profiler
+	]);
+	const handleBlockRender = useCallback((id, phase, actualDuration, baseDuration) => {
+		if (!profiler) return;
+		const [, indexText, offsetText] = id.split(":");
+		const blockIndex = Number(indexText);
+		if (!Number.isFinite(blockIndex)) return;
+		const block = blocks[blockIndex];
+		if (!block) return;
+		profiler.recordBlockCommit({
+			actualDuration,
+			baseDuration,
+			blockChars: countChars(block.content),
+			blockIndex,
+			blockKey: offsetText ?? String(block.startOffset),
+			phase,
+			state: getBlockState(blockIndex)
+		});
+	}, [
+		blocks,
+		getBlockState,
+		profiler
+	]);
+	const content = /* @__PURE__ */ jsx("div", {
+		className: styles.animated,
+		children: blocks.map((block, index) => {
+			const animationMeta = blockAnimationMeta.get(block.startOffset);
+			if (!animationMeta) return null;
+			const plugins = resolveBlockPlugins(block.startOffset, animationMeta.settled);
+			const key = `${generatedId}-${block.startOffset}`;
+			if (!profiler) return /* @__PURE__ */ createElement(StreamdownBlock, {
+				...rest,
+				components,
+				key,
+				rehypePlugins: plugins,
+				remarkPlugins
+			}, block.content);
+			return /* @__PURE__ */ jsx(Profiler, {
+				id: `streamdown-block:${index}:${block.startOffset}`,
+				onRender: handleBlockRender,
+				children: /* @__PURE__ */ jsx(StreamdownBlock, {
+					...rest,
+					components,
+					rehypePlugins: plugins,
+					remarkPlugins,
+					children: block.content
+				})
+			}, key);
+		})
+	});
+	if (!profiler) return content;
+	return /* @__PURE__ */ jsx(Profiler, {
+		id: "streamdown-root",
+		onRender: handleRootRender,
+		children: content
+	});
+});
+StreamdownBlocks.displayName = "StreamdownBlocks";
+const StreamdownRender = memo(({ children, ...rest }) => {
+	const { streamSmoothingPreset = "balanced" } = useMarkdownContext();
+	const escapedContent = useMarkdownContent(children || "");
+	return /* @__PURE__ */ jsx(StreamdownBlocks, {
+		content: useSmoothStreamContent(typeof escapedContent === "string" ? escapedContent : "", { preset: streamSmoothingPreset }),
+		markdownOptions: useStableValue(rest)
+	});
+});
+StreamdownRender.displayName = "StreamdownRender";
+//#endregion
+export { StreamdownRender as default };
+
+//# sourceMappingURL=StreamdownRender.mjs.map

package/ui/es/Markdown/SyntaxMarkdown/StreamdownRender.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StreamdownRender.mjs","names":[],"sources":["../../../src/Markdown/SyntaxMarkdown/StreamdownRender.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { marked } from 'marked';\r\nimport {\r\n  memo,\r\n  Profiler,\r\n  type ProfilerOnRenderCallback,\r\n  useCallback,\r\n  useEffect,\r\n  useId,\r\n  useMemo,\r\n  useRef,\r\n} from 'react';\r\nimport { type Options } from 'react-markdown';\r\nimport remend from 'remend';\r\nimport type { Pluggable, PluggableList } from 'unified';\r\n\r\nimport {\r\n  useMarkdownComponents,\r\n  useMarkdownContent,\r\n  useMarkdownRehypePlugins,\r\n  useMarkdownRemarkPlugins,\r\n} from '../../hooks/useMarkdown';\r\nimport { useStableValue } from '../../hooks/useStableValue';\r\nimport { useMarkdownContext } from '../components/MarkdownProvider';\r\nimport {\r\n  rehypeStreamAnimated,\r\n  type StreamAnimatedRuntime,\r\n} from '../plugins/rehypeStreamAnimated';\r\nimport { useStreamdownProfiler } from '../streamProfiler';\r\nimport { type StreamAnimationGranularity } from '../type';\r\nimport { getNow } from '../../utils/getNow';\r\nimport { isDeepEqual } from '../../utils/isDeepEqual';\r\n\r\nimport { CachedMarkdown } from './CachedMarkdown';\r\nimport { type BlockAnimationMeta, resolveBlockAnimationMeta } from './streamAnimationMeta';\r\nimport { STREAM_FADE_DURATION, styles } from './style';\r\nimport { countChars, useSmoothStreamContent } from './useSmoothStreamContent';\r\nimport { type BlockInfo, type BlockState, useStreamQueue } from './useStreamQueue';\r\n\r\nconst isSamePlugin = (prevPlugin: Pluggable, nextPlugin: Pluggable): boolean => {\r\n  const prevTuple = Array.isArray(prevPlugin) ? prevPlugin : [prevPlugin];\r\n  const nextTuple = Array.isArray(nextPlugin) ? nextPlugin : [nextPlugin];\r\n\r\n  if (prevTuple.length !== nextTuple.length) return false;\r\n  if (prevTuple[0] !== nextTuple[0]) return false;\r\n\r\n  return isDeepEqual(prevTuple.slice(1), nextTuple.slice(1));\r\n};\r\n\r\nconst isSamePlugins = (\r\n  prevPlugins?: PluggableList | null,\r\n  nextPlugins?: PluggableList | null,\r\n): boolean => {\r\n  if (prevPlugins === nextPlugins) return true;\r\n  if (!prevPlugins || !nextPlugins) return !prevPlugins && !nextPlugins;\r\n  if (prevPlugins.length !== nextPlugins.length) return false;\r\n\r\n  for (let i = 0; i < prevPlugins.length; i++) {\r\n    if (!isSamePlugin(prevPlugins[i], nextPlugins[i])) return false;\r\n  }\r\n\r\n  return true;\r\n};\r\n\r\nconst useStablePlugins = (plugins: PluggableList): PluggableList => {\r\n  const stableRef = useRef<PluggableList>(plugins);\r\n\r\n  if (!isSamePlugins(stableRef.current, plugins)) {\r\n    stableRef.current = plugins;\r\n  }\r\n\r\n  return stableRef.current;\r\n};\r\n\r\nconst StreamdownBlock = memo<Options>(\r\n  ({ children, ...rest }) => {\r\n    return <CachedMarkdown {...rest}>{children}</CachedMarkdown>;\r\n  },\r\n  (prevProps, nextProps) =>\r\n    prevProps.children === nextProps.children &&\r\n    prevProps.components === nextProps.components &&\r\n    isSamePlugins(prevProps.rehypePlugins, nextProps.rehypePlugins) &&\r\n    isSamePlugins(prevProps.remarkPlugins, nextProps.remarkPlugins),\r\n);\r\n\r\nStreamdownBlock.displayName = 'StreamdownBlock';\r\n\r\ninterface BlockRuntime extends StreamAnimatedRuntime {\r\n  charCount: number;\r\n  charDelay?: number;\r\n  rawLength: number;\r\n  settled: boolean;\r\n}\r\n\r\ninterface BlockPluginsCacheEntry {\r\n  base: PluggableList;\r\n  granularity: StreamAnimationGranularity;\r\n  value: PluggableList;\r\n}\r\n\r\ninterface UpdateBlockAnimationArgs {\r\n  blocks: BlockInfo[];\r\n  charDelay: number;\r\n  getBlockState: (index: number) => BlockState;\r\n  pluginsCache: Map<number, BlockPluginsCacheEntry>;\r\n  renderNow: number;\r\n  revealClock: { lastTs: number };\r\n  runtimes: Map<number, BlockRuntime>;\r\n}\r\n\r\nconst MIN_STREAM_CHAR_PACE_MS = 2;\r\nconst MAX_REVEAL_GAP_MS = 160;\r\n\r\n// Runs in the render phase: extends each visible block's birth timeline in\r\n// place and resolves its animation meta in one pass. Mutations are\r\n// idempotent for a given block content/length, so discarded or StrictMode\r\n// double renders re-derive the same state.\r\nconst updateBlockAnimation = ({\r\n  blocks,\r\n  charDelay,\r\n  getBlockState,\r\n  pluginsCache,\r\n  renderNow,\r\n  revealClock,\r\n  runtimes,\r\n}: UpdateBlockAnimationArgs): Map<number, BlockAnimationMeta> => {\r\n  const blockAnimationMeta = new Map<number, BlockAnimationMeta>();\r\n  const alive = new Set<number>();\r\n  let revealedNewChars = false;\r\n\r\n  for (const [index, block] of blocks.entries()) {\r\n    alive.add(block.startOffset);\r\n\r\n    // Queued blocks are not rendered. Defer birth assignment so that\r\n    // when the block later transitions to animating/streaming, its\r\n    // chars start fading from that moment instead of having already\r\n    // \"aged out\" of the fade window.\r\n    const state = getBlockState(index);\r\n    if (state === 'queued') continue;\r\n\r\n    let runtime = runtimes.get(block.startOffset);\r\n    if (!runtime) {\r\n      runtime = { births: [], charCount: 0, rawLength: -1, settled: false, styles: [] };\r\n      runtimes.set(block.startOffset, runtime);\r\n    }\r\n\r\n    if (runtime.rawLength !== block.content.length) {\r\n      runtime.charCount = countChars(block.content);\r\n      runtime.rawLength = block.content.length;\r\n    }\r\n\r\n    const blockCharCount = runtime.charCount;\r\n    const births = runtime.births;\r\n\r\n    if (births.length > blockCharCount) {\r\n      // Block content shrunk (stream restart or upstream rewrite).\r\n      births.length = blockCharCount;\r\n      runtime.styles.length = blockCharCount;\r\n    }\r\n\r\n    if (births.length < blockCharCount) {\r\n      // Chain each new char monotonically after the previous one so fades\r\n      // never race out of order. Cap how far the fade queue can run ahead\r\n      // of renderNow to prevent stream-faster-than-fade producing seconds\r\n      // of invisible backlog at the tail.\r\n      //\r\n      // The streaming tail paces its stagger from the observed reveal-commit\r\n      // gap instead of the queue's fixed charDelay: a commit's chars are\r\n      // spread to land exactly until the next commit arrives, so the flow\r\n      // stays per-char continuous no matter how far apart the throttled\r\n      // commits are.\r\n      const newChars = blockCharCount - births.length;\r\n      let pace = charDelay;\r\n      let cap = renderNow + STREAM_FADE_DURATION;\r\n      if (state === 'streaming') {\r\n        revealedNewChars = true;\r\n        const gapMs = Math.min(Math.max(renderNow - revealClock.lastTs, 16), MAX_REVEAL_GAP_MS);\r\n        pace = Math.min(charDelay, Math.max(gapMs / newChars, MIN_STREAM_CHAR_PACE_MS));\r\n        cap = renderNow + gapMs + STREAM_FADE_DURATION;\r\n      }\r\n      for (let i = births.length; i < blockCharCount; i++) {\r\n        const prevBirth = i > 0 ? births[i - 1] : renderNow - pace;\r\n        const chained = prevBirth + pace;\r\n        births.push(Math.min(cap, Math.max(chained, renderNow)));\r\n      }\r\n    }\r\n\r\n    let meta: BlockAnimationMeta;\r\n    if (runtime.settled) {\r\n      // Settled is monotone: a revealed block's births are frozen, so once\r\n      // its last fade completed it stays settled until the runtime is\r\n      // pruned by a stream restart.\r\n      meta = { charDelay: runtime.charDelay ?? charDelay, settled: true };\r\n    } else {\r\n      const lastBirthTs = births.length > 0 ? (births.at(-1) ?? renderNow) : renderNow;\r\n      meta = resolveBlockAnimationMeta({\r\n        currentCharDelay: charDelay,\r\n        fadeDuration: STREAM_FADE_DURATION,\r\n        lastElapsedMs: renderNow - lastBirthTs,\r\n        previousCharDelay: runtime.charDelay,\r\n        state,\r\n      });\r\n      runtime.settled = meta.settled;\r\n    }\r\n    runtime.charDelay = meta.charDelay;\r\n\r\n    blockAnimationMeta.set(block.startOffset, meta);\r\n  }\r\n\r\n  if (revealedNewChars) {\r\n    revealClock.lastTs = renderNow;\r\n  }\r\n\r\n  for (const key of runtimes.keys()) {\r\n    if (!alive.has(key)) {\r\n      runtimes.delete(key);\r\n      pluginsCache.delete(key);\r\n    }\r\n  }\r\n\r\n  return blockAnimationMeta;\r\n};\r\n\r\ninterface StreamdownBlocksProps {\r\n  content: string;\r\n  markdownOptions: Omit<Options, 'children'>;\r\n}\r\n\r\nconst StreamdownBlocks = memo<StreamdownBlocksProps>(\r\n  ({ content: smoothedContent, markdownOptions: rest }) => {\r\n    const { streamAnimationGranularity = 'char' } = useMarkdownContext();\r\n    const profiler = useStreamdownProfiler();\r\n    const components = useMarkdownComponents();\r\n    const baseRehypePlugins = useStablePlugins(useMarkdownRehypePlugins());\r\n    const remarkPlugins = useStablePlugins(useMarkdownRemarkPlugins());\r\n    const generatedId = useId();\r\n\r\n    const processedContentResult = useMemo(() => {\r\n      const start = profiler ? getNow() : 0;\r\n      const value = remend(smoothedContent);\r\n\r\n      return {\r\n        durationMs: profiler ? getNow() - start : 0,\r\n        value,\r\n      };\r\n    }, [profiler, smoothedContent]);\r\n    const processedContent = processedContentResult.value;\r\n\r\n    const blocksResult = useMemo(() => {\r\n      const start = profiler ? getNow() : 0;\r\n      const tokens = marked.lexer(processedContent);\r\n      let offset = 0;\r\n\r\n      const value = tokens.map((token) => {\r\n        const block = { content: token.raw, startOffset: offset };\r\n        offset += token.raw.length;\r\n        return block;\r\n      });\r\n\r\n      return {\r\n        durationMs: profiler ? getNow() - start : 0,\r\n        value,\r\n      };\r\n    }, [processedContent, profiler]);\r\n    const blocks: BlockInfo[] = blocksResult.value;\r\n\r\n    const { getBlockState, charDelay } = useStreamQueue(blocks);\r\n    const blockRuntimesRef = useRef<Map<number, BlockRuntime>>(new Map());\r\n    const blockPluginsRef = useRef<Map<number, BlockPluginsCacheEntry>>(new Map());\r\n    const revealClockRef = useRef<{ lastTs: number }>({ lastTs: 0 });\r\n\r\n    const renderNow = getNow();\r\n\r\n    const animationStart = profiler ? getNow() : 0;\r\n    const blockAnimationMeta = updateBlockAnimation({\r\n      blocks,\r\n      charDelay,\r\n      getBlockState,\r\n      pluginsCache: blockPluginsRef.current,\r\n      renderNow,\r\n      revealClock: revealClockRef.current,\r\n      runtimes: blockRuntimesRef.current,\r\n    });\r\n    const blockAnimationDurationMs = profiler ? getNow() - animationStart : 0;\r\n\r\n    useEffect(() => {\r\n      if (!profiler) return;\r\n\r\n      profiler.recordCalculation({\r\n        durationMs: processedContentResult.durationMs,\r\n        name: 'content-normalize',\r\n        textLength: processedContent.length,\r\n      });\r\n    }, [processedContent.length, processedContentResult.durationMs, profiler]);\r\n\r\n    useEffect(() => {\r\n      if (!profiler) return;\r\n\r\n      profiler.recordCalculation({\r\n        durationMs: blocksResult.durationMs,\r\n        itemCount: blocks.length,\r\n        name: 'block-lex',\r\n        textLength: processedContent.length,\r\n      });\r\n    }, [blocks.length, blocksResult.durationMs, processedContent.length, profiler]);\r\n\r\n    useEffect(() => {\r\n      if (!profiler) return;\r\n\r\n      profiler.recordCalculation({\r\n        durationMs: blockAnimationDurationMs,\r\n        itemCount: blocks.length,\r\n        name: 'block-births',\r\n        textLength: processedContent.length,\r\n      });\r\n    }, [blockAnimationDurationMs, blocks.length, processedContent.length, profiler]);\r\n\r\n    const resolveBlockPlugins = (startOffset: number, settled: boolean): PluggableList => {\r\n      if (settled) return baseRehypePlugins;\r\n\r\n      const cache = blockPluginsRef.current;\r\n      const entry = cache.get(startOffset);\r\n      if (\r\n        entry &&\r\n        entry.base === baseRehypePlugins &&\r\n        entry.granularity === streamAnimationGranularity\r\n      ) {\r\n        return entry.value;\r\n      }\r\n\r\n      const runtime = blockRuntimesRef.current.get(startOffset);\r\n      const value: PluggableList = [\r\n        ...baseRehypePlugins,\r\n        [\r\n          rehypeStreamAnimated,\r\n          {\r\n            fadeDuration: STREAM_FADE_DURATION,\r\n            granularity: streamAnimationGranularity,\r\n            runtime,\r\n          },\r\n        ],\r\n      ];\r\n      cache.set(startOffset, {\r\n        base: baseRehypePlugins,\r\n        granularity: streamAnimationGranularity,\r\n        value,\r\n      });\r\n      return value;\r\n    };\r\n\r\n    const handleRootRender = useCallback<ProfilerOnRenderCallback>(\r\n      (_, phase, actualDuration, baseDuration) => {\r\n        profiler?.recordRootCommit({\r\n          actualDuration,\r\n          baseDuration,\r\n          blockCount: blocks.length,\r\n          phase,\r\n          textLength: processedContent.length,\r\n        });\r\n      },\r\n      [blocks.length, processedContent.length, profiler],\r\n    );\r\n\r\n    const handleBlockRender = useCallback<ProfilerOnRenderCallback>(\r\n      (id, phase, actualDuration, baseDuration) => {\r\n        if (!profiler) return;\r\n\r\n        const [, indexText, offsetText] = id.split(':');\r\n        const blockIndex = Number(indexText);\r\n\r\n        if (!Number.isFinite(blockIndex)) return;\r\n\r\n        const block = blocks[blockIndex];\r\n        if (!block) return;\r\n\r\n        profiler.recordBlockCommit({\r\n          actualDuration,\r\n          baseDuration,\r\n          blockChars: countChars(block.content),\r\n          blockIndex,\r\n          blockKey: offsetText ?? String(block.startOffset),\r\n          phase,\r\n          state: getBlockState(blockIndex),\r\n        });\r\n      },\r\n      [blocks, getBlockState, profiler],\r\n    );\r\n\r\n    const content = (\r\n      <div className={styles.animated}>\r\n        {blocks.map((block, index) => {\r\n          const animationMeta = blockAnimationMeta.get(block.startOffset);\r\n          if (!animationMeta) return null;\r\n\r\n          const plugins = resolveBlockPlugins(block.startOffset, animationMeta.settled);\r\n          const key = `${generatedId}-${block.startOffset}`;\r\n\r\n          if (!profiler) {\r\n            return (\r\n              <StreamdownBlock\r\n                {...rest}\r\n                components={components}\r\n                key={key}\r\n                rehypePlugins={plugins}\r\n                remarkPlugins={remarkPlugins}\r\n              >\r\n                {block.content}\r\n              </StreamdownBlock>\r\n            );\r\n          }\r\n\r\n          return (\r\n            <Profiler\r\n              id={`streamdown-block:${index}:${block.startOffset}`}\r\n              key={key}\r\n              onRender={handleBlockRender}\r\n            >\r\n              <StreamdownBlock\r\n                {...rest}\r\n                components={components}\r\n                rehypePlugins={plugins}\r\n                remarkPlugins={remarkPlugins}\r\n              >\r\n                {block.content}\r\n              </StreamdownBlock>\r\n            </Profiler>\r\n          );\r\n        })}\r\n      </div>\r\n    );\r\n\r\n    if (!profiler) return content;\r\n\r\n    return (\r\n      <Profiler id={'streamdown-root'} onRender={handleRootRender}>\r\n        {content}\r\n      </Profiler>\r\n    );\r\n  },\r\n);\r\n\r\nStreamdownBlocks.displayName = 'StreamdownBlocks';\r\n\r\n// The outer component absorbs the upstream per-chunk prop churn: every\r\n// streamed chunk re-renders it, but it only feeds the smoother and renders\r\n// a memoized child keyed on the smoother's output — so the expensive block\r\n// pipeline runs per reveal commit, not per chunk AND per commit.\r\nexport const StreamdownRender = memo<Options>(({ children, ...rest }) => {\r\n  const { streamSmoothingPreset = 'balanced' } = useMarkdownContext();\r\n  const escapedContent = useMarkdownContent(children || '');\r\n  const smoothedContent = useSmoothStreamContent(\r\n    typeof escapedContent === 'string' ? escapedContent : '',\r\n    { preset: streamSmoothingPreset },\r\n  );\r\n  const markdownOptions = useStableValue(rest);\r\n\r\n  return <StreamdownBlocks content={smoothedContent} markdownOptions={markdownOptions} />;\r\n});\r\n\r\nStreamdownRender.displayName = 'StreamdownRender';\r\n\r\nexport default StreamdownRender;\r\n"],"mappings":"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"}

package/ui/es/Markdown/SyntaxMarkdown/fenceState.mjs

@@ -0,0 +1,40 @@
+//#region src/Markdown/SyntaxMarkdown/fenceState.ts
+/**
+* Walk `content` and return the language of the last *unclosed* fenced
+* code block, or `null` if every fence is closed (or there are none).
+*
+* Used by the smoother to decide whether to bypass its buffer for the
+* current input. CommonMark recognises an opening fence as a line whose
+* first non-space chars are 3+ backticks; we deliberately stay simple:
+* 3 literal backticks at line start, language word after. That covers
+* the markdown LLMs actually emit; tildes and indented fences fall back
+* to normal smoothing rather than getting clever.
+*
+* Linear scan over the input, ~10ns per char on V8. Called on every
+* smoothing tick during streaming so the simplicity matters.
+*/
+const findOpenFenceLanguage = (content) => {
+	let inFence = false;
+	let lang = "";
+	let i = 0;
+	const len = content.length;
+	while (i < len) {
+		const nl = content.indexOf("\n", i);
+		const lineEnd = nl === -1 ? len : nl;
+		const line = content.slice(i, lineEnd);
+		if (line.startsWith("```")) if (inFence) {
+			inFence = false;
+			lang = "";
+		} else {
+			inFence = true;
+			lang = line.slice(3).trim().toLowerCase();
+		}
+		if (nl === -1) break;
+		i = nl + 1;
+	}
+	return inFence ? lang : null;
+};
+//#endregion
+export { findOpenFenceLanguage };
+
+//# sourceMappingURL=fenceState.mjs.map

package/ui/es/Markdown/SyntaxMarkdown/fenceState.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fenceState.mjs","names":[],"sources":["../../../src/Markdown/SyntaxMarkdown/fenceState.ts"],"sourcesContent":["/**\r\n * Walk `content` and return the language of the last *unclosed* fenced\r\n * code block, or `null` if every fence is closed (or there are none).\r\n *\r\n * Used by the smoother to decide whether to bypass its buffer for the\r\n * current input. CommonMark recognises an opening fence as a line whose\r\n * first non-space chars are 3+ backticks; we deliberately stay simple:\r\n * 3 literal backticks at line start, language word after. That covers\r\n * the markdown LLMs actually emit; tildes and indented fences fall back\r\n * to normal smoothing rather than getting clever.\r\n *\r\n * Linear scan over the input, ~10ns per char on V8. Called on every\r\n * smoothing tick during streaming so the simplicity matters.\r\n */\r\nexport const findOpenFenceLanguage = (content: string): string | null => {\r\n  let inFence = false;\r\n  let lang = '';\r\n  let i = 0;\r\n  const len = content.length;\r\n  while (i < len) {\r\n    const nl = content.indexOf('\\n', i);\r\n    const lineEnd = nl === -1 ? len : nl;\r\n    const line = content.slice(i, lineEnd);\r\n    if (line.startsWith('```')) {\r\n      if (inFence) {\r\n        inFence = false;\r\n        lang = '';\r\n      } else {\r\n        inFence = true;\r\n        lang = line.slice(3).trim().toLowerCase();\r\n      }\r\n    }\r\n    if (nl === -1) break;\r\n    i = nl + 1;\r\n  }\r\n  return inFence ? lang : null;\r\n};\r\n"],"mappings":";;;;;;;;;;;;;;;AAcA,MAAa,yBAAyB,YAAmC;CACvE,IAAI,UAAU;CACd,IAAI,OAAO;CACX,IAAI,IAAI;CACR,MAAM,MAAM,QAAQ;AACpB,QAAO,IAAI,KAAK;EACd,MAAM,KAAK,QAAQ,QAAQ,MAAM,EAAE;EACnC,MAAM,UAAU,OAAO,KAAK,MAAM;EAClC,MAAM,OAAO,QAAQ,MAAM,GAAG,QAAQ;AACtC,MAAI,KAAK,WAAW,MAAM,CACxB,KAAI,SAAS;AACX,aAAU;AACV,UAAO;SACF;AACL,aAAU;AACV,UAAO,KAAK,MAAM,EAAE,CAAC,MAAM,CAAC,aAAa;;AAG7C,MAAI,OAAO,GAAI;AACf,MAAI,KAAK;;AAEX,QAAO,UAAU,OAAO"}

package/ui/es/Markdown/SyntaxMarkdown/streamAnimationMeta.mjs

@@ -0,0 +1,14 @@
+//#region src/Markdown/SyntaxMarkdown/streamAnimationMeta.ts
+const isActiveBlock = (state) => {
+	return state === "animating" || state === "streaming";
+};
+const resolveBlockAnimationMeta = ({ currentCharDelay, fadeDuration, lastElapsedMs, previousCharDelay, state }) => {
+	return {
+		charDelay: isActiveBlock(state) ? currentCharDelay : previousCharDelay ?? currentCharDelay,
+		settled: state === "revealed" && lastElapsedMs >= fadeDuration
+	};
+};
+//#endregion
+export { resolveBlockAnimationMeta };
+
+//# sourceMappingURL=streamAnimationMeta.mjs.map

package/ui/es/Markdown/SyntaxMarkdown/streamAnimationMeta.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"streamAnimationMeta.mjs","names":[],"sources":["../../../src/Markdown/SyntaxMarkdown/streamAnimationMeta.ts"],"sourcesContent":["import { type BlockState } from './useStreamQueue';\r\n\r\nexport interface ResolveBlockAnimationMetaOptions {\r\n  currentCharDelay: number;\r\n  fadeDuration: number;\r\n  lastElapsedMs: number;\r\n  previousCharDelay?: number;\r\n  state: BlockState;\r\n}\r\n\r\nexport interface BlockAnimationMeta {\r\n  charDelay: number;\r\n  settled: boolean;\r\n}\r\n\r\nconst isActiveBlock = (state: BlockState) => {\r\n  return state === 'animating' || state === 'streaming';\r\n};\r\n\r\nexport const resolveBlockAnimationMeta = ({\r\n  currentCharDelay,\r\n  fadeDuration,\r\n  lastElapsedMs,\r\n  previousCharDelay,\r\n  state,\r\n}: ResolveBlockAnimationMetaOptions): BlockAnimationMeta => {\r\n  const charDelay = isActiveBlock(state)\r\n    ? currentCharDelay\r\n    : (previousCharDelay ?? currentCharDelay);\r\n  const settled = state === 'revealed' && lastElapsedMs >= fadeDuration;\r\n\r\n  return {\r\n    charDelay,\r\n    settled,\r\n  };\r\n};\r\n"],"mappings":";AAeA,MAAM,iBAAiB,UAAsB;AAC3C,QAAO,UAAU,eAAe,UAAU;;AAG5C,MAAa,6BAA6B,EACxC,kBACA,cACA,eACA,mBACA,YAC0D;AAM1D,QAAO;EACL,WANgB,cAAc,MAAM,GAClC,mBACC,qBAAqB;EAKxB,SAJc,UAAU,cAAc,iBAAiB;EAKxD"}

package/ui/es/Markdown/SyntaxMarkdown/style.mjs

@@ -0,0 +1,28 @@
+import { fadeIn } from "../../styles/animations.mjs";
+import { createStaticStyles } from "antd-style";
+const styles = createStaticStyles(({ css }) => {
+	return { animated: css`
+      .stream-char {
+        opacity: 0;
+
+        animation-name: ${fadeIn};
+        animation-duration: ${180}ms;
+        animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);
+        animation-fill-mode: forwards;
+      }
+
+      .stream-char-revealed {
+        opacity: 1;
+        animation: none;
+      }
+
+      .katex-display .katex-html span {
+        mask: none !important;
+        animation: none !important;
+      }
+    ` };
+});
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/ui/es/Markdown/SyntaxMarkdown/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/Markdown/SyntaxMarkdown/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\n\r\nimport { fadeIn } from '../../styles/animations';\r\n\r\nexport const STREAM_FADE_DURATION = 180;\r\n\r\nexport const styles = createStaticStyles(({ css }) => {\r\n  return {\r\n    animated: css`\r\n      .stream-char {\r\n        opacity: 0;\r\n\r\n        animation-name: ${fadeIn};\r\n        animation-duration: ${STREAM_FADE_DURATION}ms;\r\n        animation-timing-function: cubic-bezier(0.33, 0, 0.67, 1);\r\n        animation-fill-mode: forwards;\r\n      }\r\n\r\n      .stream-char-revealed {\r\n        opacity: 1;\r\n        animation: none;\r\n      }\r\n\r\n      .katex-display .katex-html span {\r\n        mask: none !important;\r\n        animation: none !important;\r\n      }\r\n    `,\r\n  };\r\n});\r\n"],"mappings":";;AAMA,MAAa,SAAS,oBAAoB,EAAE,UAAU;AACpD,QAAO,EACL,UAAU,GAAG;;;;0BAIS,OAAO;kCACkB;;;;;;;;;;;;;;OAehD;EACD"}