@anvia/react-ui 0.6.2 → 0.7.0

package/dist/chat/index.js

@@ -1,9 +1,9 @@
 import {
   Composer,
   Thread
-} from "../chunk-LM5SU5AP.js";
-import "../chunk-7I6XUWM7.js";
-import "../chunk-UESNSQGQ.js";
+} from "../chunk-FABSIZZ7.js";
+import "../chunk-JWZDNM5D.js";
+import "../chunk-ULGJLLZE.js";
 import "../chunk-SBYUKODG.js";
 import "../chunk-T3ZFZ3NP.js";
 import {

package/dist/{chunk-LM5SU5AP.js → chunk-FABSIZZ7.js}

@@ -1,7 +1,7 @@
 import {
   Message,
   shiftComposerEntityRanges
-} from "./chunk-7I6XUWM7.js";
+} from "./chunk-JWZDNM5D.js";
 import {
   Attachment
 } from "./chunk-SBYUKODG.js";
@@ -1572,4 +1572,4 @@ export {
   Composer,
   Thread
 };
-//# sourceMappingURL=chunk-LM5SU5AP.js.map
+//# sourceMappingURL=chunk-FABSIZZ7.js.map

package/dist/{chunk-7I6XUWM7.js → chunk-JWZDNM5D.js}

@@ -1,6 +1,6 @@
 import {
   StreamMarkdown
-} from "./chunk-UESNSQGQ.js";
+} from "./chunk-ULGJLLZE.js";
 import {
   Attachment
 } from "./chunk-SBYUKODG.js";
@@ -1057,4 +1057,4 @@ export {
   shiftComposerEntityRanges,
   Message
 };
-//# sourceMappingURL=chunk-7I6XUWM7.js.map
+//# sourceMappingURL=chunk-JWZDNM5D.js.map

package/dist/{chunk-UESNSQGQ.js → chunk-ULGJLLZE.js}

@@ -7,6 +7,7 @@ import {
   createElement,
   forwardRef,
   memo,
+  useCallback,
   useMemo,
   useRef
 } from "react";
