@corti/dictation-web 0.0.0-rc.359 → 0.0.0-test.562

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,kBAAkB;AAClB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAkC,MAAM,KAAK,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAChD,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,aAAa,MAAM,sBAAsB,CAAC;AAG1C,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAa1C,IAAI,yBAAyB;QAC3B,OAAO,IAAI,CAAC,gBAAgB,IAAI,mBAAmB,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IAC/D,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QAbV,qBAAgB,GAAW,EAAE,CAAC;QAG9B,qBAAgB,GAAY,KAAK,CAAC;QAG1B,aAAQ,GAAsB,EAAE,CAAC;QAQvC,SAAS,CAAC,YAAY,CAAC,gBAAgB,CACrC,cAAc,EACd,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CACpC,CAAC;IACJ,CAAC;IAED,qCAAqC;IACrC,KAAK,CAAC,iBAAiB;QACrB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,MAAM,cAAc,GAAG,MAAM,eAAe,EAAE,CAAC;QAC/C,IAAI,CAAC,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAC;IACzC,CAAC;IAEO,KAAK,CAAC,mBAAmB;QAC/B,MAAM,cAAc,GAAG,MAAM,eAAe,EAAE,CAAC;QAC/C,IAAI,CAAC,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAC;IACzC,CAAC;IAwCO,aAAa,CAAC,QAAgB;QACpC,yBAAyB;QACzB,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC;QAChE,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO;QACT,CAAC;QACD,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC;QAC7B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,2BAA2B,EAAE;YAC3C,MAAM,EAAE;gBACN,OAAO,EAAE,IAAI,CAAC,QAAQ;gBACtB,cAAc,EAAE,MAAM;aACvB;YACD,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;IACJ,CAAC;IAEO,eAAe,CAAC,QAAgB;QACtC,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC5C,OAAO;QACT,CAAC;QACD,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC;QACjC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,kBAAkB,EAAE;YAClC,MAAM,EAAE;gBACN,QAAQ,EAAE,QAAQ;aACnB;YACD,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;cAOD,IAAI,CAAC,gBAAgB;YACrB,CAAC,CAAC,IAAI,CAAA;;;;iBAIH;YACH,CAAC,CAAC,EAAE;;;;;;;;0BAQQ,CAAC,CAAQ,EAAE,EAAE;YACrB,IAAI,CAAC,aAAa,CAAE,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,CAAC;QAC5D,CAAC;4BACW,IAAI,CAAC,gBAAgB;;kBAE/B,IAAI,CAAC,QAAQ,CAAC,GAAG,CACjB,MAAM,CAAC,EAAE,CAAC,IAAI,CAAA;;8BAEF,MAAM,CAAC,QAAQ;kCACX,IAAI,CAAC,cAAc,EAAE,QAAQ;YACzC,MAAM,CAAC,QAAQ;;wBAEb,MAAM,CAAC,KAAK,IAAI,gBAAgB;;mBAErC,CACF;;;;;;;;;;0BAUS,CAAC,CAAQ,EAAE,EAAE;YACrB,IAAI,CAAC,eAAe,CAAE,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,CAAC;QAC9D,CAAC;4BACW,IAAI,CAAC,gBAAgB;;kBAE/B,mBAAmB,CAAC,GAAG,CACvB,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAA;;8BAEJ,QAAQ;kCACJ,IAAI,CAAC,yBAAyB,KAAK,QAAQ;;wBAErD,eAAe,CAAC,QAAQ,CAAC;;mBAE9B,CACF;;;;;;KAMZ,CAAC;IACJ,CAAC;;AA7IM,mBAAM,GAAmB;IAC9B,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgCF;IACD,YAAY;IACZ,YAAY;IACZ,aAAa;CACd,AArCY,CAqCX;AAxEF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDACiB;AAG5C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDACG;AAG9B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sDACM;AAG1B;IADP,KAAK,EAAE;8CACiC;AAX9B,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CAmLxB","sourcesContent":["// mic-selector.ts\nimport { LitElement, html, css, TemplateResult, CSSResultGroup } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport ButtonStyles from '../styles/buttons.js';\nimport SelectStyles from '../styles/select.js';\nimport { LANGUAGES_SUPPORTED } from '../constants.js';\nimport { getAudioDevices, getLanguageName } from '../utils.js';\nimport CalloutStyles from '../styles/callout.js';\n\n@customElement('settings-menu')\nexport class SettingsMenu extends LitElement {\n  @property({ type: Object })\n  selectedDevice: MediaDeviceInfo | undefined;\n\n  @property({ type: String })\n  selectedLanguage: string = '';\n\n  @property({ type: Boolean })\n  settingsDisabled: boolean = false;\n\n  @state()\n  private _devices: MediaDeviceInfo[] = [];\n\n  get effectiveSelectedLanguage(): string {\n    return this.selectedLanguage || LANGUAGES_SUPPORTED[0] || '';\n  }\n\n  constructor() {\n    super();\n    navigator.mediaDevices.addEventListener(\n      'devicechange',\n      this.handleDevicesChange.bind(this),\n    );\n  }\n\n  // on load, get the available devices\n  async connectedCallback(): Promise<void> {\n    super.connectedCallback();\n    const deviceResponse = await getAudioDevices();\n    this._devices = deviceResponse.devices;\n  }\n\n  private async handleDevicesChange() {\n    const deviceResponse = await getAudioDevices();\n    this._devices = deviceResponse.devices;\n  }\n\n  static styles: CSSResultGroup = [\n    css`\n      :host {\n        display: block;\n        font-family: var(--component-font-family);\n      }\n      /* Retain the anchor-name styling for this component */\n      #settings-popover-button {\n        anchor-name: --settings_popover_btn;\n      }\n      [popover] {\n        margin: 0;\n        padding: 16px;\n        border: 0;\n        background: var(--card-background);\n        border: 1px solid var(--card-border-color);\n        border-radius: var(--card-border-radius);\n        box-shadow: var(--card-box-shadow);\n        z-index: 1000;\n        max-width: 260px;\n        width: 100%;\n        min-width: 200px;\n        position-anchor: --settings_popover_btn;\n        position-area: bottom span-right;\n        position-visibility: always;\n        position-try-fallbacks: flip-inline;\n        overflow-x: hidden;\n      }\n      .settings-wrapper {\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n      }\n    `,\n    ButtonStyles,\n    SelectStyles,\n    CalloutStyles,\n  ];\n  private _selectDevice(deviceId: string): void {\n    // Find the device object\n    const device = this._devices.find(d => d.deviceId === deviceId);\n    if (!device) {\n      return;\n    }\n    this.selectedDevice = device;\n    this.dispatchEvent(\n      new CustomEvent('recording-devices-changed', {\n        detail: {\n          devices: this._devices,\n          selectedDevice: device,\n        },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private _selectLanguage(language: string): void {\n    if (!LANGUAGES_SUPPORTED.includes(language)) {\n      return;\n    }\n    this.selectedLanguage = language;\n    this.dispatchEvent(\n      new CustomEvent('language-changed', {\n        detail: {\n          language: language,\n        },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"mic-selector\">\n        <button id=\"settings-popover-button\" popovertarget=\"settings-popover\">\n          <icon-settings></icon-settings>\n        </button>\n        <div id=\"settings-popover\" popover>\n          <div class=\"settings-wrapper\">\n            ${this.settingsDisabled\n              ? html`\n                  <div class=\"callout warn\">\n                    Recording is in progress. Stop recording to change settings.\n                  </div>\n                `\n              : ''}\n            <div class=\"form-group\">\n              <label id=\"device-select-label\" for=\"device-select\">\n                Recording Device\n              </label>\n              <select\n                id=\"device-select\"\n                aria-labelledby=\"device-select-label\"\n                @change=${(e: Event) => {\n                  this._selectDevice((e.target as HTMLSelectElement).value);\n                }}\n                ?disabled=${this.settingsDisabled}\n              >\n                ${this._devices.map(\n                  device => html`\n                    <option\n                      value=${device.deviceId}\n                      ?selected=${this.selectedDevice?.deviceId ===\n                      device.deviceId}\n                    >\n                      ${device.label || 'Unknown Device'}\n                    </option>\n                  `,\n                )}\n              </select>\n            </div>\n            <div class=\"form-group\">\n              <label id=\"language-select-label\" for=\"language-select\">\n                Dictation Language\n              </label>\n              <select\n                id=\"language-select\"\n                aria-labelledby=\"language-select-label\"\n                @change=${(e: Event) => {\n                  this._selectLanguage((e.target as HTMLSelectElement).value);\n                }}\n                ?disabled=${this.settingsDisabled}\n              >\n                ${LANGUAGES_SUPPORTED.map(\n                  language => html`\n                    <option\n                      value=${language}\n                      ?selected=${this.effectiveSelectedLanguage === language}\n                    >\n                      ${getLanguageName(language)}\n                    </option>\n                  `,\n                )}\n              </select>\n            </div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'settings-menu': SettingsMenu;\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,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,wBAAwB,CAAC;AAChC,OAAO,mBAAmB,CAAC;AAGpB,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QAGL,oBAAe,GAAmB,SAAS,CAAC;QAM5C,oBAAe,GAA2B,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;IAoDnE,CAAC;IA5CC,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC/D,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;QAEvE,OAAO,IAAI,CAAA;;;;;;;cAQD,WAAW;YACT,CAAC,CAAC,IAAI,CAAA;;;;iBAIL;YACD,CAAC,CAAC,OACN;cAEE,kBAAkB;YAChB,CAAC,CAAC,IAAI,CAAA;8BACQ,WAAW;oCACL;YACpB,CAAC,CAAC,OACN;cAEE,oBAAoB;YAClB,CAAC,CAAC,IAAI,CAAA;8BACQ,WAAW;sCACH;YACtB,CAAC,CAAC,OACN;;;;KAIP,CAAC;IACJ,CAAC;;AAjDM,mBAAM,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;qDACoC;AAM5C;IAJC,QAAQ,CAAC;QACR,SAAS,EAAE,uBAAuB;QAClC,IAAI,EAAE,KAAK;KACZ,CAAC;qDAC+D;AATtD,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CA6DxB","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 \"./language-selector.js\";\nimport \"../icons/icons.js\";\n\n@customElement(\"settings-menu\")\nexport class SettingsMenu 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 || 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\n    return html`\n      <div class=\"mic-selector\">\n        <button id=\"settings-popover-button\" popovertarget=\"settings-popover\">\n          <icon-settings></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`<device-selector\n                  ?disabled=${isRecording}\n                ></device-selector>`\n                : nothing\n            }\n            ${\n              showLanguageSelector\n                ? html`<language-selector\n                  ?disabled=${isRecording}\n                ></language-selector>`\n                : nothing\n            }\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"settings-menu\": SettingsMenu;\n  }\n}\n"]}

