@btst/stack 1.3.0 → 1.4.0

package/dist/shared/stack.DorMi9CZ.d.cts

@@ -0,0 +1,80 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { UIMessage } from 'ai';
+import { FormEvent } from 'react';
+
+interface ChatInterfaceProps {
+    apiPath?: string;
+    initialMessages?: UIMessage[];
+    id?: string;
+    /** Variant: 'full' for full-page layout, 'widget' for embedded widget */
+    variant?: "full" | "widget";
+    className?: string;
+}
+declare function ChatInterface({ apiPath, initialMessages, id, variant, className, }: ChatInterfaceProps): react_jsx_runtime.JSX.Element;
+
+interface ChatLayoutProps {
+    /** API base URL */
+    apiBaseURL: string;
+    /** API base path */
+    apiBasePath: string;
+    /** Current conversation ID (if viewing existing conversation) */
+    conversationId?: string;
+    /** Layout mode: 'full' for full page with sidebar, 'widget' for embeddable widget */
+    layout?: "full" | "widget";
+    /** Additional class name for the container */
+    className?: string;
+    /** Whether to show the sidebar (default: true for full layout) */
+    showSidebar?: boolean;
+    /** Height of the widget (only applies to widget layout) */
+    widgetHeight?: string | number;
+}
+/**
+ * ChatLayout component that provides a full-page chat experience with sidebar
+ * or a compact widget mode for embedding.
+ */
+declare function ChatLayout({ apiBaseURL, apiBasePath, conversationId, layout, className, showSidebar, widgetHeight, }: ChatLayoutProps): react_jsx_runtime.JSX.Element;
+
+interface ChatSidebarProps {
+    currentConversationId?: string;
+    onNewChat?: () => void;
+    className?: string;
+}
+declare function ChatSidebar({ currentConversationId, onNewChat, className, }: ChatSidebarProps): react_jsx_runtime.JSX.Element;
+
+interface ChatMessageProps {
+    message: UIMessage;
+    isStreaming?: boolean;
+    variant?: "default" | "compact";
+    /** Callback when user wants to retry/regenerate an AI response */
+    onRetry?: () => void;
+    /** Callback when user edits their message - receives the new text */
+    onEdit?: (newText: string) => void;
+    /** Whether retry is currently in progress */
+    isRetrying?: boolean;
+}
+declare function ChatMessage({ message, isStreaming, variant, onRetry, onEdit, isRetrying, }: ChatMessageProps): react_jsx_runtime.JSX.Element;
+
+/** Represents an attached file with metadata */
+interface AttachedFile {
+    /** Data URL or uploaded URL */
+    url: string;
+    /** MIME type of the file */
+    mediaType: string;
+    /** Original filename */
+    filename: string;
+}
+interface ChatInputProps {
+    input?: string;
+    handleInputChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    handleSubmit: (e: FormEvent<HTMLFormElement>, files?: AttachedFile[]) => void;
+    isLoading: boolean;
+    placeholder?: string;
+    variant?: "default" | "compact";
+    /** Callback when files are attached (for controlled mode) */
+    onFilesAttached?: (files: AttachedFile[]) => void;
+    /** Attached files (for controlled mode) */
+    attachedFiles?: AttachedFile[];
+}
+declare function ChatInput({ input, handleInputChange, handleSubmit, isLoading, placeholder, variant, onFilesAttached, attachedFiles: controlledFiles, }: ChatInputProps): react_jsx_runtime.JSX.Element;
+
+export { ChatInterface as C, ChatLayout as a, ChatSidebar as b, ChatMessage as c, ChatInput as d };

package/dist/shared/stack.DorMi9CZ.d.mts

