@corti/dictation-web 0.6.0 → 0.7.0-ambient

package/dist/components/recording-button-base.js

@@ -0,0 +1,321 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _RecordingButtonBase_instances, _RecordingButtonBase_mediaController, _RecordingButtonBase_keybindingController, _RecordingButtonBase_closeConnectionOnInit, _RecordingButtonBase_processing, _RecordingButtonBase_connection, _RecordingButtonBase_handleClick, _RecordingButtonBase_handleWebSocketMessage, _RecordingButtonBase_handleWebSocketError, _RecordingButtonBase_handleWebSocketClose, _RecordingButtonBase_dispatchRecordingStateChanged, _RecordingButtonBase_handleStart, _RecordingButtonBase_handleStop;
+import { consume } from "@lit/context";
+import { html, LitElement, } from "lit";
+import { property, state } from "lit/decorators.js";
+import { AUDIO_CHUNK_INTERVAL_MS } from "../constants.js";
+import { debugDisplayAudioContext } from "../contexts/dictation-context.js";
+import { accessTokenContext, authConfigContext, regionContext, tenantNameContext, } from "../contexts/mixins/auth-context.js";
+import { selectedDeviceContext } from "../contexts/mixins/devices-context.js";
+import { pushToTalkKeybindingContext, toggleToTalkKeybindingContext, } from "../contexts/mixins/keybindings-context.js";
+import { socketProxyContext, socketUrlContext, } from "../contexts/mixins/proxy-context.js";
+import { recordingStateContext } from "../contexts/mixins/recording-state-context.js";
+import { KeybindingController } from "../controllers/keybinding-controller.js";
+import { MediaController } from "../controllers/media-controller.js";
+import ButtonStyles from "../styles/buttons.js";
+import RecordingButtonStyles from "../styles/recording-button.js";
+import { audioLevelChangedEvent, commandEvent, deltaUsageEvent, errorEvent, factsEvent, networkActivityEvent, recordingStateChangedEvent, streamClosedEvent, transcriptEvent, usageEvent, } from "../utils/events.js";
+import "./audio-visualiser.js";
+import "../icons/icons.js";
+export class RecordingButtonBase extends LitElement {
+    constructor() {
+        super(...arguments);
+        _RecordingButtonBase_instances.add(this);
+        this._recordingState = "stopped";
+        this.allowButtonFocus = false;
+        _RecordingButtonBase_mediaController.set(this, new MediaController(this));
+        // biome-ignore lint/correctness/noUnusedPrivateClassMembers: Controller self-registers in constructor (addController).
+        _RecordingButtonBase_keybindingController.set(this, new KeybindingController(this));
+        _RecordingButtonBase_closeConnectionOnInit.set(this, false);
+        _RecordingButtonBase_processing.set(this, false);
+        _RecordingButtonBase_connection.set(this, "CLOSED");
+        _RecordingButtonBase_handleWebSocketMessage.set(this, (message) => {
+            switch (message.type) {
+                case "CONFIG_DENIED":
+                    this.dispatchEvent(errorEvent(`Config denied: ${message.reason ?? "Unknown reason"}`));
+                    __classPrivateFieldGet(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_handleStop).call(this);
+                    break;
+                case "CONFIG_TIMEOUT":
+                    this.dispatchEvent(errorEvent("Config timeout"));
+                    __classPrivateFieldGet(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_handleStop).call(this);
+                    break;
+                case "transcript":
+                    this.dispatchEvent(transcriptEvent(message));
+                    break;
+                case "command":
+                    this.dispatchEvent(commandEvent(message));
+                    break;
+                case "facts":
+                    this.dispatchEvent(factsEvent(message));
+                    break;
+                case "usage":
+                    this.dispatchEvent(usageEvent(message));
+                    break;
+                case "delta_usage":
+                    this.dispatchEvent(deltaUsageEvent(message));
+                    break;
+                case "error":
+                    this.dispatchEvent(errorEvent(message.error));
+                    __classPrivateFieldGet(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_handleStop).call(this);
+                    break;
+                case "ended":
+                case "ENDED":
+                    __classPrivateFieldSet(this, _RecordingButtonBase_processing, false, "f");
+                    __classPrivateFieldGet(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_dispatchRecordingStateChanged).call(this, this._recordingState);
+                    break;
+                case "flushed":
+                    if (this._recordingState === "stopped" ||
+                        this._recordingState === "stopping") {
+                        __classPrivateFieldSet(this, _RecordingButtonBase_processing, false, "f");
+                        __classPrivateFieldGet(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_dispatchRecordingStateChanged).call(this, this._recordingState);
+                    }
+                    break;
+            }
+        });
+        _RecordingButtonBase_handleWebSocketError.set(this, (error) => {
+            this.dispatchEvent(errorEvent(`Socket error: ${error.message}`));
+            __classPrivateFieldSet(this, _RecordingButtonBase_processing, false, "f");
+            __classPrivateFieldSet(this, _RecordingButtonBase_connection, "CLOSED", "f");
+            __classPrivateFieldGet(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_handleStop).call(this);
+        });
+        _RecordingButtonBase_handleWebSocketClose.set(this, (event) => {
+            if (this._socketController.isConnectionOpen() ||
+                this._socketController.isConnecting()) {
+                return;
+            }
+            __classPrivateFieldSet(this, _RecordingButtonBase_processing, false, "f");
+            __classPrivateFieldSet(this, _RecordingButtonBase_connection, "CLOSED", "f");
+            this.dispatchEvent(streamClosedEvent(event));
+            __classPrivateFieldGet(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_dispatchRecordingStateChanged).call(this, this._recordingState);
+        });
+    }
+    update(changedProperties) {
+        if (changedProperties.has("_recordingState") &&
+            this._recordingState === "recording" &&
+            __classPrivateFieldGet(this, _RecordingButtonBase_closeConnectionOnInit, "f")) {
+            __classPrivateFieldSet(this, _RecordingButtonBase_closeConnectionOnInit, false, "f");
+            __classPrivateFieldGet(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_handleStop).call(this);
+        }
+        super.update(changedProperties);
+    }
+    startRecording() {
+        if (this._recordingState !== "stopped") {
+            return;
+        }
+        __classPrivateFieldGet(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_handleStart).call(this);
+    }
+    stopRecording() {
+        if (this._recordingState === "stopped" ||
+            this._recordingState === "stopping") {
+            return;
+        }
+        if (this._recordingState === "initializing") {
+            __classPrivateFieldSet(this, _RecordingButtonBase_closeConnectionOnInit, true, "f");
+            return;
+        }
+        __classPrivateFieldGet(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_handleStop).call(this);
+    }
+    toggleRecording() {
+        if (this._recordingState === "stopped") {
+            this.startRecording();
+        }
+        else if (this._recordingState === "recording") {
+            this.stopRecording();
+        }
+    }
+    async openConnection() {
+        if (this._recordingState !== "stopped" || __classPrivateFieldGet(this, _RecordingButtonBase_processing, "f")) {
+            return;
+        }
+        if (this._socketController.isConnectionOpen()) {
+            return;
+        }
+        try {
+            __classPrivateFieldSet(this, _RecordingButtonBase_connection, "CONNECTING", "f");
+            __classPrivateFieldGet(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_dispatchRecordingStateChanged).call(this, this._recordingState);
+            await this._socketController.connect(this._getConnectConfig(), {
+                onClose: __classPrivateFieldGet(this, _RecordingButtonBase_handleWebSocketClose, "f"),
+                onError: __classPrivateFieldGet(this, _RecordingButtonBase_handleWebSocketError, "f"),
+                onMessage: __classPrivateFieldGet(this, _RecordingButtonBase_handleWebSocketMessage, "f"),
+                onNetworkActivity: (direction, data) => {
+                    this.dispatchEvent(networkActivityEvent(direction, data));
+                },
+            });
+            __classPrivateFieldSet(this, _RecordingButtonBase_connection, "OPEN", "f");
+            __classPrivateFieldGet(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_dispatchRecordingStateChanged).call(this, this._recordingState);
+        }
+        catch (error) {
+            __classPrivateFieldSet(this, _RecordingButtonBase_connection, "CLOSED", "f");
+            this.dispatchEvent(errorEvent(error));
+        }
+    }
+    async closeConnection() {
+        if (this._recordingState !== "stopped" || __classPrivateFieldGet(this, _RecordingButtonBase_processing, "f")) {
+            return;
+        }
+        if (this._socketController.isConnecting()) {
+            await this._socketController.waitForConnection();
+        }
+        if (!this._socketController.isConnectionOpen()) {
+            __classPrivateFieldSet(this, _RecordingButtonBase_connection, "CLOSED", "f");
+            __classPrivateFieldGet(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_dispatchRecordingStateChanged).call(this, "stopped");
+            return;
+        }
+        try {
+            __classPrivateFieldSet(this, _RecordingButtonBase_connection, "CLOSING", "f");
+            __classPrivateFieldGet(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_dispatchRecordingStateChanged).call(this, "stopped");
+            await this._socketController.closeConnection(__classPrivateFieldGet(this, _RecordingButtonBase_handleWebSocketClose, "f"));
+        }
+        catch (error) {
+            this.dispatchEvent(errorEvent(error));
+        }
+    }
+    render() {
+        const isLoading = this._recordingState === "initializing" ||
+            this._recordingState === "stopping";
+        const isRecording = this._recordingState === "recording";
+        return html `
+      <button
+        @click=${__classPrivateFieldGet(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_handleClick)}
+        ?disabled=${isLoading}
+        class=${isRecording ? "red" : "accent"}
+        aria-label=${isRecording ? "Stop recording" : "Start recording"}
+        aria-pressed=${isRecording}
+      >
+        ${isLoading
+            ? html `<icon-loading-spinner />`
+            : isRecording
+                ? html `<icon-recording />`
+                : html `<icon-mic-on />`}
+        <dictation-audio-visualiser
+          .level=${__classPrivateFieldGet(this, _RecordingButtonBase_mediaController, "f").audioLevel}
+          ?active=${isRecording}
+        />
+      </button>
+    `;
+    }
+}
+_RecordingButtonBase_mediaController = new WeakMap(), _RecordingButtonBase_keybindingController = new WeakMap(), _RecordingButtonBase_closeConnectionOnInit = new WeakMap(), _RecordingButtonBase_processing = new WeakMap(), _RecordingButtonBase_connection = new WeakMap(), _RecordingButtonBase_handleWebSocketMessage = new WeakMap(), _RecordingButtonBase_handleWebSocketError = new WeakMap(), _RecordingButtonBase_handleWebSocketClose = new WeakMap(), _RecordingButtonBase_instances = new WeakSet(), _RecordingButtonBase_handleClick = function _RecordingButtonBase_handleClick(event) {
+    if (!this.allowButtonFocus) {
+        event.preventDefault();
+    }
+    this.toggleRecording();
+}, _RecordingButtonBase_dispatchRecordingStateChanged = function _RecordingButtonBase_dispatchRecordingStateChanged(state) {
+    this.dispatchEvent(recordingStateChangedEvent(state, {
+        connection: __classPrivateFieldGet(this, _RecordingButtonBase_connection, "f"),
+        processing: __classPrivateFieldGet(this, _RecordingButtonBase_processing, "f"),
+    }));
+}, _RecordingButtonBase_handleStart = async function _RecordingButtonBase_handleStart() {
+    __classPrivateFieldGet(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_dispatchRecordingStateChanged).call(this, "initializing");
+    try {
+        await __classPrivateFieldGet(this, _RecordingButtonBase_mediaController, "f").initialize(() => {
+            if (this._recordingState === "recording") {
+                this.dispatchEvent(errorEvent("Recording device access was lost."));
+                __classPrivateFieldGet(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_handleStop).call(this);
+            }
+        }, this._socketController.mediaRecorderHandler);
+        __classPrivateFieldGet(this, _RecordingButtonBase_mediaController, "f").mediaRecorder?.start(AUDIO_CHUNK_INTERVAL_MS);
+        __classPrivateFieldGet(this, _RecordingButtonBase_mediaController, "f").startAudioLevelMonitoring((level) => {
+            this.dispatchEvent(audioLevelChangedEvent(level));
+        });
+        __classPrivateFieldSet(this, _RecordingButtonBase_processing, true, "f");
+        if (__classPrivateFieldGet(this, _RecordingButtonBase_connection, "f") !== "OPEN") {
+            __classPrivateFieldSet(this, _RecordingButtonBase_connection, "CONNECTING", "f");
+        }
+        __classPrivateFieldGet(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_dispatchRecordingStateChanged).call(this, "recording");
+        const isNewConnection = await this._socketController.connect(this._getConnectConfig(), {
+            onClose: __classPrivateFieldGet(this, _RecordingButtonBase_handleWebSocketClose, "f"),
+            onError: __classPrivateFieldGet(this, _RecordingButtonBase_handleWebSocketError, "f"),
+            onMessage: __classPrivateFieldGet(this, _RecordingButtonBase_handleWebSocketMessage, "f"),
+            onNetworkActivity: (direction, data) => {
+                this.dispatchEvent(networkActivityEvent(direction, data));
+            },
+        });
+        if (isNewConnection === "superseded") {
+            return;
+        }
+        __classPrivateFieldSet(this, _RecordingButtonBase_connection, "OPEN", "f");
+        __classPrivateFieldGet(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_dispatchRecordingStateChanged).call(this, this._recordingState);
+    }
+    catch (error) {
+        this.dispatchEvent(errorEvent(error));
+        await __classPrivateFieldGet(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_handleStop).call(this);
+    }
+}, _RecordingButtonBase_handleStop = async function _RecordingButtonBase_handleStop() {
+    __classPrivateFieldGet(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_dispatchRecordingStateChanged).call(this, "stopping");
+    try {
+        __classPrivateFieldGet(this, _RecordingButtonBase_mediaController, "f").stopAudioLevelMonitoring();
+        await __classPrivateFieldGet(this, _RecordingButtonBase_mediaController, "f").stopRecording();
+        await this._socketController.stopRecording();
+        await __classPrivateFieldGet(this, _RecordingButtonBase_mediaController, "f").cleanup();
+    }
+    catch (error) {
+        this.dispatchEvent(errorEvent(error));
+    }
+    __classPrivateFieldGet(this, _RecordingButtonBase_instances, "m", _RecordingButtonBase_dispatchRecordingStateChanged).call(this, "stopped");
+};
+RecordingButtonBase.styles = [RecordingButtonStyles, ButtonStyles];
+__decorate([
+    consume({ context: recordingStateContext, subscribe: true }),
+    state()
+], RecordingButtonBase.prototype, "_recordingState", void 0);
+__decorate([
+    consume({ context: selectedDeviceContext, subscribe: true }),
+    state()
+], RecordingButtonBase.prototype, "_selectedDevice", void 0);
+__decorate([
+    consume({ context: accessTokenContext, subscribe: true }),
+    state()
+], RecordingButtonBase.prototype, "_accessToken", void 0);
+__decorate([
+    consume({ context: authConfigContext, subscribe: true }),
+    state()
+], RecordingButtonBase.prototype, "_authConfig", void 0);
+__decorate([
+    consume({ context: regionContext, subscribe: true }),
+    state()
+], RecordingButtonBase.prototype, "_region", void 0);
+__decorate([
+    consume({ context: tenantNameContext, subscribe: true }),
+    state()
+], RecordingButtonBase.prototype, "_tenantName", void 0);
+__decorate([
+    consume({ context: socketUrlContext, subscribe: true }),
+    state()
+], RecordingButtonBase.prototype, "_socketUrl", void 0);
+__decorate([
+    consume({ context: socketProxyContext, subscribe: true }),
+    state()
+], RecordingButtonBase.prototype, "_socketProxy", void 0);
+__decorate([
+    consume({ context: debugDisplayAudioContext, subscribe: true }),
+    state()
+], RecordingButtonBase.prototype, "_debug_displayAudio", void 0);
+__decorate([
+    consume({ context: pushToTalkKeybindingContext, subscribe: true }),
+    state()
+], RecordingButtonBase.prototype, "_pushToTalkKeybinding", void 0);
+__decorate([
+    consume({ context: toggleToTalkKeybindingContext, subscribe: true }),
+    state()
+], RecordingButtonBase.prototype, "_toggleToTalkKeybinding", void 0);
+__decorate([
+    property({ type: Boolean })
+], RecordingButtonBase.prototype, "allowButtonFocus", void 0);
+//# sourceMappingURL=recording-button-base.js.map