package/dist/constants.d.ts

@@ -1,3 +1,4 @@
-import { Corti } from '@corti/sdk';
-export declare const LANGUAGES_SUPPORTED: Corti.TranscribeSupportedLanguage[];
+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;

package/dist/constants.js

@@ -1,16 +1,37 @@
-export const LANGUAGES_SUPPORTED = [
-    'en',
-    'en-GB',
-    'da',
-    'de',
-    'fr',
-    'sv',
-    'nl',
-    'no',
-];
+export const LANGUAGES_SUPPORTED_EU = [
+    "da",
+    "de",
+    "de-CH",
+    "en",
+    "en-GB",
+    "es",
+    "fr",
+    "hu",
+    "it",
+    "nl",
+    "no",
+    "pt",
+    "sv",
+    "gsw-CH",
+].sort();
+export const LANGUAGES_SUPPORTED_US = [
+    "da",
+    "de",
+    "de-CH",
+    "en",
+    "en-GB",
+    "es",
+    "fr",
+    "hu",
+    "it",
+    "nl",
+    "no",
+    "pt",
+    "sv",
+].sort();
 export const DEFAULT_DICTATION_CONFIG = {
-    primaryLanguage: 'en',
+    automaticPunctuation: false,
+    primaryLanguage: "en",
     spokenPunctuation: true,
-    automaticPunctuation: true,
 };
 //# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,mBAAmB,GAAwC;IACtE,IAAI;IACJ,OAAO;IACP,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;CACL,CAAC;AACF,MAAM,CAAC,MAAM,wBAAwB,GAA2B;IAC9D,eAAe,EAAE,IAAI;IACrB,iBAAiB,EAAE,IAAI;IACvB,oBAAoB,EAAE,IAAI;CAC3B,CAAC","sourcesContent":["import { Corti } from '@corti/sdk';\n\nexport const LANGUAGES_SUPPORTED: Corti.TranscribeSupportedLanguage[] = [\n  'en',\n  'en-GB',\n  'da',\n  'de',\n  'fr',\n  'sv',\n  'nl',\n  'no',\n];\nexport const DEFAULT_DICTATION_CONFIG: Corti.TranscribeConfig = {\n  primaryLanguage: 'en',\n  spokenPunctuation: true,\n  automaticPunctuation: true,\n};\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","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"]}

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