@@ -0,0 +1,80 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { UIMessage } from 'ai';
+import { FormEvent } from 'react';
+
+interface ChatInterfaceProps {
+    apiPath?: string;
+    initialMessages?: UIMessage[];
+    id?: string;
+    /** Variant: 'full' for full-page layout, 'widget' for embedded widget */
+    variant?: "full" | "widget";
+    className?: string;
+}
+declare function ChatInterface({ apiPath, initialMessages, id, variant, className, }: ChatInterfaceProps): react_jsx_runtime.JSX.Element;
+
+interface ChatLayoutProps {
+    /** API base URL */
+    apiBaseURL: string;
+    /** API base path */
+    apiBasePath: string;
+    /** Current conversation ID (if viewing existing conversation) */
+    conversationId?: string;
+    /** Layout mode: 'full' for full page with sidebar, 'widget' for embeddable widget */
+    layout?: "full" | "widget";
+    /** Additional class name for the container */
+    className?: string;
+    /** Whether to show the sidebar (default: true for full layout) */
+    showSidebar?: boolean;
+    /** Height of the widget (only applies to widget layout) */
+    widgetHeight?: string | number;
+}
+/**
+ * ChatLayout component that provides a full-page chat experience with sidebar
+ * or a compact widget mode for embedding.
+ */
+declare function ChatLayout({ apiBaseURL, apiBasePath, conversationId, layout, className, showSidebar, widgetHeight, }: ChatLayoutProps): react_jsx_runtime.JSX.Element;
+
+interface ChatSidebarProps {
+    currentConversationId?: string;
+    onNewChat?: () => void;
+    className?: string;
+}
+declare function ChatSidebar({ currentConversationId, onNewChat, className, }: ChatSidebarProps): react_jsx_runtime.JSX.Element;
+
+interface ChatMessageProps {
+    message: UIMessage;
+    isStreaming?: boolean;
+    variant?: "default" | "compact";
+    /** Callback when user wants to retry/regenerate an AI response */
+    onRetry?: () => void;
+    /** Callback when user edits their message - receives the new text */
+    onEdit?: (newText: string) => void;
+    /** Whether retry is currently in progress */
+    isRetrying?: boolean;
+}
+declare function ChatMessage({ message, isStreaming, variant, onRetry, onEdit, isRetrying, }: ChatMessageProps): react_jsx_runtime.JSX.Element;
+
+/** Represents an attached file with metadata */
+interface AttachedFile {
+    /** Data URL or uploaded URL */
+    url: string;
+    /** MIME type of the file */
+    mediaType: string;
+    /** Original filename */
+    filename: string;
+}
+interface ChatInputProps {
+    input?: string;
+    handleInputChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    handleSubmit: (e: FormEvent<HTMLFormElement>, files?: AttachedFile[]) => void;
+    isLoading: boolean;
+    placeholder?: string;
+    variant?: "default" | "compact";
+    /** Callback when files are attached (for controlled mode) */
+    onFilesAttached?: (files: AttachedFile[]) => void;
+    /** Attached files (for controlled mode) */
+    attachedFiles?: AttachedFile[];
+}
+declare function ChatInput({ input, handleInputChange, handleSubmit, isLoading, placeholder, variant, onFilesAttached, attachedFiles: controlledFiles, }: ChatInputProps): react_jsx_runtime.JSX.Element;
+
+export { ChatInterface as C, ChatLayout as a, ChatSidebar as b, ChatMessage as c, ChatInput as d };

package/dist/shared/stack.DorMi9CZ.d.ts

@@ -0,0 +1,80 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { UIMessage } from 'ai';
+import { FormEvent } from 'react';
+
+interface ChatInterfaceProps {
+    apiPath?: string;
+    initialMessages?: UIMessage[];
+    id?: string;
+    /** Variant: 'full' for full-page layout, 'widget' for embedded widget */
+    variant?: "full" | "widget";
+    className?: string;
+}
+declare function ChatInterface({ apiPath, initialMessages, id, variant, className, }: ChatInterfaceProps): react_jsx_runtime.JSX.Element;
+
+interface ChatLayoutProps {
+    /** API base URL */
+    apiBaseURL: string;
+    /** API base path */
+    apiBasePath: string;
+    /** Current conversation ID (if viewing existing conversation) */
+    conversationId?: string;
+    /** Layout mode: 'full' for full page with sidebar, 'widget' for embeddable widget */
+    layout?: "full" | "widget";
+    /** Additional class name for the container */
+    className?: string;
+    /** Whether to show the sidebar (default: true for full layout) */
+    showSidebar?: boolean;
+    /** Height of the widget (only applies to widget layout) */
+    widgetHeight?: string | number;
+}
+/**
+ * ChatLayout component that provides a full-page chat experience with sidebar
+ * or a compact widget mode for embedding.
+ */
+declare function ChatLayout({ apiBaseURL, apiBasePath, conversationId, layout, className, showSidebar, widgetHeight, }: ChatLayoutProps): react_jsx_runtime.JSX.Element;
+
+interface ChatSidebarProps {
+    currentConversationId?: string;
+    onNewChat?: () => void;
+    className?: string;
+}
+declare function ChatSidebar({ currentConversationId, onNewChat, className, }: ChatSidebarProps): react_jsx_runtime.JSX.Element;
+
+interface ChatMessageProps {
+    message: UIMessage;
+    isStreaming?: boolean;
+    variant?: "default" | "compact";
+    /** Callback when user wants to retry/regenerate an AI response */
+    onRetry?: () => void;
+    /** Callback when user edits their message - receives the new text */
+    onEdit?: (newText: string) => void;
+    /** Whether retry is currently in progress */
+    isRetrying?: boolean;
+}
+declare function ChatMessage({ message, isStreaming, variant, onRetry, onEdit, isRetrying, }: ChatMessageProps): react_jsx_runtime.JSX.Element;
+
+/** Represents an attached file with metadata */
+interface AttachedFile {
+    /** Data URL or uploaded URL */
+    url: string;
+    /** MIME type of the file */
+    mediaType: string;
+    /** Original filename */
+    filename: string;
+}
+interface ChatInputProps {
+    input?: string;
+    handleInputChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    handleSubmit: (e: FormEvent<HTMLFormElement>, files?: AttachedFile[]) => void;
+    isLoading: boolean;
+    placeholder?: string;
+    variant?: "default" | "compact";
+    /** Callback when files are attached (for controlled mode) */
+    onFilesAttached?: (files: AttachedFile[]) => void;
+    /** Attached files (for controlled mode) */
+    attachedFiles?: AttachedFile[];
+}
+declare function ChatInput({ input, handleInputChange, handleSubmit, isLoading, placeholder, variant, onFilesAttached, attachedFiles: controlledFiles, }: ChatInputProps): react_jsx_runtime.JSX.Element;
+
+export { ChatInterface as C, ChatLayout as a, ChatSidebar as b, ChatMessage as c, ChatInput as d };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@btst/stack",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "A composable, plugin-based library for building full-stack applications.",
   "repository": {
     "type": "git",
@@ -123,6 +123,47 @@
         "default": "./dist/plugins/blog/client/index.cjs"
       }
     },
