npm - @trossino/chat-widget - Versions diffs - 0.1.0 → 0.2.0 - Mend

@trossino/chat-widget 0.1.0 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/README.md CHANGED Viewed

@@ -61,7 +61,7 @@ export const POST = createChatHandler({
 import { ChatWidget } from '@trossino/chat-widget';
 export default function Page() {
-  return <ChatWidget endpoint="/api/chat" title="Ask me anything" />;
+  return <ChatWidget endpoint="/api/chat" />;
 }
 ```
@@ -71,15 +71,78 @@ The handler is a plain `(req: Request) => Promise<Response>`, so it also works a
 ## `<ChatWidget>` props
-| Prop             | Type                     | Default             | Description                                                              |
-| ---------------- | ------------------------ | ------------------- | ------------------------------------------------------------------------ |
-| `endpoint`       | `string`                 | —                   | URL receiving `POST { messages }`. Required.                             |
-| `headers`        | `Record<string, string>` | —                   | Extra request headers (e.g. a session token). **Never a provider key.**  |
-| `placeholder`    | `string`                 | `"Type a message…"` | Input placeholder.                                                       |
-| `title`          | `string`                 | `"Chat"`            | Panel title.                                                             |
-| `welcomeMessage` | `string`                 | —                   | Shown when the conversation is empty. Display-only, not sent to the API. |
-| `onError`        | `(error: Error) => void` | —                   | Called on network, HTTP, or stream errors.                               |
-| `defaultOpen`    | `boolean`                | `false`             | Open the panel on mount.                                                 |
+| Prop             | Type                     | Default              | Description                                                              |
+| ---------------- | ------------------------ | -------------------- | ------------------------------------------------------------------------ |
+| `endpoint`       | `string`                 | —                    | URL receiving `POST { messages }`. Required.                             |
+| `headers`        | `Record<string, string>` | —                    | Extra request headers (e.g. a session token). **Never a provider key.**  |
+| `placeholder`    | `string`                 | `"Ask me anything…"` | Input placeholder.                                                       |
+| `title`          | `string`                 | `"Chat with me"`     | Panel title.                                                             |
+| `welcomeMessage` | `string`                 | —                    | Shown when the conversation is empty. Display-only, not sent to the API. |
+| `onError`        | `(error: Error) => void` | —                    | Called on network, HTTP, or stream errors.                               |
+| `defaultOpen`    | `boolean`                | `false`              | Open the panel on mount.                                                 |
+| `variant`        | `'light' \| 'dark'`      | `'light'`            | Built-in palette. See [Theming](#theming).                               |
+| `className`      | `string`                 | —                    | Extra class on the root element (it always has `tr-chat-widget`).        |
+| `style`          | `ChatWidgetStyle`        | —                    | Inline styles merged onto the root. Accepts `--cw-*` properties.         |
+| `toggleIcon`     | `ReactNode`              | chat bubble icon     | Custom launcher icon, shown while the panel is closed.                   |
+## Theming
+Every color, radius, shadow, and font is read from a CSS custom property on the root element, with a built-in fallback. Set the properties from a class (via `className`) or inline (via `style`) and the widget picks them up. Anything you set wins over `variant`; anything you don't set falls back to the variant's value.
+| Property                | Light default                                                       | Dark default             | Used for                                    |
+| ----------------------- | ------------------------------------------------------------------- | ------------------------ | ------------------------------------------- |
+| `--cw-font`             | `system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif` | same     | Font family                                 |
+| `--cw-text`             | `#111827`                                                           | `#e5e0db`                | Base text                                   |
+| `--cw-muted`            | `#6b7280`                                                           | `#8a8580`                | "Typing…" indicator                         |
+| `--cw-panel-bg`         | `#ffffff`                                                           | `#0c0c0c`                | Panel and input bar background              |
+| `--cw-list-bg`          | `#f9fafb`                                                           | `#0a0a0a`                | Message list background                     |
+| `--cw-border`           | `#e5e7eb`                                                           | `rgba(255,255,255,0.08)` | Panel, assistant bubble, input bar borders  |
+| `--cw-accent`           | `#2563eb`                                                           | same                     | Launcher, header, user bubble, send, focus  |
+| `--cw-accent-contrast`  | `#ffffff`                                                           | same                     | Text/icons on accent                        |
+| `--cw-bubble-bg`        | `#ffffff`                                                           | `rgba(255,255,255,0.04)` | Assistant bubble background                 |
+| `--cw-bubble-text`      | `#111827`                                                           | `#e5e0db`                | Assistant bubble text                       |
+| `--cw-input-bg`         | `#ffffff`                                                           | `rgba(255,255,255,0.03)` | Textarea background                         |
+| `--cw-input-border`     | `#d1d5db`                                                           | `rgba(255,255,255,0.08)` | Textarea border                             |
+| `--cw-error-bg`         | `#fef2f2`                                                           | `rgba(185,28,28,0.15)`   | Error banner background                     |
+| `--cw-error-text`       | `#b91c1c`                                                           | `#fca5a5`                | Error banner text                           |
+| `--cw-shadow`           | `0 12px 40px rgba(0,0,0,0.18)`                                      | same                     | Panel shadow                                |
+| `--cw-toggle-shadow`    | `0 6px 20px rgba(0,0,0,0.2)`                                        | same                     | Launcher shadow                             |
+| `--cw-radius`           | `12px`                                                              | same                     | Panel and bubbles                           |
+| `--cw-radius-sm`        | `8px`                                                               | same                     | Input, send button, error banner            |
+| `--cw-header-bg`        | `var(--cw-accent)`                                                  | same                     | Header background                           |
+| `--cw-header-text`      | `var(--cw-accent-contrast)`                                         | same                     | Header title and close button               |
+| `--cw-header-border`    | `none`                                                              | same                     | Header `border-bottom` shorthand            |
+| `--cw-title-font`       | `inherit`                                                           | same                     | Header title font family                    |
+Quick accent change, inline:
+```tsx
+<ChatWidget endpoint="/api/chat" style={{ '--cw-accent': '#c8553d' }} />
+```
+### Dark theme example
+```tsx
+<ChatWidget endpoint="/api/chat" variant="dark" className="site-chat" />
+```
+```css
+/* Tune on top of the dark variant: only what differs needs setting. */
+.site-chat {
+  --cw-accent: #c8553d;
+  --cw-font: "DM Sans", ui-sans-serif, system-ui, sans-serif;
+  --cw-radius: 10px;
+  --cw-radius-sm: 6px;
+  --cw-shadow: 0 16px 48px rgba(0, 0, 0, 0.5);
+  /* Editorial header: no accent fill, just a hairline. */
+  --cw-header-bg: transparent;
+  --cw-header-text: #e5e0db;
+  --cw-header-border: 1px solid rgba(255, 255, 255, 0.08);
+}
+```
+For deeper changes, every element also has a stable class (`tr-chat-panel`, `tr-chat-header`, `tr-chat-msg-user`, `tr-chat-input`, …) you can target with your own CSS, using `!important` where it needs to beat the inline styles.
 ## `createChatHandler` options
@@ -99,7 +162,7 @@ Responses: `200` with `{ reply }` or an SSE stream, `400` for an invalid body, `
 ## Optional styles
-Everything is inline-styled. For extras inline styles can't express (focus rings, hover, entry animation that respects `prefers-reduced-motion`):
+Everything is inline-styled. For extras inline styles can't express (focus rings in `--cw-accent`, hover, entry animation that respects `prefers-reduced-motion`):
 ```ts
 import '@trossino/chat-widget/styles';

package/dist/index.cjs CHANGED Viewed

@@ -166,139 +166,194 @@ async function readSSE(body, onDelta) {
 // src/client/ChatWidget.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var ACCENT = "#2563eb";
 var FONT = 'system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif';
-var styles = {
-  root: {
-    position: "fixed",
-    right: 20,
-    bottom: 20,
-    zIndex: 2147483e3,
-    fontFamily: FONT,
-    fontSize: 14,
-    lineHeight: 1.45,
-    color: "#111827",
-    boxSizing: "border-box"
-  },
-  toggle: {
-    width: 56,
-    height: 56,
-    borderRadius: "50%",
-    border: "none",
-    background: ACCENT,
-    color: "#fff",
-    cursor: "pointer",
-    boxShadow: "0 6px 20px rgba(0,0,0,0.2)",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    marginLeft: "auto",
-    padding: 0
-  },
-  panel: {
-    width: "min(370px, calc(100vw - 40px))",
-    height: "min(540px, calc(100vh - 110px))",
-    marginBottom: 12,
-    background: "#fff",
-    borderRadius: 12,
-    boxShadow: "0 12px 40px rgba(0,0,0,0.18)",
-    border: "1px solid #e5e7eb",
-    display: "flex",
-    flexDirection: "column",
-    overflow: "hidden"
-  },
-  header: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    padding: "12px 14px",
-    background: ACCENT,
-    color: "#fff"
-  },
-  title: { margin: 0, fontSize: 15, fontWeight: 600 },
-  close: {
-    background: "transparent",
-    border: "none",
-    color: "#fff",
-    cursor: "pointer",
-    fontSize: 20,
-    lineHeight: 1,
-    padding: 4
-  },
-  list: {
-    flex: 1,
-    overflowY: "auto",
-    padding: 14,
-    display: "flex",
-    flexDirection: "column",
-    gap: 8,
-    background: "#f9fafb",
-    margin: 0,
-    listStyle: "none"
-  },
-  bubble: {
-    maxWidth: "85%",
-    padding: "8px 12px",
-    borderRadius: 12,
-    whiteSpace: "pre-wrap",
-    wordBreak: "break-word"
-  },
-  user: { alignSelf: "flex-end", background: ACCENT, color: "#fff", borderBottomRightRadius: 4 },
-  assistant: { alignSelf: "flex-start", background: "#fff", border: "1px solid #e5e7eb", borderBottomLeftRadius: 4 },
-  status: { alignSelf: "flex-start", color: "#6b7280", fontStyle: "italic", padding: "0 4px" },
-  error: {
-    margin: "0 14px 8px",
-    padding: "8px 10px",
-    borderRadius: 8,
-    background: "#fef2f2",
-    color: "#b91c1c",
-    fontSize: 13
-  },
-  form: { display: "flex", gap: 8, padding: 10, borderTop: "1px solid #e5e7eb", background: "#fff" },
-  input: {
-    flex: 1,
-    resize: "none",
-    border: "1px solid #d1d5db",
-    borderRadius: 8,
-    padding: "8px 10px",
-    font: "inherit",
-    color: "inherit",
-    background: "#fff",
-    minHeight: 38,
-    maxHeight: 120,
-    boxSizing: "border-box"
-  },
-  send: {
-    border: "none",
-    borderRadius: 8,
-    background: ACCENT,
-    color: "#fff",
-    padding: "0 14px",
-    font: "inherit",
-    fontWeight: 600,
-    cursor: "pointer"
-  },
-  srOnly: {
-    position: "absolute",
-    width: 1,
-    height: 1,
-    padding: 0,
-    margin: -1,
-    overflow: "hidden",
-    clip: "rect(0,0,0,0)",
-    whiteSpace: "nowrap",
-    border: 0
-  }
+var LIGHT = {
+  font: FONT,
+  text: "#111827",
+  muted: "#6b7280",
+  "panel-bg": "#ffffff",
+  "list-bg": "#f9fafb",
+  border: "#e5e7eb",
+  accent: "#2563eb",
+  "accent-contrast": "#ffffff",
+  "bubble-bg": "#ffffff",
+  "bubble-text": "#111827",
+  "input-bg": "#ffffff",
+  "input-border": "#d1d5db",
+  "error-bg": "#fef2f2",
+  "error-text": "#b91c1c",
+  shadow: "0 12px 40px rgba(0,0,0,0.18)",
+  "toggle-shadow": "0 6px 20px rgba(0,0,0,0.2)",
+  radius: "12px",
+  "radius-sm": "8px"
+};
+var DARK = {
+  ...LIGHT,
+  text: "#e5e0db",
+  muted: "#8a8580",
+  "panel-bg": "#0c0c0c",
+  "list-bg": "#0a0a0a",
+  border: "rgba(255,255,255,0.08)",
+  "bubble-bg": "rgba(255,255,255,0.04)",
+  "bubble-text": "#e5e0db",
+  "input-bg": "rgba(255,255,255,0.03)",
+  "input-border": "rgba(255,255,255,0.08)",
+  "error-bg": "rgba(185,28,28,0.15)",
+  "error-text": "#fca5a5"
+};
+function createStyles(theme) {
+  const v = (name) => `var(--cw-${name}, ${theme[name]})`;
+  const accent = v("accent");
+  const accentContrast = v("accent-contrast");
+  const border = `1px solid ${v("border")}`;
+  return {
+    root: {
+      position: "fixed",
+      right: 20,
+      bottom: 20,
+      zIndex: 2147483e3,
+      fontFamily: v("font"),
+      fontSize: 14,
+      lineHeight: 1.45,
+      color: v("text"),
+      boxSizing: "border-box"
+    },
+    toggle: {
+      width: 56,
+      height: 56,
+      borderRadius: "50%",
+      border: "none",
+      background: accent,
+      color: accentContrast,
+      cursor: "pointer",
+      boxShadow: v("toggle-shadow"),
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      marginLeft: "auto",
+      padding: 0
+    },
+    panel: {
+      width: "min(370px, calc(100vw - 40px))",
+      height: "min(540px, calc(100vh - 110px))",
+      marginBottom: 12,
+      background: v("panel-bg"),
+      borderRadius: v("radius"),
+      boxShadow: v("shadow"),
+      border,
+      display: "flex",
+      flexDirection: "column",
+      overflow: "hidden"
+    },
+    header: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      padding: "12px 14px",
+      background: `var(--cw-header-bg, ${accent})`,
+      color: `var(--cw-header-text, ${accentContrast})`,
+      borderBottom: "var(--cw-header-border, none)"
+    },
+    title: { margin: 0, fontSize: 15, fontWeight: 600, fontFamily: "var(--cw-title-font, inherit)" },
+    close: {
+      background: "transparent",
+      border: "none",
+      color: "inherit",
+      cursor: "pointer",
+      fontSize: 20,
+      lineHeight: 1,
+      padding: 4
+    },
+    list: {
+      flex: 1,
+      overflowY: "auto",
+      padding: 14,
+      display: "flex",
+      flexDirection: "column",
+      gap: 8,
+      background: v("list-bg"),
+      margin: 0,
+      listStyle: "none"
+    },
+    bubble: {
+      maxWidth: "85%",
+      padding: "8px 12px",
+      borderRadius: v("radius"),
+      whiteSpace: "pre-wrap",
+      wordBreak: "break-word"
+    },
+    user: { alignSelf: "flex-end", background: accent, color: accentContrast, borderBottomRightRadius: 4 },
+    assistant: {
+      alignSelf: "flex-start",
+      background: v("bubble-bg"),
+      color: v("bubble-text"),
+      border,
+      borderBottomLeftRadius: 4
+    },
+    status: { alignSelf: "flex-start", color: v("muted"), fontStyle: "italic", padding: "0 4px" },
+    error: {
+      margin: "0 14px 8px",
+      padding: "8px 10px",
+      borderRadius: v("radius-sm"),
+      background: v("error-bg"),
+      color: v("error-text"),
+      fontSize: 13
+    },
+    form: { display: "flex", gap: 8, padding: 10, borderTop: border, background: v("panel-bg") },
+    input: {
+      flex: 1,
+      resize: "none",
+      border: `1px solid ${v("input-border")}`,
+      borderRadius: v("radius-sm"),
+      padding: "8px 10px",
+      font: "inherit",
+      color: "inherit",
+      background: v("input-bg"),
+      minHeight: 38,
+      maxHeight: 120,
+      boxSizing: "border-box"
+    },
+    send: {
+      border: "none",
+      borderRadius: v("radius-sm"),
+      background: accent,
+      color: accentContrast,
+      padding: "0 14px",
+      font: "inherit",
+      fontWeight: 600,
+      cursor: "pointer"
+    },
+    srOnly: {
+      position: "absolute",
+      width: 1,
+      height: 1,
+      padding: 0,
+      margin: -1,
+      overflow: "hidden",
+      clip: "rect(0,0,0,0)",
+      whiteSpace: "nowrap",
+      border: 0
+    }
+  };
+}
+var STYLES = {
+  light: createStyles(LIGHT),
+  dark: createStyles(DARK)
 };
 function ChatWidget({
   endpoint,
   headers,
-  placeholder = "Type a message\u2026",
-  title = "Chat",
+  placeholder = "Ask me anything\u2026",
+  title = "Chat with me",
   welcomeMessage,
   onError,
-  defaultOpen = false
+  defaultOpen = false,
+  variant = "light",
+  className,
+  style,
+  toggleIcon
 }) {
+  const styles = STYLES[variant] ?? STYLES.light;
   const [open, setOpen] = (0, import_react2.useState)(defaultOpen);
   const [input, setInput] = (0, import_react2.useState)("");
   const { messages, loading, error, send } = useChat({ endpoint, headers, onError });
@@ -342,7 +397,7 @@ function ChatWidget({
   const last = messages[messages.length - 1];
   const waitingFirstToken = loading && last?.role !== "assistant";
   const canSend = input.trim().length > 0 && !loading;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.root, className: "tr-chat-widget", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { ...styles.root, ...style }, className: className ? `tr-chat-widget ${className}` : "tr-chat-widget", children: [
     open && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "div",
       {
@@ -416,7 +471,7 @@ function ChatWidget({
         "aria-controls": open ? panelId : void 0,
         style: styles.toggle,
         className: "tr-chat-toggle",
-        children: open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M6 6l12 12M18 6L6 18" }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z" }) })
+        children: open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M6 6l12 12M18 6L6 18" }) }) : toggleIcon !== void 0 ? toggleIcon : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z" }) })
       }
     )
   ] });

