@lobehub/ui 5.6.0 → 5.6.2

package/es/Layout/components/LayoutToc.d.mts

@@ -1,8 +1,8 @@
 import { LayoutTocProps } from "../type.mjs";
-import * as react31 from "react";
+import * as react25 from "react";
 
 //#region src/Layout/components/LayoutToc.d.ts
-declare const LayoutToc: react31.NamedExoticComponent<LayoutTocProps>;
+declare const LayoutToc: react25.NamedExoticComponent<LayoutTocProps>;
 //#endregion
 export { LayoutToc };
 //# sourceMappingURL=LayoutToc.d.mts.map

package/es/List/ListItem/index.d.mts

@@ -1,8 +1,8 @@
 import { ListItemProps } from "../type.mjs";
-import * as react27 from "react";
+import * as react10 from "react";
 
 //#region src/List/ListItem/index.d.ts
-declare const ListItem: react27.NamedExoticComponent<ListItemProps>;
+declare const ListItem: react10.NamedExoticComponent<ListItemProps>;
 //#endregion
 export { ListItem };
 //# sourceMappingURL=index.d.mts.map

package/es/Markdown/Markdown.d.mts

@@ -1,8 +1,8 @@
 import { MarkdownProps } from "./type.mjs";
-import * as react26 from "react";
+import * as react12 from "react";
 
 //#region src/Markdown/Markdown.d.ts
-declare const Markdown: react26.NamedExoticComponent<MarkdownProps>;
+declare const Markdown: react12.NamedExoticComponent<MarkdownProps>;
 //#endregion
 export { Markdown };
 //# sourceMappingURL=Markdown.d.mts.map

package/es/Markdown/SyntaxMarkdown/StreamdownRender.mjs

@@ -6,10 +6,12 @@ import { useMarkdownContent } from "../../hooks/useMarkdown/useMarkdownContent.m
 import { useMarkdownRehypePlugins } from "../../hooks/useMarkdown/useMarkdownRehypePlugins.mjs";
 import { useMarkdownRemarkPlugins } from "../../hooks/useMarkdown/useMarkdownRemarkPlugins.mjs";
 import { rehypeStreamAnimated } from "../plugins/rehypeStreamAnimated.mjs";
+import { useStreamdownProfiler } from "../streamProfiler/StreamdownProfilerProvider.mjs";
+import { resolveBlockAnimationMeta } from "./streamAnimationMeta.mjs";
 import { styles } from "./style.mjs";
 import { useSmoothStreamContent } from "./useSmoothStreamContent.mjs";
 import { useStreamQueue } from "./useStreamQueue.mjs";