package/dist/components/recording-button-base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"recording-button-base.js","sourceRoot":"","sources":["../../src/components/recording-button-base.ts"],"names":[],"mappings":"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","sourcesContent":["import type { CortiAuth } from \"@corti/sdk\";\nimport { consume } from \"@lit/context\";\nimport {\n  type CSSResultGroup,\n  html,\n  LitElement,\n  type PropertyValues,\n} from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport { AUDIO_CHUNK_INTERVAL_MS } from \"../constants.js\";\nimport { debugDisplayAudioContext } from \"../contexts/dictation-context.js\";\nimport {\n  accessTokenContext,\n  authConfigContext,\n  regionContext,\n  tenantNameContext,\n} from \"../contexts/mixins/auth-context.js\";\nimport { selectedDeviceContext } from \"../contexts/mixins/devices-context.js\";\nimport {\n  pushToTalkKeybindingContext,\n  toggleToTalkKeybindingContext,\n} from \"../contexts/mixins/keybindings-context.js\";\nimport {\n  socketProxyContext,\n  socketUrlContext,\n} from \"../contexts/mixins/proxy-context.js\";\nimport { recordingStateContext } from \"../contexts/mixins/recording-state-context.js\";\nimport type { TranscribeMessage } from \"../controllers/dictation-controller.js\";\nimport { KeybindingController } from \"../controllers/keybinding-controller.js\";\nimport { MediaController } from \"../controllers/media-controller.js\";\nimport type {\n  SocketController,\n  SocketControllerOutboundItem,\n  SocketControllerWebSocket,\n} from \"../controllers/socket-controller.js\";\nimport ButtonStyles from \"../styles/buttons.js\";\nimport RecordingButtonStyles from \"../styles/recording-button.js\";\nimport type {\n  ProxyOptions,\n  RecordingSocketInboundMessage,\n  RecordingState,\n} from \"../types.js\";\nimport {\n  audioLevelChangedEvent,\n  commandEvent,\n  deltaUsageEvent,\n  errorEvent,\n  factsEvent,\n  networkActivityEvent,\n  type RecordingStateChangedEventDetail,\n  recordingStateChangedEvent,\n  streamClosedEvent,\n  transcriptEvent,\n  usageEvent,\n} from \"../utils/events.js\";\n\nimport \"./audio-visualiser.js\";\nimport \"../icons/icons.js\";\n\nexport abstract class RecordingButtonBase<\n  TConfig,\n  TMessage extends RecordingSocketInboundMessage = TranscribeMessage,\n> extends LitElement {\n  @consume({ context: recordingStateContext, subscribe: true })\n  @state()\n  _recordingState: RecordingState = \"stopped\";\n\n  @consume({ context: selectedDeviceContext, subscribe: true })\n  @state()\n  _selectedDevice?: MediaDeviceInfo;\n\n  @consume({ context: accessTokenContext, subscribe: true })\n  @state()\n  _accessToken?: string;\n\n  @consume({ context: authConfigContext, subscribe: true })\n  @state()\n  _authConfig?: CortiAuth.AuthTokenDerivable;\n\n  @consume({ context: regionContext, subscribe: true })\n  @state()\n  _region?: string;\n\n  @consume({ context: tenantNameContext, subscribe: true })\n  @state()\n  _tenantName?: string;\n\n  @consume({ context: socketUrlContext, subscribe: true })\n  @state()\n  _socketUrl?: string;\n\n  @consume({ context: socketProxyContext, subscribe: true })\n  @state()\n  _socketProxy?: ProxyOptions;\n\n  @consume({ context: debugDisplayAudioContext, subscribe: true })\n  @state()\n  _debug_displayAudio?: boolean;\n\n  @consume({ context: pushToTalkKeybindingContext, subscribe: true })\n  @state()\n  _pushToTalkKeybinding?: string | null;\n\n  @consume({ context: toggleToTalkKeybindingContext, subscribe: true })\n  @state()\n  _toggleToTalkKeybinding?: string | null;\n\n  @property({ type: Boolean })\n  allowButtonFocus: boolean = false;\n\n  protected abstract _socketController: SocketController<\n    SocketControllerOutboundItem,\n    TMessage,\n    TConfig,\n    SocketControllerWebSocket\n  >;\n\n  protected abstract _getConnectConfig(): TConfig;\n\n  #mediaController = new MediaController(this);\n  // biome-ignore lint/correctness/noUnusedPrivateClassMembers: Controller self-registers in constructor (addController).\n  #keybindingController = new KeybindingController(this);\n  #closeConnectionOnInit = false;\n  #processing = false;\n  #connection: RecordingStateChangedEventDetail[\"connection\"] = \"CLOSED\";\n\n  static styles: CSSResultGroup = [RecordingButtonStyles, ButtonStyles];\n\n  protected update(changedProperties: PropertyValues) {\n    if (\n      changedProperties.has(\"_recordingState\") &&\n      this._recordingState === \"recording\" &&\n      this.#closeConnectionOnInit\n    ) {\n      this.#closeConnectionOnInit = false;\n      this.#handleStop();\n    }\n\n    super.update(changedProperties);\n  }\n\n  #handleClick(event: MouseEvent): void {\n    if (!this.allowButtonFocus) {\n      event.preventDefault();\n    }\n\n    this.toggleRecording();\n  }\n\n  #handleWebSocketMessage = (message: TMessage): void => {\n    switch (message.type) {\n      case \"CONFIG_DENIED\":\n        this.dispatchEvent(\n          errorEvent(`Config denied: ${message.reason ?? \"Unknown reason\"}`),\n        );\n        this.#handleStop();\n        break;\n      case \"CONFIG_TIMEOUT\":\n        this.dispatchEvent(errorEvent(\"Config timeout\"));\n        this.#handleStop();\n        break;\n      case \"transcript\":\n        this.dispatchEvent(transcriptEvent(message));\n        break;\n      case \"command\":\n        this.dispatchEvent(commandEvent(message));\n        break;\n      case \"facts\":\n        this.dispatchEvent(factsEvent(message));\n        break;\n      case \"usage\":\n        this.dispatchEvent(usageEvent(message));\n        break;\n      case \"delta_usage\":\n        this.dispatchEvent(deltaUsageEvent(message));\n        break;\n      case \"error\":\n        this.dispatchEvent(errorEvent(message.error));\n        this.#handleStop();\n        break;\n      case \"ended\":\n      case \"ENDED\":\n        this.#processing = false;\n        this.#dispatchRecordingStateChanged(this._recordingState);\n        break;\n      case \"flushed\":\n        if (\n          this._recordingState === \"stopped\" ||\n          this._recordingState === \"stopping\"\n        ) {\n          this.#processing = false;\n          this.#dispatchRecordingStateChanged(this._recordingState);\n        }\n        break;\n    }\n  };\n\n  #handleWebSocketError = (error: Error): void => {\n    this.dispatchEvent(errorEvent(`Socket error: ${error.message}`));\n    this.#processing = false;\n    this.#connection = \"CLOSED\";\n    this.#handleStop();\n  };\n\n  #handleWebSocketClose = (event: unknown): void => {\n    if (\n      this._socketController.isConnectionOpen() ||\n      this._socketController.isConnecting()\n    ) {\n      return;\n    }\n\n    this.#processing = false;\n    this.#connection = \"CLOSED\";\n    this.dispatchEvent(streamClosedEvent(event));\n    this.#dispatchRecordingStateChanged(this._recordingState);\n  };\n\n  #dispatchRecordingStateChanged(state: RecordingState): void {\n    this.dispatchEvent(\n      recordingStateChangedEvent(state, {\n        connection: this.#connection,\n        processing: this.#processing,\n      }),\n    );\n  }\n\n  async #handleStart(): Promise<void> {\n    this.#dispatchRecordingStateChanged(\"initializing\");\n\n    try {\n      await this.#mediaController.initialize(() => {\n        if (this._recordingState === \"recording\") {\n          this.dispatchEvent(errorEvent(\"Recording device access was lost.\"));\n          this.#handleStop();\n        }\n      }, this._socketController.mediaRecorderHandler);\n      this.#mediaController.mediaRecorder?.start(AUDIO_CHUNK_INTERVAL_MS);\n      this.#mediaController.startAudioLevelMonitoring((level) => {\n        this.dispatchEvent(audioLevelChangedEvent(level));\n      });\n\n      this.#processing = true;\n\n      if (this.#connection !== \"OPEN\") {\n        this.#connection = \"CONNECTING\";\n      }\n\n      this.#dispatchRecordingStateChanged(\"recording\");\n\n      const isNewConnection = await this._socketController.connect(\n        this._getConnectConfig(),\n        {\n          onClose: this.#handleWebSocketClose,\n          onError: this.#handleWebSocketError,\n          onMessage: this.#handleWebSocketMessage,\n          onNetworkActivity: (direction, data) => {\n            this.dispatchEvent(networkActivityEvent(direction, data));\n          },\n        },\n      );\n\n      if (isNewConnection === \"superseded\") {\n        return;\n      }\n\n      this.#connection = \"OPEN\";\n\n      this.#dispatchRecordingStateChanged(this._recordingState);\n    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n      await this.#handleStop();\n    }\n  }\n\n  async #handleStop(): Promise<void> {\n    this.#dispatchRecordingStateChanged(\"stopping\");\n\n    try {\n      this.#mediaController.stopAudioLevelMonitoring();\n      await this.#mediaController.stopRecording();\n      await this._socketController.stopRecording();\n\n      await this.#mediaController.cleanup();\n    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n    }\n\n    this.#dispatchRecordingStateChanged(\"stopped\");\n  }\n\n  public startRecording(): void {\n    if (this._recordingState !== \"stopped\") {\n      return;\n    }\n\n    this.#handleStart();\n  }\n\n  public stopRecording(): void {\n    if (\n      this._recordingState === \"stopped\" ||\n      this._recordingState === \"stopping\"\n    ) {\n      return;\n    }\n\n    if (this._recordingState === \"initializing\") {\n      this.#closeConnectionOnInit = true;\n      return;\n    }\n\n    this.#handleStop();\n  }\n\n  public toggleRecording(): void {\n    if (this._recordingState === \"stopped\") {\n      this.startRecording();\n    } else if (this._recordingState === \"recording\") {\n      this.stopRecording();\n    }\n  }\n\n  public async openConnection(): Promise<void> {\n    if (this._recordingState !== \"stopped\" || this.#processing) {\n      return;\n    }\n\n    if (this._socketController.isConnectionOpen()) {\n      return;\n    }\n\n    try {\n      this.#connection = \"CONNECTING\";\n      this.#dispatchRecordingStateChanged(this._recordingState);\n\n      await this._socketController.connect(this._getConnectConfig(), {\n        onClose: this.#handleWebSocketClose,\n        onError: this.#handleWebSocketError,\n        onMessage: this.#handleWebSocketMessage,\n        onNetworkActivity: (direction, data) => {\n          this.dispatchEvent(networkActivityEvent(direction, data));\n        },\n      });\n\n      this.#connection = \"OPEN\";\n      this.#dispatchRecordingStateChanged(this._recordingState);\n    } catch (error) {\n      this.#connection = \"CLOSED\";\n      this.dispatchEvent(errorEvent(error));\n    }\n  }\n\n  public async closeConnection(): Promise<void> {\n    if (this._recordingState !== \"stopped\" || this.#processing) {\n      return;\n    }\n\n    if (this._socketController.isConnecting()) {\n      await this._socketController.waitForConnection();\n    }\n\n    if (!this._socketController.isConnectionOpen()) {\n      this.#connection = \"CLOSED\";\n      this.#dispatchRecordingStateChanged(\"stopped\");\n      return;\n    }\n\n    try {\n      this.#connection = \"CLOSING\";\n      this.#dispatchRecordingStateChanged(\"stopped\");\n      await this._socketController.closeConnection(this.#handleWebSocketClose);\n    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n    }\n  }\n\n  render() {\n    const isLoading =\n      this._recordingState === \"initializing\" ||\n      this._recordingState === \"stopping\";\n    const isRecording = this._recordingState === \"recording\";\n\n    return html`\n      <button\n        @click=${this.#handleClick}\n        ?disabled=${isLoading}\n        class=${isRecording ? \"red\" : \"accent\"}\n        aria-label=${isRecording ? \"Stop recording\" : \"Start recording\"}\n        aria-pressed=${isRecording}\n      >\n        ${\n          isLoading\n            ? html`<icon-loading-spinner />`\n            : isRecording\n              ? html`<icon-recording />`\n              : html`<icon-mic-on />`\n        }\n        <dictation-audio-visualiser\n          .level=${this.#mediaController.audioLevel}\n          ?active=${isRecording}\n        />\n      </button>\n    `;\n  }\n}\n"]}

