liquidcn 0.0.1 → 0.1.0-alpha.6

package/README.md

@@ -17,8 +17,10 @@ A collection of reusable, accessible React UI components built with TypeScript,
 **liquidcn** is a comprehensive component library featuring:
 
 - **UI Components**: Button, Card, Alert, Badge, Input, Textarea, Footer, PrettyAmount
-- **Client Components**: Dialog, Select, Switch, Tabs, Sonner (Toast), PrettyDate, ResizableNavbar
-- **Hooks**: Custom React hooks including `useCookieWithFallback`
+- **Client Components**: Dialog, Select, Switch, Tabs, Sonner (Toast), PrettyDate, ResizableNavbar, Slider, AudioVisualizer
+- **Form Components**: FormBuilder (schema-driven forms with AI mode), ChatView (AI chat interface with voice input)
+- **Hooks**: Custom React hooks including `useCookieWithFallback`, `useSpeechToText`
+- **Server Utilities**: `createSpeechToTextHandler()` for voice-to-text API routes
 - **Utilities**: `cn()` utility for className merging using clsx and tailwind-merge
 
 Bun + Npm + Typescript + Standard Version + Flat Config Linting + Husky + Commit / Release Pipeline
@@ -159,6 +161,211 @@ export function MyFooter() {
 }
 ```
 
+### FormBuilder Component
+
+The `FormBuilder` component renders schema-driven forms with optional AI-powered form filling. Works with `useSchemaForm` from `tanstack-effect`.
+
+#### Basic Usage
+
+```tsx
+import { useSchemaForm } from 'tanstack-effect/client'
+import { FormBuilder, FormValidationAlert, isFormValid } from 'liquidcn/client'
+import { Button } from 'liquidcn'
+import { Schema } from 'effect'
+
+const ProjectSchema = Schema.Struct({
+  projectName: Schema.String.pipe(Schema.annotations({ description: 'Name of the project' })),
+  projectType: Schema.Literal('web', 'mobile', 'desktop').pipe(
+    Schema.annotations({ description: 'Type of project' })
+  ),
+  teamSize: Schema.Number.pipe(Schema.annotations({ description: 'Number of team members' })),
+})
+
+function ProjectForm() {
+  const form = useSchemaForm({
+    schema: ProjectSchema,
+  })
+
+  return (
+    <div>
+      <FormBuilder form={form} variant="default" />
+      <Button onClick={() => console.log(form.data)}>Submit</Button>
+      <FormValidationAlert form={form} />
+    </div>
+  )
+}
+```
+
+#### With AI Mode
+
+Enable AI-powered form filling by adding the `ai` option to `useSchemaForm` and `enableAIMode` to `FormBuilder`:
+
+```tsx
+import { useSchemaForm } from 'tanstack-effect/client'
+import { FormBuilder, FormValidationAlert } from 'liquidcn/client'
+import { Button } from 'liquidcn'
+import { Schema } from 'effect'
+
+const ProjectSchema = Schema.Struct({
+  projectName: Schema.String.pipe(Schema.annotations({ description: 'Name of the project' })),
+  projectType: Schema.Literal('web', 'mobile', 'desktop').pipe(
+    Schema.annotations({ description: 'Type of project' })
+  ),
+  teamSize: Schema.Number.pipe(Schema.annotations({ description: 'Number of team members' })),
+})
+
+function ProjectForm() {
+  const form = useSchemaForm({
+    schema: ProjectSchema,
+    // Enable AI form filling
+    ai: {
+      endpoint: '/api/ai-form-fill',
+    },
+  })
+
+  return (
+    <div>
+      <FormBuilder
+        form={form}
+        variant="wizard"
+        enableAIMode
+        aiPlaceholder="Describe your project..."
+        aiChatMinHeight="300px"
+      />
+      <Button onClick={() => console.log(form.data)}>Submit</Button>
+      <FormValidationAlert form={form} />
+    </div>
+  )
+}
+```
+
+With AI mode enabled, the FormBuilder shows:
+
+- **AI/Edit toggle buttons** - Switch between chat and manual editing
+- **Chat interface** - Full conversation with AI including message history
+- **Clarification prompts** - AI asks for missing required fields
+- **Summary** - Shows what fields were filled (e.g. "Filled 3 fields: projectName, projectType, teamSize")
+
+#### FormBuilder Props
+
+| Prop              | Type                                 | Default     | Description                     |
+| ----------------- | ------------------------------------ | ----------- | ------------------------------- |
+| `form`            | `UseSchemaFormReturn`                | required    | Form state from `useSchemaForm` |
+| `variant`         | `'default' \| 'compact' \| 'wizard'` | `'default'` | Display variant                 |
+| `enableAIMode`    | `boolean`                            | `false`     | Show AI/Edit mode toggle        |
+| `initialMode`     | `'ai' \| 'edit'`                     | `'ai'`      | Initial mode when AI is enabled |
+| `aiPlaceholder`   | `string`                             | -           | Placeholder for AI chat input   |
+| `aiChatMinHeight` | `string`                             | `'300px'`   | Minimum height for chat view    |
+| `pinnedFields`    | `string[]`                           | `[]`        | Fields to show at top level     |
+| `hiddenFields`    | `string[]`                           | `[]`        | Fields to hide from form        |
+
+### ChatView Component
+
+The `ChatView` component provides a standalone chat UI for AI interactions with optional voice input:
+
+```tsx
+import { ChatView } from 'liquidcn/client'
+
+function AIChat() {
+  const [messages, setMessages] = useState([])
+
+  return (
+    <ChatView
+      messages={messages}
+      status="idle"
+      onSend={(msg) => console.log('Send:', msg)}
+      placeholder="Ask me anything..."
+      enableVoice={true} // Enable when OPENAI_API_KEY is configured on server
+    />
+  )
+}
+```
+
+#### ChatView Props
+
+| Prop            | Type       | Default               | Description                                      |
+| --------------- | ---------- | --------------------- | ------------------------------------------------ |
+| `messages`      | `array`    | required              | Messages in the conversation                     |
+| `status`        | `string`   | required              | AI status: 'idle', 'filling', 'clarifying', etc. |
+| `onSend`        | `function` | required              | Callback when user sends a message               |
+| `placeholder`   | `string`   | -                     | Placeholder text for input                       |
+| `enableVoice`   | `boolean`  | `false`               | Enable voice input (requires server API key)     |
+| `voiceEndpoint` | `string`   | `/api/speech-to-text` | Custom endpoint for speech-to-text API           |
+
+### Speech-to-Text (Voice Input)
+
+LiquidCN provides speech-to-text capabilities for voice input in chat interfaces.
+
+#### Server Setup
+
+First, install the optional AI SDK dependencies:
+
+```bash
+bun add ai @ai-sdk/openai
+```
+
+Create a speech-to-text API route using the handler:
+
+```typescript
+// app/api/speech-to-text/route.ts
+import { createSpeechToTextHandler } from 'liquidcn'
+import { auth } from '@/auth'
+
+const handler = createSpeechToTextHandler({
+  authenticate: async () => {
+    const session = await auth()
+    return !!session?.user
+  },
+  defaultModel: 'gpt-4o-transcribe', // optional
+})
+
+export const POST = handler
+```
+
+Set the `OPENAI_API_KEY` environment variable on your server.
+
+#### Client Usage
+
+The `useSpeechToText` hook can be used standalone:
+
+```tsx
+import { useSpeechToText } from 'liquidcn/client'
+
+function VoiceInput() {
+  const { transcribe, isLoading, data, error } = useSpeechToText({
+    onSuccess: (result) => console.log('Transcribed:', result.text),
+    onError: (err) => console.error('Error:', err.error),
+  })
+
+  const handleRecord = async (audioFile: File) => {
+    await transcribe({ audio: audioFile })
+  }
+
+  return (
+    <div>
+      {isLoading && <p>Transcribing...</p>}
+      {data && <p>Result: {data.text}</p>}
+    </div>
+  )
+}
+```
+
+#### AudioVisualizer Component
+
+Display audio waveform during recording:
+
+```tsx
+import { AudioVisualizer } from 'liquidcn/client'
+
+;<AudioVisualizer
+  isRecording={isRecording}
+  mediaRecorder={mediaRecorder}
+  width={280}
+  height={60}
+  barColor="#a78bfa"
+/>
+```
+
 ## Developing
 
 Install Dependencies:

package/dist/esm/client/components/audio-visualizer.js

@@ -0,0 +1,88 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+export function AudioVisualizer({ isRecording, mediaRecorder, width = 280, height = 60, barColor = '#a78bfa', barWidth = 3, gap = 2, }) {
+    const canvasRef = React.useRef(null);
+    const animationRef = React.useRef(null);
+    const analyserRef = React.useRef(null);
+    const audioContextRef = React.useRef(null);
+    const barCount = Math.floor(width / (barWidth + gap));
+    const drawIdle = React.useCallback(() => {
+        const canvas = canvasRef.current;
+        if (!canvas)
+            return;
+        const ctx = canvas.getContext('2d');
+        if (!ctx)
+            return;
+        ctx.clearRect(0, 0, width, height);
+        for (let i = 0; i < barCount; i++) {
+            const barHeight = Math.max(4, 4 + Math.sin(i * 0.3) * 3 + Math.sin(i * 0.7) * 2);
+            const x = i * (barWidth + gap);
+            const y = (height - barHeight) / 2;
+            ctx.fillStyle = 'rgba(167, 139, 250, 0.2)';
+            ctx.beginPath();
+            ctx.roundRect(x, y, barWidth, barHeight, barWidth / 2);
+            ctx.fill();
+        }
+    }, [width, height, barWidth, gap, barCount]);
+    React.useEffect(() => {
+        if (!isRecording || !mediaRecorder || mediaRecorder.state === 'inactive') {
+            drawIdle();
+            return;
+        }
+        const audioContext = new AudioContext();
+        audioContextRef.current = audioContext;
+        const analyser = audioContext.createAnalyser();
+        analyser.fftSize = 256;
+        analyserRef.current = analyser;
+        const stream = mediaRecorder.stream;
+        const source = audioContext.createMediaStreamSource(stream);
+        source.connect(analyser);
+        const bufferLength = analyser.frequencyBinCount;
+        const dataArray = new Uint8Array(bufferLength);
+        const canvas = canvasRef.current;
+        if (!canvas)
+            return;
+        const ctx = canvas.getContext('2d');
+        if (!ctx)
+            return;
+        const draw = () => {
+            if (!analyserRef.current)
+                return;
+            animationRef.current = requestAnimationFrame(draw);
+            analyserRef.current.getByteFrequencyData(dataArray);
+            ctx.clearRect(0, 0, width, height);
+            const step = Math.floor(bufferLength / barCount);
+            for (let i = 0; i < barCount; i++) {
+                const dataIndex = i * step;
+                const value = dataArray[dataIndex] || 0;
+                const currentBarHeight = Math.max(4, (value / 255) * height * 0.9);
+                const x = i * (barWidth + gap);
+                const y = (height - currentBarHeight) / 2;
+                ctx.fillStyle = barColor;
+                ctx.beginPath();
+                ctx.roundRect(x, y, barWidth, currentBarHeight, barWidth / 2);
+                ctx.fill();
+            }
+        };
+        draw();
+        return () => {
+            if (animationRef.current) {
+                cancelAnimationFrame(animationRef.current);
+                animationRef.current = null;
+            }
+            analyserRef.current = null;
+            if (audioContextRef.current) {
+                audioContextRef.current.close();
+                audioContextRef.current = null;
+            }
+        };
+    }, [isRecording, mediaRecorder, width, height, barColor, barWidth, gap, barCount, drawIdle]);
+    React.useEffect(() => {
+        if (!isRecording) {
+            drawIdle();
+        }
+    }, [isRecording, drawIdle]);
+    return _jsx("canvas", { ref: canvasRef, width: width, height: height, style: { width, height } });
+}
+//# sourceMappingURL=audio-visualizer.js.map

package/dist/esm/client/components/audio-visualizer.js.map

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

package/dist/esm/client/components/chat-view.js

@@ -0,0 +1,182 @@
+"use client";
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Info, Loader2, Mic, MicOff, Send, Sparkles } from "lucide-react";
+import * as React from "react";
+import { Button } from "../../components/ui/button.js";
+import { Textarea } from "../../components/ui/textarea.js";
+import { cn } from "../../utils.js";
+import { useSpeechToText } from "../hooks/use-speech-to-text.js";
+import { convertToWav, getExtensionForMimeType, getSupportedMimeType } from "../utils/audio-utils.js";
+import { AudioVisualizer } from "./audio-visualizer.js";
+function renderMarkdown(text) {
+    const lines = text.split("\n");
+    return lines.map((line, lineIndex) => {
+        const bulletMatch = line.match(/^(\s*)(•|-)\s*(.*)$/);
+        let content;
+        if (bulletMatch) {
+            const [, indent, , bulletContent] = bulletMatch;
+            content = (_jsxs("span", { children: [indent, "\u2022 ", renderInlineMarkdown(bulletContent)] }));
+        }
+        else {
+            content = renderInlineMarkdown(line);
+        }
+        return (_jsxs(React.Fragment, { children: [lineIndex > 0 && _jsx("br", {}), content] }, lineIndex));
+    });
+}
+function renderInlineMarkdown(text) {
+    const parts = [];
+    let remaining = text;
+    let keyCounter = 0;
+    while (remaining.length > 0) {
+        const boldMatch = remaining.match(/\*\*([^*]+)\*\*/);
+        const italicMatch = remaining.match(/(?<!\*)\*([^*]+)\*(?!\*)/);
+        let firstMatch = null;
+        if (boldMatch && italicMatch) {
+            if ((boldMatch.index ?? Infinity) <= (italicMatch.index ?? Infinity)) {
+                firstMatch = { match: boldMatch, type: "bold" };
+            }
+            else {
+                firstMatch = { match: italicMatch, type: "italic" };
+            }
+        }
+        else if (boldMatch) {
+            firstMatch = { match: boldMatch, type: "bold" };
+        }
+        else if (italicMatch) {
+            firstMatch = { match: italicMatch, type: "italic" };
+        }
+        if (firstMatch && firstMatch.match.index !== undefined) {
+            if (firstMatch.match.index > 0) {
+                parts.push(remaining.slice(0, firstMatch.match.index));
+            }
+            if (firstMatch.type === "bold") {
+                parts.push(_jsx("strong", { className: "font-semibold", children: firstMatch.match[1] }, keyCounter++));
+            }
+            else {
+                parts.push(_jsx("em", { className: "italic", children: firstMatch.match[1] }, keyCounter++));
+            }
+            remaining = remaining.slice(firstMatch.match.index + firstMatch.match[0].length);
+        }
+        else {
+            parts.push(remaining);
+            break;
+        }
+    }
+    return parts.length === 1 ? parts[0] : _jsx(_Fragment, { children: parts });
+}
+function MessageBubble({ message, isUser }) {
+    return (_jsx("div", { className: cn("flex w-full", isUser ? "justify-end" : "justify-start"), children: _jsxs("div", { className: cn("max-w-[85%] rounded-2xl px-4 py-2.5 text-sm", isUser
+                ? "bg-primary text-primary-foreground rounded-br-md"
+                : "bg-muted text-muted-foreground rounded-bl-md"), children: [_jsx("div", { className: "whitespace-pre-wrap wrap-break-word", children: renderMarkdown(message.content) }), message.timestamp && (_jsx("span", { className: "mt-1 block text-[10px] opacity-60", children: new Date(message.timestamp).toLocaleTimeString([], {
+                        hour: "2-digit",
+                        minute: "2-digit",
+                    }) }))] }) }));
+}
+export function ChatView({ messages, status, onSend, className, placeholder = "Describe what you want to fill in...", enableVoice = false, voiceEndpoint = "/api/speech-to-text", maxHeight, }) {
+    const [input, setInput] = React.useState("");
+    const messagesContainerRef = React.useRef(null);
+    const textareaRef = React.useRef(null);
+    const [isRecording, setIsRecording] = React.useState(false);
+    const [isProcessingAudio, setIsProcessingAudio] = React.useState(false);
+    const [mediaRecorder, setMediaRecorder] = React.useState(null);
+    const audioChunksRef = React.useRef([]);
+    const { transcribe, isLoading: isTranscribing } = useSpeechToText({
+        endpoint: voiceEndpoint,
+        onSuccess: (data) => {
+            if (data.text.trim()) {
+                setInput((prev) => (prev ? `${prev} ${data.text}` : data.text));
+                textareaRef.current?.focus();
+            }
+        },
+    });
+    React.useEffect(() => {
+        if (messagesContainerRef.current) {
+            messagesContainerRef.current.scrollTo({
+                top: messagesContainerRef.current.scrollHeight,
+                behavior: "smooth",
+            });
+        }
+    }, [messages]);
+    React.useEffect(() => {
+        if (messagesContainerRef.current) {
+            messagesContainerRef.current.scrollTop = messagesContainerRef.current.scrollHeight;
+        }
+    }, []);
+    const startRecording = React.useCallback(async () => {
+        try {
+            const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+            const mimeType = getSupportedMimeType();
+            const recorder = mimeType
+                ? new MediaRecorder(stream, { mimeType })
+                : new MediaRecorder(stream);
+            audioChunksRef.current = [];
+            recorder.ondataavailable = (event) => {
+                if (event.data.size > 0) {
+                    audioChunksRef.current.push(event.data);
+                }
+            };
+            recorder.onstop = async () => {
+                stream.getTracks().forEach((track) => track.stop());
+                setMediaRecorder(null);
+                if (audioChunksRef.current.length > 0) {
+                    setIsProcessingAudio(true);
+                    try {
+                        const actualMimeType = recorder.mimeType || mimeType || "audio/webm";
+                        const audioBlob = new Blob(audioChunksRef.current, { type: actualMimeType });
+                        let audioFile;
+                        try {
+                            const wavBlob = await convertToWav(audioBlob);
+                            audioFile = new File([wavBlob], "recording.wav", { type: "audio/wav" });
+                        }
+                        catch (conversionError) {
+                            console.warn("WAV conversion failed, using original format:", conversionError);
+                            const extension = getExtensionForMimeType(actualMimeType);
+                            audioFile = new File([audioBlob], `recording.${extension}`, { type: actualMimeType });
+                        }
+                        await transcribe({ audio: audioFile });
+                    }
+                    finally {
+                        setIsProcessingAudio(false);
+                    }
+                }
+            };
+            recorder.start();
+            setMediaRecorder(recorder);
+            setIsRecording(true);
+        }
+        catch (error) {
+            console.error("Failed to start recording:", error);
+        }
+    }, [transcribe]);
+    const stopRecording = React.useCallback(() => {
+        if (mediaRecorder && mediaRecorder.state !== "inactive") {
+            mediaRecorder.stop();
+        }
+        setIsRecording(false);
+    }, [mediaRecorder]);
+    const toggleRecording = React.useCallback(() => {
+        if (isRecording) {
+            stopRecording();
+        }
+        else {
+            startRecording();
+        }
+    }, [isRecording, startRecording, stopRecording]);
+    const handleSend = () => {
+        if (input.trim() && status !== "filling") {
+            onSend(input.trim());
+            setInput("");
+            textareaRef.current?.focus();
+        }
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === "Enter" && !e.shiftKey) {
+            e.preventDefault();
+            handleSend();
+        }
+    };
+    const isLoading = status === "filling";
+    const hasMessages = messages.length > 0;
+    const isVoiceProcessing = isRecording || isProcessingAudio || isTranscribing;
+    return (_jsxs("div", { className: cn("flex flex-col", className), children: [_jsxs("div", { ref: messagesContainerRef, className: "flex-1 overflow-y-auto p-4 space-y-3", style: maxHeight ? { maxHeight, overflowY: "auto" } : undefined, children: [!hasMessages && (_jsxs("div", { className: "flex flex-col items-center justify-center h-full text-center text-muted-foreground", children: [_jsx(Sparkles, { className: "h-8 w-8 mb-3 text-primary/50" }), _jsx("p", { className: "text-sm font-medium", children: "AI Form Assistant" }), _jsx("p", { className: "text-xs mt-1", children: "Describe what you want to fill and I'll help you complete the form." })] })), messages.map((message, index) => (_jsx(MessageBubble, { message: message, isUser: message.role === "user" }, index))), isLoading && (_jsx("div", { className: "flex w-full justify-start", children: _jsx("div", { className: "rounded-2xl rounded-bl-md bg-muted px-4 py-3", children: _jsx(Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" }) }) }))] }), hasMessages && !isLoading && (_jsxs("div", { className: "flex items-center justify-center gap-2 px-4 py-2 border-t bg-muted/30 text-muted-foreground", children: [_jsx(Info, { className: "h-3.5 w-3.5 shrink-0" }), _jsxs("span", { className: "text-xs", children: ["Switch to ", _jsx("strong", { children: "Edit" }), " tab to review, then ", _jsx("strong", { children: "Save" }), " to apply changes"] })] })), enableVoice && isRecording && (_jsxs("div", { className: "flex items-center justify-center gap-3 px-4 py-2 border-t bg-muted/50", children: [_jsx(AudioVisualizer, { isRecording: isRecording, mediaRecorder: mediaRecorder, width: 200, height: 40, barColor: "hsl(var(--primary))" }), _jsx("span", { className: "text-xs text-muted-foreground", children: "Recording..." })] })), enableVoice && (isProcessingAudio || isTranscribing) && !isRecording && (_jsxs("div", { className: "flex items-center justify-center gap-2 px-4 py-2 border-t bg-muted/50", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin text-primary" }), _jsx("span", { className: "text-xs text-muted-foreground", children: isProcessingAudio ? "Processing audio..." : "Transcribing..." })] })), _jsx("div", { className: "border-t p-4", children: _jsxs("div", { className: "flex items-center gap-2", children: [enableVoice && (_jsx(Button, { onClick: toggleRecording, disabled: isLoading || isTranscribing, size: "icon", variant: isRecording ? "destructive" : "outline", className: "shrink-0", title: isRecording ? "Stop recording" : "Start voice input", children: isRecording ? _jsx(MicOff, { className: "h-4 w-4" }) : _jsx(Mic, { className: "h-4 w-4" }) })), _jsx(Textarea, { ref: textareaRef, value: input, onChange: (e) => setInput(e.target.value), onKeyDown: handleKeyDown, placeholder: placeholder, disabled: isLoading || isVoiceProcessing, className: "min-h-11 max-h-32 resize-none" }), _jsx(Button, { onClick: handleSend, disabled: !input.trim() || isLoading || isVoiceProcessing, size: "icon", className: "shrink-0", children: isLoading ? (_jsx(Loader2, { className: "h-4 w-4 animate-spin" })) : (_jsx(Send, { className: "h-4 w-4" })) })] }) })] }));
+}

package/dist/esm/client/components/chat-view.js.map

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