@@ -0,0 +1,97 @@
+import type { Corti } 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;
+};
+export declare const dictationConfigContext: {
+    __context__: Corti.TranscribeConfig | undefined;
+};
+export declare const authConfigContext: {
+    __context__: Corti.BearerOptions | undefined;
+};
+export declare const socketUrlContext: {
+    __context__: string | undefined;
+};
+export declare const socketProxyContext: {
+    __context__: ProxyOptions | undefined;
+};
+export declare const debugDisplayAudioContext: {
+    __context__: boolean | undefined;
+};
+export declare class DictationContext extends LitElement {
+    region?: string;
+    tenantName?: string;
+    recordingState: RecordingState;
+    private _accessToken?;
+    set accessToken(token: string | undefined);
+    get accessToken(): string | undefined;
+    private _authConfig?;
+    set authConfig(config: Corti.BearerOptions | undefined);
+    get authConfig(): Corti.BearerOptions | undefined;
+    socketUrl?: string;
+    socketProxy?: ProxyOptions;
+    dictationConfig?: Corti.TranscribeConfig;
+    languages?: string[];
+    devices?: MediaDeviceInfo[];
+    selectedDevice?: MediaDeviceInfo;
+    debug_displayAudio?: boolean;
+    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 | undefined;
+        tenant: string | undefined;
+    };
+    /**
+     * 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?: Corti.BearerOptions): Promise<{
+        accessToken: string | undefined;
+        environment: undefined;
+        tenant: undefined;
+    } | {
+        accessToken: string;
+        environment: string | undefined;
+        tenant: string | undefined;
+    }>;
+    private _handleLanguageChanged;
+    private _handleDeviceChanged;
+    private _handleRecordingStateChanged;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "dictation-context-provider": DictationContext;
+    }
+}

package/dist/contexts/dictation-context.js

@@ -0,0 +1,208 @@
+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 { html, LitElement } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import ComponentStyles from "../styles/ComponentStyles.js";
+import { getInitialToken } from "../utils/auth.js";
+import { commaSeparatedConverter } from "../utils/converters.js";
+import { errorEvent } from "../utils/events.js";
+import { decodeToken } from "../utils/token.js";
+export const regionContext = createContext("region");
+export const tenantNameContext = createContext("tenantName");
+export const languagesContext = createContext("languages");
+export const devicesContext = createContext("devices");
+export const selectedDeviceContext = createContext("selectedDevice");
+export const recordingStateContext = createContext("recordingState");
+export const accessTokenContext = createContext("accessToken");
+export const dictationConfigContext = createContext("dictationConfig");
+export const authConfigContext = createContext("authConfig");
+export const socketUrlContext = createContext("socketUrl");
+export const socketProxyContext = createContext("socketProxy");
+export const debugDisplayAudioContext = createContext("debugDisplayAudio");
+let DictationContext = class DictationContext extends LitElement {
+    set accessToken(token) {
+        this.setAccessToken(token);
+    }
+    get accessToken() {
+        return this._accessToken;
+    }
+    set authConfig(config) {
+        this.setAuthConfig(config);
+    }
+    get authConfig() {
+        return this._authConfig;
+    }
+    // ─────────────────────────────────────────────────────────────────────────────
+    // Lifecycle
+    // ─────────────────────────────────────────────────────────────────────────────
+    constructor() {
+        super();
+        this.recordingState = "stopped";
+        this.noWrapper = false;
+        // ─────────────────────────────────────────────────────────────────────────────
+        // Private event handlers
+        // ─────────────────────────────────────────────────────────────────────────────
+        this._handleLanguageChanged = (e) => {
+            const event = e;
+            this.languages = event.detail.languages;
+            this.dictationConfig = {
+                ...this.dictationConfig,
+                primaryLanguage: event.detail.selectedLanguage,
+            };
+        };
+        this._handleDeviceChanged = (e) => {
+            const event = e;
+            this.devices = event.detail.devices;
+            this.selectedDevice = event.detail.selectedDevice;
+        };
+        this._handleRecordingStateChanged = (e) => {
+            const event = e;
+            this.recordingState = event.detail.state;
+        };
+        this.addEventListener("languages-changed", this._handleLanguageChanged);
+        this.addEventListener("recording-devices-changed", this._handleDeviceChanged);
+        this.addEventListener("recording-state-changed", this._handleRecordingStateChanged);
+    }
+    // ─────────────────────────────────────────────────────────────────────────────
+    // Public methods
+    // ─────────────────────────────────────────────────────────────────────────────
+    /**
+     * Sets the access token and parses region/tenant from it.
+     * @returns ServerConfig with environment, tenant, and accessToken
+     * @deprecated Use 'accessToken' property instead.
+     */
+    setAccessToken(token) {
+        this._accessToken = token;
+        this.region = undefined;
+        this.tenantName = undefined;
+        if (!token) {
+            return { accessToken: token, environment: undefined, tenant: undefined };
+        }
+        try {
+            const decoded = decodeToken(token);
+            this.region = decoded?.environment;
+            this.tenantName = decoded?.tenant;
+            return {
+                accessToken: token,
+                environment: decoded?.environment,
+                tenant: decoded?.tenant,
+            };
+        }
+        catch (error) {
+            this.dispatchEvent(errorEvent(error));
+        }
+        return { accessToken: token, environment: undefined, tenant: undefined };
+    }
+    /**
+     * 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.
+     */
+    async setAuthConfig(config) {
+        this._authConfig = config;
+        if (!config) {
+            return {
+                accessToken: undefined,
+                environment: undefined,
+                tenant: undefined,
+            };
+        }
+        try {
+            const { accessToken } = await getInitialToken(config);
+            return this.setAccessToken(accessToken);
+        }
+        catch (error) {
+            this.dispatchEvent(errorEvent(error));
+        }
+        return {
+            accessToken: undefined,
+            environment: undefined,
+            tenant: undefined,
+        };
+    }
+    // ─────────────────────────────────────────────────────────────────────────────
+    // Render
+    // ─────────────────────────────────────────────────────────────────────────────
+    render() {
+        if (this.noWrapper) {
+            return html `<slot></slot>`;
+        }
+        return html `<div class="wrapper">
+      <slot></slot>
+    </div>`;
+    }
+};
+// ─────────────────────────────────────────────────────────────────────────────
+// Static
+// ─────────────────────────────────────────────────────────────────────────────
+DictationContext.styles = [ComponentStyles];
+__decorate([
+    provide({ context: regionContext }),
+    state()
+], DictationContext.prototype, "region", void 0);
+__decorate([
+    provide({ context: tenantNameContext }),
+    state()
+], DictationContext.prototype, "tenantName", void 0);
+__decorate([
+    provide({ context: recordingStateContext }),
+    state()
+], DictationContext.prototype, "recordingState", void 0);
+__decorate([
+    provide({ context: accessTokenContext }),
+    state()
+], DictationContext.prototype, "_accessToken", void 0);
+__decorate([
+    property({ type: String })
+], DictationContext.prototype, "accessToken", null);
+__decorate([
+    provide({ context: authConfigContext }),
+    state()
+], DictationContext.prototype, "_authConfig", void 0);
+__decorate([
+    property({ attribute: false, type: Object })
+], DictationContext.prototype, "authConfig", null);
+__decorate([
+    provide({ context: socketUrlContext }),
+    property({ type: String })
+], DictationContext.prototype, "socketUrl", void 0);
+__decorate([
+    provide({ context: socketProxyContext }),
+    property({ attribute: false, type: Object })
+], DictationContext.prototype, "socketProxy", void 0);
+__decorate([
+    provide({ context: dictationConfigContext }),
+    property({ attribute: false, type: Object })
+], DictationContext.prototype, "dictationConfig", void 0);
+__decorate([
+    provide({ context: languagesContext }),
+    property({
+        converter: commaSeparatedConverter,
+        type: Array,
+    })
+], DictationContext.prototype, "languages", void 0);
+__decorate([
+    provide({ context: devicesContext }),
+    property({ attribute: false, type: Array })
+], DictationContext.prototype, "devices", void 0);
+__decorate([
+    provide({ context: selectedDeviceContext }),
+    property({ attribute: false, type: Object })
+], DictationContext.prototype, "selectedDevice", void 0);
+__decorate([
+    provide({ context: debugDisplayAudioContext }),
+    property({ attribute: "debug-display-audio", type: Boolean })
+], DictationContext.prototype, "debug_displayAudio", void 0);
+__decorate([
+    property({ type: Boolean })
+], DictationContext.prototype, "noWrapper", void 0);
+DictationContext = __decorate([
+    customElement("dictation-context-provider")
+], DictationContext);
+export { DictationContext };
+//# sourceMappingURL=dictation-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dictation-context.js","sourceRoot":"","sources":["../../src/contexts/dictation-context.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Corti } from \"@corti/sdk\";\nimport { createContext, provide } from \"@lit/context\";\nimport { type CSSResultGroup, html, LitElement } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport ComponentStyles from \"../styles/ComponentStyles.js\";\nimport type { ProxyOptions, RecordingState } from \"../types.js\";\nimport { getInitialToken } from \"../utils/auth.js\";\nimport { commaSeparatedConverter } from \"../utils/converters.js\";\nimport { errorEvent } from \"../utils/events.js\";\nimport { decodeToken } from \"../utils/token.js\";\n\nexport const regionContext = createContext<string | undefined>(\"region\");\nexport const tenantNameContext = createContext<string | undefined>(\n  \"tenantName\",\n);\nexport const languagesContext = createContext<string[] | undefined>(\n  \"languages\",\n);\nexport const devicesContext = createContext<MediaDeviceInfo[] | undefined>(\n  \"devices\",\n);\nexport const selectedDeviceContext = createContext<MediaDeviceInfo | undefined>(\n  \"selectedDevice\",\n);\nexport const recordingStateContext =\n  createContext<RecordingState>(\"recordingState\");\nexport const accessTokenContext = createContext<string | undefined>(\n  \"accessToken\",\n);\nexport const dictationConfigContext = createContext<\n  Corti.TranscribeConfig | undefined\n>(\"dictationConfig\");\nexport const authConfigContext = createContext<Corti.BearerOptions | undefined>(\n  \"authConfig\",\n);\nexport const socketUrlContext = createContext<string | undefined>(\"socketUrl\");\nexport const socketProxyContext = createContext<ProxyOptions | undefined>(\n  \"socketProxy\",\n);\nexport const debugDisplayAudioContext = createContext<boolean | undefined>(\n  \"debugDisplayAudio\",\n);\n\n@customElement(\"dictation-context-provider\")\nexport class DictationContext extends LitElement {\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Context state\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  @provide({ context: regionContext })\n  @state()\n  region?: string;\n\n  @provide({ context: tenantNameContext })\n  @state()\n  tenantName?: string;\n\n  @provide({ context: recordingStateContext })\n  @state()\n  recordingState: RecordingState = \"stopped\";\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Properties\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  @provide({ context: accessTokenContext })\n  @state()\n  private _accessToken?: string;\n\n  @property({ type: String })\n  set accessToken(token: string | undefined) {\n    this.setAccessToken(token);\n  }\n\n  get accessToken(): string | undefined {\n    return this._accessToken;\n  }\n\n  @provide({ context: authConfigContext })\n  @state()\n  private _authConfig?: Corti.BearerOptions;\n\n  @property({ attribute: false, type: Object })\n  set authConfig(config: Corti.BearerOptions | undefined) {\n    this.setAuthConfig(config);\n  }\n\n  get authConfig(): Corti.BearerOptions | undefined {\n    return this._authConfig;\n  }\n\n  @provide({ context: socketUrlContext })\n  @property({ type: String })\n  socketUrl?: string;\n\n  @provide({ context: socketProxyContext })\n  @property({ attribute: false, type: Object })\n  socketProxy?: ProxyOptions;\n\n  @provide({ context: dictationConfigContext })\n  @property({ attribute: false, type: Object })\n  dictationConfig?: Corti.TranscribeConfig;\n\n  @provide({ context: languagesContext })\n  @property({\n    converter: commaSeparatedConverter,\n    type: Array,\n  })\n  languages?: string[];\n\n  @provide({ context: devicesContext })\n  @property({ attribute: false, type: Array })\n  devices?: MediaDeviceInfo[];\n\n  @provide({ context: selectedDeviceContext })\n  @property({ attribute: false, type: Object })\n  selectedDevice?: MediaDeviceInfo;\n\n  @provide({ context: debugDisplayAudioContext })\n  @property({ attribute: \"debug-display-audio\", type: Boolean })\n  debug_displayAudio?: boolean;\n\n  @property({ type: Boolean })\n  noWrapper: boolean = false;\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Static\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  static styles: CSSResultGroup = [ComponentStyles];\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Lifecycle\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  constructor() {\n    super();\n    this.addEventListener(\"languages-changed\", this._handleLanguageChanged);\n    this.addEventListener(\n      \"recording-devices-changed\",\n      this._handleDeviceChanged,\n    );\n    this.addEventListener(\n      \"recording-state-changed\",\n      this._handleRecordingStateChanged,\n    );\n  }\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Public methods\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  /**\n   * Sets the access token and parses region/tenant from it.\n   * @returns ServerConfig with environment, tenant, and accessToken\n   * @deprecated Use 'accessToken' property instead.\n   */\n  public setAccessToken(token: string | undefined) {\n    this._accessToken = token;\n    this.region = undefined;\n    this.tenantName = undefined;\n\n    if (!token) {\n      return { accessToken: token, environment: undefined, tenant: undefined };\n    }\n\n    try {\n      const decoded = decodeToken(token);\n\n      this.region = decoded?.environment;\n      this.tenantName = decoded?.tenant;\n\n      return {\n        accessToken: token,\n        environment: decoded?.environment,\n        tenant: decoded?.tenant,\n      };\n    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n    }\n\n    return { accessToken: token, environment: undefined, tenant: undefined };\n  }\n\n  /**\n   * Sets the auth config and parses region/tenant from the initial token.\n   * @returns Promise with ServerConfig containing environment, tenant, and accessToken\n   * @deprecated Use 'authConfig' property instead.\n   */\n  public async setAuthConfig(config?: Corti.BearerOptions) {\n    this._authConfig = config;\n\n    if (!config) {\n      return {\n        accessToken: undefined,\n        environment: undefined,\n        tenant: undefined,\n      };\n    }\n\n    try {\n      const { accessToken } = await getInitialToken(config);\n\n      return this.setAccessToken(accessToken);\n    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n    }\n\n    return {\n      accessToken: undefined,\n      environment: undefined,\n      tenant: undefined,\n    };\n  }\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Private event handlers\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  private _handleLanguageChanged = (e: Event) => {\n    const event = e as CustomEvent;\n\n    this.languages = event.detail.languages;\n    this.dictationConfig = {\n      ...this.dictationConfig,\n      primaryLanguage: event.detail.selectedLanguage,\n    };\n  };\n\n  private _handleDeviceChanged = (e: Event) => {\n    const event = e as CustomEvent;\n\n    this.devices = event.detail.devices;\n    this.selectedDevice = event.detail.selectedDevice;\n  };\n\n  private _handleRecordingStateChanged = (e: Event) => {\n    const event = e as CustomEvent;\n\n    this.recordingState = event.detail.state;\n  };\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Render\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  render() {\n    if (this.noWrapper) {\n      return html`<slot></slot>`;\n    }\n\n    return html`<div class=\"wrapper\">\n      <slot></slot>\n    </div>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"dictation-context-provider\": DictationContext;\n  }\n}\n"]}