package/dist/components/settings-menu.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { consume } from "@lit/context";
 import { html, LitElement, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
-import { recordingStateContext } from "../contexts/dictation-context.js";
+import { recordingStateContext } from "../contexts/mixins/recording-state-context.js";
 import ButtonStyles from "../styles/buttons.js";
 import CalloutStyles from "../styles/callout.js";
 import SettingsMenuStyles from "../styles/settings-menu.js";

package/dist/components/settings-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings-menu.js","sourceRoot":"","sources":["../../src/components/settings-menu.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAuB,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAChD,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,kBAAkB,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEjE,OAAO,sBAAsB,CAAC;AAC9B,OAAO,0BAA0B,CAAC;AAClC,OAAO,wBAAwB,CAAC;AAChC,OAAO,mBAAmB,CAAC;AAGpB,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAA9C;;QAGL,oBAAe,GAAmB,SAAS,CAAC;QAM5C,oBAAe,GAA2B,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;IA4DnE,CAAC;IApDC,MAAM;QACJ,IAAI,IAAI,CAAC,eAAe,EAAE,MAAM,KAAK,CAAC,EAAE,CAAC;YACvC,OAAO,OAAO,CAAC;QACjB,CAAC;QAED,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe,KAAK,WAAW,CAAC;QACzD,MAAM,kBAAkB,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnE,MAAM,oBAAoB,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;QACvE,MAAM,cAAc,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;QAEnE,OAAO,IAAI,CAAA;;;;;;;cAQD,WAAW;YACT,CAAC,CAAC,IAAI,CAAA;;;;iBAIL;YACD,CAAC,CAAC,OACN;cAEE,kBAAkB;YAChB,CAAC,CAAC,IAAI,CAAA;8BACQ,WAAW;mBACtB;YACH,CAAC,CAAC,OACN;cAEE,oBAAoB;YAClB,CAAC,CAAC,IAAI,CAAA;8BACQ,WAAW;mBACtB;YACH,CAAC,CAAC,OACN;cAEE,cAAc;YACZ,CAAC,CAAC,IAAI,CAAA;gCACU,WAAW;qBACtB;YACL,CAAC,CAAC,OACN;;;;KAIP,CAAC;IACJ,CAAC;;AAzDM,4BAAM,GAAmB;IAC9B,kBAAkB;IAClB,YAAY;IACZ,aAAa;CACd,AAJY,CAIX;AAZF;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAC5D,KAAK,EAAE;8DACoC;AAM5C;IAJC,QAAQ,CAAC;QACR,SAAS,EAAE,uBAAuB;QAClC,IAAI,EAAE,KAAK;KACZ,CAAC;8DAC+D;AATtD,qBAAqB;IADjC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,qBAAqB,CAqEjC","sourcesContent":["import { consume } from \"@lit/context\";\nimport { type CSSResultGroup, html, LitElement, nothing } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { recordingStateContext } from \"../contexts/dictation-context.js\";\nimport ButtonStyles from \"../styles/buttons.js\";\nimport CalloutStyles from \"../styles/callout.js\";\nimport SettingsMenuStyles from \"../styles/settings-menu.js\";\nimport type { ConfigurableSettings, RecordingState } from \"../types.js\";\nimport { commaSeparatedConverter } from \"../utils/converters.js\";\n\nimport \"./device-selector.js\";\nimport \"./keybinding-selector.js\";\nimport \"./language-selector.js\";\nimport \"../icons/icons.js\";\n\n@customElement(\"dictation-settings-menu\")\nexport class DictationSettingsMenu extends LitElement {\n  @consume({ context: recordingStateContext, subscribe: true })\n  @state()\n  _recordingState: RecordingState = \"stopped\";\n\n  @property({\n    converter: commaSeparatedConverter,\n    type: Array,\n  })\n  settingsEnabled: ConfigurableSettings[] = [\"device\", \"language\"];\n\n  static styles: CSSResultGroup = [\n    SettingsMenuStyles,\n    ButtonStyles,\n    CalloutStyles,\n  ];\n\n  render() {\n    if (this.settingsEnabled?.length === 0) {\n      return nothing;\n    }\n\n    const isRecording = this._recordingState === \"recording\";\n    const showDeviceSelector = this.settingsEnabled.includes(\"device\");\n    const showLanguageSelector = this.settingsEnabled.includes(\"language\");\n    const showKeybinding = this.settingsEnabled.includes(\"keybinding\");\n\n    return html`\n      <div class=\"mic-selector\">\n        <button id=\"settings-popover-button\" popovertarget=\"settings-popover\">\n          <icon-settings />\n        </button>\n        <div id=\"settings-popover\" popover>\n          <div class=\"settings-wrapper\">\n            ${\n              isRecording\n                ? html`\n                  <div class=\"callout warn\">\n                    Recording is in progress. Stop recording to change settings.\n                  </div>\n                `\n                : nothing\n            }\n            ${\n              showDeviceSelector\n                ? html`<dictation-device-selector\n                  ?disabled=${isRecording}\n                />`\n                : nothing\n            }\n            ${\n              showLanguageSelector\n                ? html`<dictation-language-selector\n                  ?disabled=${isRecording}\n                />`\n                : nothing\n            }\n            ${\n              showKeybinding\n                ? html`<dictation-keybinding-selector\n                    ?disabled=${isRecording}\n                  />`\n                : nothing\n            }\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"dictation-settings-menu\": DictationSettingsMenu;\n  }\n}\n"]}
+{"version":3,"file":"settings-menu.js","sourceRoot":"","sources":["../../src/components/settings-menu.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAuB,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAChD,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,kBAAkB,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEjE,OAAO,sBAAsB,CAAC;AAC9B,OAAO,0BAA0B,CAAC;AAClC,OAAO,wBAAwB,CAAC;AAChC,OAAO,mBAAmB,CAAC;AAGpB,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAA9C;;QAGL,oBAAe,GAAmB,SAAS,CAAC;QAM5C,oBAAe,GAA2B,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;IA4DnE,CAAC;IApDC,MAAM;QACJ,IAAI,IAAI,CAAC,eAAe,EAAE,MAAM,KAAK,CAAC,EAAE,CAAC;YACvC,OAAO,OAAO,CAAC;QACjB,CAAC;QAED,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe,KAAK,WAAW,CAAC;QACzD,MAAM,kBAAkB,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnE,MAAM,oBAAoB,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;QACvE,MAAM,cAAc,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;QAEnE,OAAO,IAAI,CAAA;;;;;;;cAQD,WAAW;YACT,CAAC,CAAC,IAAI,CAAA;;;;iBAIL;YACD,CAAC,CAAC,OACN;cAEE,kBAAkB;YAChB,CAAC,CAAC,IAAI,CAAA;8BACQ,WAAW;mBACtB;YACH,CAAC,CAAC,OACN;cAEE,oBAAoB;YAClB,CAAC,CAAC,IAAI,CAAA;8BACQ,WAAW;mBACtB;YACH,CAAC,CAAC,OACN;cAEE,cAAc;YACZ,CAAC,CAAC,IAAI,CAAA;gCACU,WAAW;qBACtB;YACL,CAAC,CAAC,OACN;;;;KAIP,CAAC;IACJ,CAAC;;AAzDM,4BAAM,GAAmB;IAC9B,kBAAkB;IAClB,YAAY;IACZ,aAAa;CACd,AAJY,CAIX;AAZF;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IAC5D,KAAK,EAAE;8DACoC;AAM5C;IAJC,QAAQ,CAAC;QACR,SAAS,EAAE,uBAAuB;QAClC,IAAI,EAAE,KAAK;KACZ,CAAC;8DAC+D;AATtD,qBAAqB;IADjC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,qBAAqB,CAqEjC","sourcesContent":["import { consume } from \"@lit/context\";\nimport { type CSSResultGroup, html, LitElement, nothing } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { recordingStateContext } from \"../contexts/mixins/recording-state-context.js\";\nimport ButtonStyles from \"../styles/buttons.js\";\nimport CalloutStyles from \"../styles/callout.js\";\nimport SettingsMenuStyles from \"../styles/settings-menu.js\";\nimport type { ConfigurableSettings, RecordingState } from \"../types.js\";\nimport { commaSeparatedConverter } from \"../utils/converters.js\";\n\nimport \"./device-selector.js\";\nimport \"./keybinding-selector.js\";\nimport \"./language-selector.js\";\nimport \"../icons/icons.js\";\n\n@customElement(\"dictation-settings-menu\")\nexport class DictationSettingsMenu extends LitElement {\n  @consume({ context: recordingStateContext, subscribe: true })\n  @state()\n  _recordingState: RecordingState = \"stopped\";\n\n  @property({\n    converter: commaSeparatedConverter,\n    type: Array,\n  })\n  settingsEnabled: ConfigurableSettings[] = [\"device\", \"language\"];\n\n  static styles: CSSResultGroup = [\n    SettingsMenuStyles,\n    ButtonStyles,\n    CalloutStyles,\n  ];\n\n  render() {\n    if (this.settingsEnabled?.length === 0) {\n      return nothing;\n    }\n\n    const isRecording = this._recordingState === \"recording\";\n    const showDeviceSelector = this.settingsEnabled.includes(\"device\");\n    const showLanguageSelector = this.settingsEnabled.includes(\"language\");\n    const showKeybinding = this.settingsEnabled.includes(\"keybinding\");\n\n    return html`\n      <div class=\"mic-selector\">\n        <button id=\"settings-popover-button\" popovertarget=\"settings-popover\">\n          <icon-settings />\n        </button>\n        <div id=\"settings-popover\" popover>\n          <div class=\"settings-wrapper\">\n            ${\n              isRecording\n                ? html`\n                  <div class=\"callout warn\">\n                    Recording is in progress. Stop recording to change settings.\n                  </div>\n                `\n                : nothing\n            }\n            ${\n              showDeviceSelector\n                ? html`<dictation-device-selector\n                  ?disabled=${isRecording}\n                />`\n                : nothing\n            }\n            ${\n              showLanguageSelector\n                ? html`<dictation-language-selector\n                  ?disabled=${isRecording}\n                />`\n                : nothing\n            }\n            ${\n              showKeybinding\n                ? html`<dictation-keybinding-selector\n                    ?disabled=${isRecording}\n                  />`\n                : nothing\n            }\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"dictation-settings-menu\": DictationSettingsMenu;\n  }\n}\n"]}

package/dist/constants.d.ts

@@ -2,6 +2,7 @@ import type { Corti } from "@corti/sdk";
 export declare const LANGUAGES_SUPPORTED_EU: Corti.TranscribeSupportedLanguage[];
 export declare const LANGUAGES_SUPPORTED_US: Corti.TranscribeSupportedLanguage[];
 export declare const DEFAULT_DICTATION_CONFIG: Corti.TranscribeConfig;
+export declare const DEFAULT_STREAM_CONFIG: Corti.StreamConfig;
 /**
  * Interval in milliseconds at which MediaRecorder fires dataavailable events.
  * This controls how often audio chunks are sent to the WebSocket.

package/dist/constants.js

@@ -34,6 +34,15 @@ export const DEFAULT_DICTATION_CONFIG = {
     primaryLanguage: "en",
     spokenPunctuation: true,
 };
+export const DEFAULT_STREAM_CONFIG = {
+    mode: { outputLocale: "en", type: "facts" },
+    transcription: {
+        isDiarization: true,
+        isMultichannel: false,
+        participants: [],
+        primaryLanguage: "en",
+    },
+};
 /**
  * Interval in milliseconds at which MediaRecorder fires dataavailable events.
  * This controls how often audio chunks are sent to the WebSocket.

package/dist/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,sBAAsB,GAAwC;IACzE,IAAI;IACJ,IAAI;IACJ,OAAO;IACP,IAAI;IACJ,OAAO;IACP,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,QAAQ;CACT,CAAC,IAAI,EAAE,CAAC;AACT,MAAM,CAAC,MAAM,sBAAsB,GAAwC;IACzE,IAAI;IACJ,IAAI;IACJ,OAAO;IACP,IAAI;IACJ,OAAO;IACP,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;CACL,CAAC,IAAI,EAAE,CAAC;AACT,MAAM,CAAC,MAAM,wBAAwB,GAA2B;IAC9D,oBAAoB,EAAE,KAAK;IAC3B,eAAe,EAAE,IAAI;IACrB,iBAAiB,EAAE,IAAI;CACxB,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAC","sourcesContent":["import type { Corti } from \"@corti/sdk\";\n\nexport const LANGUAGES_SUPPORTED_EU: Corti.TranscribeSupportedLanguage[] = [\n  \"da\",\n  \"de\",\n  \"de-CH\",\n  \"en\",\n  \"en-GB\",\n  \"es\",\n  \"fr\",\n  \"hu\",\n  \"it\",\n  \"nl\",\n  \"no\",\n  \"pt\",\n  \"sv\",\n  \"gsw-CH\",\n].sort();\nexport const LANGUAGES_SUPPORTED_US: Corti.TranscribeSupportedLanguage[] = [\n  \"da\",\n  \"de\",\n  \"de-CH\",\n  \"en\",\n  \"en-GB\",\n  \"es\",\n  \"fr\",\n  \"hu\",\n  \"it\",\n  \"nl\",\n  \"no\",\n  \"pt\",\n  \"sv\",\n].sort();\nexport const DEFAULT_DICTATION_CONFIG: Corti.TranscribeConfig = {\n  automaticPunctuation: false,\n  primaryLanguage: \"en\",\n  spokenPunctuation: true,\n};\n\n/**\n * Interval in milliseconds at which MediaRecorder fires dataavailable events.\n * This controls how often audio chunks are sent to the WebSocket.\n */\nexport const AUDIO_CHUNK_INTERVAL_MS = 250;\n"]}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,sBAAsB,GAAwC;IACzE,IAAI;IACJ,IAAI;IACJ,OAAO;IACP,IAAI;IACJ,OAAO;IACP,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,QAAQ;CACT,CAAC,IAAI,EAAE,CAAC;AACT,MAAM,CAAC,MAAM,sBAAsB,GAAwC;IACzE,IAAI;IACJ,IAAI;IACJ,OAAO;IACP,IAAI;IACJ,OAAO;IACP,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;CACL,CAAC,IAAI,EAAE,CAAC;AACT,MAAM,CAAC,MAAM,wBAAwB,GAA2B;IAC9D,oBAAoB,EAAE,KAAK;IAC3B,eAAe,EAAE,IAAI;IACrB,iBAAiB,EAAE,IAAI;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAuB;IACvD,IAAI,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE;IAC3C,aAAa,EAAE;QACb,aAAa,EAAE,IAAI;QACnB,cAAc,EAAE,KAAK;QACrB,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,IAAI;KACtB;CACF,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAC","sourcesContent":["import type { Corti } from \"@corti/sdk\";\n\nexport const LANGUAGES_SUPPORTED_EU: Corti.TranscribeSupportedLanguage[] = [\n  \"da\",\n  \"de\",\n  \"de-CH\",\n  \"en\",\n  \"en-GB\",\n  \"es\",\n  \"fr\",\n  \"hu\",\n  \"it\",\n  \"nl\",\n  \"no\",\n  \"pt\",\n  \"sv\",\n  \"gsw-CH\",\n].sort();\nexport const LANGUAGES_SUPPORTED_US: Corti.TranscribeSupportedLanguage[] = [\n  \"da\",\n  \"de\",\n  \"de-CH\",\n  \"en\",\n  \"en-GB\",\n  \"es\",\n  \"fr\",\n  \"hu\",\n  \"it\",\n  \"nl\",\n  \"no\",\n  \"pt\",\n  \"sv\",\n].sort();\nexport const DEFAULT_DICTATION_CONFIG: Corti.TranscribeConfig = {\n  automaticPunctuation: false,\n  primaryLanguage: \"en\",\n  spokenPunctuation: true,\n};\n\nexport const DEFAULT_STREAM_CONFIG: Corti.StreamConfig = {\n  mode: { outputLocale: \"en\", type: \"facts\" },\n  transcription: {\n    isDiarization: true,\n    isMultichannel: false,\n    participants: [],\n    primaryLanguage: \"en\",\n  },\n};\n\n/**\n * Interval in milliseconds at which MediaRecorder fires dataavailable events.\n * This controls how often audio chunks are sent to the WebSocket.\n */\nexport const AUDIO_CHUNK_INTERVAL_MS = 250;\n"]}

