@crafter/rn-ai-elements 0.0.1

package/lib/module/primitives/Collapsible.js

@@ -0,0 +1,130 @@
+"use strict";
+
+import React, { createContext, useCallback, useContext, useState } from 'react';
+import { Pressable, StyleSheet } from 'react-native';
+import Animated, { useAnimatedStyle, useDerivedValue, useSharedValue, withTiming } from 'react-native-reanimated';
+
+// ---------------------------------------------------------------------------
+// Context
+// ---------------------------------------------------------------------------
+import { jsx as _jsx } from "react/jsx-runtime";
+const CollapsibleContext = /*#__PURE__*/createContext(null);
+function useCollapsibleContext() {
+  const ctx = useContext(CollapsibleContext);
+  if (!ctx) {
+    throw new Error('Collapsible compound components must be used within a <Collapsible>.');
+  }
+  return ctx;
+}
+
+// ---------------------------------------------------------------------------
+// Prop types
+// ---------------------------------------------------------------------------
+
+// ---------------------------------------------------------------------------
+// Collapsible (parent)
+// ---------------------------------------------------------------------------
+
+export function Collapsible({
+  open: controlledOpen,
+  onOpenChange,
+  children,
+  style
+}) {
+  const [internalOpen, setInternalOpen] = useState(false);
+  const isControlled = controlledOpen !== undefined;
+  const open = isControlled ? controlledOpen : internalOpen;
+  const onToggle = useCallback(() => {
+    const next = !open;
+    if (!isControlled) {
+      setInternalOpen(next);
+    }
+    onOpenChange?.(next);
+  }, [open, isControlled, onOpenChange]);
+  return /*#__PURE__*/_jsx(CollapsibleContext.Provider, {
+    value: {
+      open,
+      onToggle
+    },
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: style,
+      children: children
+    })
+  });
+}
+
+// ---------------------------------------------------------------------------
+// CollapsibleTrigger
+// ---------------------------------------------------------------------------
+
+export function CollapsibleTrigger({
+  children,
+  style
+}) {
+  const {
+    onToggle
+  } = useCollapsibleContext();
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: onToggle,
+    style: ({
+      pressed
+    }) => [pressed && styles.pressed, style],
+    children: children
+  });
+}
+
+// ---------------------------------------------------------------------------
+// CollapsibleContent (animated)
+// ---------------------------------------------------------------------------
+
+export function CollapsibleContent({
+  children,
+  style
+}) {
+  const {
+    open
+  } = useCollapsibleContext();
+  const measuredHeight = useSharedValue(0);
+  const progress = useDerivedValue(() => withTiming(open ? 1 : 0, {
+    duration: 250
+  }));
+  const animatedContainerStyle = useAnimatedStyle(() => ({
+    height: progress.value * measuredHeight.value,
+    opacity: progress.value,
+    overflow: 'hidden'
+  }));
+  const onLayout = useCallback(event => {
+    const layoutHeight = event.nativeEvent.layout.height;
+    if (layoutHeight > 0) {
+      measuredHeight.value = layoutHeight;
+    }
+  }, [measuredHeight]);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [animatedContainerStyle, style],
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: styles.inner,
+      onLayout: onLayout,
+      children: children
+    })
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Styles
+// ---------------------------------------------------------------------------
+
+const styles = StyleSheet.create({
+  pressed: {
+    opacity: 0.7
+  },
+  inner: {
+    // Position absolute so we can measure the natural height without
+    // the parent constraining it while collapsed. Once the parent animates
+    // to the full measured height the content is fully visible.
+    position: 'absolute',
+    width: '100%',
+    top: 0,
+    left: 0
+  }
+});
+//# sourceMappingURL=Collapsible.js.map

