@convai/web-sdk 0.1.1-beta.4 → 0.2.0

package/dist/vanilla/styles.js

@@ -0,0 +1,287 @@
+/**
+ * Vanilla Styles - Port of React theme system for vanilla implementations
+ */
+// Theme configuration (matching React version)
+export const aeroTheme = {
+    colors: {
+        primary: {
+            50: "#f0f9ff",
+            100: "#e0f2fe",
+            200: "#bae6fd",
+            300: "#7dd3fc",
+            400: "#38bdf8",
+            500: "#0ea5e9",
+            600: "#0284c7",
+            700: "#0369a1",
+            800: "#075985",
+            900: "#0c4a6e",
+        },
+        convai: {
+            light: "#1EB453",
+            medium: "#0b6049",
+            dark: "#084c3a",
+        },
+        neutral: {
+            50: "#fafafa",
+            100: "#f5f5f5",
+            200: "#e5e5e5",
+            300: "#d4d4d4",
+            400: "#a3a3a3",
+            500: "#737373",
+            600: "#525252",
+            700: "#404040",
+            800: "#262626",
+            900: "#171717",
+        },
+        glass: {
+            light: "rgba(255, 255, 255, 0.1)",
+            medium: "rgba(255, 255, 255, 0.15)",
+            dark: "rgba(0, 0, 0, 0.1)",
+            backdrop: "rgba(255, 255, 255, 0.8)",
+            card: "rgba(255, 255, 255, 0.9)",
+            backdropLight: "blur(20px)",
+            borderLight: "1px solid rgba(255, 255, 255, 0.2)",
+        },
+        accent: {
+            purple: "#8b5cf6",
+            green: "#10b981",
+            blue: "#3b82f6",
+            orange: "#f59e0b",
+            red: "#ef4444",
+        },
+        error: {
+            50: "#fef2f2",
+            100: "#fee2e2",
+            200: "#fecaca",
+            300: "#fca5a5",
+            400: "#f87171",
+            500: "#ef4444",
+            600: "#dc2626",
+            700: "#b91c1c",
+            800: "#991b1b",
+            900: "#7f1d1d",
+        },
+        text: {
+            primary: "#1f2937",
+            secondary: "#6b7280",
+            tertiary: "#9ca3af",
+            inverse: "#ffffff",
+        },
+    },
+    typography: {
+        fontFamily: {
+            primary: '"Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+            body: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+            mono: 'SF Mono, Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace',
+        },
+        fontSize: {
+            xs: "0.75rem",
+            sm: "0.875rem",
+            base: "1rem",
+            lg: "1.125rem",
+            xl: "1.25rem",
+            "2xl": "1.5rem",
+            "3xl": "1.875rem",
+            "4xl": "2.25rem",
+        },
+        fontWeight: {
+            normal: 400,
+            medium: 500,
+            semibold: 600,
+            bold: 700,
+        },
+    },
+    spacing: {
+        xs: "0.25rem",
+        sm: "0.5rem",
+        md: "1rem",
+        lg: "1.5rem",
+        xl: "2rem",
+        "2xl": "3rem",
+        "3xl": "4rem",
+    },
+    borderRadius: {
+        none: "0",
+        sm: "0.25rem",
+        md: "0.5rem",
+        lg: "0.75rem",
+        xl: "1rem",
+        "2xl": "1.5rem",
+        full: "9999px",
+    },
+    shadows: {
+        sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+        md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+        lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
+        xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
+        glass: "0 8px 32px rgba(0, 0, 0, 0.1)",
+    },
+    glass: {
+        backdrop: "blur(20px)",
+        backdropLight: "blur(10px)",
+        backdropHeavy: "blur(40px)",
+        border: "1px solid rgba(255, 255, 255, 0.2)",
+        borderLight: "1px solid rgba(255, 255, 255, 0.1)",
+    },
+    transitions: {
+        fast: "0.15s ease-in-out",
+        normal: "0.2s ease-in-out",
+        slow: "0.3s ease-in-out",
+        spring: "0.4s cubic-bezier(0.4, 0, 0.2, 1)",
+        snappy: "all 0.1s ease-out",
+    },
+    zIndex: {
+        base: 1,
+        dropdown: 1000,
+        sticky: 1020,
+        fixed: 1030,
+        modal: 1040,
+        popover: 1050,
+        tooltip: 1060,
+    },
+};
+/**
+ * Global CSS styles for the Convai widget
+ * This should be injected once into the document head
+ */
+export const getGlobalStyles = () => `
+  @keyframes convai-pulse {
+    0%, 100% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.5;
+    }
+  }
+
+  @keyframes convai-spin {
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  @keyframes convai-bounce {
+    0%, 100% {
+      transform: translateY(0);
+    }
+    50% {
+      transform: translateY(-10px);
+    }
+  }
+
+  @keyframes convai-slide-up {
+    from {
+      transform: translateY(20px);
+      opacity: 0;
+    }
+    to {
+      transform: translateY(0);
+      opacity: 1;
+    }
+  }
+
+  @keyframes convai-slide-down {
+    from {
+      transform: translateY(-20px);
+      opacity: 0;
+    }
+    to {
+      transform: translateY(0);
+      opacity: 1;
+    }
+  }
+
+  @keyframes convai-fade-in {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+
+  @keyframes convai-scale-in {
+    from {
+      transform: scale(0.8);
+      opacity: 0;
+    }
+    to {
+      transform: scale(1);
+      opacity: 1;
+    }
+  }
+
+  .convai-widget * {
+    box-sizing: border-box;
+  }
+
+  .convai-widget {
+    font-family: ${aeroTheme.typography.fontFamily.primary};
+    color: ${aeroTheme.colors.text.primary};
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .convai-widget button {
+    font-family: inherit;
+    cursor: pointer;
+    border: none;
+    outline: none;
+    background: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  .convai-widget input {
+    font-family: inherit;
+    border: none;
+    outline: none;
+    background: none;
+  }
+
+  .convai-widget::-webkit-scrollbar {
+    width: 6px;
+  }
+
+  .convai-widget::-webkit-scrollbar-track {
+    background: rgba(0, 0, 0, 0.05);
+    border-radius: 3px;
+  }
+
+  .convai-widget::-webkit-scrollbar-thumb {
+    background: rgba(0, 0, 0, 0.2);
+    border-radius: 3px;
+  }
+
+  .convai-widget::-webkit-scrollbar-thumb:hover {
+    background: rgba(0, 0, 0, 0.3);
+  }
+`;
+/**
+ * Inject global styles into the document head
+ */
+let stylesInjected = false;
+export const injectGlobalStyles = () => {
+    if (stylesInjected)
+        return;
+    const styleElement = document.createElement('style');
+    styleElement.id = 'convai-widget-styles';
+    styleElement.textContent = getGlobalStyles();
+    document.head.appendChild(styleElement);
+    stylesInjected = true;
+};
+/**
+ * Helper to create inline styles object from theme
+ */
+export const createStyles = (styles) => {
+    return Object.entries(styles)
+        .map(([key, value]) => {
+        const cssKey = key.replace(/([A-Z])/g, '-$1').toLowerCase();
+        return `${cssKey}: ${value}`;
+    })
+        .join('; ');
+};
+//# sourceMappingURL=styles.js.map