package/dist/contexts/ambient-context.d.ts

@@ -0,0 +1,18 @@
+import type { Corti } from "@corti/sdk";
+import { RootContext } from "./root-context.js";
+export declare const ambientConfigContext: {
+    __context__: Corti.StreamConfig | undefined;
+};
+export declare const interactionIdContext: {
+    __context__: string | undefined;
+};
+export declare class AmbientRoot extends RootContext {
+    ambientConfig: Corti.StreamConfig;
+    interactionId?: string;
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "ambient-root": AmbientRoot;
+    }
+}

package/dist/contexts/ambient-context.js

@@ -0,0 +1,48 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { createContext, provide } from "@lit/context";
+import { customElement, property } from "lit/decorators.js";
+import { DEFAULT_STREAM_CONFIG } from "../constants.js";
+import { RootContext } from "./root-context.js";
+export const ambientConfigContext = createContext(Symbol("ambientConfig"));
+export const interactionIdContext = createContext(Symbol("interactionId"));
+let AmbientRoot = class AmbientRoot extends RootContext {
+    constructor() {
+        super();
+        this.ambientConfig = DEFAULT_STREAM_CONFIG;
+        this.addEventListener("languages-changed", (e) => {
+            const event = e;
+            const lang = (event.detail.selectedLanguage ??
+                "en");
+            const base = this.ambientConfig ?? DEFAULT_STREAM_CONFIG;
+            this.ambientConfig = {
+                ...base,
+                mode: {
+                    ...base.mode,
+                    outputLocale: lang,
+                },
+                transcription: {
+                    ...base.transcription,
+                    primaryLanguage: lang,
+                },
+            };
+        });
+    }
+};
+__decorate([
+    provide({ context: ambientConfigContext }),
+    property({ attribute: false, type: Object })
+], AmbientRoot.prototype, "ambientConfig", void 0);
+__decorate([
+    provide({ context: interactionIdContext }),
+    property({ type: String })
+], AmbientRoot.prototype, "interactionId", void 0);
+AmbientRoot = __decorate([
+    customElement("ambient-root")
+], AmbientRoot);
+export { AmbientRoot };
+//# sourceMappingURL=ambient-context.js.map

