[widget] add attributes for worklet scripts (#399)

Author: kamilk-11

packages/convai-widget-core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elevenlabs/convai-widget-core",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "description": "The common library for the Conversational AI Widget.",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

packages/convai-widget-core/src/contexts/session-config.tsx

@@ -1,4 +1,4 @@
-import { SessionConfig } from "@elevenlabs/client";
+import { SessionConfig, AudioWorkletConfig } from "@elevenlabs/client";
 import { ReadonlySignal, useComputed } from "@preact/signals";
 import { ComponentChildren } from "preact";
 import { createContext } from "preact/compat";
@@ -59,6 +59,12 @@ export function SessionConfigProvider({
     return undefined;
   });
 
+  const rawAudioProcessor = useAttribute("worklet-path-raw-audio-processor");
+  const audioConcatProcessor = useAttribute(
+    "worklet-path-audio-concat-processor"
+  );
+  const libsamplerate = useAttribute("worklet-path-libsamplerate");
+
   const { webSocketUrl } = useServerLocation();
   const agentId = useAttribute("agent-id");
   const signedUrl = useAttribute("signed-url");
@@ -72,7 +78,12 @@ export function SessionConfigProvider({
       connectionDelay: { default: 300 },
       textOnly: textOnly.value,
       userId: userId.value || undefined,
-    };
+      libsampleratePath: libsamplerate.value,
+      workletPaths: {
+        rawAudioProcessor: rawAudioProcessor.value,
+        audioConcatProcessor: audioConcatProcessor.value,
+      },
+    } as const satisfies Partial<SessionConfig | AudioWorkletConfig>;
 
     if (agentId.value) {
       if (isWebRTC) {

packages/convai-widget-core/src/types/attributes.ts

@@ -40,6 +40,9 @@ export const CustomAttributeList = [
   "user-id",
   "use-rtc",
   "collect-feedback",
+  "worklet-path-raw-audio-processor",
+  "worklet-path-audio-concat-processor",
+  "worklet-path-libsamplerate",
 ] as const;
 
 export type CustomAttributes = {

packages/convai-widget-embed/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elevenlabs/convai-widget-embed",
-  "version": "0.5.2",
+  "version": "0.5.4",
   "description": "The Conversational AI Widget bundled with all dependencies for easy embedding.",
   "main": "./dist/index.js",
   "unpkg": "./dist/index.js",