package/dist/vanilla/styles.js.map

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

package/dist/vanilla/types.d.ts

@@ -0,0 +1,38 @@
+import type { IConvaiClient, ChatMessage } from '../core/types';
+/**
+ * Options for creating a vanilla ConvaiWidget
+ */
+export interface VanillaWidgetOptions {
+    /**
+     * Convai client instance (required).
+     * Should be initialized with config: new ConvaiClient({ apiKey, characterId, ... })
+     * The widget will auto-connect on first click.
+     */
+    convaiClient: IConvaiClient & {
+        activity?: string;
+        chatMessages: ChatMessage[];
+    };
+    /**
+     * Show video toggle button in settings (default: true).
+     * Only works if connection type is "video". If false, hides the video button.
+     */
+    showVideo?: boolean;
+    /**
+     * Show screen share toggle button in settings (default: true).
+     * Only works if connection type is "video". If false, hides the screen share button.
+     */
+    showScreenShare?: boolean;
+}
+/**
+ * Vanilla ConvaiWidget instance with cleanup method
+ */
+export interface VanillaWidget {
+    /** Root DOM element of the widget */
+    element: HTMLElement;
+    /** Cleanup and destroy the widget */
+    destroy: () => void;
+    /** Update widget state (for future extensions) */
+    update?: (options: Partial<VanillaWidgetOptions>) => void;
+}
+export type { IConvaiClient, ConvaiConfig, ConvaiClientState, ChatMessage } from '../core/types';
+//# sourceMappingURL=types.d.ts.map

package/dist/vanilla/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/vanilla/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAmC,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjG;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;;OAIG;IACH,YAAY,EAAE,aAAa,GAAG;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,WAAW,EAAE,CAAA;KAAE,CAAC;IACjF;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,qCAAqC;IACrC,OAAO,EAAE,WAAW,CAAC;IACrB,qCAAqC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kDAAkD;IAClD,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAC;CAC3D;AAGD,YAAY,EACV,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,WAAW,EACZ,MAAM,eAAe,CAAC"}

package/dist/vanilla/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/vanilla/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/vanilla/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@convai/web-sdk",
-  "version": "0.1.1-beta.4",
-  "description": "React SDK for Convai AI voice assistants. Build voice-powered AI interactions with real-time audio/video streaming. This SDK facilitates the capture of user audio streams and provides appropriate responses in the form of audio, actions, and facial expressions.",
+  "version": "0.2.0",
+  "description": "Convai Web SDK for AI voice assistants. Supports both React and vanilla JavaScript/TypeScript. Build voice-powered AI interactions with real-time audio/video streaming.",
   "private": false,
   "type": "module",
   "main": "dist/index.js",
@@ -16,6 +16,10 @@
       "import": "./dist/core/index.js",
       "types": "./dist/core/index.d.ts"
     },
+    "./vanilla": {
+      "import": "./dist/vanilla/index.js",
+      "types": "./dist/vanilla/index.d.ts"
+    },
     "./react": {
       "import": "./dist/react/index.js",
       "types": "./dist/react/index.d.ts"
@@ -41,15 +45,18 @@
     "publish:beta": "npm run build:prod && changeset publish --tag beta",
     "example:react": "cd examples/react && pnpm dev",
     "example:react:build": "cd examples/react && pnpm build",
+    "example:vanilla": "cd examples/vanilla && pnpm dev",
+    "example:vanilla:build": "cd examples/vanilla && pnpm build",
     "examples:dev": "pnpm example:react",
-    "examples:build": "pnpm example:react:build",
-    "examples:install": "pnpm install && cd examples/react && pnpm install",
-    "examples:clean": "pnpm clean && cd examples/react && pnpm clean"
+    "examples:build": "pnpm example:react:build && pnpm example:vanilla:build",
+    "examples:install": "pnpm install && cd examples/react && pnpm install && cd ../vanilla && pnpm install",
+    "examples:clean": "pnpm clean && cd examples/react && pnpm clean && cd ../vanilla && pnpm clean"
   },
   "keywords": [
     "convai",
     "livekit",
     "react",
+    "vanilla",
     "typescript",
     "javascript",
     "ai",

package/dist/components/ConvaiWidget.d.ts

@@ -1,59 +0,0 @@
-import { ConvaiClient } from "../types";
-interface ConvaiWidgetProps {
-    /** Convai client instance (required) */
-    convaiClient: ConvaiClient & {
-        activity?: string;
-    };
-    /**
-     * Show video toggle button in settings (default: true).
-     * Only works if connection type is "video". If false, hides the video button.
-     */
-    showVideo?: boolean;
-    /**
-     * Show screen share toggle button in settings (default: true).
-     * Only works if connection type is "video". If false, hides the screen share button.
-     */
-    showScreenShare?: boolean;
-}
-/**
- * ConvaiWidget - A consolidated chat widget component for real-time conversations
- *
- * This component provides a complete UI for interacting with Convai characters.
- * Connection configuration should be handled via useConvaiClient.connect().
- *
- * Features:
- * - Collapsed circular button with status indicator
- * - Expandable/collapsible chat interface
- * - Voice mode support
- * - Real-time message streaming
- * - Audio controls (mute/unmute)
- * - Settings tray with session reset
- * - Optional video and screen share (when connection type supports it)
- *
- * @param {ConvaiWidgetProps} props - Component props
- * @param {ConvaiClient} props.convaiClient - Convai client instance (required)
- * @param {boolean} props.showVideo - Show video toggle in settings (default: true)
- * @param {boolean} props.showScreenShare - Show screen share toggle in settings (default: true)
- *
- * @example
- * ```tsx
- * function App() {
- *   const convaiClient = useConvaiClient({
- *     apiKey: 'your-api-key',
- *     characterId: 'your-character-id',
- *     enableVideo: true,
- *   });
- *
- *   return (
- *     <ConvaiWidget
- *       convaiClient={convaiClient}
- *       showVideo={true}
- *       showScreenShare={true}
- *     />
- *   );
- * }
- * ```
- */
-export declare const ConvaiWidget: React.FC<ConvaiWidgetProps>;
-export {};
-//# sourceMappingURL=ConvaiWidget.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ConvaiWidget.d.ts","sourceRoot":"","sources":["../../src/components/ConvaiWidget.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAyCxC,UAAU,iBAAiB;IACzB,wCAAwC;IACxC,YAAY,EAAE,YAAY,GAAG;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACnD;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqpBpD,CAAC"}