@colletdev/react 0.2.0 → 0.2.2

package/dist/generated/message-part.d.ts

@@ -1,11 +1,47 @@
 import type React from 'react';
 export interface MessagePartProps {
+    id?: string;
+    /** Content kind. Determines how the part renders. */
+    kind?: 'text' | 'tool-call' | 'tool-result' | 'thinking' | 'code-block' | 'error';
+    /** Connection to adjacent parts (for connected card groups). */
+    connection?: 'standalone' | 'first' | 'middle' | 'last';
+    /** Component size. */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Plain text content. */
+    content?: string;
+    /** Pre-rendered HTML content. */
+    htmlContent?: string;
+    /** Tool/function name (for tool-call and tool-result kinds). */
+    toolName?: string;
+    /** Tool arguments text (for tool-call kind). */
+    toolArguments?: string;
+    /** Tool execution status. */
+    toolStatus?: 'pending' | 'success' | 'error';
+    /** Tool action kind (determines icon). */
+    toolAction?: 'generic' | 'read' | 'write' | 'edit' | 'delete' | 'search';
+    /** Human-readable description. */
+    description?: string;
+    /** Whether tool result is collapsible. */
+    collapsible?: boolean;
+    /** Whether the thinking indicator is completed. */
+    completed?: boolean;
+    /** Border treatment. */
+    border?: 'auto' | 'none' | 'subtle';
+    /** Thinking label text. */
+    thinkingLabel?: string;
+    /** Code language hint (for code-block kind). */
+    language?: string;
+    /** Filename for code block title bar. */
+    filename?: string;
+    /** Enable markdown rendering for text content. */
+    markdown?: boolean;
     /** Enable streaming mode. Pauses WASM rendering. */
     stream?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
     /** Fired when streaming ends (after sanitization pass). */
     onStreamEnd?: (e: CustomEvent) => void;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
 }
 export interface MessagePartRef {
     /** The underlying DOM element. */

package/dist/generated/message-part.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useImperativeHandle, useRef } from 'react';
+import { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
 export const MessagePart = forwardRef((props, forwardedRef) => {
     const ref = useRef(null);
     useImperativeHandle(forwardedRef, () => ({
@@ -20,17 +20,55 @@ export const MessagePart = forwardRef((props, forwardedRef) => {
                 await el.endStream();
         },
     }));
-    // Build attribute object
+    // Event listener for stream end
+    useEffect(() => {
+        const el = ref.current;
+        if (!el || !props.onStreamEnd)
+            return;
+        const handler = props.onStreamEnd;
+        el.addEventListener('cx-stream-end', handler);
+        return () => el.removeEventListener('cx-stream-end', handler);
+    }, [props.onStreamEnd]);
+    // Build attribute object — maps React props to kebab-case HTML attributes
     const attrs = {};
+    if (props.id != null)
+        attrs['id'] = props.id;
+    if (props.kind != null)
+        attrs['kind'] = props.kind;
+    if (props.connection != null)
+        attrs['connection'] = props.connection;
+    if (props.size != null)
+        attrs['size'] = props.size;
+    if (props.content != null)
+        attrs['content'] = props.content;
+    if (props.htmlContent != null)
+        attrs['html-content'] = props.htmlContent;
+    if (props.toolName != null)
+        attrs['tool-name'] = props.toolName;
+    if (props.toolArguments != null)
+        attrs['tool-arguments'] = props.toolArguments;
+    if (props.toolStatus != null)
+        attrs['tool-status'] = props.toolStatus;
+    if (props.toolAction != null)
+        attrs['tool-action'] = props.toolAction;
+    if (props.description != null)
+        attrs['description'] = props.description;
+    if (props.collapsible)
+        attrs['collapsible'] = '';
+    if (props.completed)
+        attrs['completed'] = '';
+    if (props.border != null)
+        attrs['border'] = props.border;
+    if (props.thinkingLabel != null)
+        attrs['thinking-label'] = props.thinkingLabel;
+    if (props.language != null)
+        attrs['language'] = props.language;
+    if (props.filename != null)
+        attrs['filename'] = props.filename;
+    if (props.markdown)
+        attrs['markdown'] = '';
     if (props.stream)
-        attrs.stream = '';
-    // Event listener setup
-    const handleRef = (el) => {
-        ref.current = el;
-        if (el && props.onStreamEnd) {
-            el.addEventListener('cx-stream-end', props.onStreamEnd);
-        }
-    };
-    return (_jsx("cx-message-part", { ref: handleRef, ...attrs, className: props.className, style: props.style }));
+        attrs['stream'] = '';
+    return (_jsx("cx-message-part", { ref: ref, ...attrs, className: props.className, style: props.style, children: props.children }));
 });
 MessagePart.displayName = 'MessagePart';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colletdev/react",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "React wrappers for Collet Rust/WASM UI components",
   "type": "module",
   "main": "dist/generated/index.js",