package/dist/controllers/DictationController.d.ts

@@ -0,0 +1,35 @@
+import { type Corti } from "@corti/sdk";
+import type { ReactiveController, ReactiveControllerHost } from "lit";
+import type { ProxyOptions } from "../types.js";
+interface DictationControllerHost extends ReactiveControllerHost {
+    _accessToken?: string;
+    _authConfig?: Corti.BearerOptions;
+    _region?: string;
+    _tenantName?: string;
+    _socketUrl?: string;
+    _socketProxy?: ProxyOptions;
+}
+export type TranscribeMessage = Corti.TranscribeConfigStatusMessage | Corti.TranscribeUsageMessage | Corti.TranscribeEndedMessage | Corti.TranscribeErrorMessage | Corti.TranscribeTranscriptMessage | Corti.TranscribeCommandMessage | Corti.TranscribeFlushedMessage;
+interface WebSocketCallbacks {
+    onMessage?: (message: TranscribeMessage) => void;
+    onError?: (error: Error) => void;
+    onClose?: (event: unknown) => void;
+    onNetworkActivity?: (direction: "sent" | "received", data: unknown) => void;
+}
+export declare class DictationController implements ReactiveController {
+    host: DictationControllerHost;
+    private _cortiClient;
+    private _webSocket;
+    private _closeTimeout?;
+    private _onNetworkActivity?;
+    constructor(host: DictationControllerHost);
+    hostDisconnected(): void;
+    connect(mediaRecorder: MediaRecorder | null, dictationConfig?: Corti.TranscribeConfig, callbacks?: WebSocketCallbacks): Promise<void>;
+    private connectProxy;
+    private connectAuth;
+    private setupWebSocketHandlers;
+    private setupMediaRecorder;
+    disconnect(onClose?: (event: unknown) => void): Promise<void>;
+    cleanup(): void;
+}
+export {};

package/dist/controllers/DictationController.js

@@ -0,0 +1,130 @@
+import { CortiClient, CortiWebSocketProxyClient } from "@corti/sdk";
+import { DEFAULT_DICTATION_CONFIG } from "../constants.js";
+export class DictationController {
+    constructor(host) {
+        this._cortiClient = null;
+        this._webSocket = null;
+        this.host = host;
+        host.addController(this);
+    }
+    hostDisconnected() {
+        this.cleanup();
+    }
+    async connect(mediaRecorder, dictationConfig = DEFAULT_DICTATION_CONFIG, callbacks = {}) {
+        if (!mediaRecorder) {
+            throw new Error("MediaRecorder is required to connect");
+        }
+        if (this._webSocket?.readyState === WebSocket.OPEN) {
+            throw new Error("Already connected. Disconnect before reconnecting.");
+        }
+        this._webSocket =
+            this.host._socketUrl || this.host._socketProxy
+                ? await this.connectProxy(dictationConfig)
+                : await this.connectAuth(dictationConfig);
+        this._onNetworkActivity = callbacks.onNetworkActivity;
+        this.setupMediaRecorder(mediaRecorder);
+        this.setupWebSocketHandlers(callbacks);
+    }
+    async connectProxy(dictationConfig) {
+        const proxyOptions = this.host._socketProxy || {
+            url: this.host._socketUrl || "",
+        };
+        if (!proxyOptions.url) {
+            throw new Error("Proxy URL is required when using proxy client");
+        }
+        return await CortiWebSocketProxyClient.transcribe.connect({
+            configuration: dictationConfig,
+            proxy: proxyOptions,
+        });
+    }
+    async connectAuth(dictationConfig) {
+        if (!this.host._authConfig && !this.host._accessToken) {
+            throw new Error("Auth configuration or access token is required to connect");
+        }
+        // Use authConfig if available, otherwise create one from accessToken
+        const auth = this.host._authConfig || {
+            accessToken: this.host._accessToken || "",
+            refreshAccessToken: () => ({
+                accessToken: this.host._accessToken || "",
+            }),
+        };
+        this._cortiClient = new CortiClient({
+            auth,
+            environment: this.host._region,
+            tenantName: this.host._tenantName,
+        });
+        return await this._cortiClient.transcribe.connect({
+            configuration: dictationConfig,
+        });
+    }
+    setupWebSocketHandlers(callbacks) {
+        if (!this._webSocket) {
+            throw new Error("WebSocket not initialized");
+        }
+        this._webSocket.on("message", (message) => {
+            this._onNetworkActivity?.("received", message);
+            if (callbacks.onMessage) {
+                callbacks.onMessage(message);
+            }
+        });
+        this._webSocket.on("error", (event) => {
+            if (callbacks.onError) {
+                callbacks.onError(event);
+            }
+        });
+        this._webSocket.on("close", (event) => {
+            if (callbacks.onClose) {
+                callbacks.onClose(event);
+            }
+        });
+    }
+    setupMediaRecorder(mediaRecorder) {
+        mediaRecorder.ondataavailable = (event) => {
+            this._webSocket?.sendAudio(event.data);
+            this._onNetworkActivity?.("sent", {
+                size: event.data.size,
+                type: "audio",
+            });
+        };
+    }
+    async disconnect(onClose) {
+        await new Promise((resolve, reject) => {
+            if (!this._webSocket || this._webSocket.readyState !== WebSocket.OPEN) {
+                resolve();
+                return;
+            }
+            this._webSocket.on("close", (event) => {
+                if (this._closeTimeout) {
+                    clearTimeout(this._closeTimeout);
+                    this._closeTimeout = undefined;
+                }
+                if (onClose) {
+                    onClose(event);
+                }
+                resolve();
+            });
+            this._webSocket.sendEnd({ type: "end" });
+            this._onNetworkActivity?.("sent", { type: "end" });
+            this._closeTimeout = window.setTimeout(() => {
+                // Reject the promise before closing the web socket, so the promise rejects before close event fires
+                reject(new Error("WebSocket close timeout"));
+                if (this._webSocket?.readyState === WebSocket.OPEN) {
+                    this._webSocket.close();
+                }
+            }, 10000);
+        });
+        this.cleanup();
+    }
+    cleanup() {
+        if (this._closeTimeout) {
+            clearTimeout(this._closeTimeout);
+            this._closeTimeout = undefined;
+        }
+        if (this._webSocket?.readyState === WebSocket.OPEN) {
+            this._webSocket.close();
+        }
+        this._webSocket = null;
+        this._cortiClient = null;
+    }
+}
+//# sourceMappingURL=DictationController.js.map

