@volkansuner/aichat-react-native 0.1.0

package/dist/components/MarkdownText.js

@@ -0,0 +1,263 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MarkdownText = MarkdownText;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+/**
+ * Enhanced Markdown Renderer
+ * Supports: headings (###), **bold**, *italic*, `code`, ```code blocks```, links, bullet lists, numbered lists
+ */
+function MarkdownText({ children, style, theme, isUserMessage }) {
+    // Extract base styles (without fontWeight/fontStyle that might interfere with markdown)
+    const baseTextStyle = {
+        color: style.color,
+        fontSize: style.fontSize,
+        lineHeight: style.lineHeight,
+    };
+    // Process line by line for block elements
+    const processLine = (line, lineIndex) => {
+        // Check for headings (### Heading)
+        const headingMatch = line.match(/^(#{1,6})\s+(.+)$/);
+        if (headingMatch) {
+            const level = headingMatch[1].length;
+            const headingText = headingMatch[2];
+            const headingSize = style.fontSize + (6 - level) * 2;
+            return (<react_native_1.Text key={`heading-${lineIndex}`} style={[
+                    baseTextStyle,
+                    {
+                        fontSize: headingSize,
+                        fontWeight: '700',
+                        marginTop: theme.spacing.sm,
+                        marginBottom: theme.spacing.xs,
+                    },
+                ]}>
+          {parseInlineMarkdown(headingText)}
+        </react_native_1.Text>);
+        }
+        // Check for bullet lists (- item or * item)
+        const bulletMatch = line.match(/^[\-\*]\s+(.+)$/);
+        if (bulletMatch) {
+            return (<react_native_1.View key={`bullet-${lineIndex}`} style={{
+                    flexDirection: 'row',
+                    marginBottom: theme.spacing.xs / 2,
+                    paddingLeft: theme.spacing.md,
+                }}>
+          <react_native_1.Text style={[baseTextStyle, { marginRight: theme.spacing.xs }]}>•</react_native_1.Text>
+          <react_native_1.Text style={[baseTextStyle, { flex: 1 }]}>
+            {parseInlineMarkdown(bulletMatch[1])}
+          </react_native_1.Text>
+        </react_native_1.View>);
+        }
+        // Check for numbered lists (1. item)
+        const numberedMatch = line.match(/^(\d+)\.\s+(.+)$/);
+        if (numberedMatch) {
+            return (<react_native_1.View key={`numbered-${lineIndex}`} style={{
+                    flexDirection: 'row',
+                    marginBottom: theme.spacing.xs / 2,
+                    paddingLeft: theme.spacing.md,
+                }}>
+          <react_native_1.Text style={[baseTextStyle, { marginRight: theme.spacing.xs }]}>
+            {numberedMatch[1]}.
+          </react_native_1.Text>
+          <react_native_1.Text style={[baseTextStyle, { flex: 1 }]}>
+            {parseInlineMarkdown(numberedMatch[2])}
+          </react_native_1.Text>
+        </react_native_1.View>);
+        }
+        // Check for code blocks (```code```)
+        if (line.startsWith('```')) {
+            return null; // Handle code blocks separately
+        }
+        // Regular paragraph
+        return (<react_native_1.Text key={`line-${lineIndex}`} style={baseTextStyle}>
+        {parseInlineMarkdown(line)}
+      </react_native_1.Text>);
+    };
+    const parseInlineMarkdown = (text) => {
+        const elements = [];
+        let currentIndex = 0;
+        let key = 0;
+        // Regex patterns for inline formatting
+        // Process in order: bold first, then italic (to avoid conflicts)
+        const patterns = {
+            bold: /\*\*(.+?)\*\*/g,
+            italic: /(?<!\*)\*(?!\*)(.+?)(?<!\*)\*(?!\*)/g, // Negative lookahead/behind to avoid **
+            code: /`(.+?)`/g,
+            link: /\[(.+?)\]\((.+?)\)/g,
+        };
+        // Find all matches
+        const allMatches = [];
+        // Bold - process first
+        let boldMatch;
+        while ((boldMatch = patterns.bold.exec(text)) !== null) {
+            allMatches.push({
+                index: boldMatch.index,
+                length: boldMatch[0].length,
+                type: 'bold',
+                content: boldMatch[1],
+            });
+        }
+        // Italic - check if not overlapping with bold
+        const italicPattern = /\*(.+?)\*/g;
+        let italicMatch;
+        while ((italicMatch = italicPattern.exec(text)) !== null) {
+            // Check if this position is inside a bold match
+            const isInsideBold = allMatches.some((m) => m.type === 'bold' && italicMatch.index >= m.index && italicMatch.index < m.index + m.length);
+            // Also check if preceded or followed by another asterisk (bold marker)
+            const prevChar = text[italicMatch.index - 1];
+            const nextChar = text[italicMatch.index + italicMatch[0].length];
+            const isBoldMarker = prevChar === '*' || nextChar === '*';
+            if (!isInsideBold && !isBoldMarker) {
+                allMatches.push({
+                    index: italicMatch.index,
+                    length: italicMatch[0].length,
+                    type: 'italic',
+                    content: italicMatch[1],
+                });
+            }
+        }
+        // Code
+        patterns.code.lastIndex = 0;
+        let codeMatch;
+        while ((codeMatch = patterns.code.exec(text)) !== null) {
+            allMatches.push({
+                index: codeMatch.index,
+                length: codeMatch[0].length,
+                type: 'code',
+                content: codeMatch[1],
+            });
+        }
+        // Links
+        patterns.link.lastIndex = 0;
+        let linkMatch;
+        while ((linkMatch = patterns.link.exec(text)) !== null) {
+            allMatches.push({
+                index: linkMatch.index,
+                length: linkMatch[0].length,
+                type: 'link',
+                content: linkMatch[1],
+                url: linkMatch[2],
+            });
+        }
+        // Sort by index
+        allMatches.sort((a, b) => a.index - b.index);
+        // Build elements
+        allMatches.forEach((item) => {
+            // Add text before match
+            if (currentIndex < item.index) {
+                const plainText = text.substring(currentIndex, item.index);
+                elements.push(<react_native_1.Text key={`text-${key++}`} style={baseTextStyle}>
+            {plainText}
+          </react_native_1.Text>);
+            }
+            // Add formatted text
+            switch (item.type) {
+                case 'bold':
+                    elements.push(<react_native_1.Text key={`bold-${key++}`} style={[baseTextStyle, { fontWeight: 'bold' }]}>
+              {item.content}
+            </react_native_1.Text>);
+                    break;
+                case 'italic':
+                    elements.push(<react_native_1.Text key={`italic-${key++}`} style={[baseTextStyle, { fontStyle: 'italic' }]}>
+              {item.content}
+            </react_native_1.Text>);
+                    break;
+                case 'code':
+                    elements.push(<react_native_1.Text key={`code-${key++}`} style={[
+                            baseTextStyle,
+                            {
+                                backgroundColor: isUserMessage
+                                    ? 'rgba(255,255,255,0.2)'
+                                    : theme.colors.surface,
+                                paddingHorizontal: theme.spacing.xs,
+                                paddingVertical: 2,
+                                borderRadius: theme.borderRadius.sm,
+                                fontFamily: 'Courier',
+                            },
+                        ]}>
+              {item.content}
+            </react_native_1.Text>);
+                    break;
+                case 'link':
+                    elements.push(<react_native_1.Text key={`link-${key++}`} style={[
+                            baseTextStyle,
+                            {
+                                color: isUserMessage ? baseTextStyle.color : theme.colors.primary,
+                                textDecorationLine: 'underline',
+                            },
+                        ]}>
+              {item.content}
+            </react_native_1.Text>);
+                    break;
+            }
+            currentIndex = item.index + item.length;
+        });
+        // Add remaining text
+        if (currentIndex < text.length) {
+            const remainingText = text.substring(currentIndex);
+            elements.push(<react_native_1.Text key={`text-${key++}`} style={baseTextStyle}>
+          {remainingText}
+        </react_native_1.Text>);
+        }
+        return elements.length > 0 ? elements : <react_native_1.Text style={baseTextStyle}>{text}</react_native_1.Text>;
+    };
+    // Split into lines and process
+    const lines = children.split('\n');
+    const processedLines = [];
+    let codeBlockLines = [];
+    let inCodeBlock = false;
+    let codeBlockKey = 0;
+    lines.forEach((line, index) => {
+        // Handle code blocks
+        if (line.trim().startsWith('```')) {
+            if (!inCodeBlock) {
+                // Start code block
+                inCodeBlock = true;
+                codeBlockLines = [];
+            }
+            else {
+                // End code block
+                inCodeBlock = false;
+                if (codeBlockLines.length > 0) {
+                    processedLines.push(<react_native_1.View key={`codeblock-${codeBlockKey++}`} style={{
+                            backgroundColor: isUserMessage
+                                ? 'rgba(255,255,255,0.2)'
+                                : theme.colors.surface,
+                            padding: theme.spacing.sm,
+                            borderRadius: theme.borderRadius.sm,
+                            marginVertical: theme.spacing.xs,
+                        }}>
+              <react_native_1.Text style={[
+                            baseTextStyle,
+                            {
+                                fontFamily: 'Courier',
+                                fontSize: theme.typography.fontSize.sm,
+                            },
+                        ]}>
+                {codeBlockLines.join('\n')}
+              </react_native_1.Text>
+            </react_native_1.View>);
+                }
+            }
+            return;
+        }
+        if (inCodeBlock) {
+            codeBlockLines.push(line);
+            return;
+        }
+        // Process regular line
+        const processed = processLine(line, index);
+        if (processed) {
+            processedLines.push(processed);
+        }
+        // Add spacing between lines
+        if (index < lines.length - 1 && line.trim() !== '') {
+            processedLines.push(<react_native_1.View key={`spacing-${index}`} style={{ height: theme.spacing.xs / 2 }}/>);
+        }
+    });
+    return <react_native_1.View>{processedLines}</react_native_1.View>;
+}
+//# sourceMappingURL=MarkdownText.js.map

package/dist/components/MarkdownText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownText.js","sourceRoot":"","sources":["../../src/components/MarkdownText.tsx"],"names":[],"mappings":"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"}

package/dist/components/MessageBubble.d.ts

@@ -0,0 +1,101 @@
+import React from 'react';
+import { Theme } from '../themes/types';
+import { ComponentRegistry } from '../types/components';
+export interface MessageBubbleProps {
+    /**
+     * Message content
+     */
+    message: string;
+    /**
+     * Message role - user or AI assistant
+     */
+    role: 'user' | 'assistant';
+    /**
+     * Message timestamp
+     */
+    timestamp: Date;
+    /**
+     * Theme configuration
+     */
+    theme: Theme;
+    /**
+     * Optional metadata to display
+     */
+    metadata?: {
+        handledBy?: 'local' | 'backend';
+        confidence?: number;
+        tokensUsed?: number;
+        apiActionResult?: any;
+    };
+    /**
+     * Show timestamp below message
+     */
+    showTimestamp?: boolean;
+    /**
+     * Show metadata badge
+     */
+    showMetadata?: boolean;
+    /**
+     * Action buttons to display below message
+     */
+    actions?: Array<{
+        id: string;
+        type: 'navigation' | 'api' | 'custom';
+        label: string;
+        icon?: string;
+        data?: any;
+        style?: 'primary' | 'secondary' | 'success' | 'danger' | 'warning';
+    }>;
+    /**
+     * Callback when action button is pressed
+     */
+    onActionPress?: (action: any) => void;
+    /**
+     * 🆕 Component registry for rendering tool responses
+     */
+    componentRegistry?: ComponentRegistry;
+    /**
+     * 🆕 Tool definition (if this message contains tool result)
+     */
+    toolDefinition?: {
+        key: string;
+        description: string;
+        response: {
+            type: 'list' | 'card' | 'detail' | 'table';
+            dataPath?: string;
+            itemComponent?: string;
+            maxItems?: number;
+            fallbackMessage?: string;
+            layout?: 'vertical' | 'horizontal' | 'custom';
+            position?: 'before' | 'after';
+        };
+    };
+    /**
+     * 🆕 Tool result data (if this message contains tool result)
+     */
+    toolResultData?: any;
+}
+/**
+ * MessageBubble Component
+ *
+ * Displays a chat message bubble with support for:
+ * - User and AI messages with different styles
+ * - Timestamps
+ * - Metadata badges (handled by, confidence, tokens)
+ * - Theming support
+ *
+ * @example
+ * ```tsx
+ * <MessageBubble
+ *   message="Hello, how can I help?"
+ *   role="assistant"
+ *   timestamp={new Date()}
+ *   theme={lightTheme}
+ *   showTimestamp
+ *   showMetadata
+ *   metadata={{ handledBy: 'local', confidence: 0.95 }}
+ * />
+ * ```
+ */
+export declare function MessageBubble({ message, role, timestamp, theme, metadata, showTimestamp, showMetadata, actions, onActionPress, componentRegistry, toolDefinition, toolResultData, }: MessageBubbleProps): React.JSX.Element;
+//# sourceMappingURL=MessageBubble.d.ts.map

package/dist/components/MessageBubble.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageBubble.d.ts","sourceRoot":"","sources":["../../src/components/MessageBubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAIxD,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAE3B;;OAEG;IACH,SAAS,EAAE,IAAI,CAAC;IAEhB;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC;IAEb;;OAEG;IACH,QAAQ,CAAC,EAAE;QACT,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;QAChC,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,eAAe,CAAC,EAAE,GAAG,CAAC;KACvB,CAAC;IAEF;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC;QACd,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,YAAY,GAAG,KAAK,GAAG,QAAQ,CAAC;QACtC,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,GAAG,CAAC;QACX,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;KACpE,CAAC,CAAC;IAEH;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAEtC;;OAEG;IACH,cAAc,CAAC,EAAE;QACf,GAAG,EAAE,MAAM,CAAC;QACZ,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,EAAE;YACR,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;YAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,aAAa,CAAC,EAAE,MAAM,CAAC;YACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,eAAe,CAAC,EAAE,MAAM,CAAC;YACzB,MAAM,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,QAAQ,CAAC;YAC9C,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;SAC/B,CAAC;KACH,CAAC;IAEF;;OAEG;IACH,cAAc,CAAC,EAAE,GAAG,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,IAAI,EACJ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,aAAoB,EACpB,YAAoB,EACpB,OAAO,EACP,aAAa,EACb,iBAAiB,EACjB,cAAc,EACd,cAAc,GACf,EAAE,kBAAkB,qBAwgBpB"}