package/lib/module/primitives/Collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useCallback","useContext","useState","Pressable","StyleSheet","Animated","useAnimatedStyle","useDerivedValue","useSharedValue","withTiming","jsx","_jsx","CollapsibleContext","useCollapsibleContext","ctx","Error","Collapsible","open","controlledOpen","onOpenChange","children","style","internalOpen","setInternalOpen","isControlled","undefined","onToggle","next","Provider","value","View","CollapsibleTrigger","onPress","pressed","styles","CollapsibleContent","measuredHeight","progress","duration","animatedContainerStyle","height","opacity","overflow","onLayout","event","layoutHeight","nativeEvent","layout","inner","create","position","width","top","left"],"sourceRoot":"../../../src","sources":["primitives/Collapsible.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/primitives/ScrollArea.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import React from 'react';
+import { ScrollView, StyleSheet } from 'react-native';
+import { useAIElementsTheme } from '../theme';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ScrollArea({
+  horizontal = false,
+  style,
+  contentContainerStyle,
+  children,
+  ...scrollViewProps
+}) {
+  const theme = useAIElementsTheme();
+  return /*#__PURE__*/_jsx(ScrollView, {
+    ...scrollViewProps,
+    horizontal: horizontal,
+    showsVerticalScrollIndicator: false,
+    showsHorizontalScrollIndicator: false,
+    style: [styles.base, {
+      backgroundColor: theme.colors.background
+    }, style],
+    contentContainerStyle: [styles.contentContainer, contentContainerStyle],
+    children: children
+  });
+}
+const styles = StyleSheet.create({
+  base: {
+    flex: 1
+  },
+  contentContainer: {
+    flexGrow: 1
+  }
+});
+//# sourceMappingURL=ScrollArea.js.map

package/lib/module/primitives/ScrollArea.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ScrollView","StyleSheet","useAIElementsTheme","jsx","_jsx","ScrollArea","horizontal","style","contentContainerStyle","children","scrollViewProps","theme","showsVerticalScrollIndicator","showsHorizontalScrollIndicator","styles","base","backgroundColor","colors","background","contentContainer","create","flex","flexGrow"],"sourceRoot":"../../../src","sources":["primitives/ScrollArea.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAA0B,OAAO;AAC7C,SACEC,UAAU,EACVC,UAAU,QAIL,cAAc;AACrB,SAASC,kBAAkB,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU9C,OAAO,SAASC,UAAUA,CAAC;EACzBC,UAAU,GAAG,KAAK;EAClBC,KAAK;EACLC,qBAAqB;EACrBC,QAAQ;EACR,GAAGC;AACY,CAAC,EAAE;EAClB,MAAMC,KAAK,GAAGT,kBAAkB,CAAC,CAAC;EAElC,oBACEE,IAAA,CAACJ,UAAU;IAAA,GACLU,eAAe;IACnBJ,UAAU,EAAEA,UAAW;IACvBM,4BAA4B,EAAE,KAAM;IACpCC,8BAA8B,EAAE,KAAM;IACtCN,KAAK,EAAE,CACLO,MAAM,CAACC,IAAI,EACX;MAAEC,eAAe,EAAEL,KAAK,CAACM,MAAM,CAACC;IAAW,CAAC,EAC5CX,KAAK,CACL;IACFC,qBAAqB,EAAE,CAACM,MAAM,CAACK,gBAAgB,EAAEX,qBAAqB,CAAE;IAAAC,QAAA,EAEvEA;EAAQ,CACC,CAAC;AAEjB;AAEA,MAAMK,MAAM,GAAGb,UAAU,CAACmB,MAAM,CAAC;EAC/BL,IAAI,EAAE;IACJM,IAAI,EAAE;EACR,CAAC;EACDF,gBAAgB,EAAE;IAChBG,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/primitives/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+export { Button } from './Button';
+export { Badge } from './Badge';
+export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from './Card';
+export { Collapsible, CollapsibleTrigger, CollapsibleContent } from './Collapsible';
+export { ScrollArea } from './ScrollArea';
+//# sourceMappingURL=index.js.map

package/lib/module/primitives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Button","Badge","Card","CardHeader","CardTitle","CardDescription","CardContent","CardFooter","Collapsible","CollapsibleTrigger","CollapsibleContent","ScrollArea"],"sourceRoot":"../../../src","sources":["primitives/index.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,UAAU;AAGjC,SAASC,KAAK,QAAQ,SAAS;AAG/B,SACEC,IAAI,EACJC,UAAU,EACVC,SAAS,EACTC,eAAe,EACfC,WAAW,EACXC,UAAU,QACL,QAAQ;AAUf,SACEC,WAAW,EACXC,kBAAkB,EAClBC,kBAAkB,QACb,eAAe;AAOtB,SAASC,UAAU,QAAQ,cAAc","ignoreList":[]}

package/lib/module/streaming/StreamingMarkdown.js

@@ -0,0 +1,246 @@
+"use strict";
+
+import React, { memo, useCallback, useMemo } from 'react';
+import { Linking, StyleSheet, View } from 'react-native';
+import Markdown from 'react-native-markdown-display';
+import { useAIElementsTheme } from '../theme';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Closes any dangling markdown constructs that the parser would otherwise
+ * mis-render mid-stream. Most importantly: an unclosed fenced code block
+ * causes everything after the opening ``` to be rendered as code until the
+ * closing fence arrives, which produces a jarring flicker.
+ *
+ * This is correctness, not animation — keep it even in the "simple" version.
+ */
+function stabilizePartialMarkdown(content) {
+  const fenceMatches = content.match(/^```/gm);
+  const fenceCount = fenceMatches?.length ?? 0;
+  if (fenceCount % 2 === 1) {
+    const needsNewline = !content.endsWith('\n');
+    return `${content}${needsNewline ? '\n' : ''}\`\`\``;
+  }
+  return content;
+}
+function createMarkdownStyles(theme) {
+  return {
+    body: {
+      color: theme.colors.foreground,
+      fontSize: 12,
+      lineHeight: 12 * theme.typography.lineHeight.normal,
+      fontFamily: theme.typography.fontFamily
+    },
+    heading1: {
+      color: theme.colors.foreground,
+      fontSize: theme.typography.fontSize['2xl'],
+      fontWeight: theme.typography.fontWeight.bold,
+      lineHeight: theme.typography.fontSize['2xl'] * theme.typography.lineHeight.tight,
+      marginTop: theme.spacing.lg,
+      marginBottom: theme.spacing.md
+    },
+    heading2: {
+      color: theme.colors.foreground,
+      fontSize: theme.typography.fontSize.xl,
+      fontWeight: theme.typography.fontWeight.bold,
+      lineHeight: theme.typography.fontSize.xl * theme.typography.lineHeight.tight,
+      marginTop: theme.spacing.lg,
+      marginBottom: theme.spacing.sm
+    },
+    heading3: {
+      color: theme.colors.foreground,
+      fontSize: theme.typography.fontSize.lg,
+      fontWeight: theme.typography.fontWeight.semibold,
+      lineHeight: theme.typography.fontSize.lg * theme.typography.lineHeight.tight,
+      marginTop: theme.spacing.md,
+      marginBottom: theme.spacing.sm
+    },
+    heading4: {
+      color: theme.colors.foreground,
+      fontSize: theme.typography.fontSize.md,
+      fontWeight: theme.typography.fontWeight.semibold,
+      marginTop: theme.spacing.md,
+      marginBottom: theme.spacing.xs
+    },
+    strong: {
+      fontWeight: theme.typography.fontWeight.bold
+    },
+    em: {
+      fontStyle: 'italic'
+    },
+    link: {
+      color: theme.colors.primary,
+      textDecorationLine: 'underline'
+    },
+    code_inline: {
+      backgroundColor: theme.colors.muted,
+      color: theme.colors.foreground,
+      fontFamily: theme.typography.monoFontFamily,
+      fontSize: theme.typography.fontSize.sm,
+      paddingHorizontal: 4,
+      paddingVertical: 2,
+      borderRadius: theme.radius.sm
+    },
+    code_block: {
+      backgroundColor: theme.dark ? '#1E1E1E' : '#F8F8F8',
+      color: theme.colors.foreground,
+      fontFamily: theme.typography.monoFontFamily,
+      fontSize: theme.typography.fontSize.sm,
+      lineHeight: theme.typography.fontSize.sm * theme.typography.lineHeight.relaxed,
+      padding: theme.spacing.md,
+      borderRadius: theme.radius.md,
+      marginVertical: theme.spacing.sm
+    },
+    fence: {
+      backgroundColor: theme.dark ? '#1E1E1E' : '#F8F8F8',
+      color: theme.colors.foreground,
+      fontFamily: theme.typography.monoFontFamily,
+      fontSize: theme.typography.fontSize.sm,
+      lineHeight: theme.typography.fontSize.sm * theme.typography.lineHeight.relaxed,
+      padding: theme.spacing.md,
+      borderRadius: theme.radius.md,
+      marginVertical: theme.spacing.sm
+    },
+    blockquote: {
+      backgroundColor: theme.colors.muted,
+      borderLeftColor: theme.colors.border,
+      borderLeftWidth: 3,
+      paddingHorizontal: theme.spacing.md,
+      paddingVertical: theme.spacing.sm,
+      marginVertical: theme.spacing.sm,
+      borderRadius: theme.radius.sm
+    },
+    bullet_list: {
+      marginVertical: theme.spacing.xs
+    },
+    ordered_list: {
+      marginVertical: theme.spacing.xs
+    },
+    list_item: {
+      flexDirection: 'row',
+      marginVertical: 2
+    },
+    bullet_list_icon: {
+      color: theme.colors.mutedForeground,
+      fontSize: theme.typography.fontSize.md,
+      lineHeight: theme.typography.fontSize.md * theme.typography.lineHeight.normal,
+      marginRight: theme.spacing.sm
+    },
+    ordered_list_icon: {
+      color: theme.colors.mutedForeground,
+      fontSize: theme.typography.fontSize.md,
+      lineHeight: theme.typography.fontSize.md * theme.typography.lineHeight.normal,
+      marginRight: theme.spacing.sm
+    },
+    table: {
+      borderWidth: StyleSheet.hairlineWidth,
+      borderColor: theme.colors.border,
+      borderRadius: theme.radius.sm,
+      marginVertical: theme.spacing.sm
+    },
+    thead: {
+      backgroundColor: theme.colors.muted
+    },
+    th: {
+      padding: theme.spacing.sm,
+      borderRightWidth: StyleSheet.hairlineWidth,
+      borderColor: theme.colors.border,
+      fontWeight: theme.typography.fontWeight.semibold
+    },
+    tr: {
+      borderBottomWidth: StyleSheet.hairlineWidth,
+      borderColor: theme.colors.border
+    },
+    td: {
+      padding: theme.spacing.sm,
+      borderRightWidth: StyleSheet.hairlineWidth,
+      borderColor: theme.colors.border
+    },
+    hr: {
+      backgroundColor: theme.colors.border,
+      height: 1,
+      marginVertical: theme.spacing.lg
+    },
+    paragraph: {
+      marginVertical: theme.spacing.xs
+    },
+    image: {
+      borderRadius: theme.radius.md
+    }
+  };
+}
+/**
+ * Memoized markdown body. Re-renders only when the content string or theme
+ * styles change — mirroring the `memo(MessageResponse)` pattern that Vercel
+ * ai-elements uses around `Streamdown`
+ * (opensrc/.../vercel/ai-elements/packages/elements/src/message.tsx:326).
+ */
+const MemoMarkdown = /*#__PURE__*/memo(({
+  content,
+  styles,
+  onLinkPress
+}) => /*#__PURE__*/_jsx(Markdown, {
+  style: styles,
+  mergeStyle: true,
+  onLinkPress: onLinkPress,
+  children: content
+}), (prev, next) => prev.content === next.content && prev.styles === next.styles && prev.onLinkPress === next.onLinkPress);
+MemoMarkdown.displayName = 'MemoMarkdown';
+
+/**
+ * StreamingMarkdown — renders markdown content using react-native-markdown-display.
+ *
+ * Deliberately matches the simplicity of Vercel ai-elements'
+ * `MessageResponse` (a memoized wrapper around `Streamdown`): no custom
+ * fade animations, no block-level entrance effects, no opacity tricks,
+ * **no additional throttling**. Content re-renders as it grows and the
+ * visual "streaming" feel comes from the tokens arriving incrementally
+ * from the network.
+ *
+ * **Why no RAF throttling?** We used to throttle updates to ~60fps via
+ * `requestAnimationFrame` inside this component. That sounds good on
+ * paper but stacks badly with `useChat`'s own `experimental_throttle`:
+ * the two timers drift out of phase, and you end up seeing "first word,
+ * then the rest of the text all at once" on subsequent messages. Vercel
+ * ai-elements trusts `useChat` entirely and does the same — see
+ * `opensrc/.../vercel/ai-elements/packages/elements/src/message.tsx:326`.
+ * If you need to throttle the re-render rate, set
+ * `experimental_throttle: 25` (or whatever) on the `useChat` call. Don't
+ * layer a second throttler here.
+ *
+ * What IS preserved:
+ *  - `stabilizePartialMarkdown` — closes unclosed code fences mid-stream
+ *    so the parser doesn't swallow the rest of the message as code.
+ *    Pure correctness, not visual.
+ *  - `MemoMarkdown` — shallow-equal memoization so identical content
+ *    doesn't re-parse. Matches `memo(MessageResponse)` in ai-elements.
+ */
+export function StreamingMarkdown({
+  content,
+  isStreaming = false,
+  style
+}) {
+  const theme = useAIElementsTheme();
+  const markdownStyles = useMemo(() => createMarkdownStyles(theme), [theme]);
+  const handleLinkPress = useCallback(url => {
+    Linking.openURL(url).catch(() => {});
+    return false;
+  }, []);
+  const displayContent = useMemo(() => isStreaming ? stabilizePartialMarkdown(content) : content, [content, isStreaming]);
+  if (displayContent.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, style],
+    children: /*#__PURE__*/_jsx(MemoMarkdown, {
+      content: displayContent,
+      styles: markdownStyles,
+      onLinkPress: handleLinkPress
+    })
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    flexShrink: 1
+  }
+});
+//# sourceMappingURL=StreamingMarkdown.js.map

package/lib/module/streaming/StreamingMarkdown.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useMemo","Linking","StyleSheet","View","Markdown","useAIElementsTheme","jsx","_jsx","stabilizePartialMarkdown","content","fenceMatches","match","fenceCount","length","needsNewline","endsWith","createMarkdownStyles","theme","body","color","colors","foreground","fontSize","lineHeight","typography","normal","fontFamily","heading1","fontWeight","bold","tight","marginTop","spacing","lg","marginBottom","md","heading2","xl","sm","heading3","semibold","heading4","xs","strong","em","fontStyle","link","primary","textDecorationLine","code_inline","backgroundColor","muted","monoFontFamily","paddingHorizontal","paddingVertical","borderRadius","radius","code_block","dark","relaxed","padding","marginVertical","fence","blockquote","borderLeftColor","border","borderLeftWidth","bullet_list","ordered_list","list_item","flexDirection","bullet_list_icon","mutedForeground","marginRight","ordered_list_icon","table","borderWidth","hairlineWidth","borderColor","thead","th","borderRightWidth","tr","borderBottomWidth","td","hr","height","paragraph","image","MemoMarkdown","styles","onLinkPress","style","mergeStyle","children","prev","next","displayName","StreamingMarkdown","isStreaming","markdownStyles","handleLinkPress","url","openURL","catch","displayContent","container","create","flexShrink"],"sourceRoot":"../../../src","sources":["streaming/StreamingMarkdown.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/streaming/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { StreamingMarkdown } from './StreamingMarkdown';
+//# sourceMappingURL=index.js.map

package/lib/module/streaming/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StreamingMarkdown"],"sourceRoot":"../../../src","sources":["streaming/index.ts"],"mappings":";;AAAA,SAASA,iBAAiB,QAAQ,qBAAqB","ignoreList":[]}