package/dist/controllers/DictationController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DictationController.js","sourceRoot":"","sources":["../../src/controllers/DictationController.ts"],"names":[],"mappings":"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","sourcesContent":["import { type Corti, CortiClient, CortiWebSocketProxyClient } from \"@corti/sdk\";\nimport type { ReactiveController, ReactiveControllerHost } from \"lit\";\nimport { DEFAULT_DICTATION_CONFIG } from \"../constants.js\";\nimport type { ProxyOptions } from \"../types.js\";\n\ntype TranscribeSocket = Awaited<\n  ReturnType<CortiClient[\"transcribe\"][\"connect\"]>\n>;\n\ninterface DictationControllerHost extends ReactiveControllerHost {\n  _accessToken?: string;\n  _authConfig?: Corti.BearerOptions;\n  _region?: string;\n  _tenantName?: string;\n  _socketUrl?: string;\n  _socketProxy?: ProxyOptions;\n}\n\nexport type TranscribeMessage =\n  | Corti.TranscribeConfigStatusMessage\n  | Corti.TranscribeUsageMessage\n  | Corti.TranscribeEndedMessage\n  | Corti.TranscribeErrorMessage\n  | Corti.TranscribeTranscriptMessage\n  | Corti.TranscribeCommandMessage\n  | Corti.TranscribeFlushedMessage;\n\ninterface WebSocketCallbacks {\n  onMessage?: (message: TranscribeMessage) => void;\n  onError?: (error: Error) => void;\n  onClose?: (event: unknown) => void;\n  onNetworkActivity?: (direction: \"sent\" | \"received\", data: unknown) => void;\n}\n\nexport class DictationController implements ReactiveController {\n  host: DictationControllerHost;\n\n  private _cortiClient: CortiClient | null = null;\n  private _webSocket: TranscribeSocket | null = null;\n  private _closeTimeout?: number;\n  private _onNetworkActivity?: WebSocketCallbacks[\"onNetworkActivity\"];\n\n  constructor(host: DictationControllerHost) {\n    this.host = host;\n    host.addController(this);\n  }\n\n  hostDisconnected(): void {\n    this.cleanup();\n  }\n\n  async connect(\n    mediaRecorder: MediaRecorder | null,\n    dictationConfig: Corti.TranscribeConfig = DEFAULT_DICTATION_CONFIG,\n    callbacks: WebSocketCallbacks = {},\n  ): Promise<void> {\n    if (!mediaRecorder) {\n      throw new Error(\"MediaRecorder is required to connect\");\n    }\n\n    if (this._webSocket?.readyState === WebSocket.OPEN) {\n      throw new Error(\"Already connected. Disconnect before reconnecting.\");\n    }\n\n    this._webSocket =\n      this.host._socketUrl || this.host._socketProxy\n        ? await this.connectProxy(dictationConfig)\n        : await this.connectAuth(dictationConfig);\n\n    this._onNetworkActivity = callbacks.onNetworkActivity;\n    this.setupMediaRecorder(mediaRecorder);\n    this.setupWebSocketHandlers(callbacks);\n  }\n\n  private async connectProxy(\n    dictationConfig: Corti.TranscribeConfig,\n  ): Promise<TranscribeSocket> {\n    const proxyOptions = this.host._socketProxy || {\n      url: this.host._socketUrl || \"\",\n    };\n\n    if (!proxyOptions.url) {\n      throw new Error(\"Proxy URL is required when using proxy client\");\n    }\n\n    return await CortiWebSocketProxyClient.transcribe.connect({\n      configuration: dictationConfig,\n      proxy: proxyOptions,\n    });\n  }\n\n  private async connectAuth(\n    dictationConfig: Corti.TranscribeConfig,\n  ): Promise<TranscribeSocket> {\n    if (!this.host._authConfig && !this.host._accessToken) {\n      throw new Error(\n        \"Auth configuration or access token is required to connect\",\n      );\n    }\n\n    // Use authConfig if available, otherwise create one from accessToken\n    const auth: Corti.BearerOptions = this.host._authConfig || {\n      accessToken: this.host._accessToken || \"\",\n      refreshAccessToken: () => ({\n        accessToken: this.host._accessToken || \"\",\n      }),\n    };\n\n    this._cortiClient = new CortiClient({\n      auth,\n      environment: this.host._region,\n      tenantName: this.host._tenantName,\n    });\n\n    return await this._cortiClient.transcribe.connect({\n      configuration: dictationConfig,\n    });\n  }\n\n  private setupWebSocketHandlers(callbacks: WebSocketCallbacks): void {\n    if (!this._webSocket) {\n      throw new Error(\"WebSocket not initialized\");\n    }\n\n    this._webSocket.on(\"message\", (message: TranscribeMessage) => {\n      this._onNetworkActivity?.(\"received\", message);\n\n      if (callbacks.onMessage) {\n        callbacks.onMessage(message);\n      }\n    });\n\n    this._webSocket.on(\"error\", (event: Error) => {\n      if (callbacks.onError) {\n        callbacks.onError(event);\n      }\n    });\n\n    this._webSocket.on(\"close\", (event: unknown) => {\n      if (callbacks.onClose) {\n        callbacks.onClose(event);\n      }\n    });\n  }\n\n  private setupMediaRecorder(mediaRecorder: MediaRecorder): void {\n    mediaRecorder.ondataavailable = (event) => {\n      this._webSocket?.sendAudio(event.data);\n      this._onNetworkActivity?.(\"sent\", {\n        size: event.data.size,\n        type: \"audio\",\n      });\n    };\n  }\n\n  async disconnect(onClose?: (event: unknown) => void): Promise<void> {\n    await new Promise<void>((resolve, reject) => {\n      if (!this._webSocket || this._webSocket.readyState !== WebSocket.OPEN) {\n        resolve();\n        return;\n      }\n\n      this._webSocket.on(\"close\", (event) => {\n        if (this._closeTimeout) {\n          clearTimeout(this._closeTimeout);\n          this._closeTimeout = undefined;\n        }\n\n        if (onClose) {\n          onClose(event);\n        }\n\n        resolve();\n      });\n\n      this._webSocket.sendEnd({ type: \"end\" });\n      this._onNetworkActivity?.(\"sent\", { type: \"end\" });\n\n      this._closeTimeout = window.setTimeout(() => {\n        // Reject the promise before closing the web socket, so the promise rejects before close event fires\n        reject(new Error(\"WebSocket close timeout\"));\n\n        if (this._webSocket?.readyState === WebSocket.OPEN) {\n          this._webSocket.close();\n        }\n      }, 10000);\n    });\n\n    this.cleanup();\n  }\n\n  cleanup(): void {\n    if (this._closeTimeout) {\n      clearTimeout(this._closeTimeout);\n      this._closeTimeout = undefined;\n    }\n\n    if (this._webSocket?.readyState === WebSocket.OPEN) {\n      this._webSocket.close();\n    }\n\n    this._webSocket = null;\n    this._cortiClient = null;\n  }\n}\n"]}