package/dist/contexts/ambient-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ambient-context.js","sourceRoot":"","sources":["../../src/contexts/ambient-context.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAE/C,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC;AAE3B,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAC/C,MAAM,CAAC,eAAe,CAAC,CACxB,CAAC;AAGK,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,WAAW;IAS1C;QACE,KAAK,EAAE,CAAC;QAPV,kBAAa,GAAuB,qBAAqB,CAAC;QASxD,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,CAAC,CAAQ,EAAE,EAAE;YACtD,MAAM,KAAK,GAAG,CAAgB,CAAC;YAE/B,MAAM,IAAI,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,gBAAgB;gBACzC,IAAI,CAAsC,CAAC;YAC7C,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,IAAI,qBAAqB,CAAC;YAEzD,IAAI,CAAC,aAAa,GAAG;gBACnB,GAAG,IAAI;gBACP,IAAI,EAAE;oBACJ,GAAG,IAAI,CAAC,IAAI;oBACZ,YAAY,EAAE,IAAI;iBACnB;gBACD,aAAa,EAAE;oBACb,GAAG,IAAI,CAAC,aAAa;oBACrB,eAAe,EAAE,IAAI;iBACtB;aACF,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;CACF,CAAA;AA7BC;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAC1C,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDACa;AAI1D;IAFC,OAAO,CAAC,EAAE,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAC1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDACJ;AAPZ,WAAW;IADvB,aAAa,CAAC,cAAc,CAAC;GACjB,WAAW,CAgCvB","sourcesContent":["import type { Corti } from \"@corti/sdk\";\nimport { createContext, provide } from \"@lit/context\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { DEFAULT_STREAM_CONFIG } from \"../constants.js\";\nimport { RootContext } from \"./root-context.js\";\n\nexport const ambientConfigContext = createContext<\n  Corti.StreamConfig | undefined\n>(Symbol(\"ambientConfig\"));\n\nexport const interactionIdContext = createContext<string | undefined>(\n  Symbol(\"interactionId\"),\n);\n\n@customElement(\"ambient-root\")\nexport class AmbientRoot extends RootContext {\n  @provide({ context: ambientConfigContext })\n  @property({ attribute: false, type: Object })\n  ambientConfig: Corti.StreamConfig = DEFAULT_STREAM_CONFIG;\n\n  @provide({ context: interactionIdContext })\n  @property({ type: String })\n  interactionId?: string;\n\n  constructor() {\n    super();\n\n    this.addEventListener(\"languages-changed\", (e: Event) => {\n      const event = e as CustomEvent;\n\n      const lang = (event.detail.selectedLanguage ??\n        \"en\") as Corti.TranscribeSupportedLanguage;\n      const base = this.ambientConfig ?? DEFAULT_STREAM_CONFIG;\n\n      this.ambientConfig = {\n        ...base,\n        mode: {\n          ...base.mode,\n          outputLocale: lang,\n        },\n        transcription: {\n          ...base.transcription,\n          primaryLanguage: lang,\n        },\n      };\n    });\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"ambient-root\": AmbientRoot;\n  }\n}\n"]}