+    "./plugins/ai-chat/api": {
+      "import": {
+        "types": "./dist/plugins/ai-chat/api/index.d.ts",
+        "default": "./dist/plugins/ai-chat/api/index.mjs"
+      },
+      "require": {
+        "types": "./dist/plugins/ai-chat/api/index.d.cts",
+        "default": "./dist/plugins/ai-chat/api/index.cjs"
+      }
+    },
+    "./plugins/ai-chat/client": {
+      "import": {
+        "types": "./dist/plugins/ai-chat/client/index.d.ts",
+        "default": "./dist/plugins/ai-chat/client/index.mjs"
+      },
+      "require": {
+        "types": "./dist/plugins/ai-chat/client/index.d.cts",
+        "default": "./dist/plugins/ai-chat/client/index.cjs"
+      }
+    },
+    "./plugins/ai-chat/client/components": {
+      "import": {
+        "types": "./dist/plugins/ai-chat/client/components/index.d.ts",
+        "default": "./dist/plugins/ai-chat/client/components/index.mjs"
+      },
+      "require": {
+        "types": "./dist/plugins/ai-chat/client/components/index.d.cts",
+        "default": "./dist/plugins/ai-chat/client/components/index.cjs"
+      }
+    },
+    "./plugins/ai-chat/client/hooks": {
+      "import": {
+        "types": "./dist/plugins/ai-chat/client/hooks/index.d.ts",
+        "default": "./dist/plugins/ai-chat/client/hooks/index.mjs"
+      },
+      "require": {
+        "types": "./dist/plugins/ai-chat/client/hooks/index.d.cts",
+        "default": "./dist/plugins/ai-chat/client/hooks/index.cjs"
+      }
+    },
+    "./plugins/ai-chat/css": "./dist/plugins/ai-chat/style.css",
     "./plugins/blog/css": "./dist/plugins/blog/style.css",
     "./dist/*": "./dist/*",
     "./ui/css": "./dist/ui/components.css",
@@ -153,17 +194,31 @@
       ],
       "plugins/blog/client": [
         "./dist/plugins/blog/client/index.d.ts"
+      ],
+      "plugins/ai-chat/api": [
+        "./dist/plugins/ai-chat/api/index.d.ts"
+      ],
+      "plugins/ai-chat/client": [
+        "./dist/plugins/ai-chat/client/index.d.ts"
+      ],
+      "plugins/ai-chat/client/components": [
+        "./dist/plugins/ai-chat/client/components/index.d.ts"
+      ],
+      "plugins/ai-chat/client/hooks": [
+        "./dist/plugins/ai-chat/client/hooks/index.d.ts"
       ]
     }
   },
   "dependencies": {
-    "@btst/db": "2.0.2",
+    "@btst/db": "2.0.3",
     "@lukemorales/query-key-factory": "^1.3.4",
     "@milkdown/crepe": "^7.17.1",
     "@milkdown/kit": "^7.17.1",
+    "remend": "^1.0.1",
     "slug": "^11.0.1"
   },
   "peerDependencies": {
+    "@ai-sdk/react": ">=2.0.0",
     "@btst/yar": ">=1.1.0",
     "@hookform/resolvers": ">=5.0.0",
     "@radix-ui/react-dialog": ">=1.1.0",
@@ -171,6 +226,7 @@
     "@radix-ui/react-slot": ">=1.1.0",
     "@radix-ui/react-switch": ">=1.1.0",
     "@tanstack/react-query": "^5.0.0",
+    "ai": ">=5.0.0",
     "better-call": ">=1.0.0",
     "class-variance-authority": ">=0.7.0",
     "clsx": ">=2.1.0",
@@ -196,11 +252,13 @@
     "zod": ">=3.24.0"
   },
   "devDependencies": {
-    "@btst/adapter-memory": "2.0.2",
+    "@ai-sdk/react": "^2.0.94",
+    "@btst/adapter-memory": "2.0.3",
     "@btst/yar": "1.1.1",
     "@types/react": "^19.0.0",
     "@types/slug": "^5.0.9",
     "@workspace/ui": "workspace:*",
+    "ai": "^5.0.94",
     "better-call": "1.0.19",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",

package/src/plugins/ai-chat/api/index.ts

@@ -0,0 +1,2 @@
+export * from "./plugin";
+export { createAiChatQueryKeys } from "../query-keys";