-import { createElement, memo, useEffect, useId, useMemo, useRef } from "react";
+import { Profiler, createElement, memo, useCallback, useEffect, useId, useMemo, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import Markdown from "react-markdown";
 import { marked } from "marked";
@@ -17,9 +19,13 @@ import remend from "remend";
 
 //#region src/Markdown/SyntaxMarkdown/StreamdownRender.tsx
 const STREAM_FADE_DURATION = 280;
+const REVEALED_STREAM_PLUGIN = [rehypeStreamAnimated, { revealed: true }];
 function countChars(text) {
 	return [...text].length;
 }
+function getNow() {
+	return typeof performance === "undefined" ? Date.now() : performance.now();
+}
 const isRecord = (value) => typeof value === "object" && value !== null;
 const isDeepEqualValue = (a, b) => {
 	if (a === b) return true;
@@ -64,19 +70,27 @@ const StreamdownBlock = memo(({ children, ...rest }) => {
 StreamdownBlock.displayName = "StreamdownBlock";
 const StreamdownRender = memo(({ children, ...rest }) => {
 	const { streamSmoothingPreset = "balanced" } = useMarkdownContext();
+	const profiler = useStreamdownProfiler();
 	const escapedContent = useMarkdownContent(children || "");
 	const components = useMarkdownComponents();
 	const baseRehypePlugins = useStablePlugins(useMarkdownRehypePlugins());
 	const remarkPlugins = useStablePlugins(useMarkdownRemarkPlugins());
 	const generatedId = useId();
 	const smoothedContent = useSmoothStreamContent(typeof escapedContent === "string" ? escapedContent : "", { preset: streamSmoothingPreset });
-	const processedContent = useMemo(() => {
-		return remend(smoothedContent);
-	}, [smoothedContent]);
-	const blocks = useMemo(() => {
+	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;
-		return tokens.map((token) => {
+		const value = tokens.map((token) => {
 			const block = {
 				content: token.raw,
 				startOffset: offset
@@ -84,14 +98,21 @@ const StreamdownRender = memo(({ children, ...rest }) => {
 			offset += token.raw.length;
 			return block;
 		});
-	}, [processedContent]);
+		return {
+			durationMs: profiler ? getNow() - start : 0,
+			value
+		};
+	}, [processedContent, profiler]);
+	const blocks = blocksResult.value;
 	const { getBlockState, charDelay } = useStreamQueue(blocks);
 	const prevBlockCharCountRef = useRef(/* @__PURE__ */ new Map());
+	const blockCharDelayRef = useRef(/* @__PURE__ */ new Map());
 	const blockTimelineRef = useRef(/* @__PURE__ */ new Map());
 	const lastRenderTsRef = useRef(null);
-	const renderTs = typeof performance === "undefined" ? Date.now() : performance.now();
+	const renderTs = getNow();
 	const frameDt = lastRenderTsRef.current === null ? 0 : Math.max(0, Math.min(renderTs - lastRenderTsRef.current, 120));
-	const timelineForRender = useMemo(() => {
+	const timelineResult = useMemo(() => {
+		const start = profiler ? getNow() : 0;
 		const next = /* @__PURE__ */ new Map();
 		const prevTimeline = blockTimelineRef.current;
 		const prevCharCounts = prevBlockCharCountRef.current;
@@ -108,50 +129,169 @@ const StreamdownRender = memo(({ children, ...rest }) => {
 			const minElapsed = Math.max(0, latestCharStart - charDelay * 2);
 			next.set(block.startOffset, Math.max(elapsedByTime, minElapsed));
 		}
-		return next;
+		return {
+			durationMs: profiler ? getNow() - start : 0,
+			value: next
+		};
 	}, [
 		blocks,
 		charDelay,
-		frameDt
+		frameDt,
+		profiler
+	]);
+	const timelineForRender = timelineResult.value;
+	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: timelineResult.durationMs,
+			itemCount: blocks.length,
+			name: "block-timeline",
+			textLength: processedContent.length
+		});
+	}, [
+		blocks.length,
+		processedContent.length,
+		profiler,
+		timelineResult.durationMs
+	]);
+	const blockAnimationMetaResult = useMemo(() => {
+		const nextBlockCharDelay = /* @__PURE__ */ new Map();
+		const blockAnimationMeta = /* @__PURE__ */ new Map();
+		for (const [index, block] of blocks.entries()) {
+			const state = getBlockState(index);
+			const timelineElapsedMs = timelineForRender.get(block.startOffset) ?? 0;
+			const animationMeta = resolveBlockAnimationMeta({
+				blockCharCount: countChars(block.content),
+				currentCharDelay: charDelay,
+				fadeDuration: STREAM_FADE_DURATION,
+				previousCharDelay: blockCharDelayRef.current.get(block.startOffset),
+				state,
+				timelineElapsedMs
+			});
+			nextBlockCharDelay.set(block.startOffset, animationMeta.charDelay);
+			blockAnimationMeta.set(block.startOffset, animationMeta);
+		}
+		return {
+			blockAnimationMeta,
+			blockCharDelay: nextBlockCharDelay
+		};
+	}, [
+		blocks,
+		charDelay,
+		getBlockState,
+		timelineForRender
 	]);
 	useEffect(() => {
 		const nextCharCount = /* @__PURE__ */ new Map();
 		for (const block of blocks) nextCharCount.set(block.startOffset, countChars(block.content));
+		blockCharDelayRef.current = blockAnimationMetaResult.blockCharDelay;
 		prevBlockCharCountRef.current = nextCharCount;
 		blockTimelineRef.current = timelineForRender;
-		lastRenderTsRef.current = typeof performance === "undefined" ? Date.now() : performance.now();
-	}, [blocks, timelineForRender]);
-	return /* @__PURE__ */ jsx("div", {
+		lastRenderTsRef.current = getNow();
+	}, [
+		blockAnimationMetaResult.blockCharDelay,
+		blocks,
+		timelineForRender
+	]);
+	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 state = getBlockState(index);
-			if (state === "queued") return null;
-			const timelineElapsedMs = timelineForRender.get(block.startOffset) ?? 0;
-			let plugins;
-			if (state === "streaming") plugins = [...baseRehypePlugins, [rehypeStreamAnimated, {
-				charDelay,
+			if (getBlockState(index) === "queued") return null;
+			const animationMeta = blockAnimationMetaResult.blockAnimationMeta.get(block.startOffset);
+			if (!animationMeta) return null;
+			const plugins = animationMeta.settled ? [...baseRehypePlugins, REVEALED_STREAM_PLUGIN] : [...baseRehypePlugins, [rehypeStreamAnimated, {
+				charDelay: animationMeta.charDelay,
 				fadeDuration: STREAM_FADE_DURATION,
-				timelineElapsedMs
-			}]];
-			else if (state === "animating") plugins = [...baseRehypePlugins, [rehypeStreamAnimated, {
-				charDelay,
-				fadeDuration: STREAM_FADE_DURATION,
-				timelineElapsedMs
+				timelineElapsedMs: animationMeta.timelineElapsedMs
 			}]];
-			else plugins = [...baseRehypePlugins, [rehypeStreamAnimated, {
-				charDelay,
-				fadeDuration: STREAM_FADE_DURATION,
-				timelineElapsedMs
-			}]];
-			return /* @__PURE__ */ createElement(StreamdownBlock, {
+			const key = `${generatedId}-${block.startOffset}`;
+			const blockNode = /* @__PURE__ */ jsx(StreamdownBlock, {
 				...rest,
 				components,
-				key: `${generatedId}-${block.startOffset}`,
+				rehypePlugins: plugins,
+				remarkPlugins,
+				children: block.content
+			});
+			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: blockNode
+			}, key);
 		})
 	});
+	if (!profiler) return content;
+	return /* @__PURE__ */ jsx(Profiler, {
+		id: "streamdown-root",
+		onRender: handleRootRender,
+		children: content
+	});
 });
 StreamdownRender.displayName = "StreamdownRender";
 var StreamdownRender_default = StreamdownRender;

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

@@ -1 +1 @@
-{"version":3,"file":"StreamdownRender.mjs","names":["blocks: BlockInfo[]","plugins: Pluggable[]"],"sources":["../../../src/Markdown/SyntaxMarkdown/StreamdownRender.tsx"],"sourcesContent":["'use client';\n\nimport { marked } from 'marked';\nimport { memo, useEffect, useId, useMemo, useRef } from 'react';\nimport Markdown, { type Options } from 'react-markdown';\nimport remend from 'remend';\nimport type { Pluggable, PluggableList } from 'unified';\n\nimport {\n  useMarkdownComponents,\n  useMarkdownContent,\n  useMarkdownRehypePlugins,\n  useMarkdownRemarkPlugins,\n} from '@/hooks/useMarkdown';\nimport { useMarkdownContext } from '@/Markdown/components/MarkdownProvider';\nimport { rehypeStreamAnimated } from '@/Markdown/plugins/rehypeStreamAnimated';\n\nimport { styles } from './style';\nimport { useSmoothStreamContent } from './useSmoothStreamContent';\nimport { type BlockInfo, useStreamQueue } from './useStreamQueue';\n\nconst STREAM_FADE_DURATION = 280;\n\nfunction countChars(text: string): number {\n  return [...text].length;\n}\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null;\n\nconst isDeepEqualValue = (a: unknown, b: unknown): boolean => {\n  if (a === b) return true;\n\n  if (Array.isArray(a) || Array.isArray(b)) {\n    if (!Array.isArray(a) || !Array.isArray(b)) return false;\n    if (a.length !== b.length) return false;\n    for (let i = 0; i < a.length; i++) {\n      if (!isDeepEqualValue(a[i], b[i])) return false;\n    }\n    return true;\n  }\n\n  if (!isRecord(a) || !isRecord(b)) return false;\n\n  const keysA = Object.keys(a);\n  const keysB = Object.keys(b);\n  if (keysA.length !== keysB.length) return false;\n\n  for (const key of keysA) {\n    if (!isDeepEqualValue(a[key], b[key])) return false;\n  }\n\n  return true;\n};\n\nconst isSamePlugin = (prevPlugin: Pluggable, nextPlugin: Pluggable): boolean => {\n  const prevTuple = Array.isArray(prevPlugin) ? prevPlugin : [prevPlugin];\n  const nextTuple = Array.isArray(nextPlugin) ? nextPlugin : [nextPlugin];\n\n  if (prevTuple.length !== nextTuple.length) return false;\n  if (prevTuple[0] !== nextTuple[0]) return false;\n\n  return isDeepEqualValue(prevTuple.slice(1), nextTuple.slice(1));\n};\n\nconst isSamePlugins = (\n  prevPlugins?: PluggableList | null,\n  nextPlugins?: PluggableList | null,\n): boolean => {\n  if (prevPlugins === nextPlugins) return true;\n  if (!prevPlugins || !nextPlugins) return !prevPlugins && !nextPlugins;\n  if (prevPlugins.length !== nextPlugins.length) return false;\n\n  for (let i = 0; i < prevPlugins.length; i++) {\n    if (!isSamePlugin(prevPlugins[i], nextPlugins[i])) return false;\n  }\n\n  return true;\n};\n\nconst useStablePlugins = (plugins: PluggableList): PluggableList => {\n  const stableRef = useRef<PluggableList>(plugins);\n\n  if (!isSamePlugins(stableRef.current, plugins)) {\n    stableRef.current = plugins;\n  }\n\n  return stableRef.current;\n};\n\nconst StreamdownBlock = memo<Options>(\n  ({ children, ...rest }) => {\n    return <Markdown {...rest}>{children}</Markdown>;\n  },\n  (prevProps, nextProps) =>\n    prevProps.children === nextProps.children &&\n    prevProps.components === nextProps.components &&\n    isSamePlugins(prevProps.rehypePlugins, nextProps.rehypePlugins) &&\n    isSamePlugins(prevProps.remarkPlugins, nextProps.remarkPlugins),\n);\n\nStreamdownBlock.displayName = 'StreamdownBlock';\n\nexport const StreamdownRender = memo<Options>(({ children, ...rest }) => {\n  const { streamSmoothingPreset = 'balanced' } = useMarkdownContext();\n  const escapedContent = useMarkdownContent(children || '');\n  const components = useMarkdownComponents();\n  const baseRehypePlugins = useStablePlugins(useMarkdownRehypePlugins());\n  const remarkPlugins = useStablePlugins(useMarkdownRemarkPlugins());\n  const generatedId = useId();\n  const smoothedContent = useSmoothStreamContent(\n    typeof escapedContent === 'string' ? escapedContent : '',\n    { preset: streamSmoothingPreset },\n  );\n\n  const processedContent = useMemo(() => {\n    return remend(smoothedContent);\n  }, [smoothedContent]);\n\n  const blocks: BlockInfo[] = useMemo(() => {\n    const tokens = marked.lexer(processedContent);\n    let offset = 0;\n    return tokens.map((token) => {\n      const block = { content: token.raw, startOffset: offset };\n      offset += token.raw.length;\n      return block;\n    });\n  }, [processedContent]);\n\n  const { getBlockState, charDelay } = useStreamQueue(blocks);\n  const prevBlockCharCountRef = useRef<Map<number, number>>(new Map());\n  const blockTimelineRef = useRef<Map<number, number>>(new Map());\n  const lastRenderTsRef = useRef<number | null>(null);\n\n  const renderTs = typeof performance === 'undefined' ? Date.now() : performance.now();\n  const frameDt =\n    lastRenderTsRef.current === null\n      ? 0\n      : Math.max(0, Math.min(renderTs - lastRenderTsRef.current, 120));\n\n  const timelineForRender = useMemo(() => {\n    const next = new Map<number, number>();\n    const prevTimeline = blockTimelineRef.current;\n    const prevCharCounts = prevBlockCharCountRef.current;\n\n    for (const block of blocks) {\n      const blockCharCount = countChars(block.content);\n      const prevCharCount = prevCharCounts.get(block.startOffset) ?? 0;\n      const prevElapsed = prevTimeline.get(block.startOffset);\n      const latestCharStart = Math.max(0, (blockCharCount - 1) * charDelay);\n\n      if (prevElapsed === undefined || blockCharCount < prevCharCount) {\n        next.set(block.startOffset, latestCharStart);\n        continue;\n      }\n\n      const elapsedByTime = prevElapsed + frameDt;\n      // Avoid huge hidden backlog when stream updates in bursts.\n      const minElapsed = Math.max(0, latestCharStart - charDelay * 2);\n      next.set(block.startOffset, Math.max(elapsedByTime, minElapsed));\n    }\n\n    return next;\n  }, [blocks, charDelay, frameDt]);\n\n  useEffect(() => {\n    const nextCharCount = new Map<number, number>();\n    for (const block of blocks) {\n      nextCharCount.set(block.startOffset, countChars(block.content));\n    }\n    prevBlockCharCountRef.current = nextCharCount;\n    blockTimelineRef.current = timelineForRender;\n    lastRenderTsRef.current = typeof performance === 'undefined' ? Date.now() : performance.now();\n  }, [blocks, timelineForRender]);\n\n  return (\n    <div className={styles.animated}>\n      {blocks.map((block, index) => {\n        const state = getBlockState(index);\n        if (state === 'queued') return null;\n        const timelineElapsedMs = timelineForRender.get(block.startOffset) ?? 0;\n\n        let plugins: Pluggable[];\n        if (state === 'streaming') {\n          plugins = [\n            ...baseRehypePlugins,\n            [\n              rehypeStreamAnimated,\n              { charDelay, fadeDuration: STREAM_FADE_DURATION, timelineElapsedMs },\n            ],\n          ];\n        } else if (state === 'animating') {\n          // Continue from previously rendered progress instead of restarting\n          // or force-switching to fully revealed.\n          plugins = [\n            ...baseRehypePlugins,\n            [\n              rehypeStreamAnimated,\n              { charDelay, fadeDuration: STREAM_FADE_DURATION, timelineElapsedMs },\n            ],\n          ];\n        } else {\n          // Keep fade continuity for just-finished chars; avoid instant class\n          // switch to stream-char-revealed that would cancel in-flight fades.\n          plugins = [\n            ...baseRehypePlugins,\n            [\n              rehypeStreamAnimated,\n              { charDelay, fadeDuration: STREAM_FADE_DURATION, timelineElapsedMs },\n            ],\n          ];\n        }\n\n        return (\n          <StreamdownBlock\n            {...rest}\n            components={components}\n            key={`${generatedId}-${block.startOffset}`}\n            rehypePlugins={plugins}\n            remarkPlugins={remarkPlugins}\n          >\n            {block.content}\n          </StreamdownBlock>\n        );\n      })}\n    </div>\n  );\n});\n\nStreamdownRender.displayName = 'StreamdownRender';\n\nexport default StreamdownRender;\n"],"mappings":"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"}
+{"version":3,"file":"StreamdownRender.mjs","names":["REVEALED_STREAM_PLUGIN: Pluggable","blocks: BlockInfo[]","plugins: Pluggable[]"],"sources":["../../../src/Markdown/SyntaxMarkdown/StreamdownRender.tsx"],"sourcesContent":["'use client';\n\nimport { marked } from 'marked';\nimport {\n  memo,\n  Profiler,\n  type ProfilerOnRenderCallback,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n} from 'react';\nimport Markdown, { type Options } from 'react-markdown';\nimport remend from 'remend';\nimport type { Pluggable, PluggableList } from 'unified';\n\nimport {\n  useMarkdownComponents,\n  useMarkdownContent,\n  useMarkdownRehypePlugins,\n  useMarkdownRemarkPlugins,\n} from '@/hooks/useMarkdown';\nimport { useMarkdownContext } from '@/Markdown/components/MarkdownProvider';\nimport { rehypeStreamAnimated } from '@/Markdown/plugins/rehypeStreamAnimated';\nimport { useStreamdownProfiler } from '@/Markdown/streamProfiler';\n\nimport { resolveBlockAnimationMeta } from './streamAnimationMeta';\nimport { styles } from './style';\nimport { useSmoothStreamContent } from './useSmoothStreamContent';\nimport { type BlockInfo, useStreamQueue } from './useStreamQueue';\n\nconst STREAM_FADE_DURATION = 280;\nconst REVEALED_STREAM_PLUGIN: Pluggable = [rehypeStreamAnimated, { revealed: true }];\n\nfunction countChars(text: string): number {\n  return [...text].length;\n}\n\nfunction getNow(): number {\n  return typeof performance === 'undefined' ? Date.now() : performance.now();\n}\n\nconst isRecord = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null;\n\nconst isDeepEqualValue = (a: unknown, b: unknown): boolean => {\n  if (a === b) return true;\n\n  if (Array.isArray(a) || Array.isArray(b)) {\n    if (!Array.isArray(a) || !Array.isArray(b)) return false;\n    if (a.length !== b.length) return false;\n    for (let i = 0; i < a.length; i++) {\n      if (!isDeepEqualValue(a[i], b[i])) return false;\n    }\n    return true;\n  }\n\n  if (!isRecord(a) || !isRecord(b)) return false;\n\n  const keysA = Object.keys(a);\n  const keysB = Object.keys(b);\n  if (keysA.length !== keysB.length) return false;\n\n  for (const key of keysA) {\n    if (!isDeepEqualValue(a[key], b[key])) return false;\n  }\n\n  return true;\n};\n\nconst isSamePlugin = (prevPlugin: Pluggable, nextPlugin: Pluggable): boolean => {\n  const prevTuple = Array.isArray(prevPlugin) ? prevPlugin : [prevPlugin];\n  const nextTuple = Array.isArray(nextPlugin) ? nextPlugin : [nextPlugin];\n\n  if (prevTuple.length !== nextTuple.length) return false;\n  if (prevTuple[0] !== nextTuple[0]) return false;\n\n  return isDeepEqualValue(prevTuple.slice(1), nextTuple.slice(1));\n};\n\nconst isSamePlugins = (\n  prevPlugins?: PluggableList | null,\n  nextPlugins?: PluggableList | null,\n): boolean => {\n  if (prevPlugins === nextPlugins) return true;\n  if (!prevPlugins || !nextPlugins) return !prevPlugins && !nextPlugins;\n  if (prevPlugins.length !== nextPlugins.length) return false;\n\n  for (let i = 0; i < prevPlugins.length; i++) {\n    if (!isSamePlugin(prevPlugins[i], nextPlugins[i])) return false;\n  }\n\n  return true;\n};\n\nconst useStablePlugins = (plugins: PluggableList): PluggableList => {\n  const stableRef = useRef<PluggableList>(plugins);\n\n  if (!isSamePlugins(stableRef.current, plugins)) {\n    stableRef.current = plugins;\n  }\n\n  return stableRef.current;\n};\n\nconst StreamdownBlock = memo<Options>(\n  ({ children, ...rest }) => {\n    return <Markdown {...rest}>{children}</Markdown>;\n  },\n  (prevProps, nextProps) =>\n    prevProps.children === nextProps.children &&\n    prevProps.components === nextProps.components &&\n    isSamePlugins(prevProps.rehypePlugins, nextProps.rehypePlugins) &&\n    isSamePlugins(prevProps.remarkPlugins, nextProps.remarkPlugins),\n);\n\nStreamdownBlock.displayName = 'StreamdownBlock';\n\nexport const StreamdownRender = memo<Options>(({ children, ...rest }) => {\n  const { streamSmoothingPreset = 'balanced' } = useMarkdownContext();\n  const profiler = useStreamdownProfiler();\n  const escapedContent = useMarkdownContent(children || '');\n  const components = useMarkdownComponents();\n  const baseRehypePlugins = useStablePlugins(useMarkdownRehypePlugins());\n  const remarkPlugins = useStablePlugins(useMarkdownRemarkPlugins());\n  const generatedId = useId();\n  const smoothedContent = useSmoothStreamContent(\n    typeof escapedContent === 'string' ? escapedContent : '',\n    { preset: streamSmoothingPreset },\n  );\n\n  const processedContentResult = useMemo(() => {\n    const start = profiler ? getNow() : 0;\n    const value = remend(smoothedContent);\n\n    return {\n      durationMs: profiler ? getNow() - start : 0,\n      value,\n    };\n  }, [profiler, smoothedContent]);\n  const processedContent = processedContentResult.value;\n\n  const blocksResult = useMemo(() => {\n    const start = profiler ? getNow() : 0;\n    const tokens = marked.lexer(processedContent);\n    let offset = 0;\n\n    const value = tokens.map((token) => {\n      const block = { content: token.raw, startOffset: offset };\n      offset += token.raw.length;\n      return block;\n    });\n\n    return {\n      durationMs: profiler ? getNow() - start : 0,\n      value,\n    };\n  }, [processedContent, profiler]);\n  const blocks: BlockInfo[] = blocksResult.value;\n\n  const { getBlockState, charDelay } = useStreamQueue(blocks);\n  const prevBlockCharCountRef = useRef<Map<number, number>>(new Map());\n  const blockCharDelayRef = useRef<Map<number, number>>(new Map());\n  const blockTimelineRef = useRef<Map<number, number>>(new Map());\n  const lastRenderTsRef = useRef<number | null>(null);\n\n  const renderTs = getNow();\n  const frameDt =\n    lastRenderTsRef.current === null\n      ? 0\n      : Math.max(0, Math.min(renderTs - lastRenderTsRef.current, 120));\n\n  const timelineResult = useMemo(() => {\n    const start = profiler ? getNow() : 0;\n    const next = new Map<number, number>();\n    const prevTimeline = blockTimelineRef.current;\n    const prevCharCounts = prevBlockCharCountRef.current;\n\n    for (const block of blocks) {\n      const blockCharCount = countChars(block.content);\n      const prevCharCount = prevCharCounts.get(block.startOffset) ?? 0;\n      const prevElapsed = prevTimeline.get(block.startOffset);\n      const latestCharStart = Math.max(0, (blockCharCount - 1) * charDelay);\n\n      if (prevElapsed === undefined || blockCharCount < prevCharCount) {\n        next.set(block.startOffset, latestCharStart);\n        continue;\n      }\n\n      const elapsedByTime = prevElapsed + frameDt;\n      // Avoid huge hidden backlog when stream updates in bursts.\n      const minElapsed = Math.max(0, latestCharStart - charDelay * 2);\n      next.set(block.startOffset, Math.max(elapsedByTime, minElapsed));\n    }\n\n    return {\n      durationMs: profiler ? getNow() - start : 0,\n      value: next,\n    };\n  }, [blocks, charDelay, frameDt, profiler]);\n  const timelineForRender = timelineResult.value;\n\n  useEffect(() => {\n    if (!profiler) return;\n\n    profiler.recordCalculation({\n      durationMs: processedContentResult.durationMs,\n      name: 'content-normalize',\n      textLength: processedContent.length,\n    });\n  }, [processedContent.length, processedContentResult.durationMs, profiler]);\n\n  useEffect(() => {\n    if (!profiler) return;\n\n    profiler.recordCalculation({\n      durationMs: blocksResult.durationMs,\n      itemCount: blocks.length,\n      name: 'block-lex',\n      textLength: processedContent.length,\n    });\n  }, [blocks.length, blocksResult.durationMs, processedContent.length, profiler]);\n\n  useEffect(() => {\n    if (!profiler) return;\n\n    profiler.recordCalculation({\n      durationMs: timelineResult.durationMs,\n      itemCount: blocks.length,\n      name: 'block-timeline',\n      textLength: processedContent.length,\n    });\n  }, [blocks.length, processedContent.length, profiler, timelineResult.durationMs]);\n\n  const blockAnimationMetaResult = useMemo(() => {\n    const nextBlockCharDelay = new Map<number, number>();\n    const blockAnimationMeta = new Map<number, ReturnType<typeof resolveBlockAnimationMeta>>();\n\n    for (const [index, block] of blocks.entries()) {\n      const state = getBlockState(index);\n      const timelineElapsedMs = timelineForRender.get(block.startOffset) ?? 0;\n      const animationMeta = resolveBlockAnimationMeta({\n        blockCharCount: countChars(block.content),\n        currentCharDelay: charDelay,\n        fadeDuration: STREAM_FADE_DURATION,\n        previousCharDelay: blockCharDelayRef.current.get(block.startOffset),\n        state,\n        timelineElapsedMs,\n      });\n\n      nextBlockCharDelay.set(block.startOffset, animationMeta.charDelay);\n      blockAnimationMeta.set(block.startOffset, animationMeta);\n    }\n\n    return {\n      blockAnimationMeta,\n      blockCharDelay: nextBlockCharDelay,\n    };\n  }, [blocks, charDelay, getBlockState, timelineForRender]);\n\n  useEffect(() => {\n    const nextCharCount = new Map<number, number>();\n    for (const block of blocks) {\n      nextCharCount.set(block.startOffset, countChars(block.content));\n    }\n    blockCharDelayRef.current = blockAnimationMetaResult.blockCharDelay;\n    prevBlockCharCountRef.current = nextCharCount;\n    blockTimelineRef.current = timelineForRender;\n    lastRenderTsRef.current = getNow();\n  }, [blockAnimationMetaResult.blockCharDelay, blocks, timelineForRender]);\n\n  const handleRootRender = useCallback<ProfilerOnRenderCallback>(\n    (_, phase, actualDuration, baseDuration) => {\n      profiler?.recordRootCommit({\n        actualDuration,\n        baseDuration,\n        blockCount: blocks.length,\n        phase,\n        textLength: processedContent.length,\n      });\n    },\n    [blocks.length, processedContent.length, profiler],\n  );\n\n  const handleBlockRender = useCallback<ProfilerOnRenderCallback>(\n    (id, phase, actualDuration, baseDuration) => {\n      if (!profiler) return;\n\n      const [, indexText, offsetText] = id.split(':');\n      const blockIndex = Number(indexText);\n\n      if (!Number.isFinite(blockIndex)) return;\n\n      const block = blocks[blockIndex];\n      if (!block) return;\n\n      profiler.recordBlockCommit({\n        actualDuration,\n        baseDuration,\n        blockChars: countChars(block.content),\n        blockIndex,\n        blockKey: offsetText ?? String(block.startOffset),\n        phase,\n        state: getBlockState(blockIndex),\n      });\n    },\n    [blocks, getBlockState, profiler],\n  );\n\n  const content = (\n    <div className={styles.animated}>\n      {blocks.map((block, index) => {\n        const state = getBlockState(index);\n        if (state === 'queued') return null;\n        const animationMeta = blockAnimationMetaResult.blockAnimationMeta.get(block.startOffset);\n        if (!animationMeta) return null;\n\n        const plugins: Pluggable[] = animationMeta.settled\n          ? [...baseRehypePlugins, REVEALED_STREAM_PLUGIN]\n          : [\n              ...baseRehypePlugins,\n              [\n                rehypeStreamAnimated,\n                {\n                  charDelay: animationMeta.charDelay,\n                  fadeDuration: STREAM_FADE_DURATION,\n                  timelineElapsedMs: animationMeta.timelineElapsedMs,\n                },\n              ],\n            ];\n\n        const key = `${generatedId}-${block.startOffset}`;\n        const blockNode = (\n          <StreamdownBlock\n            {...rest}\n            components={components}\n            rehypePlugins={plugins}\n            remarkPlugins={remarkPlugins}\n          >\n            {block.content}\n          </StreamdownBlock>\n        );\n\n        if (!profiler) {\n          return (\n            <StreamdownBlock\n              {...rest}\n              components={components}\n              key={key}\n              rehypePlugins={plugins}\n              remarkPlugins={remarkPlugins}\n            >\n              {block.content}\n            </StreamdownBlock>\n          );\n        }\n\n        return (\n          <Profiler\n            id={`streamdown-block:${index}:${block.startOffset}`}\n            key={key}\n            onRender={handleBlockRender}\n          >\n            {blockNode}\n          </Profiler>\n        );\n      })}\n    </div>\n  );\n\n  if (!profiler) return content;\n\n  return (\n    <Profiler id={'streamdown-root'} onRender={handleRootRender}>\n      {content}\n    </Profiler>\n  );\n});\n\nStreamdownRender.displayName = 'StreamdownRender';\n\nexport default StreamdownRender;\n"],"mappings":"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"}

package/es/Markdown/SyntaxMarkdown/streamAnimationMeta.mjs

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

package/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';\n\nexport interface ResolveBlockAnimationMetaOptions {\n  blockCharCount: number;\n  currentCharDelay: number;\n  fadeDuration: number;\n  previousCharDelay?: number;\n  state: BlockState;\n  timelineElapsedMs: number;\n}\n\nexport interface BlockAnimationMeta {\n  charDelay: number;\n  settled: boolean;\n  timelineElapsedMs: number;\n}\n\nconst isActiveBlock = (state: BlockState) => {\n  return state === 'animating' || state === 'streaming';\n};\n\nexport const resolveBlockAnimationMeta = ({\n  blockCharCount,\n  currentCharDelay,\n  fadeDuration,\n  previousCharDelay,\n  state,\n  timelineElapsedMs,\n}: ResolveBlockAnimationMetaOptions): BlockAnimationMeta => {\n  const charDelay = isActiveBlock(state)\n    ? currentCharDelay\n    : (previousCharDelay ?? currentCharDelay);\n  const latestCharStart = Math.max(0, (blockCharCount - 1) * charDelay);\n  const settled = state === 'revealed' && timelineElapsedMs >= latestCharStart + fadeDuration;\n\n  return {\n    charDelay,\n    settled,\n    timelineElapsedMs: settled ? latestCharStart + fadeDuration : timelineElapsedMs,\n  };\n};\n"],"mappings":";AAiBA,MAAM,iBAAiB,UAAsB;AAC3C,QAAO,UAAU,eAAe,UAAU;;AAG5C,MAAa,6BAA6B,EACxC,gBACA,kBACA,cACA,mBACA,OACA,wBAC0D;CAC1D,MAAM,YAAY,cAAc,MAAM,GAClC,mBACC,qBAAqB;CAC1B,MAAM,kBAAkB,KAAK,IAAI,IAAI,iBAAiB,KAAK,UAAU;CACrE,MAAM,UAAU,UAAU,cAAc,qBAAqB,kBAAkB;AAE/E,QAAO;EACL;EACA;EACA,mBAAmB,UAAU,kBAAkB,eAAe;EAC/D"}

package/es/Markdown/SyntaxMarkdown/useSmoothStreamContent.mjs

@@ -1,3 +1,4 @@
+import { useStreamdownProfiler } from "../streamProfiler/StreamdownProfilerProvider.mjs";
 import { useCallback, useEffect, useRef, useState } from "react";
 
 //#region src/Markdown/SyntaxMarkdown/useSmoothStreamContent.ts
@@ -51,11 +52,15 @@ const PRESET_CONFIG = {
 const clamp = (value, min, max) => {
 	return Math.min(max, Math.max(min, value));
 };
+const getNow = () => {
+	return typeof performance === "undefined" ? Date.now() : performance.now();
+};
 const countChars = (text) => {
 	return [...text].length;
 };
 const useSmoothStreamContent = (content, { enabled = true, preset = "balanced" } = {}) => {
 	const config = PRESET_CONFIG[preset];
+	const profiler = useStreamdownProfiler();
 	const [displayedContent, setDisplayedContent] = useState(content);
 	const displayedContentRef = useRef(content);
 	const displayedCountRef = useRef(countChars(content));
@@ -69,6 +74,13 @@ const useSmoothStreamContent = (content, { enabled = true, preset = "balanced" }
 	const arrivalCpsEmaRef = useRef(config.defaultCps);
 	const rafRef = useRef(null);
 	const lastFrameTsRef = useRef(null);
+	const wakeTimerRef = useRef(null);
+	const clearWakeTimer = useCallback(() => {
+		if (wakeTimerRef.current !== null) {
+			clearTimeout(wakeTimerRef.current);
+			wakeTimerRef.current = null;
+		}
+	}, []);
 	const stopFrameLoop = useCallback(() => {
 		if (rafRef.current !== null) {
 			cancelAnimationFrame(rafRef.current);
@@ -76,10 +88,22 @@ const useSmoothStreamContent = (content, { enabled = true, preset = "balanced" }
 		}
 		lastFrameTsRef.current = null;
 	}, []);
-	const syncImmediate = useCallback((nextContent) => {
+	const stopScheduling = useCallback(() => {
 		stopFrameLoop();
+		clearWakeTimer();
+	}, [clearWakeTimer, stopFrameLoop]);
+	const startFrameLoopRef = useRef(() => {});
+	const scheduleFrameWake = useCallback((delayMs) => {
+		clearWakeTimer();
+		wakeTimerRef.current = setTimeout(() => {
+			wakeTimerRef.current = null;
+			startFrameLoopRef.current();
+		}, Math.max(1, Math.ceil(delayMs)));
+	}, [clearWakeTimer]);
+	const syncImmediate = useCallback((nextContent) => {
+		stopScheduling();
 		const chars = [...nextContent];
-		const now = performance.now();
+		const now = getNow();
 		targetContentRef.current = nextContent;
 		targetCharsRef.current = chars;
 		targetCountRef.current = chars.length;
@@ -91,16 +115,19 @@ const useSmoothStreamContent = (content, { enabled = true, preset = "balanced" }
 		arrivalCpsEmaRef.current = config.defaultCps;
 		lastInputTsRef.current = now;
 		lastInputCountRef.current = chars.length;
-	}, [config.defaultCps, stopFrameLoop]);
+	}, [config.defaultCps, stopScheduling]);
 	const startFrameLoop = useCallback(() => {
+		clearWakeTimer();
 		if (rafRef.current !== null) return;
 		const tick = (ts) => {
+			const frameStart = getNow();
 			if (lastFrameTsRef.current === null) {
 				lastFrameTsRef.current = ts;
 				rafRef.current = requestAnimationFrame(tick);
 				return;
 			}
-			const dtSeconds = Math.max(.001, Math.min((ts - lastFrameTsRef.current) / 1e3, .05));
+			const frameIntervalMs = Math.max(0, ts - lastFrameTsRef.current);
+			const dtSeconds = Math.max(.001, Math.min(frameIntervalMs / 1e3, .05));
 			lastFrameTsRef.current = ts;
 			const targetCount = targetCountRef.current;
 			const displayedCount = displayedCountRef.current;
@@ -109,7 +136,7 @@ const useSmoothStreamContent = (content, { enabled = true, preset = "balanced" }
 				stopFrameLoop();
 				return;
 			}
-			const idleMs = performance.now() - lastInputTsRef.current;
+			const idleMs = getNow() - lastInputTsRef.current;
 			const inputActive = idleMs <= config.activeInputWindowMs;
 			const settling = !inputActive && idleMs >= config.settleAfterMs;
 			const baseCps = clamp(emaCpsRef.current, config.minCps, config.maxCps);
@@ -136,7 +163,16 @@ const useSmoothStreamContent = (content, { enabled = true, preset = "balanced" }
 			if (inputActive) {
 				const shortfall = desiredDisplayed - displayedCount;
 				if (shortfall <= 0) {
-					rafRef.current = requestAnimationFrame(tick);
+					stopFrameLoop();
+					scheduleFrameWake(config.activeInputWindowMs - idleMs);
+					profiler?.recordAnimationFrame({
+						backlog,
+						durationMs: getNow() - frameStart,
+						frameIntervalMs,
+						inputActive,
+						revealChars: 0,
+						settling
+					});
 					return;
 				}
 				revealChars = Math.min(revealChars, shortfall, backlog);
@@ -153,10 +189,19 @@ const useSmoothStreamContent = (content, { enabled = true, preset = "balanced" }
 				displayedCountRef.current = targetCount;
 				setDisplayedContent(targetContentRef.current);
 			}
+			profiler?.recordAnimationFrame({
+				backlog,
+				durationMs: getNow() - frameStart,
+				frameIntervalMs,
+				inputActive,
+				revealChars: segment ? revealChars : backlog,
+				settling
+			});
 			rafRef.current = requestAnimationFrame(tick);
 		};
 		rafRef.current = requestAnimationFrame(tick);
 	}, [
+		clearWakeTimer,
 		config.activeInputWindowMs,
 		config.flushCps,
 		config.maxActiveCps,
@@ -167,8 +212,10 @@ const useSmoothStreamContent = (content, { enabled = true, preset = "balanced" }
 		config.settleDrainMaxMs,
 		config.settleDrainMinMs,
 		config.targetBufferMs,
+		scheduleFrameWake,
 		stopFrameLoop
 	]);
+	startFrameLoopRef.current = startFrameLoop;
 	useEffect(() => {
 		if (!enabled) {
 			syncImmediate(content);
@@ -176,13 +223,17 @@ const useSmoothStreamContent = (content, { enabled = true, preset = "balanced" }
 		}
 		const prevTargetContent = targetContentRef.current;
 		if (content === prevTargetContent) return;
-		const now = performance.now();
+		const now = getNow();
 		if (!content.startsWith(prevTargetContent)) {
 			syncImmediate(content);
 			return;
 		}
 		const appendedChars = [...content.slice(prevTargetContent.length)];
 		const appendedCount = appendedChars.length;
+		profiler?.recordInputAppend({
+			appendedChars: appendedCount,
+			contentLength: countChars(content)
+		});
 		if (appendedCount > config.largeAppendChars) {
 			syncImmediate(content);
 			return;
@@ -214,13 +265,14 @@ const useSmoothStreamContent = (content, { enabled = true, preset = "balanced" }
 		content,
 		enabled,
 		startFrameLoop,
-		syncImmediate
+		syncImmediate,
+		profiler
 	]);
 	useEffect(() => {
 		return () => {
-			stopFrameLoop();
+			stopScheduling();
 		};
-	}, [stopFrameLoop]);
+	}, [stopScheduling]);
 	return displayedContent;
 };