package/dist/contexts/dictation-context.d.ts

@@ -1,104 +1,15 @@
-import type { Corti, CortiAuth } from "@corti/sdk";
-import { type CSSResultGroup, LitElement } from "lit";
-import type { ProxyOptions, RecordingState } from "../types.js";
-export declare const regionContext: {
-    __context__: string | undefined;
-};
-export declare const tenantNameContext: {
-    __context__: string | undefined;
-};
-export declare const languagesContext: {
-    __context__: string[] | undefined;
-};
-export declare const devicesContext: {
-    __context__: MediaDeviceInfo[] | undefined;
-};
-export declare const selectedDeviceContext: {
-    __context__: MediaDeviceInfo | undefined;
-};
-export declare const recordingStateContext: {
-    __context__: RecordingState;
-};
-export declare const accessTokenContext: {
-    __context__: string | undefined;
-};
+import type { Corti } from "@corti/sdk";
+import { RootContext } from "./root-context.js";
 export declare const dictationConfigContext: {
     __context__: Corti.TranscribeConfig | undefined;
 };
-export declare const authConfigContext: {
-    __context__: CortiAuth.AuthTokenDerivable | undefined;
-};
-export declare const socketUrlContext: {
-    __context__: string | undefined;
-};
-export declare const socketProxyContext: {
-    __context__: ProxyOptions | undefined;
-};
 export declare const debugDisplayAudioContext: {
     __context__: boolean | undefined;
 };
