@crafter/rn-ai-elements 0.0.1

package/lib/module/chatbot/Attachments.js

@@ -0,0 +1,312 @@
+"use strict";
+
+import React, { memo } from 'react';
+import { Image, Pressable, ScrollView, StyleSheet, Text, View } from 'react-native';
+import { File, ImageIcon } from 'lucide-react-native';
+import { useAIElementsTheme } from '../theme';
+
+// ---------------------------------------------------------------------------
+// Types
+// ---------------------------------------------------------------------------
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+
+function formatFileSize(bytes) {
+  if (bytes == null) return '';
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+function getImageSource(attachment) {
+  const source = attachment.uri ?? attachment.url;
+  return source ? {
+    uri: source
+  } : undefined;
+}
+
+// ---------------------------------------------------------------------------
+// Image thumbnail
+// ---------------------------------------------------------------------------
+
+function ImageThumbnail({
+  attachment,
+  size,
+  style
+}) {
+  const theme = useAIElementsTheme();
+  const source = getImageSource(attachment);
+  if (!source) {
+    return /*#__PURE__*/_jsx(View, {
+      style: [styles.imagePlaceholder, {
+        width: size,
+        height: size,
+        backgroundColor: theme.colors.muted,
+        borderRadius: theme.radius.md
+      }, style],
+      children: /*#__PURE__*/_jsx(ImageIcon, {
+        size: 24,
+        color: theme.colors.mutedForeground
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(Image, {
+    source: source,
+    style: [{
+      width: size,
+      height: size,
+      borderRadius: theme.radius.md
+    }, style],
+    resizeMode: "cover"
+  });
+}
+
+// ---------------------------------------------------------------------------
+// File row
+// ---------------------------------------------------------------------------
+
+function FileRow({
+  attachment
+}) {
+  const theme = useAIElementsTheme();
+  const nameStyle = {
+    color: theme.colors.foreground,
+    fontSize: theme.typography.fontSize.sm,
+    fontWeight: theme.typography.fontWeight.medium,
+    fontFamily: theme.typography.fontFamily
+  };
+  const metaStyle = {
+    color: theme.colors.mutedForeground,
+    fontSize: theme.typography.fontSize.xs,
+    fontFamily: theme.typography.fontFamily
+  };
+  return /*#__PURE__*/_jsxs(Pressable, {
+    style: ({
+      pressed
+    }) => [styles.fileRow, {
+      backgroundColor: pressed ? theme.colors.muted : theme.colors.card,
+      borderColor: theme.colors.border,
+      borderRadius: theme.radius.md,
+      padding: theme.spacing.md,
+      gap: theme.spacing.md
+    }],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.fileIcon, {
+        backgroundColor: theme.colors.muted,
+        borderRadius: theme.radius.sm
+      }],
+      children: /*#__PURE__*/_jsx(File, {
+        size: 18,
+        color: theme.colors.mutedForeground
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.fileInfo,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: nameStyle,
+        numberOfLines: 1,
+        children: attachment.name
+      }), (attachment.size != null || attachment.mimeType) && /*#__PURE__*/_jsx(Text, {
+        style: metaStyle,
+        numberOfLines: 1,
+        children: [attachment.mimeType, attachment.size != null ? formatFileSize(attachment.size) : null].filter(Boolean).join(' - ')
+      })]
+    })]
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Grid layout
+// ---------------------------------------------------------------------------
+
+function GridLayout({
+  attachments,
+  style
+}) {
+  const theme = useAIElementsTheme();
+  const images = attachments.filter(a => a.type === 'image');
+  const files = attachments.filter(a => a.type === 'file');
+  return /*#__PURE__*/_jsxs(View, {
+    style: style,
+    children: [images.length > 0 && /*#__PURE__*/_jsx(View, {
+      style: [styles.grid, {
+        gap: theme.spacing.sm
+      }],
+      children: images.map((attachment, index) => /*#__PURE__*/_jsx(ImageThumbnail, {
+        attachment: attachment,
+        size: 140,
+        style: styles.gridItem
+      }, `img-${index}`))
+    }), files.length > 0 && /*#__PURE__*/_jsx(View, {
+      style: [styles.fileList, {
+        gap: theme.spacing.sm,
+        marginTop: images.length > 0 ? theme.spacing.sm : 0
+      }],
+      children: files.map((attachment, index) => /*#__PURE__*/_jsx(FileRow, {
+        attachment: attachment
+      }, `file-${index}`))
+    })]
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Inline layout (horizontal scroll for images)
+// ---------------------------------------------------------------------------
+
+function InlineLayout({
+  attachments,
+  style
+}) {
+  const theme = useAIElementsTheme();
+  const images = attachments.filter(a => a.type === 'image');
+  const files = attachments.filter(a => a.type === 'file');
+  return /*#__PURE__*/_jsxs(View, {
+    style: style,
+    children: [images.length > 0 && /*#__PURE__*/_jsx(ScrollView, {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      contentContainerStyle: [styles.inlineContainer, {
+        gap: theme.spacing.sm
+      }],
+      children: images.map((attachment, index) => /*#__PURE__*/_jsx(ImageThumbnail, {
+        attachment: attachment,
+        size: 100
+      }, `img-${index}`))
+    }), files.length > 0 && /*#__PURE__*/_jsx(View, {
+      style: [styles.fileList, {
+        gap: theme.spacing.sm,
+        marginTop: images.length > 0 ? theme.spacing.sm : 0
+      }],
+      children: files.map((attachment, index) => /*#__PURE__*/_jsx(FileRow, {
+        attachment: attachment
+      }, `file-${index}`))
+    })]
+  });
+}
+
+// ---------------------------------------------------------------------------
+// List layout
+// ---------------------------------------------------------------------------
+
+function ListLayout({
+  attachments,
+  style
+}) {
+  const theme = useAIElementsTheme();
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.fileList, {
+      gap: theme.spacing.sm
+    }, style],
+    children: attachments.map((attachment, index) => {
+      if (attachment.type === 'image') {
+        return /*#__PURE__*/_jsxs(View, {
+          style: [styles.fileRow, {
+            backgroundColor: theme.colors.card,
+            borderColor: theme.colors.border,
+            borderRadius: theme.radius.md,
+            padding: theme.spacing.sm,
+            gap: theme.spacing.md
+          }],
+          children: [/*#__PURE__*/_jsx(ImageThumbnail, {
+            attachment: attachment,
+            size: 48
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.fileInfo,
+            children: /*#__PURE__*/_jsx(Text, {
+              numberOfLines: 1,
+              style: {
+                color: theme.colors.foreground,
+                fontSize: theme.typography.fontSize.sm,
+                fontWeight: theme.typography.fontWeight.medium,
+                fontFamily: theme.typography.fontFamily
+              },
+              children: attachment.name
+            })
+          })]
+        }, `img-${index}`);
+      }
+      return /*#__PURE__*/_jsx(FileRow, {
+        attachment: attachment
+      }, `file-${index}`);
+    })
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+
+function AttachmentsComponent({
+  attachments,
+  variant = 'inline',
+  style
+}) {
+  if (attachments.length === 0) {
+    return null;
+  }
+  switch (variant) {
+    case 'grid':
+      return /*#__PURE__*/_jsx(GridLayout, {
+        attachments: attachments,
+        style: style
+      });
+    case 'inline':
+      return /*#__PURE__*/_jsx(InlineLayout, {
+        attachments: attachments,
+        style: style
+      });
+    case 'list':
+      return /*#__PURE__*/_jsx(ListLayout, {
+        attachments: attachments,
+        style: style
+      });
+  }
+}
+
+// ---------------------------------------------------------------------------
+// Styles
+// ---------------------------------------------------------------------------
+
+const styles = StyleSheet.create({
+  grid: {
+    flexDirection: 'row',
+    flexWrap: 'wrap'
+  },
+  gridItem: {
+    flexBasis: '48%',
+    flexGrow: 1
+  },
+  inlineContainer: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  fileList: {
+    flexDirection: 'column'
+  },
+  fileRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderWidth: StyleSheet.hairlineWidth
+  },
+  fileIcon: {
+    width: 36,
+    height: 36,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  fileInfo: {
+    flex: 1,
+    gap: 2
+  },
+  imagePlaceholder: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+
+// ---------------------------------------------------------------------------
+// Export
+// ---------------------------------------------------------------------------
+
+export const Attachments = /*#__PURE__*/memo(AttachmentsComponent);
+//# sourceMappingURL=Attachments.js.map

package/lib/module/chatbot/Attachments.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","Image","Pressable","ScrollView","StyleSheet","Text","View","File","ImageIcon","useAIElementsTheme","jsx","_jsx","jsxs","_jsxs","formatFileSize","bytes","toFixed","getImageSource","attachment","source","uri","url","undefined","ImageThumbnail","size","style","theme","styles","imagePlaceholder","width","height","backgroundColor","colors","muted","borderRadius","radius","md","children","color","mutedForeground","resizeMode","FileRow","nameStyle","foreground","fontSize","typography","sm","fontWeight","medium","fontFamily","metaStyle","xs","pressed","fileRow","card","borderColor","border","padding","spacing","gap","fileIcon","fileInfo","numberOfLines","name","mimeType","filter","Boolean","join","GridLayout","attachments","images","a","type","files","length","grid","map","index","gridItem","fileList","marginTop","InlineLayout","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","inlineContainer","ListLayout","AttachmentsComponent","variant","create","flexDirection","flexWrap","flexBasis","flexGrow","alignItems","borderWidth","hairlineWidth","justifyContent","flex","Attachments"],"sourceRoot":"../../../src","sources":["chatbot/Attachments.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/chatbot/ChatErrorBoundary.js

@@ -0,0 +1,196 @@
+"use strict";
+
+import React, { Component } from 'react';
+import { Pressable, StyleSheet, Text, View } from 'react-native';
+import { RotateCcw } from 'lucide-react-native';
+import { useAIElementsTheme } from '../theme';
+
+// ---------------------------------------------------------------------------
+// Types
+// ---------------------------------------------------------------------------
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// ---------------------------------------------------------------------------
+// Helpers
+// ---------------------------------------------------------------------------
+
+function arraysShallowEqual(a, b) {
+  if (a === b) return true;
+  if (!a || !b) return false;
+  if (a.length !== b.length) return false;
+  for (let i = 0; i < a.length; i += 1) {
+    if (a[i] !== b[i]) return false;
+  }
+  return true;
+}
+
+// ---------------------------------------------------------------------------
+// Error boundary
+// ---------------------------------------------------------------------------
+
+/**
+ * Class-component boundary that wraps individual chat messages. If a single
+ * message's render throws (e.g. malformed markdown, a tool call with bad
+ * JSON), only that bubble shows a fallback — the rest of the conversation
+ * keeps working.
+ *
+ * React doesn't expose hooks for error boundaries, so this **must** stay a
+ * class component. The themed fallback is delegated to a sibling functional
+ * component so it can read the theme via hooks.
+ *
+ * @example
+ * ```tsx
+ * <ChatErrorBoundary resetKeys={[message.id]}>
+ *   <MessageRenderer message={message} />
+ * </ChatErrorBoundary>
+ * ```
+ */
+export class ChatErrorBoundary extends Component {
+  static displayName = 'ChatErrorBoundary';
+  state = {
+    error: null
+  };
+  static getDerivedStateFromError(error) {
+    return {
+      error
+    };
+  }
+  componentDidCatch(error, errorInfo) {
+    this.props.onError?.(error, errorInfo);
+    if (__DEV__) {
+      // Format following Expo's what / why / how convention so the warning
+      // tells you exactly what to fix instead of just dumping a stack.
+      console.warn('[chat-components] A message render threw inside <ChatErrorBoundary>.\n' + `  what: ${error.message || 'unknown render error'}\n` + '  why:  React unmounted that subtree to prevent a crash.\n' + '  how:  inspect the message payload (markdown / tool args / sources)\n' + '        below for invalid input. The user can also tap "Retry" to remount.');
+      console.error('[chat-components]', error, errorInfo.componentStack);
+    }
+  }
+  componentDidUpdate(prev) {
+    // Auto-reset if any reset key changed since the last render. This lets
+    // callers say "the message id changed, so any error from the previous
+    // message no longer applies".
+    if (this.state.error && !arraysShallowEqual(prev.resetKeys, this.props.resetKeys)) {
+      this.reset();
+    }
+  }
+  reset = () => {
+    this.setState({
+      error: null
+    });
+  };
+  render() {
+    const {
+      error
+    } = this.state;
+    if (error) {
+      if (this.props.fallback) {
+        return this.props.fallback(error, this.reset);
+      }
+      return /*#__PURE__*/_jsx(DefaultFallback, {
+        error: error,
+        onReset: this.reset
+      });
+    }
+    return this.props.children;
+  }
+}
+
+// ---------------------------------------------------------------------------
+// Default themed fallback
+// ---------------------------------------------------------------------------
+
+function DefaultFallback({
+  error,
+  onReset
+}) {
+  const theme = useAIElementsTheme();
+  const styles = getStyles(theme);
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.wrapper,
+    accessible: true,
+    accessibilityRole: "alert",
+    accessibilityLabel: "Message failed to render",
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.bubble,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.title,
+        children: "Couldn't render this message"
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.message,
+        numberOfLines: 2,
+        children: error.message || 'Unknown render error.'
+      }), /*#__PURE__*/_jsxs(Pressable, {
+        onPress: onReset,
+        accessibilityRole: "button",
+        accessibilityLabel: "Retry rendering this message",
+        hitSlop: 8,
+        style: ({
+          pressed
+        }) => [styles.retryButton, pressed && styles.retryButtonPressed],
+        children: [/*#__PURE__*/_jsx(RotateCcw, {
+          size: 12,
+          color: theme.colors.foreground
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.retryText,
+          children: "Retry"
+        })]
+      })]
+    })
+  });
+}
+DefaultFallback.displayName = 'ChatErrorBoundary.DefaultFallback';
+
+// ---------------------------------------------------------------------------
+// Styles
+// ---------------------------------------------------------------------------
+
+function getStyles(theme) {
+  return StyleSheet.create({
+    wrapper: {
+      alignItems: 'flex-start',
+      paddingHorizontal: theme.spacing.lg,
+      marginBottom: theme.spacing.md
+    },
+    bubble: {
+      backgroundColor: theme.colors.muted,
+      borderColor: theme.colors.border,
+      borderWidth: StyleSheet.hairlineWidth,
+      borderRadius: theme.radius.md,
+      paddingHorizontal: theme.spacing.md,
+      paddingVertical: theme.spacing.sm,
+      maxWidth: '88%'
+    },
+    title: {
+      color: theme.colors.foreground,
+      fontFamily: theme.typography.fontFamily,
+      fontSize: theme.typography.fontSize.sm,
+      fontWeight: theme.typography.fontWeight.semibold,
+      marginBottom: 2
+    },
+    message: {
+      color: theme.colors.mutedForeground,
+      fontFamily: theme.typography.fontFamily,
+      fontSize: theme.typography.fontSize.sm,
+      lineHeight: theme.typography.fontSize.sm * theme.typography.lineHeight.normal,
+      marginBottom: theme.spacing.sm
+    },
+    retryButton: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 6,
+      alignSelf: 'flex-start',
+      paddingHorizontal: theme.spacing.sm,
+      paddingVertical: 4,
+      borderRadius: theme.radius.sm,
+      backgroundColor: theme.colors.secondary
+    },
+    retryButtonPressed: {
+      opacity: 0.7
+    },
+    retryText: {
+      color: theme.colors.foreground,
+      fontFamily: theme.typography.fontFamily,
+      fontSize: theme.typography.fontSize.sm,
+      fontWeight: theme.typography.fontWeight.medium
+    }
+  });
+}
+//# sourceMappingURL=ChatErrorBoundary.js.map

package/lib/module/chatbot/ChatErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","Pressable","StyleSheet","Text","View","RotateCcw","useAIElementsTheme","jsx","_jsx","jsxs","_jsxs","arraysShallowEqual","a","b","length","i","ChatErrorBoundary","displayName","state","error","getDerivedStateFromError","componentDidCatch","errorInfo","props","onError","__DEV__","console","warn","message","componentStack","componentDidUpdate","prev","resetKeys","reset","setState","render","fallback","DefaultFallback","onReset","children","theme","styles","getStyles","style","wrapper","accessible","accessibilityRole","accessibilityLabel","bubble","title","numberOfLines","onPress","hitSlop","pressed","retryButton","retryButtonPressed","size","color","colors","foreground","retryText","create","alignItems","paddingHorizontal","spacing","lg","marginBottom","md","backgroundColor","muted","borderColor","border","borderWidth","hairlineWidth","borderRadius","radius","paddingVertical","sm","maxWidth","fontFamily","typography","fontSize","fontWeight","semibold","mutedForeground","lineHeight","normal","flexDirection","gap","alignSelf","secondary","opacity","medium"],"sourceRoot":"../../../src","sources":["chatbot/ChatErrorBoundary.tsx"],"mappings":"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","ignoreList":[]}