package/dist/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/index.ts","../src/client/ChatWidget.tsx","../src/client/useChat.ts"],"sourcesContent":["export * from './client';\nexport type { ChatMessage, ChatRole, ChatRequestBody, ChatResponseBody, ChatStreamChunk } from './types';\n","import { useEffect, useId, useRef, useState, type CSSProperties, type FormEvent, type KeyboardEvent } from 'react';\nimport { useChat } from './useChat';\n\nexport interface ChatWidgetProps {\n /** URL that receives `POST { messages }` and answers with `{ reply }` JSON or an SSE stream. /\n endpoint: string;\n /* Extra headers sent with every request. Never put provider API keys here: they would be public. /\n headers?: Record<string, string>;\n /* Input placeholder. /\n placeholder?: string;\n /* Panel title. /\n title?: string;\n /* Message shown when the conversation is empty. Display-only: not sent to the backend. /\n welcomeMessage?: string;\n /* Called on network / HTTP / stream errors. /\n onError?: (error: Error) => void;\n /* Open the panel on mount. /\n defaultOpen?: boolean;\n}\n\nconst ACCENT = '#2563eb';\nconst FONT = 'system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif';\n\nconst styles = {\n root: {\n position: 'fixed',\n right: 20,\n bottom: 20,\n zIndex: 2147483000,\n fontFamily: FONT,\n fontSize: 14,\n lineHeight: 1.45,\n color: '#111827',\n boxSizing: 'border-box',\n },\n toggle: {\n width: 56,\n height: 56,\n borderRadius: '50%',\n border: 'none',\n background: ACCENT,\n color: '#fff',\n cursor: 'pointer',\n boxShadow: '0 6px 20px rgba(0,0,0,0.2)',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n marginLeft: 'auto',\n padding: 0,\n },\n panel: {\n width: 'min(370px, calc(100vw - 40px))',\n height: 'min(540px, calc(100vh - 110px))',\n marginBottom: 12,\n background: '#fff',\n borderRadius: 12,\n boxShadow: '0 12px 40px rgba(0,0,0,0.18)',\n border: '1px solid #e5e7eb',\n display: 'flex',\n flexDirection: 'column',\n overflow: 'hidden',\n },\n header: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n padding: '12px 14px',\n background: ACCENT,\n color: '#fff',\n },\n title: { margin: 0, fontSize: 15, fontWeight: 600 },\n close: {\n background: 'transparent',\n border: 'none',\n color: '#fff',\n cursor: 'pointer',\n fontSize: 20,\n lineHeight: 1,\n padding: 4,\n },\n list: {\n flex: 1,\n overflowY: 'auto',\n padding: 14,\n display: 'flex',\n flexDirection: 'column',\n gap: 8,\n background: '#f9fafb',\n margin: 0,\n listStyle: 'none',\n },\n bubble: {\n maxWidth: '85%',\n padding: '8px 12px',\n borderRadius: 12,\n whiteSpace: 'pre-wrap',\n wordBreak: 'break-word',\n },\n user: { alignSelf: 'flex-end', background: ACCENT, color: '#fff', borderBottomRightRadius: 4 },\n assistant: { alignSelf: 'flex-start', background: '#fff', border: '1px solid #e5e7eb', borderBottomLeftRadius: 4 },\n status: { alignSelf: 'flex-start', color: '#6b7280', fontStyle: 'italic', padding: '0 4px' },\n error: {\n margin: '0 14px 8px',\n padding: '8px 10px',\n borderRadius: 8,\n background: '#fef2f2',\n color: '#b91c1c',\n fontSize: 13,\n },\n form: { display: 'flex', gap: 8, padding: 10, borderTop: '1px solid #e5e7eb', background: '#fff' },\n input: {\n flex: 1,\n resize: 'none',\n border: '1px solid #d1d5db',\n borderRadius: 8,\n padding: '8px 10px',\n font: 'inherit',\n color: 'inherit',\n background: '#fff',\n minHeight: 38,\n maxHeight: 120,\n boxSizing: 'border-box',\n },\n send: {\n border: 'none',\n borderRadius: 8,\n background: ACCENT,\n color: '#fff',\n padding: '0 14px',\n font: 'inherit',\n fontWeight: 600,\n cursor: 'pointer',\n },\n srOnly: {\n position: 'absolute',\n width: 1,\n height: 1,\n padding: 0,\n margin: -1,\n overflow: 'hidden',\n clip: 'rect(0,0,0,0)',\n whiteSpace: 'nowrap',\n border: 0,\n },\n} satisfies Record<string, CSSProperties>;\n\nexport function ChatWidget({\n endpoint,\n headers,\n placeholder = 'Type a message…',\n title = 'Chat',\n welcomeMessage,\n onError,\n defaultOpen = false,\n}: ChatWidgetProps) {\n const [open, setOpen] = useState(defaultOpen);\n const [input, setInput] = useState('');\n const { messages, loading, error, send } = useChat({ endpoint, headers, onError });\n\n const id = useId();\n const panelId = `${id}-panel`;\n const titleId = `${id}-title`;\n const inputId = `${id}-input`;\n\n const toggleRef = useRef<HTMLButtonElement>(null);\n const inputRef = useRef<HTMLTextAreaElement>(null);\n const listRef = useRef<HTMLOListElement>(null);\n\n useEffect(() => {\n if (open) inputRef.current?.focus();\n }, [open]);\n\n useEffect(() => {\n const el = listRef.current;\n if (el) el.scrollTop = el.scrollHeight;\n }, [messages, loading, open]);\n\n const close = () => {\n setOpen(false);\n toggleRef.current?.focus();\n };\n\n const submit = (e?: FormEvent) => {\n e?.preventDefault();\n if (!input.trim() \|\| loading) return;\n const text = input;\n setInput('');\n void send(text);\n };\n\n const onInputKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n if (e.key === 'Enter' && !e.shiftKey && !e.nativeEvent.isComposing) {\n e.preventDefault();\n submit();\n }\n };\n\n const onPanelKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n if (e.key === 'Escape') {\n e.stopPropagation();\n close();\n }\n };\n\n const last = messages[messages.length - 1];\n const waitingFirstToken = loading && last?.role !== 'assistant';\n const canSend = input.trim().length > 0 && !loading;\n\n return (\n <div style={styles.root} className=\"tr-chat-widget\">\n {open && (\n <div\n id={panelId}\n role=\"dialog\"\n aria-labelledby={titleId}\n style={styles.panel}\n className=\"tr-chat-panel\"\n onKeyDown={onPanelKeyDown}\n >\n <div style={styles.header} className=\"tr-chat-header\">\n <h2 id={titleId} style={styles.title}>\n {title}\n </h2>\n <button type=\"button\" onClick={close} aria-label=\"Close chat\" style={styles.close} className=\"tr-chat-close\">\n ×\n </button>\n </div>\n\n <ol ref={listRef} role=\"log\" aria-live=\"polite\" aria-relevant=\"additions text\" aria-busy={loading} style={styles.list} className=\"tr-chat-list\">\n {welcomeMessage && messages.length === 0 && (\n <li style={{ ...styles.bubble, ...styles.assistant }} className=\"tr-chat-msg tr-chat-msg-assistant\">\n {welcomeMessage}\n </li>\n )}\n {messages.map((m, i) => (\n <li\n key={i}\n style={{ ...styles.bubble, ...(m.role === 'user' ? styles.user : styles.assistant) }}\n className={`tr-chat-msg tr-chat-msg-${m.role}`}\n >\n <span style={styles.srOnly}>{m.role === 'user' ? 'You: ' : 'Assistant: '}</span>\n {m.content}\n </li>\n ))}\n {waitingFirstToken && (\n <li style={styles.status} className=\"tr-chat-typing\">\n Typing…\n </li>\n )}\n </ol>\n\n {error && (\n <div role=\"alert\" style={styles.error} className=\"tr-chat-error\">\n {error.message \|\| 'Something went wrong.'}\n </div>\n )}\n\n <form onSubmit={submit} style={styles.form} className=\"tr-chat-form\">\n <label htmlFor={inputId} style={styles.srOnly}>\n Message\n </label>\n <textarea\n id={inputId}\n ref={inputRef}\n rows={1}\n value={input}\n placeholder={placeholder}\n onChange={(e) => setInput(e.target.value)}\n onKeyDown={onInputKeyDown}\n style={styles.input}\n className=\"tr-chat-input\"\n />\n <button\n type=\"submit\"\n disabled={!canSend}\n aria-label=\"Send message\"\n style={{ ...styles.send, opacity: canSend ? 1 : 0.5, cursor: canSend ? 'pointer' : 'not-allowed' }}\n className=\"tr-chat-send\"\n >\n Send\n </button>\n </form>\n </div>\n )}\n\n <button\n ref={toggleRef}\n type=\"button\"\n onClick={() => (open ? close() : setOpen(true))}\n aria-label={open ? 'Close chat' : 'Open chat'}\n aria-expanded={open}\n aria-controls={open ? panelId : undefined}\n style={styles.toggle}\n className=\"tr-chat-toggle\"\n >\n {open ? (\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.2\" strokeLinecap=\"round\" aria-hidden=\"true\">\n <path d=\"M6 6l12 12M18 6L6 18\" />\n </svg>\n ) : (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n <path d=\"M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z\" />\n </svg>\n )}\n </button>\n </div>\n );\n}\n","import { useCallback, useEffect, useRef, useState } from 'react';\nimport type { ChatMessage } from '../types';\n\nexport interface UseChatOptions {\n /* URL that receives `POST { messages }` and answers with `{ reply }` JSON or an SSE stream. /\n endpoint: string;\n /* Extra headers sent with every request (e.g. a session token). Never put provider API keys here. /\n headers?: Record<string, string>;\n /* Initial conversation history. /\n initialMessages?: ChatMessage[];\n /* Called on network / HTTP / stream errors. /\n onError?: (error: Error) => void;\n}\n\nexport interface UseChatResult {\n messages: ChatMessage[];\n loading: boolean;\n error: Error \| null;\n /* Sends a user message and appends the assistant reply. Resolves when the reply is complete. /\n send: (message: string) => Promise<void>;\n /* Aborts the in-flight request, if any. /\n stop: () => void;\n /* Clears the conversation and the error. /\n reset: () => void;\n}\n\nexport function useChat({ endpoint, headers, initialMessages, onError }: UseChatOptions): UseChatResult {\n const [messages, setMessages] = useState<ChatMessage[]>(initialMessages ?? []);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState<Error \| null>(null);\n\n // Refs keep `send` stable and always reading the latest values.\n const messagesRef = useRef(messages);\n messagesRef.current = messages;\n const headersRef = useRef(headers);\n headersRef.current = headers;\n const onErrorRef = useRef(onError);\n onErrorRef.current = onError;\n const abortRef = useRef<AbortController \| null>(null);\n\n useEffect(() => () => abortRef.current?.abort(), []);\n\n const stop = useCallback(() => {\n abortRef.current?.abort();\n abortRef.current = null;\n setLoading(false);\n }, []);\n\n const reset = useCallback(() => {\n stop();\n setMessages([]);\n setError(null);\n }, [stop]);\n\n const send = useCallback(\n async (message: string) => {\n const content = message.trim();\n if (!content \|\| abortRef.current) return;\n\n // Drop empty turns (e.g. a reply that failed before its first token): backends reject them.\n const history: ChatMessage[] = [...messagesRef.current.filter((m) => m.content.trim()), { role: 'user', content }];\n setMessages(history);\n setLoading(true);\n setError(null);\n\n const controller = new AbortController();\n abortRef.current = controller;\n\n // Appends text to the assistant message at `history.length`, creating it on first call.\n const appendToReply = (text: string) => {\n setMessages((prev) => {\n const next = prev.slice();\n const current = next[history.length];\n next[history.length] = { role: 'assistant', content: (current?.content ?? '') + text };\n return next;\n });\n };\n\n try {\n const res = await fetch(endpoint, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json', Accept: 'application/json, text/event-stream', ...headersRef.current },\n body: JSON.stringify({ messages: history }),\n signal: controller.signal,\n });\n\n if (!res.ok) throw new Error(await readErrorMessage(res));\n\n const contentType = res.headers.get('content-type') ?? '';\n if (contentType.includes('text/event-stream')) {\n if (!res.body) throw new Error('Empty response stream');\n await readSSE(res.body, appendToReply);\n } else {\n const data: unknown = await res.json();\n const reply = data && typeof data === 'object' ? (data as { reply?: unknown }).reply : undefined;\n if (typeof reply !== 'string') throw new Error('Invalid response: expected { reply: string }');\n if (reply) appendToReply(reply);\n }\n } catch (err) {\n if (controller.signal.aborted) return;\n const e = err instanceof Error ? err : new Error(String(err));\n setError(e);\n onErrorRef.current?.(e);\n } finally {\n // Skip if `stop()` or a newer request already took over.\n if (abortRef.current === controller) {\n abortRef.current = null;\n setLoading(false);\n }\n }\n },\n [endpoint],\n );\n\n return { messages, loading, error, send, stop, reset };\n}\n\nasync function readErrorMessage(res: Response): Promise<string> {\n try {\n const data: unknown = await res.json();\n const msg = data && typeof data === 'object' ? (data as { error?: unknown }).error : undefined;\n if (typeof msg === 'string' && msg) return msg;\n } catch {\n // not JSON\n }\n return `Request failed with status ${res.status}`;\n}\n\n/* Minimal SSE reader. Accepts `data: {\"delta\": \"...\"}` (also `text`/`content`) or raw text; stops at `[DONE]`. */\nasync function readSSE(body: ReadableStream<Uint8Array>, onDelta: (text: string) => void): Promise<void> {\n const reader = body.getReader();\n const decoder = new TextDecoder();\n let buffer = '';\n\n const handleEvent = (raw: string): boolean => {\n let event = 'message';\n const dataLines: string[] = [];\n for (const line of raw.split(/\\r?\\n/)) {\n if (line.startsWith('event:')) event = line.slice(6).trim();\n else if (line.startsWith('data:')) dataLines.push(line.slice(5).replace(/^ /, ''));\n }\n if (dataLines.length === 0) return false;\n const data = dataLines.join('\\n');\n if (data === '[DONE]') return true;\n\n let parsed: unknown = data;\n try {\n parsed = JSON.parse(data);\n } catch {\n // raw text chunk\n }\n\n if (event === 'error') {\n const msg = parsed && typeof parsed === 'object' ? (parsed as { error?: unknown }).error : parsed;\n throw new Error(typeof msg === 'string' && msg ? msg : 'Stream error');\n }\n\n if (typeof parsed === 'string') onDelta(parsed);\n else if (parsed && typeof parsed === 'object') {\n const p = parsed as { delta?: unknown; text?: unknown; content?: unknown };\n const text = p.delta ?? p.text ?? p.content;\n if (typeof text === 'string') onDelta(text);\n }\n return false;\n };\n\n try {\n while (true) {\n const { done, value } = await reader.read();\n if (done) break;\n buffer += decoder.decode(value, { stream: true });\n const events = buffer.split(/\\r?\\n\\r?\\n/);\n buffer = events.pop() ?? '';\n for (const evt of events) {\n if (handleEvent(evt)) return;\n }\n }\n buffer += decoder.decode();\n if (buffer.trim()) handleEvent(buffer);\n } finally {\n reader.cancel().catch(() => {});\n }\n}\n"],"mappings":"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","names":["import_react"]}
1	+ {"version":3,"sources":["../src/index.ts","../src/client/ChatWidget.tsx","../src/client/useChat.ts"],"sourcesContent":["export * from './client';\nexport type { ChatMessage, ChatRole, ChatRequestBody, ChatResponseBody, ChatStreamChunk } from './types';\n","import {\n useEffect,\n useId,\n useRef,\n useState,\n type CSSProperties,\n type FormEvent,\n type KeyboardEvent,\n type ReactNode,\n} from 'react';\nimport { useChat } from './useChat';\n\n/** `CSSProperties` that also accepts CSS custom properties, e.g. `{ '--cw-accent': '#c8553d' }`. /\nexport type ChatWidgetStyle = CSSProperties & { [key: `--${string}`]: string \| number \| undefined };\n\nexport type ChatWidgetVariant = 'light' \| 'dark';\n\nexport interface ChatWidgetProps {\n /* URL that receives `POST { messages }` and answers with `{ reply }` JSON or an SSE stream. /\n endpoint: string;\n /* Extra headers sent with every request. Never put provider API keys here: they would be public. /\n headers?: Record<string, string>;\n /* Input placeholder. /\n placeholder?: string;\n /* Panel title. /\n title?: string;\n /* Message shown when the conversation is empty. Display-only: not sent to the backend. /\n welcomeMessage?: string;\n /* Called on network / HTTP / stream errors. /\n onError?: (error: Error) => void;\n /* Open the panel on mount. /\n defaultOpen?: boolean;\n /* Built-in palette used when a `--cw-` property is not set. /\n variant?: ChatWidgetVariant;\n /** Extra class on the root element. Set `--cw-` properties on it to theme the widget. /\n className?: string;\n /** Inline styles merged onto the root element. Accepts `--cw-` properties. /\n style?: ChatWidgetStyle;\n /** Custom launcher icon, shown while the panel is closed. /\n toggleIcon?: ReactNode;\n}\n\nconst FONT = 'system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif';\n\n/* Fallback values for every `--cw-` property. A property set by the consumer always wins. /\nconst LIGHT = {\n font: FONT,\n text: '#111827',\n muted: '#6b7280',\n 'panel-bg': '#ffffff',\n 'list-bg': '#f9fafb',\n border: '#e5e7eb',\n accent: '#2563eb',\n 'accent-contrast': '#ffffff',\n 'bubble-bg': '#ffffff',\n 'bubble-text': '#111827',\n 'input-bg': '#ffffff',\n 'input-border': '#d1d5db',\n 'error-bg': '#fef2f2',\n 'error-text': '#b91c1c',\n shadow: '0 12px 40px rgba(0,0,0,0.18)',\n 'toggle-shadow': '0 6px 20px rgba(0,0,0,0.2)',\n radius: '12px',\n 'radius-sm': '8px',\n};\n\ntype Theme = typeof LIGHT;\n\nconst DARK: Theme = {\n ...LIGHT,\n text: '#e5e0db',\n muted: '#8a8580',\n 'panel-bg': '#0c0c0c',\n 'list-bg': '#0a0a0a',\n border: 'rgba(255,255,255,0.08)',\n 'bubble-bg': 'rgba(255,255,255,0.04)',\n 'bubble-text': '#e5e0db',\n 'input-bg': 'rgba(255,255,255,0.03)',\n 'input-border': 'rgba(255,255,255,0.08)',\n 'error-bg': 'rgba(185,28,28,0.15)',\n 'error-text': '#fca5a5',\n};\n\nfunction createStyles(theme: Theme) {\n const v = (name: keyof Theme) => `var(--cw-${name}, ${theme[name]})`;\n const accent = v('accent');\n const accentContrast = v('accent-contrast');\n const border = `1px solid ${v('border')}`;\n\n return {\n root: {\n position: 'fixed',\n right: 20,\n bottom: 20,\n zIndex: 2147483000,\n fontFamily: v('font'),\n fontSize: 14,\n lineHeight: 1.45,\n color: v('text'),\n boxSizing: 'border-box',\n },\n toggle: {\n width: 56,\n height: 56,\n borderRadius: '50%',\n border: 'none',\n background: accent,\n color: accentContrast,\n cursor: 'pointer',\n boxShadow: v('toggle-shadow'),\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n marginLeft: 'auto',\n padding: 0,\n },\n panel: {\n width: 'min(370px, calc(100vw - 40px))',\n height: 'min(540px, calc(100vh - 110px))',\n marginBottom: 12,\n background: v('panel-bg'),\n borderRadius: v('radius'),\n boxShadow: v('shadow'),\n border,\n display: 'flex',\n flexDirection: 'column',\n overflow: 'hidden',\n },\n header: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n padding: '12px 14px',\n background: `var(--cw-header-bg, ${accent})`,\n color: `var(--cw-header-text, ${accentContrast})`,\n borderBottom: 'var(--cw-header-border, none)',\n },\n title: { margin: 0, fontSize: 15, fontWeight: 600, fontFamily: 'var(--cw-title-font, inherit)' },\n close: {\n background: 'transparent',\n border: 'none',\n color: 'inherit',\n cursor: 'pointer',\n fontSize: 20,\n lineHeight: 1,\n padding: 4,\n },\n list: {\n flex: 1,\n overflowY: 'auto',\n padding: 14,\n display: 'flex',\n flexDirection: 'column',\n gap: 8,\n background: v('list-bg'),\n margin: 0,\n listStyle: 'none',\n },\n bubble: {\n maxWidth: '85%',\n padding: '8px 12px',\n borderRadius: v('radius'),\n whiteSpace: 'pre-wrap',\n wordBreak: 'break-word',\n },\n user: { alignSelf: 'flex-end', background: accent, color: accentContrast, borderBottomRightRadius: 4 },\n assistant: {\n alignSelf: 'flex-start',\n background: v('bubble-bg'),\n color: v('bubble-text'),\n border,\n borderBottomLeftRadius: 4,\n },\n status: { alignSelf: 'flex-start', color: v('muted'), fontStyle: 'italic', padding: '0 4px' },\n error: {\n margin: '0 14px 8px',\n padding: '8px 10px',\n borderRadius: v('radius-sm'),\n background: v('error-bg'),\n color: v('error-text'),\n fontSize: 13,\n },\n form: { display: 'flex', gap: 8, padding: 10, borderTop: border, background: v('panel-bg') },\n input: {\n flex: 1,\n resize: 'none',\n border: `1px solid ${v('input-border')}`,\n borderRadius: v('radius-sm'),\n padding: '8px 10px',\n font: 'inherit',\n color: 'inherit',\n background: v('input-bg'),\n minHeight: 38,\n maxHeight: 120,\n boxSizing: 'border-box',\n },\n send: {\n border: 'none',\n borderRadius: v('radius-sm'),\n background: accent,\n color: accentContrast,\n padding: '0 14px',\n font: 'inherit',\n fontWeight: 600,\n cursor: 'pointer',\n },\n srOnly: {\n position: 'absolute',\n width: 1,\n height: 1,\n padding: 0,\n margin: -1,\n overflow: 'hidden',\n clip: 'rect(0,0,0,0)',\n whiteSpace: 'nowrap',\n border: 0,\n },\n } satisfies Record<string, CSSProperties>;\n}\n\nconst STYLES: Record<ChatWidgetVariant, ReturnType<typeof createStyles>> = {\n light: createStyles(LIGHT),\n dark: createStyles(DARK),\n};\n\nexport function ChatWidget({\n endpoint,\n headers,\n placeholder = 'Ask me anything…',\n title = 'Chat with me',\n welcomeMessage,\n onError,\n defaultOpen = false,\n variant = 'light',\n className,\n style,\n toggleIcon,\n}: ChatWidgetProps) {\n const styles = STYLES[variant] ?? STYLES.light;\n const [open, setOpen] = useState(defaultOpen);\n const [input, setInput] = useState('');\n const { messages, loading, error, send } = useChat({ endpoint, headers, onError });\n\n const id = useId();\n const panelId = `${id}-panel`;\n const titleId = `${id}-title`;\n const inputId = `${id}-input`;\n\n const toggleRef = useRef<HTMLButtonElement>(null);\n const inputRef = useRef<HTMLTextAreaElement>(null);\n const listRef = useRef<HTMLOListElement>(null);\n\n useEffect(() => {\n if (open) inputRef.current?.focus();\n }, [open]);\n\n useEffect(() => {\n const el = listRef.current;\n if (el) el.scrollTop = el.scrollHeight;\n }, [messages, loading, open]);\n\n const close = () => {\n setOpen(false);\n toggleRef.current?.focus();\n };\n\n const submit = (e?: FormEvent) => {\n e?.preventDefault();\n if (!input.trim() \|\| loading) return;\n const text = input;\n setInput('');\n void send(text);\n };\n\n const onInputKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n if (e.key === 'Enter' && !e.shiftKey && !e.nativeEvent.isComposing) {\n e.preventDefault();\n submit();\n }\n };\n\n const onPanelKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n if (e.key === 'Escape') {\n e.stopPropagation();\n close();\n }\n };\n\n const last = messages[messages.length - 1];\n const waitingFirstToken = loading && last?.role !== 'assistant';\n const canSend = input.trim().length > 0 && !loading;\n\n return (\n <div style={{ ...styles.root, ...style }} className={className ? `tr-chat-widget ${className}` : 'tr-chat-widget'}>\n {open && (\n <div\n id={panelId}\n role=\"dialog\"\n aria-labelledby={titleId}\n style={styles.panel}\n className=\"tr-chat-panel\"\n onKeyDown={onPanelKeyDown}\n >\n <div style={styles.header} className=\"tr-chat-header\">\n <h2 id={titleId} style={styles.title}>\n {title}\n </h2>\n <button type=\"button\" onClick={close} aria-label=\"Close chat\" style={styles.close} className=\"tr-chat-close\">\n ×\n </button>\n </div>\n\n <ol ref={listRef} role=\"log\" aria-live=\"polite\" aria-relevant=\"additions text\" aria-busy={loading} style={styles.list} className=\"tr-chat-list\">\n {welcomeMessage && messages.length === 0 && (\n <li style={{ ...styles.bubble, ...styles.assistant }} className=\"tr-chat-msg tr-chat-msg-assistant\">\n {welcomeMessage}\n </li>\n )}\n {messages.map((m, i) => (\n <li\n key={i}\n style={{ ...styles.bubble, ...(m.role === 'user' ? styles.user : styles.assistant) }}\n className={`tr-chat-msg tr-chat-msg-${m.role}`}\n >\n <span style={styles.srOnly}>{m.role === 'user' ? 'You: ' : 'Assistant: '}</span>\n {m.content}\n </li>\n ))}\n {waitingFirstToken && (\n <li style={styles.status} className=\"tr-chat-typing\">\n Typing…\n </li>\n )}\n </ol>\n\n {error && (\n <div role=\"alert\" style={styles.error} className=\"tr-chat-error\">\n {error.message \|\| 'Something went wrong.'}\n </div>\n )}\n\n <form onSubmit={submit} style={styles.form} className=\"tr-chat-form\">\n <label htmlFor={inputId} style={styles.srOnly}>\n Message\n </label>\n <textarea\n id={inputId}\n ref={inputRef}\n rows={1}\n value={input}\n placeholder={placeholder}\n onChange={(e) => setInput(e.target.value)}\n onKeyDown={onInputKeyDown}\n style={styles.input}\n className=\"tr-chat-input\"\n />\n <button\n type=\"submit\"\n disabled={!canSend}\n aria-label=\"Send message\"\n style={{ ...styles.send, opacity: canSend ? 1 : 0.5, cursor: canSend ? 'pointer' : 'not-allowed' }}\n className=\"tr-chat-send\"\n >\n Send\n </button>\n </form>\n </div>\n )}\n\n <button\n ref={toggleRef}\n type=\"button\"\n onClick={() => (open ? close() : setOpen(true))}\n aria-label={open ? 'Close chat' : 'Open chat'}\n aria-expanded={open}\n aria-controls={open ? panelId : undefined}\n style={styles.toggle}\n className=\"tr-chat-toggle\"\n >\n {open ? (\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.2\" strokeLinecap=\"round\" aria-hidden=\"true\">\n <path d=\"M6 6l12 12M18 6L6 18\" />\n </svg>\n ) : toggleIcon !== undefined ? (\n toggleIcon\n ) : (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n <path d=\"M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z\" />\n </svg>\n )}\n </button>\n </div>\n );\n}\n","import { useCallback, useEffect, useRef, useState } from 'react';\nimport type { ChatMessage } from '../types';\n\nexport interface UseChatOptions {\n /** URL that receives `POST { messages }` and answers with `{ reply }` JSON or an SSE stream. /\n endpoint: string;\n /* Extra headers sent with every request (e.g. a session token). Never put provider API keys here. /\n headers?: Record<string, string>;\n /* Initial conversation history. /\n initialMessages?: ChatMessage[];\n /* Called on network / HTTP / stream errors. /\n onError?: (error: Error) => void;\n}\n\nexport interface UseChatResult {\n messages: ChatMessage[];\n loading: boolean;\n error: Error \| null;\n /* Sends a user message and appends the assistant reply. Resolves when the reply is complete. /\n send: (message: string) => Promise<void>;\n /* Aborts the in-flight request, if any. /\n stop: () => void;\n /* Clears the conversation and the error. /\n reset: () => void;\n}\n\nexport function useChat({ endpoint, headers, initialMessages, onError }: UseChatOptions): UseChatResult {\n const [messages, setMessages] = useState<ChatMessage[]>(initialMessages ?? []);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState<Error \| null>(null);\n\n // Refs keep `send` stable and always reading the latest values.\n const messagesRef = useRef(messages);\n messagesRef.current = messages;\n const headersRef = useRef(headers);\n headersRef.current = headers;\n const onErrorRef = useRef(onError);\n onErrorRef.current = onError;\n const abortRef = useRef<AbortController \| null>(null);\n\n useEffect(() => () => abortRef.current?.abort(), []);\n\n const stop = useCallback(() => {\n abortRef.current?.abort();\n abortRef.current = null;\n setLoading(false);\n }, []);\n\n const reset = useCallback(() => {\n stop();\n setMessages([]);\n setError(null);\n }, [stop]);\n\n const send = useCallback(\n async (message: string) => {\n const content = message.trim();\n if (!content \|\| abortRef.current) return;\n\n // Drop empty turns (e.g. a reply that failed before its first token): backends reject them.\n const history: ChatMessage[] = [...messagesRef.current.filter((m) => m.content.trim()), { role: 'user', content }];\n setMessages(history);\n setLoading(true);\n setError(null);\n\n const controller = new AbortController();\n abortRef.current = controller;\n\n // Appends text to the assistant message at `history.length`, creating it on first call.\n const appendToReply = (text: string) => {\n setMessages((prev) => {\n const next = prev.slice();\n const current = next[history.length];\n next[history.length] = { role: 'assistant', content: (current?.content ?? '') + text };\n return next;\n });\n };\n\n try {\n const res = await fetch(endpoint, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json', Accept: 'application/json, text/event-stream', ...headersRef.current },\n body: JSON.stringify({ messages: history }),\n signal: controller.signal,\n });\n\n if (!res.ok) throw new Error(await readErrorMessage(res));\n\n const contentType = res.headers.get('content-type') ?? '';\n if (contentType.includes('text/event-stream')) {\n if (!res.body) throw new Error('Empty response stream');\n await readSSE(res.body, appendToReply);\n } else {\n const data: unknown = await res.json();\n const reply = data && typeof data === 'object' ? (data as { reply?: unknown }).reply : undefined;\n if (typeof reply !== 'string') throw new Error('Invalid response: expected { reply: string }');\n if (reply) appendToReply(reply);\n }\n } catch (err) {\n if (controller.signal.aborted) return;\n const e = err instanceof Error ? err : new Error(String(err));\n setError(e);\n onErrorRef.current?.(e);\n } finally {\n // Skip if `stop()` or a newer request already took over.\n if (abortRef.current === controller) {\n abortRef.current = null;\n setLoading(false);\n }\n }\n },\n [endpoint],\n );\n\n return { messages, loading, error, send, stop, reset };\n}\n\nasync function readErrorMessage(res: Response): Promise<string> {\n try {\n const data: unknown = await res.json();\n const msg = data && typeof data === 'object' ? (data as { error?: unknown }).error : undefined;\n if (typeof msg === 'string' && msg) return msg;\n } catch {\n // not JSON\n }\n return `Request failed with status ${res.status}`;\n}\n\n/* Minimal SSE reader. Accepts `data: {\"delta\": \"...\"}` (also `text`/`content`) or raw text; stops at `[DONE]`. */\nasync function readSSE(body: ReadableStream<Uint8Array>, onDelta: (text: string) => void): Promise<void> {\n const reader = body.getReader();\n const decoder = new TextDecoder();\n let buffer = '';\n\n const handleEvent = (raw: string): boolean => {\n let event = 'message';\n const dataLines: string[] = [];\n for (const line of raw.split(/\\r?\\n/)) {\n if (line.startsWith('event:')) event = line.slice(6).trim();\n else if (line.startsWith('data:')) dataLines.push(line.slice(5).replace(/^ /, ''));\n }\n if (dataLines.length === 0) return false;\n const data = dataLines.join('\\n');\n if (data === '[DONE]') return true;\n\n let parsed: unknown = data;\n try {\n parsed = JSON.parse(data);\n } catch {\n // raw text chunk\n }\n\n if (event === 'error') {\n const msg = parsed && typeof parsed === 'object' ? (parsed as { error?: unknown }).error : parsed;\n throw new Error(typeof msg === 'string' && msg ? msg : 'Stream error');\n }\n\n if (typeof parsed === 'string') onDelta(parsed);\n else if (parsed && typeof parsed === 'object') {\n const p = parsed as { delta?: unknown; text?: unknown; content?: unknown };\n const text = p.delta ?? p.text ?? p.content;\n if (typeof text === 'string') onDelta(text);\n }\n return false;\n };\n\n try {\n while (true) {\n const { done, value } = await reader.read();\n if (done) break;\n buffer += decoder.decode(value, { stream: true });\n const events = buffer.split(/\\r?\\n\\r?\\n/);\n buffer = events.pop() ?? '';\n for (const evt of events) {\n if (handleEvent(evt)) return;\n }\n }\n buffer += decoder.decode();\n if (buffer.trim()) handleEvent(buffer);\n } finally {\n reader.cancel().catch(() => {});\n }\n}\n"],"mappings":"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","names":["import_react"]}

package/dist/index.d.cts CHANGED Viewed

@@ -1,5 +1,11 @@
 import * as react from 'react';
+import { CSSProperties, ReactNode } from 'react';
+/** `CSSProperties` that also accepts CSS custom properties, e.g. `{ '--cw-accent': '#c8553d' }`. */
+type ChatWidgetStyle = CSSProperties & {
+    [key: `--${string}`]: string | number | undefined;
+};
+type ChatWidgetVariant = 'light' | 'dark';
 interface ChatWidgetProps {
     /** URL that receives `POST { messages }` and answers with `{ reply }` JSON or an SSE stream. */
     endpoint: string;
@@ -15,8 +21,16 @@ interface ChatWidgetProps {
     onError?: (error: Error) => void;
     /** Open the panel on mount. */
     defaultOpen?: boolean;
+    /** Built-in palette used when a `--cw-*` property is not set. */
+    variant?: ChatWidgetVariant;
+    /** Extra class on the root element. Set `--cw-*` properties on it to theme the widget. */
+    className?: string;
+    /** Inline styles merged onto the root element. Accepts `--cw-*` properties. */
+    style?: ChatWidgetStyle;
+    /** Custom launcher icon, shown while the panel is closed. */
+    toggleIcon?: ReactNode;
 }
-declare function ChatWidget({ endpoint, headers, placeholder, title, welcomeMessage, onError, defaultOpen, }: ChatWidgetProps): react.JSX.Element;
+declare function ChatWidget({ endpoint, headers, placeholder, title, welcomeMessage, onError, defaultOpen, variant, className, style, toggleIcon, }: ChatWidgetProps): react.JSX.Element;
 type ChatRole = 'user' | 'assistant';
 interface ChatMessage {
@@ -62,4 +76,4 @@ interface UseChatResult {
 }
 declare function useChat({ endpoint, headers, initialMessages, onError }: UseChatOptions): UseChatResult;
-export { type ChatMessage, type ChatRequestBody, type ChatResponseBody, type ChatRole, type ChatStreamChunk, ChatWidget, type ChatWidgetProps, type UseChatOptions, type UseChatResult, useChat };
+export { type ChatMessage, type ChatRequestBody, type ChatResponseBody, type ChatRole, type ChatStreamChunk, ChatWidget, type ChatWidgetProps, type ChatWidgetStyle, type ChatWidgetVariant, type UseChatOptions, type UseChatResult, useChat };

package/dist/index.d.ts CHANGED Viewed

@@ -1,5 +1,11 @@
 import * as react from 'react';
+import { CSSProperties, ReactNode } from 'react';
+/** `CSSProperties` that also accepts CSS custom properties, e.g. `{ '--cw-accent': '#c8553d' }`. */
+type ChatWidgetStyle = CSSProperties & {
+    [key: `--${string}`]: string | number | undefined;
+};
+type ChatWidgetVariant = 'light' | 'dark';
 interface ChatWidgetProps {
     /** URL that receives `POST { messages }` and answers with `{ reply }` JSON or an SSE stream. */
     endpoint: string;
@@ -15,8 +21,16 @@ interface ChatWidgetProps {
     onError?: (error: Error) => void;
     /** Open the panel on mount. */
     defaultOpen?: boolean;
+    /** Built-in palette used when a `--cw-*` property is not set. */
+    variant?: ChatWidgetVariant;
+    /** Extra class on the root element. Set `--cw-*` properties on it to theme the widget. */
+    className?: string;
+    /** Inline styles merged onto the root element. Accepts `--cw-*` properties. */
+    style?: ChatWidgetStyle;
+    /** Custom launcher icon, shown while the panel is closed. */
+    toggleIcon?: ReactNode;
 }
-declare function ChatWidget({ endpoint, headers, placeholder, title, welcomeMessage, onError, defaultOpen, }: ChatWidgetProps): react.JSX.Element;
+declare function ChatWidget({ endpoint, headers, placeholder, title, welcomeMessage, onError, defaultOpen, variant, className, style, toggleIcon, }: ChatWidgetProps): react.JSX.Element;
 type ChatRole = 'user' | 'assistant';
 interface ChatMessage {
@@ -62,4 +76,4 @@ interface UseChatResult {
 }
 declare function useChat({ endpoint, headers, initialMessages, onError }: UseChatOptions): UseChatResult;
-export { type ChatMessage, type ChatRequestBody, type ChatResponseBody, type ChatRole, type ChatStreamChunk, ChatWidget, type ChatWidgetProps, type UseChatOptions, type UseChatResult, useChat };
+export { type ChatMessage, type ChatRequestBody, type ChatResponseBody, type ChatRole, type ChatStreamChunk, ChatWidget, type ChatWidgetProps, type ChatWidgetStyle, type ChatWidgetVariant, type UseChatOptions, type UseChatResult, useChat };

package/dist/index.js CHANGED Viewed

@@ -1,7 +1,12 @@
 "use client";
 // src/client/ChatWidget.tsx
-import { useEffect as useEffect2, useId, useRef as useRef2, useState as useState2 } from "react";
+import {
+  useEffect as useEffect2,
+  useId,
+  useRef as useRef2,
+  useState as useState2
+} from "react";
 // src/client/useChat.ts
 import { useCallback, useEffect, useRef, useState } from "react";
@@ -140,139 +145,194 @@ async function readSSE(body, onDelta) {
 // src/client/ChatWidget.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
-var ACCENT = "#2563eb";
 var FONT = 'system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif';
-var styles = {
-  root: {
-    position: "fixed",
-    right: 20,
-    bottom: 20,
-    zIndex: 2147483e3,
-    fontFamily: FONT,
-    fontSize: 14,
-    lineHeight: 1.45,
-    color: "#111827",
-    boxSizing: "border-box"
-  },
-  toggle: {
-    width: 56,
-    height: 56,
-    borderRadius: "50%",
-    border: "none",
-    background: ACCENT,
-    color: "#fff",
-    cursor: "pointer",
-    boxShadow: "0 6px 20px rgba(0,0,0,0.2)",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    marginLeft: "auto",
-    padding: 0
-  },
-  panel: {
-    width: "min(370px, calc(100vw - 40px))",
-    height: "min(540px, calc(100vh - 110px))",
-    marginBottom: 12,
-    background: "#fff",
-    borderRadius: 12,
-    boxShadow: "0 12px 40px rgba(0,0,0,0.18)",
-    border: "1px solid #e5e7eb",
-    display: "flex",
-    flexDirection: "column",
-    overflow: "hidden"
-  },
-  header: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    padding: "12px 14px",
-    background: ACCENT,
-    color: "#fff"
-  },
-  title: { margin: 0, fontSize: 15, fontWeight: 600 },
-  close: {
-    background: "transparent",
-    border: "none",
-    color: "#fff",
-    cursor: "pointer",
-    fontSize: 20,
-    lineHeight: 1,
-    padding: 4
-  },
-  list: {
-    flex: 1,
-    overflowY: "auto",
-    padding: 14,
-    display: "flex",
-    flexDirection: "column",
-    gap: 8,
-    background: "#f9fafb",
-    margin: 0,
-    listStyle: "none"
-  },
-  bubble: {
-    maxWidth: "85%",
-    padding: "8px 12px",
-    borderRadius: 12,
-    whiteSpace: "pre-wrap",
-    wordBreak: "break-word"
-  },
-  user: { alignSelf: "flex-end", background: ACCENT, color: "#fff", borderBottomRightRadius: 4 },
-  assistant: { alignSelf: "flex-start", background: "#fff", border: "1px solid #e5e7eb", borderBottomLeftRadius: 4 },
-  status: { alignSelf: "flex-start", color: "#6b7280", fontStyle: "italic", padding: "0 4px" },
-  error: {
-    margin: "0 14px 8px",
-    padding: "8px 10px",
-    borderRadius: 8,
-    background: "#fef2f2",
-    color: "#b91c1c",
-    fontSize: 13
-  },
-  form: { display: "flex", gap: 8, padding: 10, borderTop: "1px solid #e5e7eb", background: "#fff" },
-  input: {
-    flex: 1,
-    resize: "none",
-    border: "1px solid #d1d5db",
-    borderRadius: 8,
-    padding: "8px 10px",
-    font: "inherit",
-    color: "inherit",
-    background: "#fff",
-    minHeight: 38,
-    maxHeight: 120,
-    boxSizing: "border-box"
-  },
-  send: {
-    border: "none",
-    borderRadius: 8,
-    background: ACCENT,
-    color: "#fff",
-    padding: "0 14px",
-    font: "inherit",
-    fontWeight: 600,
-    cursor: "pointer"
-  },
-  srOnly: {
-    position: "absolute",
-    width: 1,
-    height: 1,
-    padding: 0,
-    margin: -1,
-    overflow: "hidden",
-    clip: "rect(0,0,0,0)",
-    whiteSpace: "nowrap",
-    border: 0
-  }
+var LIGHT = {
+  font: FONT,
+  text: "#111827",
+  muted: "#6b7280",
+  "panel-bg": "#ffffff",
+  "list-bg": "#f9fafb",
+  border: "#e5e7eb",
+  accent: "#2563eb",
+  "accent-contrast": "#ffffff",
+  "bubble-bg": "#ffffff",
+  "bubble-text": "#111827",
+  "input-bg": "#ffffff",
+  "input-border": "#d1d5db",
+  "error-bg": "#fef2f2",
+  "error-text": "#b91c1c",
+  shadow: "0 12px 40px rgba(0,0,0,0.18)",
+  "toggle-shadow": "0 6px 20px rgba(0,0,0,0.2)",
+  radius: "12px",
+  "radius-sm": "8px"
+};
+var DARK = {
+  ...LIGHT,
+  text: "#e5e0db",
+  muted: "#8a8580",
+  "panel-bg": "#0c0c0c",
+  "list-bg": "#0a0a0a",
+  border: "rgba(255,255,255,0.08)",
+  "bubble-bg": "rgba(255,255,255,0.04)",
+  "bubble-text": "#e5e0db",
+  "input-bg": "rgba(255,255,255,0.03)",
+  "input-border": "rgba(255,255,255,0.08)",
+  "error-bg": "rgba(185,28,28,0.15)",
+  "error-text": "#fca5a5"
+};
+function createStyles(theme) {
+  const v = (name) => `var(--cw-${name}, ${theme[name]})`;
+  const accent = v("accent");
+  const accentContrast = v("accent-contrast");
+  const border = `1px solid ${v("border")}`;
+  return {
+    root: {
+      position: "fixed",
+      right: 20,
+      bottom: 20,
+      zIndex: 2147483e3,
+      fontFamily: v("font"),
+      fontSize: 14,
+      lineHeight: 1.45,
+      color: v("text"),
+      boxSizing: "border-box"
+    },
+    toggle: {
+      width: 56,
+      height: 56,
+      borderRadius: "50%",
+      border: "none",
+      background: accent,
+      color: accentContrast,
+      cursor: "pointer",
+      boxShadow: v("toggle-shadow"),
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      marginLeft: "auto",
+      padding: 0
+    },
+    panel: {
+      width: "min(370px, calc(100vw - 40px))",
+      height: "min(540px, calc(100vh - 110px))",
+      marginBottom: 12,
+      background: v("panel-bg"),
+      borderRadius: v("radius"),
+      boxShadow: v("shadow"),
+      border,
+      display: "flex",
+      flexDirection: "column",
+      overflow: "hidden"
+    },
+    header: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      padding: "12px 14px",
+      background: `var(--cw-header-bg, ${accent})`,
+      color: `var(--cw-header-text, ${accentContrast})`,
+      borderBottom: "var(--cw-header-border, none)"
+    },
+    title: { margin: 0, fontSize: 15, fontWeight: 600, fontFamily: "var(--cw-title-font, inherit)" },
+    close: {
+      background: "transparent",
+      border: "none",
+      color: "inherit",
+      cursor: "pointer",
+      fontSize: 20,
+      lineHeight: 1,
+      padding: 4
+    },
+    list: {
+      flex: 1,
+      overflowY: "auto",
+      padding: 14,
+      display: "flex",
+      flexDirection: "column",
+      gap: 8,
+      background: v("list-bg"),
+      margin: 0,
+      listStyle: "none"
+    },
+    bubble: {
+      maxWidth: "85%",
+      padding: "8px 12px",
+      borderRadius: v("radius"),
+      whiteSpace: "pre-wrap",
+      wordBreak: "break-word"
+    },
+    user: { alignSelf: "flex-end", background: accent, color: accentContrast, borderBottomRightRadius: 4 },
+    assistant: {
+      alignSelf: "flex-start",
+      background: v("bubble-bg"),
+      color: v("bubble-text"),
+      border,
+      borderBottomLeftRadius: 4
+    },
+    status: { alignSelf: "flex-start", color: v("muted"), fontStyle: "italic", padding: "0 4px" },
+    error: {
+      margin: "0 14px 8px",
+      padding: "8px 10px",
+      borderRadius: v("radius-sm"),
+      background: v("error-bg"),
+      color: v("error-text"),
+      fontSize: 13
+    },
+    form: { display: "flex", gap: 8, padding: 10, borderTop: border, background: v("panel-bg") },
+    input: {
+      flex: 1,
+      resize: "none",
+      border: `1px solid ${v("input-border")}`,
+      borderRadius: v("radius-sm"),
+      padding: "8px 10px",
+      font: "inherit",
+      color: "inherit",
+      background: v("input-bg"),
+      minHeight: 38,
+      maxHeight: 120,
+      boxSizing: "border-box"
+    },
+    send: {
+      border: "none",
+      borderRadius: v("radius-sm"),
+      background: accent,
+      color: accentContrast,
+      padding: "0 14px",
+      font: "inherit",
+      fontWeight: 600,
+      cursor: "pointer"
+    },
+    srOnly: {
+      position: "absolute",
+      width: 1,
+      height: 1,
+      padding: 0,
+      margin: -1,
+      overflow: "hidden",
+      clip: "rect(0,0,0,0)",
+      whiteSpace: "nowrap",
+      border: 0
+    }
+  };
+}
+var STYLES = {
+  light: createStyles(LIGHT),
+  dark: createStyles(DARK)
 };
 function ChatWidget({
   endpoint,
   headers,
-  placeholder = "Type a message\u2026",
-  title = "Chat",
+  placeholder = "Ask me anything\u2026",
+  title = "Chat with me",
   welcomeMessage,
   onError,
-  defaultOpen = false
+  defaultOpen = false,
+  variant = "light",
+  className,
+  style,
+  toggleIcon
 }) {
+  const styles = STYLES[variant] ?? STYLES.light;
   const [open, setOpen] = useState2(defaultOpen);
   const [input, setInput] = useState2("");
   const { messages, loading, error, send } = useChat({ endpoint, headers, onError });
@@ -316,7 +376,7 @@ function ChatWidget({
   const last = messages[messages.length - 1];
   const waitingFirstToken = loading && last?.role !== "assistant";
   const canSend = input.trim().length > 0 && !loading;
-  return /* @__PURE__ */ jsxs("div", { style: styles.root, className: "tr-chat-widget", children: [
+  return /* @__PURE__ */ jsxs("div", { style: { ...styles.root, ...style }, className: className ? `tr-chat-widget ${className}` : "tr-chat-widget", children: [
     open && /* @__PURE__ */ jsxs(
       "div",
       {
@@ -390,7 +450,7 @@ function ChatWidget({
         "aria-controls": open ? panelId : void 0,
         style: styles.toggle,
         className: "tr-chat-toggle",
-        children: open ? /* @__PURE__ */ jsx("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M6 6l12 12M18 6L6 18" }) }) : /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z" }) })
+        children: open ? /* @__PURE__ */ jsx("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M6 6l12 12M18 6L6 18" }) }) : toggleIcon !== void 0 ? toggleIcon : /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z" }) })
       }
     )
   ] });

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/client/ChatWidget.tsx","../src/client/useChat.ts"],"sourcesContent":["import { useEffect, useId, useRef, useState, type CSSProperties, type FormEvent, type KeyboardEvent } from 'react';\nimport { useChat } from './useChat';\n\nexport interface ChatWidgetProps {\n /** URL that receives `POST { messages }` and answers with `{ reply }` JSON or an SSE stream. /\n endpoint: string;\n /* Extra headers sent with every request. Never put provider API keys here: they would be public. /\n headers?: Record<string, string>;\n /* Input placeholder. /\n placeholder?: string;\n /* Panel title. /\n title?: string;\n /* Message shown when the conversation is empty. Display-only: not sent to the backend. /\n welcomeMessage?: string;\n /* Called on network / HTTP / stream errors. /\n onError?: (error: Error) => void;\n /* Open the panel on mount. /\n defaultOpen?: boolean;\n}\n\nconst ACCENT = '#2563eb';\nconst FONT = 'system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif';\n\nconst styles = {\n root: {\n position: 'fixed',\n right: 20,\n bottom: 20,\n zIndex: 2147483000,\n fontFamily: FONT,\n fontSize: 14,\n lineHeight: 1.45,\n color: '#111827',\n boxSizing: 'border-box',\n },\n toggle: {\n width: 56,\n height: 56,\n borderRadius: '50%',\n border: 'none',\n background: ACCENT,\n color: '#fff',\n cursor: 'pointer',\n boxShadow: '0 6px 20px rgba(0,0,0,0.2)',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n marginLeft: 'auto',\n padding: 0,\n },\n panel: {\n width: 'min(370px, calc(100vw - 40px))',\n height: 'min(540px, calc(100vh - 110px))',\n marginBottom: 12,\n background: '#fff',\n borderRadius: 12,\n boxShadow: '0 12px 40px rgba(0,0,0,0.18)',\n border: '1px solid #e5e7eb',\n display: 'flex',\n flexDirection: 'column',\n overflow: 'hidden',\n },\n header: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n padding: '12px 14px',\n background: ACCENT,\n color: '#fff',\n },\n title: { margin: 0, fontSize: 15, fontWeight: 600 },\n close: {\n background: 'transparent',\n border: 'none',\n color: '#fff',\n cursor: 'pointer',\n fontSize: 20,\n lineHeight: 1,\n padding: 4,\n },\n list: {\n flex: 1,\n overflowY: 'auto',\n padding: 14,\n display: 'flex',\n flexDirection: 'column',\n gap: 8,\n background: '#f9fafb',\n margin: 0,\n listStyle: 'none',\n },\n bubble: {\n maxWidth: '85%',\n padding: '8px 12px',\n borderRadius: 12,\n whiteSpace: 'pre-wrap',\n wordBreak: 'break-word',\n },\n user: { alignSelf: 'flex-end', background: ACCENT, color: '#fff', borderBottomRightRadius: 4 },\n assistant: { alignSelf: 'flex-start', background: '#fff', border: '1px solid #e5e7eb', borderBottomLeftRadius: 4 },\n status: { alignSelf: 'flex-start', color: '#6b7280', fontStyle: 'italic', padding: '0 4px' },\n error: {\n margin: '0 14px 8px',\n padding: '8px 10px',\n borderRadius: 8,\n background: '#fef2f2',\n color: '#b91c1c',\n fontSize: 13,\n },\n form: { display: 'flex', gap: 8, padding: 10, borderTop: '1px solid #e5e7eb', background: '#fff' },\n input: {\n flex: 1,\n resize: 'none',\n border: '1px solid #d1d5db',\n borderRadius: 8,\n padding: '8px 10px',\n font: 'inherit',\n color: 'inherit',\n background: '#fff',\n minHeight: 38,\n maxHeight: 120,\n boxSizing: 'border-box',\n },\n send: {\n border: 'none',\n borderRadius: 8,\n background: ACCENT,\n color: '#fff',\n padding: '0 14px',\n font: 'inherit',\n fontWeight: 600,\n cursor: 'pointer',\n },\n srOnly: {\n position: 'absolute',\n width: 1,\n height: 1,\n padding: 0,\n margin: -1,\n overflow: 'hidden',\n clip: 'rect(0,0,0,0)',\n whiteSpace: 'nowrap',\n border: 0,\n },\n} satisfies Record<string, CSSProperties>;\n\nexport function ChatWidget({\n endpoint,\n headers,\n placeholder = 'Type a message…',\n title = 'Chat',\n welcomeMessage,\n onError,\n defaultOpen = false,\n}: ChatWidgetProps) {\n const [open, setOpen] = useState(defaultOpen);\n const [input, setInput] = useState('');\n const { messages, loading, error, send } = useChat({ endpoint, headers, onError });\n\n const id = useId();\n const panelId = `${id}-panel`;\n const titleId = `${id}-title`;\n const inputId = `${id}-input`;\n\n const toggleRef = useRef<HTMLButtonElement>(null);\n const inputRef = useRef<HTMLTextAreaElement>(null);\n const listRef = useRef<HTMLOListElement>(null);\n\n useEffect(() => {\n if (open) inputRef.current?.focus();\n }, [open]);\n\n useEffect(() => {\n const el = listRef.current;\n if (el) el.scrollTop = el.scrollHeight;\n }, [messages, loading, open]);\n\n const close = () => {\n setOpen(false);\n toggleRef.current?.focus();\n };\n\n const submit = (e?: FormEvent) => {\n e?.preventDefault();\n if (!input.trim() \|\| loading) return;\n const text = input;\n setInput('');\n void send(text);\n };\n\n const onInputKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n if (e.key === 'Enter' && !e.shiftKey && !e.nativeEvent.isComposing) {\n e.preventDefault();\n submit();\n }\n };\n\n const onPanelKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n if (e.key === 'Escape') {\n e.stopPropagation();\n close();\n }\n };\n\n const last = messages[messages.length - 1];\n const waitingFirstToken = loading && last?.role !== 'assistant';\n const canSend = input.trim().length > 0 && !loading;\n\n return (\n <div style={styles.root} className=\"tr-chat-widget\">\n {open && (\n <div\n id={panelId}\n role=\"dialog\"\n aria-labelledby={titleId}\n style={styles.panel}\n className=\"tr-chat-panel\"\n onKeyDown={onPanelKeyDown}\n >\n <div style={styles.header} className=\"tr-chat-header\">\n <h2 id={titleId} style={styles.title}>\n {title}\n </h2>\n <button type=\"button\" onClick={close} aria-label=\"Close chat\" style={styles.close} className=\"tr-chat-close\">\n ×\n </button>\n </div>\n\n <ol ref={listRef} role=\"log\" aria-live=\"polite\" aria-relevant=\"additions text\" aria-busy={loading} style={styles.list} className=\"tr-chat-list\">\n {welcomeMessage && messages.length === 0 && (\n <li style={{ ...styles.bubble, ...styles.assistant }} className=\"tr-chat-msg tr-chat-msg-assistant\">\n {welcomeMessage}\n </li>\n )}\n {messages.map((m, i) => (\n <li\n key={i}\n style={{ ...styles.bubble, ...(m.role === 'user' ? styles.user : styles.assistant) }}\n className={`tr-chat-msg tr-chat-msg-${m.role}`}\n >\n <span style={styles.srOnly}>{m.role === 'user' ? 'You: ' : 'Assistant: '}</span>\n {m.content}\n </li>\n ))}\n {waitingFirstToken && (\n <li style={styles.status} className=\"tr-chat-typing\">\n Typing…\n </li>\n )}\n </ol>\n\n {error && (\n <div role=\"alert\" style={styles.error} className=\"tr-chat-error\">\n {error.message \|\| 'Something went wrong.'}\n </div>\n )}\n\n <form onSubmit={submit} style={styles.form} className=\"tr-chat-form\">\n <label htmlFor={inputId} style={styles.srOnly}>\n Message\n </label>\n <textarea\n id={inputId}\n ref={inputRef}\n rows={1}\n value={input}\n placeholder={placeholder}\n onChange={(e) => setInput(e.target.value)}\n onKeyDown={onInputKeyDown}\n style={styles.input}\n className=\"tr-chat-input\"\n />\n <button\n type=\"submit\"\n disabled={!canSend}\n aria-label=\"Send message\"\n style={{ ...styles.send, opacity: canSend ? 1 : 0.5, cursor: canSend ? 'pointer' : 'not-allowed' }}\n className=\"tr-chat-send\"\n >\n Send\n </button>\n </form>\n </div>\n )}\n\n <button\n ref={toggleRef}\n type=\"button\"\n onClick={() => (open ? close() : setOpen(true))}\n aria-label={open ? 'Close chat' : 'Open chat'}\n aria-expanded={open}\n aria-controls={open ? panelId : undefined}\n style={styles.toggle}\n className=\"tr-chat-toggle\"\n >\n {open ? (\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.2\" strokeLinecap=\"round\" aria-hidden=\"true\">\n <path d=\"M6 6l12 12M18 6L6 18\" />\n </svg>\n ) : (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n <path d=\"M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z\" />\n </svg>\n )}\n </button>\n </div>\n );\n}\n","import { useCallback, useEffect, useRef, useState } from 'react';\nimport type { ChatMessage } from '../types';\n\nexport interface UseChatOptions {\n /* URL that receives `POST { messages }` and answers with `{ reply }` JSON or an SSE stream. /\n endpoint: string;\n /* Extra headers sent with every request (e.g. a session token). Never put provider API keys here. /\n headers?: Record<string, string>;\n /* Initial conversation history. /\n initialMessages?: ChatMessage[];\n /* Called on network / HTTP / stream errors. /\n onError?: (error: Error) => void;\n}\n\nexport interface UseChatResult {\n messages: ChatMessage[];\n loading: boolean;\n error: Error \| null;\n /* Sends a user message and appends the assistant reply. Resolves when the reply is complete. /\n send: (message: string) => Promise<void>;\n /* Aborts the in-flight request, if any. /\n stop: () => void;\n /* Clears the conversation and the error. /\n reset: () => void;\n}\n\nexport function useChat({ endpoint, headers, initialMessages, onError }: UseChatOptions): UseChatResult {\n const [messages, setMessages] = useState<ChatMessage[]>(initialMessages ?? []);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState<Error \| null>(null);\n\n // Refs keep `send` stable and always reading the latest values.\n const messagesRef = useRef(messages);\n messagesRef.current = messages;\n const headersRef = useRef(headers);\n headersRef.current = headers;\n const onErrorRef = useRef(onError);\n onErrorRef.current = onError;\n const abortRef = useRef<AbortController \| null>(null);\n\n useEffect(() => () => abortRef.current?.abort(), []);\n\n const stop = useCallback(() => {\n abortRef.current?.abort();\n abortRef.current = null;\n setLoading(false);\n }, []);\n\n const reset = useCallback(() => {\n stop();\n setMessages([]);\n setError(null);\n }, [stop]);\n\n const send = useCallback(\n async (message: string) => {\n const content = message.trim();\n if (!content \|\| abortRef.current) return;\n\n // Drop empty turns (e.g. a reply that failed before its first token): backends reject them.\n const history: ChatMessage[] = [...messagesRef.current.filter((m) => m.content.trim()), { role: 'user', content }];\n setMessages(history);\n setLoading(true);\n setError(null);\n\n const controller = new AbortController();\n abortRef.current = controller;\n\n // Appends text to the assistant message at `history.length`, creating it on first call.\n const appendToReply = (text: string) => {\n setMessages((prev) => {\n const next = prev.slice();\n const current = next[history.length];\n next[history.length] = { role: 'assistant', content: (current?.content ?? '') + text };\n return next;\n });\n };\n\n try {\n const res = await fetch(endpoint, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json', Accept: 'application/json, text/event-stream', ...headersRef.current },\n body: JSON.stringify({ messages: history }),\n signal: controller.signal,\n });\n\n if (!res.ok) throw new Error(await readErrorMessage(res));\n\n const contentType = res.headers.get('content-type') ?? '';\n if (contentType.includes('text/event-stream')) {\n if (!res.body) throw new Error('Empty response stream');\n await readSSE(res.body, appendToReply);\n } else {\n const data: unknown = await res.json();\n const reply = data && typeof data === 'object' ? (data as { reply?: unknown }).reply : undefined;\n if (typeof reply !== 'string') throw new Error('Invalid response: expected { reply: string }');\n if (reply) appendToReply(reply);\n }\n } catch (err) {\n if (controller.signal.aborted) return;\n const e = err instanceof Error ? err : new Error(String(err));\n setError(e);\n onErrorRef.current?.(e);\n } finally {\n // Skip if `stop()` or a newer request already took over.\n if (abortRef.current === controller) {\n abortRef.current = null;\n setLoading(false);\n }\n }\n },\n [endpoint],\n );\n\n return { messages, loading, error, send, stop, reset };\n}\n\nasync function readErrorMessage(res: Response): Promise<string> {\n try {\n const data: unknown = await res.json();\n const msg = data && typeof data === 'object' ? (data as { error?: unknown }).error : undefined;\n if (typeof msg === 'string' && msg) return msg;\n } catch {\n // not JSON\n }\n return `Request failed with status ${res.status}`;\n}\n\n/* Minimal SSE reader. Accepts `data: {\"delta\": \"...\"}` (also `text`/`content`) or raw text; stops at `[DONE]`. */\nasync function readSSE(body: ReadableStream<Uint8Array>, onDelta: (text: string) => void): Promise<void> {\n const reader = body.getReader();\n const decoder = new TextDecoder();\n let buffer = '';\n\n const handleEvent = (raw: string): boolean => {\n let event = 'message';\n const dataLines: string[] = [];\n for (const line of raw.split(/\\r?\\n/)) {\n if (line.startsWith('event:')) event = line.slice(6).trim();\n else if (line.startsWith('data:')) dataLines.push(line.slice(5).replace(/^ /, ''));\n }\n if (dataLines.length === 0) return false;\n const data = dataLines.join('\\n');\n if (data === '[DONE]') return true;\n\n let parsed: unknown = data;\n try {\n parsed = JSON.parse(data);\n } catch {\n // raw text chunk\n }\n\n if (event === 'error') {\n const msg = parsed && typeof parsed === 'object' ? (parsed as { error?: unknown }).error : parsed;\n throw new Error(typeof msg === 'string' && msg ? msg : 'Stream error');\n }\n\n if (typeof parsed === 'string') onDelta(parsed);\n else if (parsed && typeof parsed === 'object') {\n const p = parsed as { delta?: unknown; text?: unknown; content?: unknown };\n const text = p.delta ?? p.text ?? p.content;\n if (typeof text === 'string') onDelta(text);\n }\n return false;\n };\n\n try {\n while (true) {\n const { done, value } = await reader.read();\n if (done) break;\n buffer += decoder.decode(value, { stream: true });\n const events = buffer.split(/\\r?\\n\\r?\\n/);\n buffer = events.pop() ?? '';\n for (const evt of events) {\n if (handleEvent(evt)) return;\n }\n }\n buffer += decoder.decode();\n if (buffer.trim()) handleEvent(buffer);\n } finally {\n reader.cancel().catch(() => {});\n }\n}\n"],"mappings":"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","names":["useEffect","useRef","useState","useState","useRef","useEffect"]}
1	+ {"version":3,"sources":["../src/client/ChatWidget.tsx","../src/client/useChat.ts"],"sourcesContent":["import {\n useEffect,\n useId,\n useRef,\n useState,\n type CSSProperties,\n type FormEvent,\n type KeyboardEvent,\n type ReactNode,\n} from 'react';\nimport { useChat } from './useChat';\n\n/** `CSSProperties` that also accepts CSS custom properties, e.g. `{ '--cw-accent': '#c8553d' }`. /\nexport type ChatWidgetStyle = CSSProperties & { [key: `--${string}`]: string \| number \| undefined };\n\nexport type ChatWidgetVariant = 'light' \| 'dark';\n\nexport interface ChatWidgetProps {\n /* URL that receives `POST { messages }` and answers with `{ reply }` JSON or an SSE stream. /\n endpoint: string;\n /* Extra headers sent with every request. Never put provider API keys here: they would be public. /\n headers?: Record<string, string>;\n /* Input placeholder. /\n placeholder?: string;\n /* Panel title. /\n title?: string;\n /* Message shown when the conversation is empty. Display-only: not sent to the backend. /\n welcomeMessage?: string;\n /* Called on network / HTTP / stream errors. /\n onError?: (error: Error) => void;\n /* Open the panel on mount. /\n defaultOpen?: boolean;\n /* Built-in palette used when a `--cw-` property is not set. /\n variant?: ChatWidgetVariant;\n /** Extra class on the root element. Set `--cw-` properties on it to theme the widget. /\n className?: string;\n /** Inline styles merged onto the root element. Accepts `--cw-` properties. /\n style?: ChatWidgetStyle;\n /** Custom launcher icon, shown while the panel is closed. /\n toggleIcon?: ReactNode;\n}\n\nconst FONT = 'system-ui, -apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif';\n\n/* Fallback values for every `--cw-` property. A property set by the consumer always wins. /\nconst LIGHT = {\n font: FONT,\n text: '#111827',\n muted: '#6b7280',\n 'panel-bg': '#ffffff',\n 'list-bg': '#f9fafb',\n border: '#e5e7eb',\n accent: '#2563eb',\n 'accent-contrast': '#ffffff',\n 'bubble-bg': '#ffffff',\n 'bubble-text': '#111827',\n 'input-bg': '#ffffff',\n 'input-border': '#d1d5db',\n 'error-bg': '#fef2f2',\n 'error-text': '#b91c1c',\n shadow: '0 12px 40px rgba(0,0,0,0.18)',\n 'toggle-shadow': '0 6px 20px rgba(0,0,0,0.2)',\n radius: '12px',\n 'radius-sm': '8px',\n};\n\ntype Theme = typeof LIGHT;\n\nconst DARK: Theme = {\n ...LIGHT,\n text: '#e5e0db',\n muted: '#8a8580',\n 'panel-bg': '#0c0c0c',\n 'list-bg': '#0a0a0a',\n border: 'rgba(255,255,255,0.08)',\n 'bubble-bg': 'rgba(255,255,255,0.04)',\n 'bubble-text': '#e5e0db',\n 'input-bg': 'rgba(255,255,255,0.03)',\n 'input-border': 'rgba(255,255,255,0.08)',\n 'error-bg': 'rgba(185,28,28,0.15)',\n 'error-text': '#fca5a5',\n};\n\nfunction createStyles(theme: Theme) {\n const v = (name: keyof Theme) => `var(--cw-${name}, ${theme[name]})`;\n const accent = v('accent');\n const accentContrast = v('accent-contrast');\n const border = `1px solid ${v('border')}`;\n\n return {\n root: {\n position: 'fixed',\n right: 20,\n bottom: 20,\n zIndex: 2147483000,\n fontFamily: v('font'),\n fontSize: 14,\n lineHeight: 1.45,\n color: v('text'),\n boxSizing: 'border-box',\n },\n toggle: {\n width: 56,\n height: 56,\n borderRadius: '50%',\n border: 'none',\n background: accent,\n color: accentContrast,\n cursor: 'pointer',\n boxShadow: v('toggle-shadow'),\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n marginLeft: 'auto',\n padding: 0,\n },\n panel: {\n width: 'min(370px, calc(100vw - 40px))',\n height: 'min(540px, calc(100vh - 110px))',\n marginBottom: 12,\n background: v('panel-bg'),\n borderRadius: v('radius'),\n boxShadow: v('shadow'),\n border,\n display: 'flex',\n flexDirection: 'column',\n overflow: 'hidden',\n },\n header: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n padding: '12px 14px',\n background: `var(--cw-header-bg, ${accent})`,\n color: `var(--cw-header-text, ${accentContrast})`,\n borderBottom: 'var(--cw-header-border, none)',\n },\n title: { margin: 0, fontSize: 15, fontWeight: 600, fontFamily: 'var(--cw-title-font, inherit)' },\n close: {\n background: 'transparent',\n border: 'none',\n color: 'inherit',\n cursor: 'pointer',\n fontSize: 20,\n lineHeight: 1,\n padding: 4,\n },\n list: {\n flex: 1,\n overflowY: 'auto',\n padding: 14,\n display: 'flex',\n flexDirection: 'column',\n gap: 8,\n background: v('list-bg'),\n margin: 0,\n listStyle: 'none',\n },\n bubble: {\n maxWidth: '85%',\n padding: '8px 12px',\n borderRadius: v('radius'),\n whiteSpace: 'pre-wrap',\n wordBreak: 'break-word',\n },\n user: { alignSelf: 'flex-end', background: accent, color: accentContrast, borderBottomRightRadius: 4 },\n assistant: {\n alignSelf: 'flex-start',\n background: v('bubble-bg'),\n color: v('bubble-text'),\n border,\n borderBottomLeftRadius: 4,\n },\n status: { alignSelf: 'flex-start', color: v('muted'), fontStyle: 'italic', padding: '0 4px' },\n error: {\n margin: '0 14px 8px',\n padding: '8px 10px',\n borderRadius: v('radius-sm'),\n background: v('error-bg'),\n color: v('error-text'),\n fontSize: 13,\n },\n form: { display: 'flex', gap: 8, padding: 10, borderTop: border, background: v('panel-bg') },\n input: {\n flex: 1,\n resize: 'none',\n border: `1px solid ${v('input-border')}`,\n borderRadius: v('radius-sm'),\n padding: '8px 10px',\n font: 'inherit',\n color: 'inherit',\n background: v('input-bg'),\n minHeight: 38,\n maxHeight: 120,\n boxSizing: 'border-box',\n },\n send: {\n border: 'none',\n borderRadius: v('radius-sm'),\n background: accent,\n color: accentContrast,\n padding: '0 14px',\n font: 'inherit',\n fontWeight: 600,\n cursor: 'pointer',\n },\n srOnly: {\n position: 'absolute',\n width: 1,\n height: 1,\n padding: 0,\n margin: -1,\n overflow: 'hidden',\n clip: 'rect(0,0,0,0)',\n whiteSpace: 'nowrap',\n border: 0,\n },\n } satisfies Record<string, CSSProperties>;\n}\n\nconst STYLES: Record<ChatWidgetVariant, ReturnType<typeof createStyles>> = {\n light: createStyles(LIGHT),\n dark: createStyles(DARK),\n};\n\nexport function ChatWidget({\n endpoint,\n headers,\n placeholder = 'Ask me anything…',\n title = 'Chat with me',\n welcomeMessage,\n onError,\n defaultOpen = false,\n variant = 'light',\n className,\n style,\n toggleIcon,\n}: ChatWidgetProps) {\n const styles = STYLES[variant] ?? STYLES.light;\n const [open, setOpen] = useState(defaultOpen);\n const [input, setInput] = useState('');\n const { messages, loading, error, send } = useChat({ endpoint, headers, onError });\n\n const id = useId();\n const panelId = `${id}-panel`;\n const titleId = `${id}-title`;\n const inputId = `${id}-input`;\n\n const toggleRef = useRef<HTMLButtonElement>(null);\n const inputRef = useRef<HTMLTextAreaElement>(null);\n const listRef = useRef<HTMLOListElement>(null);\n\n useEffect(() => {\n if (open) inputRef.current?.focus();\n }, [open]);\n\n useEffect(() => {\n const el = listRef.current;\n if (el) el.scrollTop = el.scrollHeight;\n }, [messages, loading, open]);\n\n const close = () => {\n setOpen(false);\n toggleRef.current?.focus();\n };\n\n const submit = (e?: FormEvent) => {\n e?.preventDefault();\n if (!input.trim() \|\| loading) return;\n const text = input;\n setInput('');\n void send(text);\n };\n\n const onInputKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n if (e.key === 'Enter' && !e.shiftKey && !e.nativeEvent.isComposing) {\n e.preventDefault();\n submit();\n }\n };\n\n const onPanelKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n if (e.key === 'Escape') {\n e.stopPropagation();\n close();\n }\n };\n\n const last = messages[messages.length - 1];\n const waitingFirstToken = loading && last?.role !== 'assistant';\n const canSend = input.trim().length > 0 && !loading;\n\n return (\n <div style={{ ...styles.root, ...style }} className={className ? `tr-chat-widget ${className}` : 'tr-chat-widget'}>\n {open && (\n <div\n id={panelId}\n role=\"dialog\"\n aria-labelledby={titleId}\n style={styles.panel}\n className=\"tr-chat-panel\"\n onKeyDown={onPanelKeyDown}\n >\n <div style={styles.header} className=\"tr-chat-header\">\n <h2 id={titleId} style={styles.title}>\n {title}\n </h2>\n <button type=\"button\" onClick={close} aria-label=\"Close chat\" style={styles.close} className=\"tr-chat-close\">\n ×\n </button>\n </div>\n\n <ol ref={listRef} role=\"log\" aria-live=\"polite\" aria-relevant=\"additions text\" aria-busy={loading} style={styles.list} className=\"tr-chat-list\">\n {welcomeMessage && messages.length === 0 && (\n <li style={{ ...styles.bubble, ...styles.assistant }} className=\"tr-chat-msg tr-chat-msg-assistant\">\n {welcomeMessage}\n </li>\n )}\n {messages.map((m, i) => (\n <li\n key={i}\n style={{ ...styles.bubble, ...(m.role === 'user' ? styles.user : styles.assistant) }}\n className={`tr-chat-msg tr-chat-msg-${m.role}`}\n >\n <span style={styles.srOnly}>{m.role === 'user' ? 'You: ' : 'Assistant: '}</span>\n {m.content}\n </li>\n ))}\n {waitingFirstToken && (\n <li style={styles.status} className=\"tr-chat-typing\">\n Typing…\n </li>\n )}\n </ol>\n\n {error && (\n <div role=\"alert\" style={styles.error} className=\"tr-chat-error\">\n {error.message \|\| 'Something went wrong.'}\n </div>\n )}\n\n <form onSubmit={submit} style={styles.form} className=\"tr-chat-form\">\n <label htmlFor={inputId} style={styles.srOnly}>\n Message\n </label>\n <textarea\n id={inputId}\n ref={inputRef}\n rows={1}\n value={input}\n placeholder={placeholder}\n onChange={(e) => setInput(e.target.value)}\n onKeyDown={onInputKeyDown}\n style={styles.input}\n className=\"tr-chat-input\"\n />\n <button\n type=\"submit\"\n disabled={!canSend}\n aria-label=\"Send message\"\n style={{ ...styles.send, opacity: canSend ? 1 : 0.5, cursor: canSend ? 'pointer' : 'not-allowed' }}\n className=\"tr-chat-send\"\n >\n Send\n </button>\n </form>\n </div>\n )}\n\n <button\n ref={toggleRef}\n type=\"button\"\n onClick={() => (open ? close() : setOpen(true))}\n aria-label={open ? 'Close chat' : 'Open chat'}\n aria-expanded={open}\n aria-controls={open ? panelId : undefined}\n style={styles.toggle}\n className=\"tr-chat-toggle\"\n >\n {open ? (\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.2\" strokeLinecap=\"round\" aria-hidden=\"true\">\n <path d=\"M6 6l12 12M18 6L6 18\" />\n </svg>\n ) : toggleIcon !== undefined ? (\n toggleIcon\n ) : (\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n <path d=\"M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z\" />\n </svg>\n )}\n </button>\n </div>\n );\n}\n","import { useCallback, useEffect, useRef, useState } from 'react';\nimport type { ChatMessage } from '../types';\n\nexport interface UseChatOptions {\n /** URL that receives `POST { messages }` and answers with `{ reply }` JSON or an SSE stream. /\n endpoint: string;\n /* Extra headers sent with every request (e.g. a session token). Never put provider API keys here. /\n headers?: Record<string, string>;\n /* Initial conversation history. /\n initialMessages?: ChatMessage[];\n /* Called on network / HTTP / stream errors. /\n onError?: (error: Error) => void;\n}\n\nexport interface UseChatResult {\n messages: ChatMessage[];\n loading: boolean;\n error: Error \| null;\n /* Sends a user message and appends the assistant reply. Resolves when the reply is complete. /\n send: (message: string) => Promise<void>;\n /* Aborts the in-flight request, if any. /\n stop: () => void;\n /* Clears the conversation and the error. /\n reset: () => void;\n}\n\nexport function useChat({ endpoint, headers, initialMessages, onError }: UseChatOptions): UseChatResult {\n const [messages, setMessages] = useState<ChatMessage[]>(initialMessages ?? []);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState<Error \| null>(null);\n\n // Refs keep `send` stable and always reading the latest values.\n const messagesRef = useRef(messages);\n messagesRef.current = messages;\n const headersRef = useRef(headers);\n headersRef.current = headers;\n const onErrorRef = useRef(onError);\n onErrorRef.current = onError;\n const abortRef = useRef<AbortController \| null>(null);\n\n useEffect(() => () => abortRef.current?.abort(), []);\n\n const stop = useCallback(() => {\n abortRef.current?.abort();\n abortRef.current = null;\n setLoading(false);\n }, []);\n\n const reset = useCallback(() => {\n stop();\n setMessages([]);\n setError(null);\n }, [stop]);\n\n const send = useCallback(\n async (message: string) => {\n const content = message.trim();\n if (!content \|\| abortRef.current) return;\n\n // Drop empty turns (e.g. a reply that failed before its first token): backends reject them.\n const history: ChatMessage[] = [...messagesRef.current.filter((m) => m.content.trim()), { role: 'user', content }];\n setMessages(history);\n setLoading(true);\n setError(null);\n\n const controller = new AbortController();\n abortRef.current = controller;\n\n // Appends text to the assistant message at `history.length`, creating it on first call.\n const appendToReply = (text: string) => {\n setMessages((prev) => {\n const next = prev.slice();\n const current = next[history.length];\n next[history.length] = { role: 'assistant', content: (current?.content ?? '') + text };\n return next;\n });\n };\n\n try {\n const res = await fetch(endpoint, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json', Accept: 'application/json, text/event-stream', ...headersRef.current },\n body: JSON.stringify({ messages: history }),\n signal: controller.signal,\n });\n\n if (!res.ok) throw new Error(await readErrorMessage(res));\n\n const contentType = res.headers.get('content-type') ?? '';\n if (contentType.includes('text/event-stream')) {\n if (!res.body) throw new Error('Empty response stream');\n await readSSE(res.body, appendToReply);\n } else {\n const data: unknown = await res.json();\n const reply = data && typeof data === 'object' ? (data as { reply?: unknown }).reply : undefined;\n if (typeof reply !== 'string') throw new Error('Invalid response: expected { reply: string }');\n if (reply) appendToReply(reply);\n }\n } catch (err) {\n if (controller.signal.aborted) return;\n const e = err instanceof Error ? err : new Error(String(err));\n setError(e);\n onErrorRef.current?.(e);\n } finally {\n // Skip if `stop()` or a newer request already took over.\n if (abortRef.current === controller) {\n abortRef.current = null;\n setLoading(false);\n }\n }\n },\n [endpoint],\n );\n\n return { messages, loading, error, send, stop, reset };\n}\n\nasync function readErrorMessage(res: Response): Promise<string> {\n try {\n const data: unknown = await res.json();\n const msg = data && typeof data === 'object' ? (data as { error?: unknown }).error : undefined;\n if (typeof msg === 'string' && msg) return msg;\n } catch {\n // not JSON\n }\n return `Request failed with status ${res.status}`;\n}\n\n/* Minimal SSE reader. Accepts `data: {\"delta\": \"...\"}` (also `text`/`content`) or raw text; stops at `[DONE]`. */\nasync function readSSE(body: ReadableStream<Uint8Array>, onDelta: (text: string) => void): Promise<void> {\n const reader = body.getReader();\n const decoder = new TextDecoder();\n let buffer = '';\n\n const handleEvent = (raw: string): boolean => {\n let event = 'message';\n const dataLines: string[] = [];\n for (const line of raw.split(/\\r?\\n/)) {\n if (line.startsWith('event:')) event = line.slice(6).trim();\n else if (line.startsWith('data:')) dataLines.push(line.slice(5).replace(/^ /, ''));\n }\n if (dataLines.length === 0) return false;\n const data = dataLines.join('\\n');\n if (data === '[DONE]') return true;\n\n let parsed: unknown = data;\n try {\n parsed = JSON.parse(data);\n } catch {\n // raw text chunk\n }\n\n if (event === 'error') {\n const msg = parsed && typeof parsed === 'object' ? (parsed as { error?: unknown }).error : parsed;\n throw new Error(typeof msg === 'string' && msg ? msg : 'Stream error');\n }\n\n if (typeof parsed === 'string') onDelta(parsed);\n else if (parsed && typeof parsed === 'object') {\n const p = parsed as { delta?: unknown; text?: unknown; content?: unknown };\n const text = p.delta ?? p.text ?? p.content;\n if (typeof text === 'string') onDelta(text);\n }\n return false;\n };\n\n try {\n while (true) {\n const { done, value } = await reader.read();\n if (done) break;\n buffer += decoder.decode(value, { stream: true });\n const events = buffer.split(/\\r?\\n\\r?\\n/);\n buffer = events.pop() ?? '';\n for (const evt of events) {\n if (handleEvent(evt)) return;\n }\n }\n buffer += decoder.decode();\n if (buffer.trim()) handleEvent(buffer);\n } finally {\n reader.cancel().catch(() => {});\n }\n}\n"],"mappings":"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","names":["useEffect","useRef","useState","useState","useRef","useEffect"]}

package/dist/styles.css CHANGED Viewed

@@ -6,7 +6,7 @@
  */
 .tr-chat-widget button:focus-visible,
 .tr-chat-widget textarea:focus-visible {
-  outline: 2px solid #1d4ed8;
+  outline: 2px solid var(--cw-accent, #2563eb);
   outline-offset: 2px;
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@trossino/chat-widget",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Batteries-included React chat widget with optional server-side handler for AI backends (Anthropic, OpenAI).",
   "license": "MIT",
   "author": "Tommaso Rossino",