-export declare const pushToTalkKeybindingContext: {
-    __context__: string | null | undefined;
-};
-export declare const toggleToTalkKeybindingContext: {
-    __context__: string | null | undefined;
-};
-export declare class DictationRoot extends LitElement {
-    #private;
-    region?: string;
-    tenantName?: string;
-    recordingState: RecordingState;
-    _accessToken?: string;
-    set accessToken(token: string | undefined);
-    get accessToken(): string | undefined;
-    _authConfig?: CortiAuth.AuthTokenDerivable;
-    set authConfig(config: CortiAuth.AuthTokenDerivable | undefined);
-    get authConfig(): CortiAuth.AuthTokenDerivable | undefined;
-    socketUrl?: string;
-    socketProxy?: ProxyOptions;
+export declare class DictationRoot extends RootContext {
     dictationConfig?: Corti.TranscribeConfig;
-    _languages?: Corti.TranscribeSupportedLanguage[];
-    set languages(value: Corti.TranscribeSupportedLanguage[] | undefined);
-    get languages(): Corti.TranscribeSupportedLanguage[] | undefined;
-    _devices?: MediaDeviceInfo[];
-    set devices(value: MediaDeviceInfo[] | undefined);
-    get devices(): MediaDeviceInfo[] | undefined;
-    selectedDevice?: MediaDeviceInfo;
     debug_displayAudio?: boolean;
-    pushToTalkKeybinding?: string | null;
-    toggleToTalkKeybinding?: string | null;
-    noWrapper: boolean;
-    static styles: CSSResultGroup;
     constructor();
-    /**
-     * Sets the access token and parses region/tenant from it.
-     * @returns ServerConfig with environment, tenant, and accessToken
-     * @deprecated Use 'accessToken' property instead.
-     */
-    setAccessToken(token: string | undefined): {
-        accessToken: string | undefined;
-        environment: undefined;
-        tenant: undefined;
-    } | {
-        accessToken: string;
-        environment: string;
-        tenant: string;
-    };
-    /**
-     * Sets the auth config and parses region/tenant from the initial token.
-     * @returns Promise with ServerConfig containing environment, tenant, and accessToken
-     * @deprecated Use 'authConfig' property instead.
-     */
-    setAuthConfig(config?: CortiAuth.AuthTokenDerivable): Promise<{
-        accessToken: string | undefined;
-        environment: undefined;
-        tenant: undefined;
-    } | {
-        accessToken: string;
-        environment: string;
-        tenant: string;
-    }>;
-    render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {