@convai/web-widget 0.1.4 → 0.2.0-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@convai/web-widget",
-  "version": "0.1.4",
+  "version": "0.2.0-beta.0",
   "description": "Two-line script-tag embed for the Convai chat widget. A <convai-widget> custom element with a closed shadow root and a lazily loaded runtime.",
   "homepage": "https://docs.convai.com/embed",
   "repository": {
@@ -15,15 +15,66 @@
   "engines": {
     "node": ">=20"
   },
-  "sideEffects": true,
+  "sideEffects": [
+    "./v1.js",
+    "./runtime.js",
+    "./src/loader.ts",
+    "./src/runtime.ts"
+  ],
   "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js",
+      "default": "./index.js"
+    },
+    "./react": {
+      "types": "./react.d.ts",
+      "import": "./react.js",
+      "default": "./react.js"
+    },
+    "./vanilla": {
+      "types": "./vanilla.d.ts",
+      "import": "./vanilla.js",
+      "default": "./vanilla.js"
+    },
     "./v1.js": "./v1.js",
     "./runtime.js": "./runtime.js",
     "./package.json": "./package.json"
   },
+  "dependencies": {
+    "@livekit/components-react": "^2.9.3",
+    "framer-motion": "^11.18.0",
+    "styled-components": "^6.1.15"
+  },
+  "peerDependencies": {
+    "@convai/web-sdk": ">=1.9.0-beta.8",
+    "livekit-client": ">=2.17.2 <3",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@convai/web-sdk": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
   "files": [
     "v1.js",
     "runtime.js",
+    "index.js",
+    "index.d.ts",
+    "types.d.ts",
+    "react.js",
+    "react.d.ts",
+    "vanilla.js",
+    "vanilla.d.ts",
+    "chunks",
+    "ui",
     "README.md"
   ],
   "publishConfig": {

package/react.d.ts

@@ -0,0 +1,23 @@
+/**
+ * `@convai/web-widget/react` — the chat UI as React components.
+ *
+ * This moved here from `@convai/web-sdk/react`. The SDK now creates clients and
+ * exports the functions other packages need; it ships no UI. So a React app
+ * takes the client from the SDK and the interface from here:
+ *
+ * ```tsx
+ * import { useConvaiClient } from '@convai/web-sdk/react'
+ * import { ConvaiWidget } from '@convai/web-widget/react'
+ *
+ * const client = useConvaiClient({ apiKey, characterId })
+ * return <ConvaiWidget convaiClient={client} />
+ * ```
+ *
+ * React, `@convai/web-sdk` and `livekit-client` are peers: one copy each, the
+ * app's own. Importing this entry has no side effects.
+ */
+export { ConvaiWidget } from './ui/react/components/ConvaiWidget';
+export { MarkdownRenderer } from './ui/react/components/rtc-widget/components/MarkdownRenderer';
+export { useCharacterInfo } from './ui/react/hooks/useCharacterInfo';
+export { useLocalCameraTrack } from './ui/react/hooks/useLocalCameraTrack';
+export { RoomAudioRenderer as AudioRenderer, RoomContext as AudioContext, } from '@livekit/components-react';