@@ -53,16 +54,22 @@ function splitStreamMarkdownBlocks(content, options = {}) {
 // src/stream/markdown-reveal.ts
 var streamRevealConfig = {
   bandGraphemes: 2,
+  durationMs: 180,
   minimumOpacity: 0.12,
   tailGraphemes: 24
 };
-function createStreamGradientRevealPlugin(frameId) {
+function createStreamGradientRevealPlugin(lifecycleScope, lifecycle) {
   return function streamGradientRevealPlugin() {
     return (tree) => {
+      if (lifecycle.activeScope !== lifecycleScope) {
+        lifecycle.activeScope = lifecycleScope;
+        lifecycle.settledRevealIds.clear();
+        lifecycle.startedAtByRevealId.clear();
+      }
       const targets = collectTextTargets(tree);
       const renderedText = targets.map((target) => target.node.value ?? "").join("");
-      const bands = createRevealBands(renderedText);
-      wrapStreamRevealBands(targets, bands, frameId);
+      const graphemes = createRevealGraphemes(renderedText);
+      wrapStreamRevealGraphemes(targets, graphemes, lifecycleScope, lifecycle);
     };
   };
 }
@@ -95,56 +102,77 @@ function collectTextTargets(tree) {
   visit(tree, void 0, 0);
   return targets;
 }
-function createRevealBands(content) {
+function createRevealGraphemes(content) {
   const tail = segmentTailGraphemeRanges(content, streamRevealConfig.tailGraphemes);
-  const bands = [];
-  for (let index = 0; index < tail.length; index += streamRevealConfig.bandGraphemes) {
-    const first = tail[index];
-    const endIndex = Math.min(index + streamRevealConfig.bandGraphemes, tail.length) - 1;
-    const last = tail[endIndex];
-    if (first === void 0 || last === void 0) {
+  const graphemes = [];
+  for (let index = 0; index < tail.length; index += 1) {
+    const grapheme = tail[index];
+    const bandStartIndex = Math.floor(index / streamRevealConfig.bandGraphemes) * streamRevealConfig.bandGraphemes;
+    const bandEndIndex = Math.min(bandStartIndex + streamRevealConfig.bandGraphemes, tail.length) - 1;
+    if (grapheme === void 0) {
       continue;
     }
-    const progress = tail.length === 1 ? 1 : endIndex / (tail.length - 1);
-    bands.push({
-      startOffset: first.startOffset,
-      endOffset: last.endOffset,
+    const progress = tail.length === 1 ? 1 : bandEndIndex / (tail.length - 1);
+    graphemes.push({
+      startOffset: grapheme.startOffset,
+      endOffset: grapheme.endOffset,
       opacity: Math.max(
         streamRevealConfig.minimumOpacity,
         1 - progress * (1 - streamRevealConfig.minimumOpacity)
       )
     });
   }
-  return bands;
+  return graphemes;
 }
-function wrapStreamRevealBands(targets, bands, frameId) {
+function wrapStreamRevealGraphemes(targets, graphemes, lifecycleScope, lifecycle) {
+  const activeRevealIds = /* @__PURE__ */ new Set();
+  const nowMs = Date.now();
   for (const target of [...targets].reverse()) {
     const value = target.node.value ?? "";
-    const intersectingBands = bands.filter(
-      (band) => band.endOffset > target.startOffset && band.startOffset < target.endOffset
+    const intersectingGraphemes = graphemes.filter(
+      (grapheme) => grapheme.endOffset > target.startOffset && grapheme.startOffset < target.endOffset
     );
-    if (intersectingBands.length === 0) {
+    if (intersectingGraphemes.length === 0) {
       continue;
     }
     const replacement = [];
     let cursor = 0;
-    for (const band of intersectingBands) {
-      const start = Math.max(0, band.startOffset - target.startOffset);
-      const end = Math.min(value.length, band.endOffset - target.startOffset);
+    for (const grapheme of intersectingGraphemes) {
+      const start = Math.max(0, grapheme.startOffset - target.startOffset);
+      const end = Math.min(value.length, grapheme.endOffset - target.startOffset);
       if (start > cursor) {
         replacement.push({ type: "text", value: value.slice(cursor, start) });
       }
       if (end > start) {
-        replacement.push({
-          type: "element",
-          tagName: "span",
-          properties: {
-            "data-anvia-stream-frame-id": `${frameId}:${band.startOffset}`,
-            "data-anvia-stream-opacity": String(band.opacity),
-            "data-anvia-stream-reveal": ""
-          },
-          children: [{ type: "text", value: value.slice(start, end) }]
-        });
+        const text = value.slice(start, end);
+        const absoluteStart = target.startOffset + start;
+        const absoluteEnd = target.startOffset + end;
+        const revealId = `${lifecycleScope}:${absoluteStart}:${absoluteEnd}:${hashText(text)}`;
+        activeRevealIds.add(revealId);
+        const startedAt = lifecycle.startedAtByRevealId.get(revealId) ?? nowMs;
+        lifecycle.startedAtByRevealId.set(revealId, startedAt);
+        const elapsedMs = Math.max(0, nowMs - startedAt);
+        if (elapsedMs >= streamRevealConfig.durationMs) {
+          lifecycle.settledRevealIds.add(revealId);
+        }
+        if (lifecycle.settledRevealIds.has(revealId)) {
+          replacement.push({ type: "text", value: text });
+        } else {
+          const progress = Math.min(elapsedMs / streamRevealConfig.durationMs, 1);
+          const opacity = grapheme.opacity + (1 - grapheme.opacity) * progress;
+          const remainingMs = Math.max(1, streamRevealConfig.durationMs - elapsedMs);
+          replacement.push({
+            type: "element",
+            tagName: "span",
+            properties: {
+              "data-anvia-stream-duration-ms": String(remainingMs),
+              "data-anvia-stream-opacity": String(opacity),
+              "data-anvia-stream-reveal": "",
+              "data-anvia-stream-reveal-id": revealId
+            },
+            children: [{ type: "text", value: text }]
+          });
+        }
       }
       cursor = Math.max(cursor, end);
     }
@@ -153,6 +181,23 @@ function wrapStreamRevealBands(targets, bands, frameId) {
     }
     target.parent.children?.splice(target.index, 1, ...replacement);
   }
+  pruneRevealLifecycle(lifecycle, activeRevealIds);
+}
+function pruneRevealLifecycle(lifecycle, activeRevealIds) {
+  for (const revealId of lifecycle.startedAtByRevealId.keys()) {
+    if (!activeRevealIds.has(revealId)) lifecycle.startedAtByRevealId.delete(revealId);
+  }
+  for (const revealId of lifecycle.settledRevealIds) {
+    if (!activeRevealIds.has(revealId)) lifecycle.settledRevealIds.delete(revealId);
+  }
+}
+function hashText(text) {
+  let hash = 2166136261;
+  for (let index = 0; index < text.length; index += 1) {
+    hash ^= text.charCodeAt(index);
+    hash = Math.imul(hash, 16777619);
+  }
+  return (hash >>> 0).toString(36);
 }
 function segmentTailGraphemeRanges(content, limit) {
   if (typeof Intl !== "undefined" && typeof Intl.Segmenter === "function") {
@@ -196,19 +241,41 @@ import { createElement as createElement2 } from "react";
 var defaultRemarkPlugins = [remarkGfm];
 var StreamMarkdown = forwardRef(
   function StreamMarkdown2({ components, content, live = false, remarkPlugins, remarkRehypeOptions, ...props }, ref) {
-    const previousContentRef = useRef(content);
-    const frameIdRef = useRef(0);
-    if (previousContentRef.current !== content) {
-      previousContentRef.current = content;
-      frameIdRef.current += 1;
+    const revealLifecycleRef = useRef({
+      activeScope: null,
+      content,
+      id: 0,
+      settledRevealIds: /* @__PURE__ */ new Set(),
+      startedAtByRevealId: /* @__PURE__ */ new Map()
+    });
+    const revealLifecycle = revealLifecycleRef.current;
+    if (revealLifecycle.content !== content) {
+      if (!content.startsWith(revealLifecycle.content)) {
+        revealLifecycle.id += 1;
+        revealLifecycle.activeScope = null;
+        revealLifecycle.settledRevealIds.clear();
+        revealLifecycle.startedAtByRevealId.clear();
+      }
+      revealLifecycle.content = content;
+    }
+    if (!live && revealLifecycle.activeScope !== null) {
+      for (const revealId of revealLifecycle.startedAtByRevealId.keys()) {
+        revealLifecycle.settledRevealIds.add(revealId);
+      }
     }
+    const settleReveal = useCallback((revealId) => {
+      revealLifecycleRef.current.settledRevealIds.add(revealId);
+    }, []);
     const blocks = useMemo(
       () => splitStreamMarkdownBlocks(content, {
         singleDocument: remarkPlugins !== void 0
       }),
       [content, remarkPlugins]
     );
-    const streamingComponents = useMemo(() => withStreamRevealComponent(components), [components]);
+    const streamingComponents = useMemo(
+      () => withStreamRevealComponent(components, settleReveal),
+      [components, settleReveal]
+    );
     return renderPrimitive(
       "div",
       {
@@ -218,8 +285,9 @@ var StreamMarkdown = forwardRef(
           {
             components: streamingComponents,
             content: block.content,
-            frameId: live && index === blocks.length - 1 ? frameIdRef.current : 0,
             live: live && index === blocks.length - 1,
+            revealLifecycle,
+            revealScope: `${revealLifecycle.id}:${block.startOffset}`,
             remarkPlugins: remarkPlugins ?? defaultRemarkPlugins,
             remarkRehypeOptions
           },
@@ -234,8 +302,8 @@ var StreamMarkdown = forwardRef(
 );
 var StreamMarkdownBlock = memo(function StreamMarkdownBlock2(props) {
   const revealPlugin = useMemo(
-    () => createStreamGradientRevealPlugin(props.frameId),
-    [props.frameId]
+    () => createStreamGradientRevealPlugin(props.revealScope, props.revealLifecycle),
+    [props.revealScope, props.revealLifecycle]
   );
   return /* @__PURE__ */ jsx(
     ReactMarkdown,
@@ -248,7 +316,7 @@ var StreamMarkdownBlock = memo(function StreamMarkdownBlock2(props) {
     }
   );
 });
-function withStreamRevealComponent(components) {
+function withStreamRevealComponent(components, onRevealSettled) {
   const consumerSpan = components?.span;
   return {
     ...components,
@@ -256,7 +324,7 @@ function withStreamRevealComponent(components) {
       const safeProps = componentPropsWithoutKey(spanProps);
       const internalProps = safeProps;
       if (internalProps["data-anvia-stream-reveal"] !== void 0) {
-        return streamRevealSpan(internalProps);
+        return streamRevealSpan(internalProps, onRevealSettled);
       }
       if (consumerSpan !== void 0) {
         return createElement(consumerSpan, safeProps);
@@ -275,22 +343,32 @@ function componentPropsWithoutKey(props) {
   }
   return result;
 }
-function streamRevealSpan(props) {
+function streamRevealSpan(props, onRevealSettled) {
   const {
     children,
     node: _node,
-    "data-anvia-stream-frame-id": frameId,
+    "data-anvia-stream-duration-ms": durationMs,
     "data-anvia-stream-opacity": opacity,
+    "data-anvia-stream-reveal-id": revealId,
+    onAnimationEnd,
     ...elementProps
   } = props;
   const parsedOpacity = Number(opacity);
+  const parsedDurationMs = Number(durationMs);
   return /* @__PURE__ */ createElement2(
     "span",
     {
       ...elementProps,
-      "data-anvia-stream-frame-id": frameId,
-      key: frameId ?? "stream-frame",
-      style: { opacity: Number.isFinite(parsedOpacity) ? parsedOpacity : 1 }
+      "data-anvia-stream-reveal-id": revealId,
+      key: revealId ?? "stream-reveal",
+      onAnimationEnd: (event) => {
+        onAnimationEnd?.(event);
+        if (revealId !== void 0) onRevealSettled(revealId);
+      },
+      style: {
+        "--anvia-stream-reveal-opacity": Number.isFinite(parsedOpacity) ? parsedOpacity : 1,
+        "--anvia-stream-reveal-duration": `${Number.isFinite(parsedDurationMs) ? parsedDurationMs : 180}ms`
+      }
     },
     children
   );
@@ -299,4 +377,4 @@ function streamRevealSpan(props) {
 export {
   StreamMarkdown
 };
-//# sourceMappingURL=chunk-UESNSQGQ.js.map
+//# sourceMappingURL=chunk-ULGJLLZE.js.map

package/dist/chunk-ULGJLLZE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/stream/markdown.tsx","../src/stream/markdown-blocks.ts","../src/stream/markdown-reveal.ts"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type CSSProperties,\n  createElement,\n  forwardRef,\n  memo,\n  type ReactNode,\n  useCallback,\n  useMemo,\n  useRef,\n} from \"react\";\nimport ReactMarkdown, {\n  type Components,\n  type Options as ReactMarkdownOptions,\n} from \"react-markdown\";\nimport remarkGfm from \"remark-gfm\";\n\nimport { type PrimitiveProps, renderPrimitive } from \"../primitives\";\nimport { splitStreamMarkdownBlocks } from \"./markdown-blocks\";\nimport { createStreamGradientRevealPlugin, type StreamRevealLifecycle } from \"./markdown-reveal\";\n\nexport type StreamMarkdownProps = Omit<PrimitiveProps<\"div\">, \"children\"> & {\n  components?: Components;\n  content: string;\n  live?: boolean;\n  remarkPlugins?: ReactMarkdownOptions[\"remarkPlugins\"];\n  remarkRehypeOptions?: ReactMarkdownOptions[\"remarkRehypeOptions\"];\n};\n\nconst defaultRemarkPlugins: NonNullable<ReactMarkdownOptions[\"remarkPlugins\"]> = [remarkGfm];\n\nexport const StreamMarkdown = forwardRef<HTMLDivElement, StreamMarkdownProps>(\n  function StreamMarkdown(\n    { components, content, live = false, remarkPlugins, remarkRehypeOptions, ...props },\n    ref,\n  ) {\n    const revealLifecycleRef = useRef({\n      activeScope: null,\n      content,\n      id: 0,\n      settledRevealIds: new Set<string>(),\n      startedAtByRevealId: new Map<string, number>(),\n    } satisfies StreamRevealLifecycle & { content: string; id: number });\n    const revealLifecycle = revealLifecycleRef.current;\n    if (revealLifecycle.content !== content) {\n      if (!content.startsWith(revealLifecycle.content)) {\n        revealLifecycle.id += 1;\n        revealLifecycle.activeScope = null;\n        revealLifecycle.settledRevealIds.clear();\n        revealLifecycle.startedAtByRevealId.clear();\n      }\n      revealLifecycle.content = content;\n    }\n    if (!live && revealLifecycle.activeScope !== null) {\n      for (const revealId of revealLifecycle.startedAtByRevealId.keys()) {\n        revealLifecycle.settledRevealIds.add(revealId);\n      }\n    }\n    const settleReveal = useCallback((revealId: string) => {\n      revealLifecycleRef.current.settledRevealIds.add(revealId);\n    }, []);\n\n    const blocks = useMemo(\n      () =>\n        splitStreamMarkdownBlocks(content, {\n          singleDocument: remarkPlugins !== undefined,\n        }),\n      [content, remarkPlugins],\n    );\n    const streamingComponents = useMemo(\n      () => withStreamRevealComponent(components, settleReveal),\n      [components, settleReveal],\n    );\n\n    return renderPrimitive(\n      \"div\",\n      {\n        ...props,\n        children: blocks.map((block, index) => (\n          <StreamMarkdownBlock\n            components={streamingComponents}\n            content={block.content}\n            live={live && index === blocks.length - 1}\n            revealLifecycle={revealLifecycle}\n            revealScope={`${revealLifecycle.id}:${block.startOffset}`}\n            remarkPlugins={remarkPlugins ?? defaultRemarkPlugins}\n            remarkRehypeOptions={remarkRehypeOptions}\n            key={block.startOffset}\n          />\n        )),\n        \"data-anvia-stream-markdown\": \"\",\n        \"data-live\": live ? \"\" : undefined,\n      } as PrimitiveProps<\"div\">,\n      ref,\n    );\n  },\n);\n\nconst StreamMarkdownBlock = memo(function StreamMarkdownBlock(props: {\n  components: Components;\n  content: string;\n  live: boolean;\n  revealLifecycle: StreamRevealLifecycle;\n  revealScope: string;\n  remarkPlugins: ReactMarkdownOptions[\"remarkPlugins\"];\n  remarkRehypeOptions: ReactMarkdownOptions[\"remarkRehypeOptions\"];\n}) {\n  const revealPlugin = useMemo(\n    () => createStreamGradientRevealPlugin(props.revealScope, props.revealLifecycle),\n    [props.revealScope, props.revealLifecycle],\n  );\n  return (\n    <ReactMarkdown\n      components={props.components}\n      rehypePlugins={props.live ? [revealPlugin] : undefined}\n      remarkPlugins={props.remarkPlugins}\n      remarkRehypeOptions={props.remarkRehypeOptions}\n    >\n      {props.content}\n    </ReactMarkdown>\n  );\n});\n\nfunction withStreamRevealComponent(\n  components: Components | undefined,\n  onRevealSettled: (revealId: string) => void,\n): Components {\n  const consumerSpan = components?.span;\n  return {\n    ...components,\n    span(spanProps) {\n      const safeProps = componentPropsWithoutKey(spanProps);\n      const internalProps = safeProps as typeof safeProps & {\n        \"data-anvia-stream-duration-ms\"?: string | undefined;\n        \"data-anvia-stream-opacity\"?: string | undefined;\n        \"data-anvia-stream-reveal\"?: string | undefined;\n        \"data-anvia-stream-reveal-id\"?: string | undefined;\n      };\n      if (internalProps[\"data-anvia-stream-reveal\"] !== undefined) {\n        return streamRevealSpan(internalProps, onRevealSettled);\n      }\n      if (consumerSpan !== undefined) {\n        return createElement(consumerSpan, safeProps);\n      }\n      const { node: _node, ...elementProps } = safeProps;\n      return <span {...elementProps} />;\n    },\n  };\n}\n\nfunction componentPropsWithoutKey<T extends object>(props: T): T {\n  const result: Record<string, unknown> = {};\n  for (const name of Object.keys(props)) {\n    if (name !== \"key\") {\n      result[name] = (props as Record<string, unknown>)[name];\n    }\n  }\n  return result as T;\n}\n\nfunction streamRevealSpan(\n  props: ComponentPropsWithoutRef<\"span\"> & {\n    node?: unknown;\n    \"data-anvia-stream-duration-ms\"?: string | undefined;\n    \"data-anvia-stream-opacity\"?: string | undefined;\n    \"data-anvia-stream-reveal\"?: string | undefined;\n    \"data-anvia-stream-reveal-id\"?: string | undefined;\n  },\n  onRevealSettled: (revealId: string) => void,\n): ReactNode {\n  const {\n    children,\n    node: _node,\n    \"data-anvia-stream-duration-ms\": durationMs,\n    \"data-anvia-stream-opacity\": opacity,\n    \"data-anvia-stream-reveal-id\": revealId,\n    onAnimationEnd,\n    ...elementProps\n  } = props;\n  const parsedOpacity = Number(opacity);\n  const parsedDurationMs = Number(durationMs);\n  return (\n    <span\n      {...elementProps}\n      data-anvia-stream-reveal-id={revealId}\n      key={revealId ?? \"stream-reveal\"}\n      onAnimationEnd={(event) => {\n        onAnimationEnd?.(event);\n        if (revealId !== undefined) onRevealSettled(revealId);\n      }}\n      style={\n        {\n          \"--anvia-stream-reveal-opacity\": Number.isFinite(parsedOpacity) ? parsedOpacity : 1,\n          \"--anvia-stream-reveal-duration\": `${Number.isFinite(parsedDurationMs) ? parsedDurationMs : 180}ms`,\n        } as CSSProperties\n      }\n    >\n      {children}\n    </span>\n  );\n}\n","import { lexer } from \"marked\";\n\nexport type StreamMarkdownBlock = {\n  content: string;\n  startOffset: number;\n};\n\nexport function splitStreamMarkdownBlocks(\n  content: string,\n  options: { singleDocument?: boolean } = {},\n): StreamMarkdownBlock[] {\n  if (content.length === 0) {\n    return [];\n  }\n  if (options.singleDocument === true) {\n    return [{ content, startOffset: 0 }];\n  }\n\n  try {\n    const tokens = lexer(content, { gfm: false });\n    if (tokens.some((token) => token.type === \"def\") || Object.keys(tokens.links).length > 0) {\n      return [{ content, startOffset: 0 }];\n    }\n\n    const rawBlocks: string[] = [];\n    for (const token of tokens) {\n      if (token.type === \"space\" && rawBlocks.length > 0) {\n        const lastIndex = rawBlocks.length - 1;\n        rawBlocks[lastIndex] = `${rawBlocks[lastIndex] ?? \"\"}${token.raw}`;\n      } else {\n        rawBlocks.push(token.raw);\n      }\n    }\n\n    if (rawBlocks.length === 0 || rawBlocks.join(\"\") !== content) {\n      return [{ content, startOffset: 0 }];\n    }\n\n    let startOffset = 0;\n    return rawBlocks.map((block) => {\n      const result = { content: block, startOffset };\n      startOffset += block.length;\n      return result;\n    });\n  } catch {\n    return [{ content, startOffset: 0 }];\n  }\n}\n","export const streamRevealConfig = {\n  bandGraphemes: 2,\n  durationMs: 180,\n  minimumOpacity: 0.12,\n  tailGraphemes: 24,\n} as const;\n\nexport type StreamRevealLifecycle = {\n  activeScope: string | null;\n  settledRevealIds: Set<string>;\n  startedAtByRevealId: Map<string, number>;\n};\n\ntype MarkdownNode = {\n  type: string;\n  tagName?: string;\n  value?: string;\n  properties?: Record<string, unknown>;\n  children?: MarkdownNode[];\n};\n\ntype TextTarget = {\n  endOffset: number;\n  index: number;\n  node: MarkdownNode;\n  parent: MarkdownNode;\n  startOffset: number;\n};\n\ntype RevealGrapheme = {\n  endOffset: number;\n  opacity: number;\n  startOffset: number;\n};\n\nexport function createStreamGradientRevealPlugin(\n  lifecycleScope: string,\n  lifecycle: StreamRevealLifecycle,\n) {\n  return function streamGradientRevealPlugin() {\n    return (tree: MarkdownNode) => {\n      if (lifecycle.activeScope !== lifecycleScope) {\n        lifecycle.activeScope = lifecycleScope;\n        lifecycle.settledRevealIds.clear();\n        lifecycle.startedAtByRevealId.clear();\n      }\n      const targets = collectTextTargets(tree);\n      const renderedText = targets.map((target) => target.node.value ?? \"\").join(\"\");\n      const graphemes = createRevealGraphemes(renderedText);\n      wrapStreamRevealGraphemes(targets, graphemes, lifecycleScope, lifecycle);\n    };\n  };\n}\n\nfunction collectTextTargets(tree: MarkdownNode): TextTarget[] {\n  const targets: TextTarget[] = [];\n  let offset = 0;\n\n  function visit(node: MarkdownNode, parent: MarkdownNode | undefined, index: number): void {\n    if (node.type === \"element\" && node.tagName === \"pre\") {\n      return;\n    }\n    if (node.type === \"text\" && node.value !== undefined && parent !== undefined) {\n      if (!/\\S/u.test(node.value)) {\n        return;\n      }\n      const startOffset = offset;\n      offset += node.value.length;\n      targets.push({\n        endOffset: offset,\n        index,\n        node,\n        parent,\n        startOffset,\n      });\n      return;\n    }\n    for (const [childIndex, child] of (node.children ?? []).entries()) {\n      visit(child, node, childIndex);\n    }\n  }\n\n  visit(tree, undefined, 0);\n  return targets;\n}\n\nfunction createRevealGraphemes(content: string): RevealGrapheme[] {\n  const tail = segmentTailGraphemeRanges(content, streamRevealConfig.tailGraphemes);\n  const graphemes: RevealGrapheme[] = [];\n\n  for (let index = 0; index < tail.length; index += 1) {\n    const grapheme = tail[index];\n    const bandStartIndex =\n      Math.floor(index / streamRevealConfig.bandGraphemes) * streamRevealConfig.bandGraphemes;\n    const bandEndIndex =\n      Math.min(bandStartIndex + streamRevealConfig.bandGraphemes, tail.length) - 1;\n    if (grapheme === undefined) {\n      continue;\n    }\n    const progress = tail.length === 1 ? 1 : bandEndIndex / (tail.length - 1);\n    graphemes.push({\n      startOffset: grapheme.startOffset,\n      endOffset: grapheme.endOffset,\n      opacity: Math.max(\n        streamRevealConfig.minimumOpacity,\n        1 - progress * (1 - streamRevealConfig.minimumOpacity),\n      ),\n    });\n  }\n  return graphemes;\n}\n\nfunction wrapStreamRevealGraphemes(\n  targets: readonly TextTarget[],\n  graphemes: readonly RevealGrapheme[],\n  lifecycleScope: string,\n  lifecycle: StreamRevealLifecycle,\n): void {\n  const activeRevealIds = new Set<string>();\n  const nowMs = Date.now();\n  for (const target of [...targets].reverse()) {\n    const value = target.node.value ?? \"\";\n    const intersectingGraphemes = graphemes.filter(\n      (grapheme) =>\n        grapheme.endOffset > target.startOffset && grapheme.startOffset < target.endOffset,\n    );\n    if (intersectingGraphemes.length === 0) {\n      continue;\n    }\n\n    const replacement: MarkdownNode[] = [];\n    let cursor = 0;\n    for (const grapheme of intersectingGraphemes) {\n      const start = Math.max(0, grapheme.startOffset - target.startOffset);\n      const end = Math.min(value.length, grapheme.endOffset - target.startOffset);\n      if (start > cursor) {\n        replacement.push({ type: \"text\", value: value.slice(cursor, start) });\n      }\n      if (end > start) {\n        const text = value.slice(start, end);\n        const absoluteStart = target.startOffset + start;\n        const absoluteEnd = target.startOffset + end;\n        const revealId = `${lifecycleScope}:${absoluteStart}:${absoluteEnd}:${hashText(text)}`;\n        activeRevealIds.add(revealId);\n        const startedAt = lifecycle.startedAtByRevealId.get(revealId) ?? nowMs;\n        lifecycle.startedAtByRevealId.set(revealId, startedAt);\n        const elapsedMs = Math.max(0, nowMs - startedAt);\n        if (elapsedMs >= streamRevealConfig.durationMs) {\n          lifecycle.settledRevealIds.add(revealId);\n        }\n        if (lifecycle.settledRevealIds.has(revealId)) {\n          replacement.push({ type: \"text\", value: text });\n        } else {\n          const progress = Math.min(elapsedMs / streamRevealConfig.durationMs, 1);\n          const opacity = grapheme.opacity + (1 - grapheme.opacity) * progress;\n          const remainingMs = Math.max(1, streamRevealConfig.durationMs - elapsedMs);\n          replacement.push({\n            type: \"element\",\n            tagName: \"span\",\n            properties: {\n              \"data-anvia-stream-duration-ms\": String(remainingMs),\n              \"data-anvia-stream-opacity\": String(opacity),\n              \"data-anvia-stream-reveal\": \"\",\n              \"data-anvia-stream-reveal-id\": revealId,\n            },\n            children: [{ type: \"text\", value: text }],\n          });\n        }\n      }\n      cursor = Math.max(cursor, end);\n    }\n    if (cursor < value.length) {\n      replacement.push({ type: \"text\", value: value.slice(cursor) });\n    }\n    target.parent.children?.splice(target.index, 1, ...replacement);\n  }\n\n  pruneRevealLifecycle(lifecycle, activeRevealIds);\n}\n\nfunction pruneRevealLifecycle(\n  lifecycle: StreamRevealLifecycle,\n  activeRevealIds: ReadonlySet<string>,\n): void {\n  for (const revealId of lifecycle.startedAtByRevealId.keys()) {\n    if (!activeRevealIds.has(revealId)) lifecycle.startedAtByRevealId.delete(revealId);\n  }\n  for (const revealId of lifecycle.settledRevealIds) {\n    if (!activeRevealIds.has(revealId)) lifecycle.settledRevealIds.delete(revealId);\n  }\n}\n\nfunction hashText(text: string): string {\n  let hash = 2_166_136_261;\n  for (let index = 0; index < text.length; index += 1) {\n    hash ^= text.charCodeAt(index);\n    hash = Math.imul(hash, 16_777_619);\n  }\n  return (hash >>> 0).toString(36);\n}\n\nfunction segmentTailGraphemeRanges(\n  content: string,\n  limit: number,\n): Array<{\n  endOffset: number;\n  startOffset: number;\n}> {\n  if (typeof Intl !== \"undefined\" && typeof Intl.Segmenter === \"function\") {\n    const segmenter = new Intl.Segmenter(undefined, { granularity: \"grapheme\" });\n    const segments = segmenter.segment(content);\n    const ranges: Array<{ endOffset: number; startOffset: number }> = [];\n    let cursor = content.length;\n    while (cursor > 0 && ranges.length < limit) {\n      const segment = segments.containing(cursor - 1);\n      if (segment === undefined) {\n        break;\n      }\n      ranges.unshift({\n        startOffset: segment.index,\n        endOffset: segment.index + segment.segment.length,\n      });\n      cursor = segment.index;\n    }\n    return ranges;\n  }\n\n  const ranges: Array<{ endOffset: number; startOffset: number }> = [];\n  let cursor = content.length;\n  while (cursor > 0 && ranges.length < limit) {\n    let startOffset = cursor - 1;\n    const code = content.charCodeAt(startOffset);\n    if (code >= 0xdc00 && code <= 0xdfff && startOffset > 0) {\n      const previousCode = content.charCodeAt(startOffset - 1);\n      if (previousCode >= 0xd800 && previousCode <= 0xdbff) {\n        startOffset -= 1;\n      }\n    }\n    ranges.unshift({ startOffset, endOffset: cursor });\n    cursor = startOffset;\n  }\n  return ranges;\n}\n"],"mappings":"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","names":["ranges","cursor","createElement","StreamMarkdown","StreamMarkdownBlock"]}

package/dist/index.d.ts

@@ -11,13 +11,29 @@ export { T as ThreadContextValue, u as useThread } from './thread-uEm8hH0s.js';
 export { T as ThreadListController, a as ThreadListItemContextValue, b as ThreadListProvider, c as ThreadListProviderProps, d as ThreadListRecord, u as useThreadList, e as useThreadListItem } from './thread-list-On8db4XL.js';
 export { Composer, ComposerSubmitMessage, ComposerSubmitMessageArgs, Thread } from './chat/index.js';
 export { Completion } from './completion/index.js';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { UseChatResult } from '@anvia/react';
+import { P as PrimitiveProps } from './render-CRKWam2v.js';
+export { a as PrimitiveRef } from './render-CRKWam2v.js';
 export { HumanInput } from './human-input/index.js';
 export { Image } from './image/index.js';
 export { Message, MessageAttachmentPart, MessageEntityProps, MessagePartsFilter, MessageStreamOptions, MessageToolPart, MessageToolRenderWhen } from './message/index.js';
 export { SelectionToolbar } from './selection-toolbar/index.js';
-export { P as PrimitiveProps, a as PrimitiveRef } from './render-CRKWam2v.js';
 export { StreamMarkdown, StreamMarkdownProps } from './stream/index.js';
 export { ThreadList, ThreadListItem } from './thread-list/index.js';
-import '@anvia/react';
-import 'react';
 import 'react-markdown';
+
+type ContextUsage = NonNullable<UseChatResult["contextUsage"]>;
+type ContextMeterProps = Omit<PrimitiveProps<"div">, "children"> & {
+    usage?: ContextUsage;
+    display?: "remaining" | "used";
+    children?: ReactNode | ((usage: ContextUsage) => ReactNode);
+};
+declare const ContextMeter: react.ForwardRefExoticComponent<Omit<PrimitiveProps<"div">, "children"> & {
+    usage?: ContextUsage;
+    display?: "remaining" | "used";
+    children?: ReactNode | ((usage: ContextUsage) => ReactNode);
+} & react.RefAttributes<HTMLDivElement>>;
+
+export { ContextMeter, type ContextMeterProps, PrimitiveProps };

package/dist/index.js

@@ -8,7 +8,7 @@ import {
 import {
   Composer,
   Thread
-} from "./chunk-LM5SU5AP.js";
+} from "./chunk-FABSIZZ7.js";
 import {
   Completion
 } from "./chunk-VEYJNQVW.js";
@@ -20,14 +20,16 @@ import {
 } from "./chunk-7HR34SOF.js";
 import {
   Message
-} from "./chunk-7I6XUWM7.js";
+} from "./chunk-JWZDNM5D.js";
 import {
   StreamMarkdown
-} from "./chunk-UESNSQGQ.js";
+} from "./chunk-ULGJLLZE.js";
 import {
   Attachment
 } from "./chunk-SBYUKODG.js";
-import "./chunk-T3ZFZ3NP.js";
+import {
+  renderPrimitive
+} from "./chunk-T3ZFZ3NP.js";
 import {
   ChatProvider,
   CompletionProvider,
@@ -49,12 +51,50 @@ import {
   useThreadList,
   useThreadListItem
 } from "./chunk-43U2XQP2.js";
+
+// src/context-meter.tsx
+import { forwardRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ContextMeter = forwardRef(function ContextMeter2({ usage, display = "remaining", children, ...props }, ref) {
+  if (usage === void 0) {
+    return null;
+  }
+  const percent = display === "remaining" ? usage.remainingPercent : usage.usedPercent;
+  const roundedPercent = Math.round(percent);
+  const label = `${roundedPercent}% context ${display === "remaining" ? "left" : "used"}`;
+  const content = typeof children === "function" ? children(usage) : children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { "data-anvia-context-meter-label": "", children: label }),
+    /* @__PURE__ */ jsx("span", { "aria-hidden": "true", "data-anvia-context-meter-track": "", children: /* @__PURE__ */ jsx(
+      "span",
+      {
+        "data-anvia-context-meter-value": "",
+        style: { width: `${Math.min(100, Math.max(0, percent))}%` }
+      }
+    ) })
+  ] });
+  return renderPrimitive(
+    "div",
+    {
+      ...props,
+      children: content,
+      "aria-label": props["aria-label"] ?? label,
+      "aria-valuemax": 100,
+      "aria-valuemin": 0,
+      "aria-valuenow": roundedPercent,
+      "data-anvia-context-meter": "",
+      "data-display": display,
+      role: props.role ?? "progressbar"
+    },
+    ref
+  );
+});
 export {
   Attachment,
   ChatProvider,
   Completion,
   CompletionProvider,
   Composer,
+  ContextMeter,
   HumanInput,
   Image,
   Message,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"sources":["../src/context-meter.tsx"],"sourcesContent":["import type { UseChatResult } from \"@anvia/react\";\nimport { forwardRef, type ReactNode } from \"react\";\n\nimport { type PrimitiveProps, renderPrimitive } from \"./primitives\";\n\ntype ContextUsage = NonNullable<UseChatResult[\"contextUsage\"]>;\n\nexport type ContextMeterProps = Omit<PrimitiveProps<\"div\">, \"children\"> & {\n  usage?: ContextUsage;\n  display?: \"remaining\" | \"used\";\n  children?: ReactNode | ((usage: ContextUsage) => ReactNode);\n};\n\nexport const ContextMeter = forwardRef<HTMLDivElement, ContextMeterProps>(function ContextMeter(\n  { usage, display = \"remaining\", children, ...props },\n  ref,\n) {\n  if (usage === undefined) {\n    return null;\n  }\n\n  const percent = display === \"remaining\" ? usage.remainingPercent : usage.usedPercent;\n  const roundedPercent = Math.round(percent);\n  const label = `${roundedPercent}% context ${display === \"remaining\" ? \"left\" : \"used\"}`;\n  const content =\n    typeof children === \"function\"\n      ? children(usage)\n      : (children ?? (\n          <>\n            <span data-anvia-context-meter-label=\"\">{label}</span>\n            <span aria-hidden=\"true\" data-anvia-context-meter-track=\"\">\n              <span\n                data-anvia-context-meter-value=\"\"\n                style={{ width: `${Math.min(100, Math.max(0, percent))}%` }}\n              />\n            </span>\n          </>\n        ));\n\n  return renderPrimitive(\n    \"div\",\n    {\n      ...props,\n      children: content,\n      \"aria-label\": props[\"aria-label\"] ?? label,\n      \"aria-valuemax\": 100,\n      \"aria-valuemin\": 0,\n      \"aria-valuenow\": roundedPercent,\n      \"data-anvia-context-meter\": \"\",\n      \"data-display\": display,\n      role: props.role ?? \"progressbar\",\n    } as PrimitiveProps<\"div\">,\n    ref,\n  );\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,SAAS,kBAAkC;AA2BjC,mBACE,KADF;AAfH,IAAM,eAAe,WAA8C,SAASA,cACjF,EAAE,OAAO,UAAU,aAAa,UAAU,GAAG,MAAM,GACnD,KACA;AACA,MAAI,UAAU,QAAW;AACvB,WAAO;AAAA,EACT;AAEA,QAAM,UAAU,YAAY,cAAc,MAAM,mBAAmB,MAAM;AACzE,QAAM,iBAAiB,KAAK,MAAM,OAAO;AACzC,QAAM,QAAQ,GAAG,cAAc,aAAa,YAAY,cAAc,SAAS,MAAM;AACrF,QAAM,UACJ,OAAO,aAAa,aAChB,SAAS,KAAK,IACb,YACC,iCACE;AAAA,wBAAC,UAAK,kCAA+B,IAAI,iBAAM;AAAA,IAC/C,oBAAC,UAAK,eAAY,QAAO,kCAA+B,IACtD;AAAA,MAAC;AAAA;AAAA,QACC,kCAA+B;AAAA,QAC/B,OAAO,EAAE,OAAO,GAAG,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,OAAO,CAAC,CAAC,IAAI;AAAA;AAAA,IAC5D,GACF;AAAA,KACF;AAGR,SAAO;AAAA,IACL;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,UAAU;AAAA,MACV,cAAc,MAAM,YAAY,KAAK;AAAA,MACrC,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB,4BAA4B;AAAA,MAC5B,gBAAgB;AAAA,MAChB,MAAM,MAAM,QAAQ;AAAA,IACtB;AAAA,IACA;AAAA,EACF;AACF,CAAC;","names":["ContextMeter"]}

package/dist/message/index.js

@@ -1,7 +1,7 @@
 import {
   Message
-} from "../chunk-7I6XUWM7.js";
-import "../chunk-UESNSQGQ.js";
+} from "../chunk-JWZDNM5D.js";
+import "../chunk-ULGJLLZE.js";
 import "../chunk-SBYUKODG.js";
 import "../chunk-T3ZFZ3NP.js";
 import {

package/dist/stream/index.js

@@ -1,6 +1,6 @@
 import {
   StreamMarkdown
-} from "../chunk-UESNSQGQ.js";
+} from "../chunk-ULGJLLZE.js";
 import "../chunk-T3ZFZ3NP.js";
 export {
   StreamMarkdown

package/dist/stream/styles.css

@@ -5,5 +5,13 @@
 }
 
 [data-anvia-stream-reveal] {
-  animation: anvia-stream-gradient-settle 180ms linear both;
+  opacity: var(--anvia-stream-reveal-opacity, 1);
+  animation: anvia-stream-gradient-settle var(--anvia-stream-reveal-duration, 180ms) linear both;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  [data-anvia-stream-reveal] {
+    opacity: 1;
+    animation: none;
+  }
 }

package/dist/styles.css

@@ -85,6 +85,28 @@
   z-index: 60;
 }
 
+[data-anvia-context-meter] {
+  display: inline-grid;
+  min-width: 8rem;
+  gap: 0.375rem;
+  font-size: 0.75rem;
+}
+
+[data-anvia-context-meter-track] {
+  display: block;
+  height: 0.25rem;
+  overflow: hidden;
+  border-radius: 9999px;
+  background: color-mix(in srgb, currentcolor 20%, transparent);
+}
+
+[data-anvia-context-meter-value] {
+  display: block;
+  height: 100%;
+  border-radius: inherit;
+  background: currentcolor;
+}
+
 [data-state="disabled"] {
   opacity: 0.55;
 }
@@ -96,11 +118,13 @@
 }
 
 [data-anvia-stream-reveal] {
-  animation: anvia-stream-gradient-settle 180ms linear both;
+  opacity: var(--anvia-stream-reveal-opacity, 1);
+  animation: anvia-stream-gradient-settle var(--anvia-stream-reveal-duration, 180ms) linear both;
 }
 
 @media (prefers-reduced-motion: reduce) {
   [data-anvia-stream-reveal] {
+    opacity: 1;
     animation: none;
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anvia/react-ui",
-  "version": "0.6.2",
+  "version": "0.7.0",
   "description": "Composable React UI primitives for Anvia chat and completion experiences.",
   "author": "anvia",
   "maintainer": "Indra Zulfi",
@@ -100,7 +100,7 @@
     "tsup": "^8.5.0",
     "typescript": "^5.9.3",
     "vitest": "^4.0.8",
-    "@anvia/react": "0.9.2"
+    "@anvia/react": "0.11.0"
   },
   "scripts": {
     "build": "tsup src/index.ts src/attachment/index.ts src/chat/index.ts src/completion/index.ts src/human-input/index.ts src/image/index.ts src/message/index.ts src/selection-toolbar/index.ts src/shared.ts src/stream/index.ts src/thread-list/index.ts --format esm --dts --sourcemap --clean --external react --external react-dom && cp src/styles.css dist/styles.css && cp src/stream/styles.css dist/stream/styles.css",

package/dist/chunk-UESNSQGQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/stream/markdown.tsx","../src/stream/markdown-blocks.ts","../src/stream/markdown-reveal.ts"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  createElement,\n  forwardRef,\n  memo,\n  type ReactNode,\n  useMemo,\n  useRef,\n} from \"react\";\nimport ReactMarkdown, {\n  type Components,\n  type Options as ReactMarkdownOptions,\n} from \"react-markdown\";\nimport remarkGfm from \"remark-gfm\";\n\nimport { type PrimitiveProps, renderPrimitive } from \"../primitives\";\nimport { splitStreamMarkdownBlocks } from \"./markdown-blocks\";\nimport { createStreamGradientRevealPlugin } from \"./markdown-reveal\";\n\nexport type StreamMarkdownProps = Omit<PrimitiveProps<\"div\">, \"children\"> & {\n  components?: Components;\n  content: string;\n  live?: boolean;\n  remarkPlugins?: ReactMarkdownOptions[\"remarkPlugins\"];\n  remarkRehypeOptions?: ReactMarkdownOptions[\"remarkRehypeOptions\"];\n};\n\nconst defaultRemarkPlugins: NonNullable<ReactMarkdownOptions[\"remarkPlugins\"]> = [remarkGfm];\n\nexport const StreamMarkdown = forwardRef<HTMLDivElement, StreamMarkdownProps>(\n  function StreamMarkdown(\n    { components, content, live = false, remarkPlugins, remarkRehypeOptions, ...props },\n    ref,\n  ) {\n    const previousContentRef = useRef(content);\n    const frameIdRef = useRef(0);\n    if (previousContentRef.current !== content) {\n      previousContentRef.current = content;\n      frameIdRef.current += 1;\n    }\n\n    const blocks = useMemo(\n      () =>\n        splitStreamMarkdownBlocks(content, {\n          singleDocument: remarkPlugins !== undefined,\n        }),\n      [content, remarkPlugins],\n    );\n    const streamingComponents = useMemo(() => withStreamRevealComponent(components), [components]);\n\n    return renderPrimitive(\n      \"div\",\n      {\n        ...props,\n        children: blocks.map((block, index) => (\n          <StreamMarkdownBlock\n            components={streamingComponents}\n            content={block.content}\n            frameId={live && index === blocks.length - 1 ? frameIdRef.current : 0}\n            live={live && index === blocks.length - 1}\n            remarkPlugins={remarkPlugins ?? defaultRemarkPlugins}\n            remarkRehypeOptions={remarkRehypeOptions}\n            key={block.startOffset}\n          />\n        )),\n        \"data-anvia-stream-markdown\": \"\",\n        \"data-live\": live ? \"\" : undefined,\n      } as PrimitiveProps<\"div\">,\n      ref,\n    );\n  },\n);\n\nconst StreamMarkdownBlock = memo(function StreamMarkdownBlock(props: {\n  components: Components;\n  content: string;\n  frameId: number;\n  live: boolean;\n  remarkPlugins: ReactMarkdownOptions[\"remarkPlugins\"];\n  remarkRehypeOptions: ReactMarkdownOptions[\"remarkRehypeOptions\"];\n}) {\n  const revealPlugin = useMemo(\n    () => createStreamGradientRevealPlugin(props.frameId),\n    [props.frameId],\n  );\n  return (\n    <ReactMarkdown\n      components={props.components}\n      rehypePlugins={props.live ? [revealPlugin] : undefined}\n      remarkPlugins={props.remarkPlugins}\n      remarkRehypeOptions={props.remarkRehypeOptions}\n    >\n      {props.content}\n    </ReactMarkdown>\n  );\n});\n\nfunction withStreamRevealComponent(components: Components | undefined): Components {\n  const consumerSpan = components?.span;\n  return {\n    ...components,\n    span(spanProps) {\n      const safeProps = componentPropsWithoutKey(spanProps);\n      const internalProps = safeProps as typeof safeProps & {\n        \"data-anvia-stream-frame-id\"?: string | undefined;\n        \"data-anvia-stream-opacity\"?: string | undefined;\n        \"data-anvia-stream-reveal\"?: string | undefined;\n      };\n      if (internalProps[\"data-anvia-stream-reveal\"] !== undefined) {\n        return streamRevealSpan(internalProps);\n      }\n      if (consumerSpan !== undefined) {\n        return createElement(consumerSpan, safeProps);\n      }\n      const { node: _node, ...elementProps } = safeProps;\n      return <span {...elementProps} />;\n    },\n  };\n}\n\nfunction componentPropsWithoutKey<T extends object>(props: T): T {\n  const result: Record<string, unknown> = {};\n  for (const name of Object.keys(props)) {\n    if (name !== \"key\") {\n      result[name] = (props as Record<string, unknown>)[name];\n    }\n  }\n  return result as T;\n}\n\nfunction streamRevealSpan(\n  props: ComponentPropsWithoutRef<\"span\"> & {\n    node?: unknown;\n    \"data-anvia-stream-frame-id\"?: string | undefined;\n    \"data-anvia-stream-opacity\"?: string | undefined;\n    \"data-anvia-stream-reveal\"?: string | undefined;\n  },\n): ReactNode {\n  const {\n    children,\n    node: _node,\n    \"data-anvia-stream-frame-id\": frameId,\n    \"data-anvia-stream-opacity\": opacity,\n    ...elementProps\n  } = props;\n  const parsedOpacity = Number(opacity);\n  return (\n    <span\n      {...elementProps}\n      data-anvia-stream-frame-id={frameId}\n      key={frameId ?? \"stream-frame\"}\n      style={{ opacity: Number.isFinite(parsedOpacity) ? parsedOpacity : 1 }}\n    >\n      {children}\n    </span>\n  );\n}\n","import { lexer } from \"marked\";\n\nexport type StreamMarkdownBlock = {\n  content: string;\n  startOffset: number;\n};\n\nexport function splitStreamMarkdownBlocks(\n  content: string,\n  options: { singleDocument?: boolean } = {},\n): StreamMarkdownBlock[] {\n  if (content.length === 0) {\n    return [];\n  }\n  if (options.singleDocument === true) {\n    return [{ content, startOffset: 0 }];\n  }\n\n  try {\n    const tokens = lexer(content, { gfm: false });\n    if (tokens.some((token) => token.type === \"def\") || Object.keys(tokens.links).length > 0) {\n      return [{ content, startOffset: 0 }];\n    }\n\n    const rawBlocks: string[] = [];\n    for (const token of tokens) {\n      if (token.type === \"space\" && rawBlocks.length > 0) {\n        const lastIndex = rawBlocks.length - 1;\n        rawBlocks[lastIndex] = `${rawBlocks[lastIndex] ?? \"\"}${token.raw}`;\n      } else {\n        rawBlocks.push(token.raw);\n      }\n    }\n\n    if (rawBlocks.length === 0 || rawBlocks.join(\"\") !== content) {\n      return [{ content, startOffset: 0 }];\n    }\n\n    let startOffset = 0;\n    return rawBlocks.map((block) => {\n      const result = { content: block, startOffset };\n      startOffset += block.length;\n      return result;\n    });\n  } catch {\n    return [{ content, startOffset: 0 }];\n  }\n}\n","export const streamRevealConfig = {\n  bandGraphemes: 2,\n  minimumOpacity: 0.12,\n  tailGraphemes: 24,\n} as const;\n\ntype MarkdownNode = {\n  type: string;\n  tagName?: string;\n  value?: string;\n  properties?: Record<string, unknown>;\n  children?: MarkdownNode[];\n};\n\ntype TextTarget = {\n  endOffset: number;\n  index: number;\n  node: MarkdownNode;\n  parent: MarkdownNode;\n  startOffset: number;\n};\n\ntype RevealBand = {\n  endOffset: number;\n  opacity: number;\n  startOffset: number;\n};\n\nexport function createStreamGradientRevealPlugin(frameId: number) {\n  return function streamGradientRevealPlugin() {\n    return (tree: MarkdownNode) => {\n      const targets = collectTextTargets(tree);\n      const renderedText = targets.map((target) => target.node.value ?? \"\").join(\"\");\n      const bands = createRevealBands(renderedText);\n      wrapStreamRevealBands(targets, bands, frameId);\n    };\n  };\n}\n\nfunction collectTextTargets(tree: MarkdownNode): TextTarget[] {\n  const targets: TextTarget[] = [];\n  let offset = 0;\n\n  function visit(node: MarkdownNode, parent: MarkdownNode | undefined, index: number): void {\n    if (node.type === \"element\" && node.tagName === \"pre\") {\n      return;\n    }\n    if (node.type === \"text\" && node.value !== undefined && parent !== undefined) {\n      if (!/\\S/u.test(node.value)) {\n        return;\n      }\n      const startOffset = offset;\n      offset += node.value.length;\n      targets.push({\n        endOffset: offset,\n        index,\n        node,\n        parent,\n        startOffset,\n      });\n      return;\n    }\n    for (const [childIndex, child] of (node.children ?? []).entries()) {\n      visit(child, node, childIndex);\n    }\n  }\n\n  visit(tree, undefined, 0);\n  return targets;\n}\n\nfunction createRevealBands(content: string): RevealBand[] {\n  const tail = segmentTailGraphemeRanges(content, streamRevealConfig.tailGraphemes);\n  const bands: RevealBand[] = [];\n\n  for (let index = 0; index < tail.length; index += streamRevealConfig.bandGraphemes) {\n    const first = tail[index];\n    const endIndex = Math.min(index + streamRevealConfig.bandGraphemes, tail.length) - 1;\n    const last = tail[endIndex];\n    if (first === undefined || last === undefined) {\n      continue;\n    }\n    const progress = tail.length === 1 ? 1 : endIndex / (tail.length - 1);\n    bands.push({\n      startOffset: first.startOffset,\n      endOffset: last.endOffset,\n      opacity: Math.max(\n        streamRevealConfig.minimumOpacity,\n        1 - progress * (1 - streamRevealConfig.minimumOpacity),\n      ),\n    });\n  }\n  return bands;\n}\n\nfunction wrapStreamRevealBands(\n  targets: readonly TextTarget[],\n  bands: readonly RevealBand[],\n  frameId: number,\n): void {\n  for (const target of [...targets].reverse()) {\n    const value = target.node.value ?? \"\";\n    const intersectingBands = bands.filter(\n      (band) => band.endOffset > target.startOffset && band.startOffset < target.endOffset,\n    );\n    if (intersectingBands.length === 0) {\n      continue;\n    }\n\n    const replacement: MarkdownNode[] = [];\n    let cursor = 0;\n    for (const band of intersectingBands) {\n      const start = Math.max(0, band.startOffset - target.startOffset);\n      const end = Math.min(value.length, band.endOffset - target.startOffset);\n      if (start > cursor) {\n        replacement.push({ type: \"text\", value: value.slice(cursor, start) });\n      }\n      if (end > start) {\n        replacement.push({\n          type: \"element\",\n          tagName: \"span\",\n          properties: {\n            \"data-anvia-stream-frame-id\": `${frameId}:${band.startOffset}`,\n            \"data-anvia-stream-opacity\": String(band.opacity),\n            \"data-anvia-stream-reveal\": \"\",\n          },\n          children: [{ type: \"text\", value: value.slice(start, end) }],\n        });\n      }\n      cursor = Math.max(cursor, end);\n    }\n    if (cursor < value.length) {\n      replacement.push({ type: \"text\", value: value.slice(cursor) });\n    }\n    target.parent.children?.splice(target.index, 1, ...replacement);\n  }\n}\n\nfunction segmentTailGraphemeRanges(\n  content: string,\n  limit: number,\n): Array<{\n  endOffset: number;\n  startOffset: number;\n}> {\n  if (typeof Intl !== \"undefined\" && typeof Intl.Segmenter === \"function\") {\n    const segmenter = new Intl.Segmenter(undefined, { granularity: \"grapheme\" });\n    const segments = segmenter.segment(content);\n    const ranges: Array<{ endOffset: number; startOffset: number }> = [];\n    let cursor = content.length;\n    while (cursor > 0 && ranges.length < limit) {\n      const segment = segments.containing(cursor - 1);\n      if (segment === undefined) {\n        break;\n      }\n      ranges.unshift({\n        startOffset: segment.index,\n        endOffset: segment.index + segment.segment.length,\n      });\n      cursor = segment.index;\n    }\n    return ranges;\n  }\n\n  const ranges: Array<{ endOffset: number; startOffset: number }> = [];\n  let cursor = content.length;\n  while (cursor > 0 && ranges.length < limit) {\n    let startOffset = cursor - 1;\n    const code = content.charCodeAt(startOffset);\n    if (code >= 0xdc00 && code <= 0xdfff && startOffset > 0) {\n      const previousCode = content.charCodeAt(startOffset - 1);\n      if (previousCode >= 0xd800 && previousCode <= 0xdbff) {\n        startOffset -= 1;\n      }\n    }\n    ranges.unshift({ startOffset, endOffset: cursor });\n    cursor = startOffset;\n  }\n  return ranges;\n}\n"],"mappings":"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","names":["ranges","cursor","createElement","StreamMarkdown","StreamMarkdownBlock"]}