@corti/dictation-web 0.0.0-test.562 → 0.0.0-test.571

package/dist/index.js

@@ -1,32 +1,42 @@
 import { CortiDictation } from "./components/corti-dictation.js";
-import { DeviceSelector } from "./components/device-selector.js";
-import { LanguageSelector } from "./components/language-selector.js";
-import { RecordingButton } from "./components/recording-button.js";
-import { SettingsMenu } from "./components/settings-menu.js";
-import { DictationContext } from "./contexts/dictation-context.js";
+import { DictationDeviceSelector } from "./components/device-selector.js";
+import { DictationKeybindingSelector } from "./components/keybinding-selector.js";
+import { DictationLanguageSelector } from "./components/language-selector.js";
+import { DictationModeSelector } from "./components/mode-selector.js";
+import { DictationRecordingButton } from "./components/recording-button.js";
+import { DictationSettingsMenu } from "./components/settings-menu.js";
+import { DictationRoot } from "./contexts/dictation-context.js";
 if (!customElements.get("corti-dictation")) {
     customElements.define("corti-dictation", CortiDictation);
 }
-if (!customElements.get("recording-button")) {
-    customElements.define("recording-button", RecordingButton);
+if (!customElements.get("dictation-recording-button")) {
+    customElements.define("dictation-recording-button", DictationRecordingButton);
 }
-if (!customElements.get("device-selector")) {
-    customElements.define("device-selector", DeviceSelector);
+if (!customElements.get("dictation-device-selector")) {
+    customElements.define("dictation-device-selector", DictationDeviceSelector);
 }
-if (!customElements.get("language-selector")) {
-    customElements.define("language-selector", LanguageSelector);
+if (!customElements.get("dictation-language-selector")) {
+    customElements.define("dictation-language-selector", DictationLanguageSelector);
 }
-if (!customElements.get("settings-menu")) {
-    customElements.define("settings-menu", SettingsMenu);
+if (!customElements.get("dictation-mode-selector")) {
+    customElements.define("dictation-mode-selector", DictationModeSelector);
 }
-if (!customElements.get("dictation-context-provider")) {
-    customElements.define("dictation-context-provider", DictationContext);
+if (!customElements.get("dictation-keybinding-selector")) {
+    customElements.define("dictation-keybinding-selector", DictationKeybindingSelector);
+}
+if (!customElements.get("dictation-settings-menu")) {
+    customElements.define("dictation-settings-menu", DictationSettingsMenu);
+}
+if (!customElements.get("dictation-root")) {
+    customElements.define("dictation-root", DictationRoot);
 }
 export { CortiDictation } from "./components/corti-dictation.js";
-export { DeviceSelector } from "./components/device-selector.js";
-export { LanguageSelector } from "./components/language-selector.js";
-export { RecordingButton } from "./components/recording-button.js";
-export { SettingsMenu } from "./components/settings-menu.js";
-export { DictationContext } from "./contexts/dictation-context.js";
+export { DictationDeviceSelector } from "./components/device-selector.js";
+export { DictationKeybindingSelector } from "./components/keybinding-selector.js";
+export { DictationLanguageSelector } from "./components/language-selector.js";
+export { DictationModeSelector } from "./components/mode-selector.js";
+export { DictationRecordingButton } from "./components/recording-button.js";
+export { DictationSettingsMenu } from "./components/settings-menu.js";
+export { DictationRoot } from "./contexts/dictation-context.js";
 export default CortiDictation;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAC3C,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC;AAC3D,CAAC;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,kBAAkB,CAAC,EAAE,CAAC;IAC5C,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,eAAe,CAAC,CAAC;AAC7D,CAAC;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAC3C,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC;AAC3D,CAAC;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,mBAAmB,CAAC,EAAE,CAAC;IAC7C,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,gBAAgB,CAAC,CAAC;AAC/D,CAAC;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,eAAe,CAAC,EAAE,CAAC;IACzC,cAAc,CAAC,MAAM,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC;AACvD,CAAC;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,4BAA4B,CAAC,EAAE,CAAC;IACtD,cAAc,CAAC,MAAM,CAAC,4BAA4B,EAAE,gBAAgB,CAAC,CAAC;AACxE,CAAC;AAED,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAgBnE,eAAe,cAAc,CAAC","sourcesContent":["import { CortiDictation } from \"./components/corti-dictation.js\";\nimport { DeviceSelector } from \"./components/device-selector.js\";\nimport { LanguageSelector } from \"./components/language-selector.js\";\nimport { RecordingButton } from \"./components/recording-button.js\";\nimport { SettingsMenu } from \"./components/settings-menu.js\";\nimport { DictationContext } from \"./contexts/dictation-context.js\";\n\nif (!customElements.get(\"corti-dictation\")) {\n  customElements.define(\"corti-dictation\", CortiDictation);\n}\n\nif (!customElements.get(\"recording-button\")) {\n  customElements.define(\"recording-button\", RecordingButton);\n}\n\nif (!customElements.get(\"device-selector\")) {\n  customElements.define(\"device-selector\", DeviceSelector);\n}\n\nif (!customElements.get(\"language-selector\")) {\n  customElements.define(\"language-selector\", LanguageSelector);\n}\n\nif (!customElements.get(\"settings-menu\")) {\n  customElements.define(\"settings-menu\", SettingsMenu);\n}\n\nif (!customElements.get(\"dictation-context-provider\")) {\n  customElements.define(\"dictation-context-provider\", DictationContext);\n}\n\nexport { CortiDictation } from \"./components/corti-dictation.js\";\nexport { DeviceSelector } from \"./components/device-selector.js\";\nexport { LanguageSelector } from \"./components/language-selector.js\";\nexport { RecordingButton } from \"./components/recording-button.js\";\nexport { SettingsMenu } from \"./components/settings-menu.js\";\nexport { DictationContext } from \"./contexts/dictation-context.js\";\n\nexport type { ConfigurableSettings, RecordingState } from \"./types.js\";\nexport type {\n  AudioLevelChangedEventDetail,\n  CommandEventDetail,\n  ErrorEventDetail,\n  LanguageChangedEventDetail,\n  LanguagesChangedEventDetail,\n  NetworkActivityEventDetail,\n  RecordingDevicesChangedEventDetail,\n  RecordingStateChangedEventDetail,\n  TranscriptEventDetail,\n  UsageEventDetail,\n} from \"./utils/events.js\";\n\nexport default CortiDictation;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAEhE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAC3C,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC;AAC3D,CAAC;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,4BAA4B,CAAC,EAAE,CAAC;IACtD,cAAc,CAAC,MAAM,CAAC,4BAA4B,EAAE,wBAAwB,CAAC,CAAC;AAChF,CAAC;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,2BAA2B,CAAC,EAAE,CAAC;IACrD,cAAc,CAAC,MAAM,CAAC,2BAA2B,EAAE,uBAAuB,CAAC,CAAC;AAC9E,CAAC;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,6BAA6B,CAAC,EAAE,CAAC;IACvD,cAAc,CAAC,MAAM,CACnB,6BAA6B,EAC7B,yBAAyB,CAC1B,CAAC;AACJ,CAAC;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,yBAAyB,CAAC,EAAE,CAAC;IACnD,cAAc,CAAC,MAAM,CAAC,yBAAyB,EAAE,qBAAqB,CAAC,CAAC;AAC1E,CAAC;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,+BAA+B,CAAC,EAAE,CAAC;IACzD,cAAc,CAAC,MAAM,CACnB,+BAA+B,EAC/B,2BAA2B,CAC5B,CAAC;AACJ,CAAC;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,yBAAyB,CAAC,EAAE,CAAC;IACnD,cAAc,CAAC,MAAM,CAAC,yBAAyB,EAAE,qBAAqB,CAAC,CAAC;AAC1E,CAAC;AAED,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE,CAAC;IAC1C,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAC;AACzD,CAAC;AAED,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAuBhE,eAAe,cAAc,CAAC","sourcesContent":["import { CortiDictation } from \"./components/corti-dictation.js\";\nimport { DictationDeviceSelector } from \"./components/device-selector.js\";\nimport { DictationKeybindingSelector } from \"./components/keybinding-selector.js\";\nimport { DictationLanguageSelector } from \"./components/language-selector.js\";\nimport { DictationModeSelector } from \"./components/mode-selector.js\";\nimport { DictationRecordingButton } from \"./components/recording-button.js\";\nimport { DictationSettingsMenu } from \"./components/settings-menu.js\";\nimport { DictationRoot } from \"./contexts/dictation-context.js\";\n\nif (!customElements.get(\"corti-dictation\")) {\n  customElements.define(\"corti-dictation\", CortiDictation);\n}\n\nif (!customElements.get(\"dictation-recording-button\")) {\n  customElements.define(\"dictation-recording-button\", DictationRecordingButton);\n}\n\nif (!customElements.get(\"dictation-device-selector\")) {\n  customElements.define(\"dictation-device-selector\", DictationDeviceSelector);\n}\n\nif (!customElements.get(\"dictation-language-selector\")) {\n  customElements.define(\n    \"dictation-language-selector\",\n    DictationLanguageSelector,\n  );\n}\n\nif (!customElements.get(\"dictation-mode-selector\")) {\n  customElements.define(\"dictation-mode-selector\", DictationModeSelector);\n}\n\nif (!customElements.get(\"dictation-keybinding-selector\")) {\n  customElements.define(\n    \"dictation-keybinding-selector\",\n    DictationKeybindingSelector,\n  );\n}\n\nif (!customElements.get(\"dictation-settings-menu\")) {\n  customElements.define(\"dictation-settings-menu\", DictationSettingsMenu);\n}\n\nif (!customElements.get(\"dictation-root\")) {\n  customElements.define(\"dictation-root\", DictationRoot);\n}\n\nexport { CortiDictation } from \"./components/corti-dictation.js\";\nexport { DictationDeviceSelector } from \"./components/device-selector.js\";\nexport { DictationKeybindingSelector } from \"./components/keybinding-selector.js\";\nexport { DictationLanguageSelector } from \"./components/language-selector.js\";\nexport { DictationModeSelector } from \"./components/mode-selector.js\";\nexport { DictationRecordingButton } from \"./components/recording-button.js\";\nexport { DictationSettingsMenu } from \"./components/settings-menu.js\";\nexport { DictationRoot } from \"./contexts/dictation-context.js\";\n\nexport type {\n  ConfigurableSettings,\n  DictationMode,\n  Keybinding,\n  RecordingState,\n} from \"./types.js\";\nexport type {\n  AudioLevelChangedEventDetail,\n  CommandEventDetail,\n  ErrorEventDetail,\n  KeybindingChangedEventDetail,\n  LanguageChangedEventDetail,\n  LanguagesChangedEventDetail,\n  ModeChangedEventDetail,\n  NetworkActivityEventDetail,\n  RecordingDevicesChangedEventDetail,\n  RecordingStateChangedEventDetail,\n  TranscriptEventDetail,\n  UsageEventDetail,\n} from \"./utils/events.js\";\n\nexport default CortiDictation;\n"]}

package/dist/src/components/audio-visualiser.d.ts

@@ -2,6 +2,7 @@ import { LitElement, type PropertyValues } from "lit";
 export declare class AudioVisualiser extends LitElement {
     level: number;
     active: boolean;
+    segmentCount: number;
     static styles: import("lit").CSSResult;
     willUpdate(changedProperties: PropertyValues<this>): void;
     render(): import("lit-html").TemplateResult<1>;

package/dist/src/components/audio-visualiser.js

@@ -11,12 +11,12 @@ import { map } from "lit/directives/map.js";
 import { range } from "lit/directives/range.js";
 import AudioVisualiserStyles from "../styles/audio-visualiser.js";
 import { normalizeToRange } from "../utils/validation.js";
-const SEGMENT_COUNT = 5;
 let AudioVisualiser = class AudioVisualiser extends LitElement {
     constructor() {
         super(...arguments);
         this.level = 0;
         this.active = false;
+        this.segmentCount = 5;
     }
     willUpdate(changedProperties) {
         if (changedProperties.has("level")) {
@@ -25,8 +25,8 @@ let AudioVisualiser = class AudioVisualiser extends LitElement {
     }
     render() {
         // Each segment represents 20%. Using Math.round to fill segments.
-        const activeSegments = Math.round(this.level * SEGMENT_COUNT);
-        const segments = map(range(SEGMENT_COUNT), (i) => html `<div class=${classMap({
+        const activeSegments = Math.round(this.level * this.segmentCount);
+        const segments = map(range(this.segmentCount), (i) => html `<div class=${classMap({
             active: i < activeSegments,
             segment: true,
         })}></div>`);
@@ -47,6 +47,9 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], AudioVisualiser.prototype, "active", void 0);
+__decorate([
+    property({ type: Number })
+], AudioVisualiser.prototype, "segmentCount", void 0);
 AudioVisualiser = __decorate([
     customElement("audio-visualiser")
 ], AudioVisualiser);

package/dist/src/components/audio-visualiser.js.map

@@ -1 +1 @@
-{"version":3,"file":"audio-visualiser.js","sourceRoot":"","sources":["../../../src/components/audio-visualiser.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,qBAAqB,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,MAAM,aAAa,GAAG,CAAC,CAAC;AAGjB,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAEL,UAAK,GAAW,CAAC,CAAC;QAGlB,WAAM,GAAY,KAAK,CAAC;IA+B1B,CAAC;IA3BC,UAAU,CAAC,iBAAuC;QAChD,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACnC,IAAI,CAAC,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;IAED,MAAM;QACJ,kEAAkE;QAClE,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,aAAa,CAAC,CAAC;QAC9D,MAAM,QAAQ,GAAG,GAAG,CAClB,KAAK,CAAC,aAAa,CAAC,EACpB,CAAC,CAAC,EAAE,EAAE,CACJ,IAAI,CAAA,cAAc,QAAQ,CAAC;YACzB,MAAM,EAAE,CAAC,GAAG,cAAc;YAC1B,OAAO,EAAE,IAAI;SACd,CAAC,SAAS,CACd,CAAC;QAEF,OAAO,IAAI,CAAA;mBACI,QAAQ,CAAC;YACpB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,SAAS,EAAE,IAAI;SAChB,CAAC;UACE,QAAQ;;KAEb,CAAC;IACJ,CAAC;;AA5BM,sBAAM,GAAG,qBAAqB,AAAxB,CAAyB;AALtC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CACT;AAGlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CACJ;AALb,eAAe;IAD3B,aAAa,CAAC,kBAAkB,CAAC;GACrB,eAAe,CAoC3B","sourcesContent":["import { html, LitElement, type PropertyValues } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { map } from \"lit/directives/map.js\";\nimport { range } from \"lit/directives/range.js\";\nimport AudioVisualiserStyles from \"../styles/audio-visualiser.js\";\nimport { normalizeToRange } from \"../utils/validation.js\";\n\nconst SEGMENT_COUNT = 5;\n\n@customElement(\"audio-visualiser\")\nexport class AudioVisualiser extends LitElement {\n  @property({ type: Number })\n  level: number = 0;\n\n  @property({ type: Boolean })\n  active: boolean = false;\n\n  static styles = AudioVisualiserStyles;\n\n  willUpdate(changedProperties: PropertyValues<this>): void {\n    if (changedProperties.has(\"level\")) {\n      this.level = normalizeToRange(this.level);\n    }\n  }\n\n  render() {\n    // Each segment represents 20%. Using Math.round to fill segments.\n    const activeSegments = Math.round(this.level * SEGMENT_COUNT);\n    const segments = map(\n      range(SEGMENT_COUNT),\n      (i) =>\n        html`<div class=${classMap({\n          active: i < activeSegments,\n          segment: true,\n        })}></div>`,\n    );\n\n    return html`\n      <div class=${classMap({\n        active: this.active,\n        container: true,\n      })}>\n        ${segments}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"audio-visualiser\": AudioVisualiser;\n  }\n}\n"]}
+{"version":3,"file":"audio-visualiser.js","sourceRoot":"","sources":["../../../src/components/audio-visualiser.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,qBAAqB,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAGnD,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAEL,UAAK,GAAW,CAAC,CAAC;QAGlB,WAAM,GAAY,KAAK,CAAC;QAGxB,iBAAY,GAAW,CAAC,CAAC;IA+B3B,CAAC;IA3BC,UAAU,CAAC,iBAAuC;QAChD,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACnC,IAAI,CAAC,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;IAED,MAAM;QACJ,kEAAkE;QAClE,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC;QAClE,MAAM,QAAQ,GAAG,GAAG,CAClB,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,EACxB,CAAC,CAAC,EAAE,EAAE,CACJ,IAAI,CAAA,cAAc,QAAQ,CAAC;YACzB,MAAM,EAAE,CAAC,GAAG,cAAc;YAC1B,OAAO,EAAE,IAAI;SACd,CAAC,SAAS,CACd,CAAC;QAEF,OAAO,IAAI,CAAA;mBACI,QAAQ,CAAC;YACpB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,SAAS,EAAE,IAAI;SAChB,CAAC;UACE,QAAQ;;KAEb,CAAC;IACJ,CAAC;;AA5BM,sBAAM,GAAG,qBAAqB,AAAxB,CAAyB;AARtC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CACT;AAGlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CACJ;AAGxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDACF;AARd,eAAe;IAD3B,aAAa,CAAC,kBAAkB,CAAC;GACrB,eAAe,CAuC3B","sourcesContent":["import { html, LitElement, type PropertyValues } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { map } from \"lit/directives/map.js\";\nimport { range } from \"lit/directives/range.js\";\nimport AudioVisualiserStyles from \"../styles/audio-visualiser.js\";\nimport { normalizeToRange } from \"../utils/validation.js\";\n\n@customElement(\"audio-visualiser\")\nexport class AudioVisualiser extends LitElement {\n  @property({ type: Number })\n  level: number = 0;\n\n  @property({ type: Boolean })\n  active: boolean = false;\n\n  @property({ type: Number })\n  segmentCount: number = 5;\n\n  static styles = AudioVisualiserStyles;\n\n  willUpdate(changedProperties: PropertyValues<this>): void {\n    if (changedProperties.has(\"level\")) {\n      this.level = normalizeToRange(this.level);\n    }\n  }\n\n  render() {\n    // Each segment represents 20%. Using Math.round to fill segments.\n    const activeSegments = Math.round(this.level * this.segmentCount);\n    const segments = map(\n      range(this.segmentCount),\n      (i) =>\n        html`<div class=${classMap({\n          active: i < activeSegments,\n          segment: true,\n        })}></div>`,\n    );\n\n    return html`\n      <div class=${classMap({\n        active: this.active,\n        container: true,\n      })}>\n        ${segments}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"audio-visualiser\": AudioVisualiser;\n  }\n}\n"]}

package/dist/src/components/corti-dictation.d.ts

@@ -1,6 +1,6 @@
 import type { Corti } from "@corti/sdk";
 import { LitElement } from "lit";
-import type { ConfigurableSettings, RecordingState } from "../types.js";
+import type { ConfigurableSettings, ProxyOptions, RecordingState } from "../types.js";
 import "../contexts/dictation-context.js";
 import "./recording-button.js";
 import "./settings-menu.js";
@@ -16,12 +16,20 @@ export declare class CortiDictation extends LitElement {
      * Authentication configuration with optional refresh mechanism.
      */
     authConfig?: Corti.BearerOptions;
+    /**
+     * WebSocket URL for proxy connection. When provided, uses CortiWebSocketProxyClient instead of CortiClient.
+     */
+    socketUrl?: string;
+    /**
+     * Socket proxy configuration object. When provided, uses CortiWebSocketProxyClient instead of CortiClient.
+     */
+    socketProxy?: ProxyOptions;
     /**
      * List of all language codes available for use with the Web Component.
      *  Default list depends on the accessToken
      */
     set languagesSupported(value: string[] | undefined);
-    get languagesSupported(): string[] | undefined;
+    get languagesSupported(): string[];
     private _languagesSupported?;
     /**
      * Which settings should be available in the UI.
@@ -35,6 +43,11 @@ export declare class CortiDictation extends LitElement {
      *  Set to "true" to allow the button to receive focus on click.
      */
     allowButtonFocus: boolean;
+    /**
+     * Overrides any device selection and instead uses getDisplayMedia to stream system audio.
+     * Should only be used for debugging.
+     */
+    debug_displayAudio: boolean;
     /**
      * Configuration settings for dictation
      */
@@ -60,6 +73,7 @@ export declare class CortiDictation extends LitElement {
     /**
      * Set the latest access token.
      * @returns ServerConfig with environment, tenant, and accessToken
+     * @deprecated Use 'accessToken' property instead.
      */
     setAccessToken(token: string): {
         accessToken: string | undefined;
@@ -67,12 +81,13 @@ export declare class CortiDictation extends LitElement {
         tenant: undefined;
     } | {
         accessToken: string;
-        environment: string | undefined;
-        tenant: string | undefined;
+        environment: string;
+        tenant: string;
     };
     /**
      * Set the auth configuration for OAuth flows.
      * @returns Promise with ServerConfig containing environment, tenant, and accessToken
+     * @deprecated Use 'authConfig' property instead.
      */
     setAuthConfig(config: Corti.BearerOptions): Promise<{
         accessToken: string | undefined;
@@ -80,8 +95,8 @@ export declare class CortiDictation extends LitElement {
         tenant: undefined;
     } | {
         accessToken: string;
-        environment: string | undefined;
-        tenant: string | undefined;
+        environment: string;
+        tenant: string;
     } | {
         accessToken: undefined;
         environment: undefined;

package/dist/src/components/corti-dictation.js

@@ -33,6 +33,11 @@ let CortiDictation = class CortiDictation extends LitElement {
          *  Set to "true" to allow the button to receive focus on click.
          */
         this.allowButtonFocus = false;
+        /**
+         * Overrides any device selection and instead uses getDisplayMedia to stream system audio.
+         * Should only be used for debugging.
+         */
+        this.debug_displayAudio = false;
         this._dictationConfig = DEFAULT_DICTATION_CONFIG;
     }
     /**
@@ -43,7 +48,7 @@ let CortiDictation = class CortiDictation extends LitElement {
         this._languagesSupported = value;
     }
     get languagesSupported() {
-        return this.contextProviderRef.value?.languages || this._languagesSupported;
+        return (this.contextProviderRef.value?.languages || this._languagesSupported || []);
     }
     /**
      * Configuration settings for dictation
@@ -84,6 +89,7 @@ let CortiDictation = class CortiDictation extends LitElement {
     /**
      * Set the latest access token.
      * @returns ServerConfig with environment, tenant, and accessToken
+     * @deprecated Use 'accessToken' property instead.
      */
     setAccessToken(token) {
         this.accessToken = token;
@@ -96,6 +102,7 @@ let CortiDictation = class CortiDictation extends LitElement {
     /**
      * Set the auth configuration for OAuth flows.
      * @returns Promise with ServerConfig containing environment, tenant, and accessToken
+     * @deprecated Use 'authConfig' property instead.
      */
     async setAuthConfig(config) {
         this.authConfig = config;
@@ -127,16 +134,23 @@ let CortiDictation = class CortiDictation extends LitElement {
     // Render
     // ─────────────────────────────────────────────────────────────────────────────
     render() {
+        const isHidden = !this.accessToken &&
+            !this.authConfig &&
+            !this.socketUrl &&
+            !this.socketProxy;
         return html `
       <dictation-context-provider
         ${ref(this.contextProviderRef)}
-        class=${classMap({ hidden: !this.accessToken && !this.authConfig })}
+        class=${classMap({ hidden: isHidden })}
         .accessToken=${this.accessToken}
         .authConfig=${this.authConfig}
+        .socketUrl=${this.socketUrl}
+        .socketProxy=${this.socketProxy}
         .dictationConfig=${this._dictationConfig}
         .languages=${this._languagesSupported}
         .devices=${this._devices}
         .selectedDevice=${this._selectedDevice}
+        .debug_displayAudio=${this.debug_displayAudio}
       >
         <recording-button
           ${ref(this.recordingButtonRef)}
@@ -158,6 +172,12 @@ __decorate([
 __decorate([
     property({ attribute: false, type: Object })
 ], CortiDictation.prototype, "authConfig", void 0);
+__decorate([
+    property({ type: String })
+], CortiDictation.prototype, "socketUrl", void 0);
+__decorate([
+    property({ attribute: false, type: Object })
+], CortiDictation.prototype, "socketProxy", void 0);
 __decorate([
     property({
         converter: commaSeparatedConverter,
@@ -176,6 +196,9 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], CortiDictation.prototype, "allowButtonFocus", void 0);
+__decorate([
+    property({ attribute: "debug-display-audio", type: Boolean })
+], CortiDictation.prototype, "debug_displayAudio", void 0);
 __decorate([
     property({ attribute: false, type: Object })
 ], CortiDictation.prototype, "dictationConfig", null);

package/dist/src/components/corti-dictation.js.map

@@ -1 +1 @@
-{"version":3,"file":"corti-dictation.js","sourceRoot":"","sources":["../../../src/components/corti-dictation.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Corti } from \"@corti/sdk\";\nimport { css, html, LitElement } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { createRef, type Ref, ref } from \"lit/directives/ref.js\";\nimport { DEFAULT_DICTATION_CONFIG } from \"../constants.js\";\nimport type { DictationContext } from \"../contexts/dictation-context.js\";\nimport type { ConfigurableSettings, RecordingState } from \"../types.js\";\nimport { commaSeparatedConverter } from \"../utils/converters.js\";\nimport type { RecordingButton } from \"./recording-button.js\";\n\nimport \"../contexts/dictation-context.js\";\nimport \"./recording-button.js\";\nimport \"./settings-menu.js\";\n\n@customElement(\"corti-dictation\")\nexport class CortiDictation extends LitElement {\n  static styles = css`\n    .hidden {\n      display: none;\n    }\n  `;\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Private refs\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  private recordingButtonRef: Ref<RecordingButton> = createRef();\n  private contextProviderRef: Ref<DictationContext> = createRef();\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Properties\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  /**\n   * Latest access token\n   */\n  @property({ type: String })\n  accessToken?: string;\n\n  /**\n   * Authentication configuration with optional refresh mechanism.\n   */\n  @property({ attribute: false, type: Object })\n  authConfig?: Corti.BearerOptions;\n\n  /**\n   * List of all language codes available for use with the Web Component.\n   *  Default list depends on the accessToken\n   */\n  @property({\n    converter: commaSeparatedConverter,\n    type: Array,\n  })\n  set languagesSupported(value: string[] | undefined) {\n    this._languagesSupported = value;\n  }\n\n  get languagesSupported(): string[] | undefined {\n    return this.contextProviderRef.value?.languages || this._languagesSupported;\n  }\n\n  @state()\n  private _languagesSupported?: string[];\n\n  /**\n   * Which settings should be available in the UI.\n   *  If an empty array is passed, the settings will be disabled entirely.\n   *  Options are language and devices\n   */\n  @property({\n    converter: commaSeparatedConverter,\n    type: Array,\n  })\n  settingsEnabled: ConfigurableSettings[] = [\"device\", \"language\"];\n\n  /**\n   * When false (default), allows the start/stop button from taking focus when clicked,\n   *  disabling textareas or other input elements to maintain focus.\n   *  Set to \"true\" to allow the button to receive focus on click.\n   */\n  @property({ type: Boolean })\n  allowButtonFocus: boolean = false;\n\n  /**\n   * Configuration settings for dictation\n   */\n  @property({ attribute: false, type: Object })\n  set dictationConfig(value: Corti.TranscribeConfig) {\n    this._dictationConfig = value;\n  }\n\n  get dictationConfig(): Corti.TranscribeConfig {\n    return (\n      this.contextProviderRef.value?.dictationConfig || this._dictationConfig\n    );\n  }\n\n  @state()\n  private _dictationConfig: Corti.TranscribeConfig = DEFAULT_DICTATION_CONFIG;\n\n  /**\n   * List of available recording devices\n   */\n  @property({ attribute: false, type: Array })\n  set devices(value: MediaDeviceInfo[] | undefined) {\n    this._devices = value;\n  }\n\n  get devices(): MediaDeviceInfo[] {\n    return this.contextProviderRef.value?.devices || this._devices || [];\n  }\n\n  @state()\n  private _devices?: MediaDeviceInfo[];\n\n  /**\n   * The selected device used for recording (MediaDeviceInfo).\n   */\n  @property({ attribute: false, type: Object })\n  set selectedDevice(value: MediaDeviceInfo | undefined) {\n    this._selectedDevice = value;\n  }\n\n  get selectedDevice(): MediaDeviceInfo | undefined {\n    return (\n      this.contextProviderRef.value?.selectedDevice || this._selectedDevice\n    );\n  }\n\n  @state()\n  private _selectedDevice?: MediaDeviceInfo;\n\n  /**\n   * Current state of recording (stopped, recording, initializing and stopping, ).\n   */\n  get recordingState(): RecordingState {\n    return this.contextProviderRef.value?.recordingState || \"stopped\";\n  }\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Public methods\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  /**\n   * Set the latest access token.\n   * @returns ServerConfig with environment, tenant, and accessToken\n   */\n  public setAccessToken(token: string) {\n    this.accessToken = token;\n\n    return (\n      this.contextProviderRef.value?.setAccessToken(token) ?? {\n        accessToken: token,\n        environment: undefined,\n        tenant: undefined,\n      }\n    );\n  }\n\n  /**\n   * Set the auth configuration for OAuth flows.\n   * @returns Promise with ServerConfig containing environment, tenant, and accessToken\n   */\n  public async setAuthConfig(config: Corti.BearerOptions) {\n    this.authConfig = config;\n\n    return (\n      this.contextProviderRef.value?.setAuthConfig(config) ?? {\n        accessToken: undefined,\n        environment: undefined,\n        tenant: undefined,\n      }\n    );\n  }\n\n  /**\n   * Starts a recording.\n   */\n  public startRecording(): void {\n    this.recordingButtonRef.value?.startRecording();\n  }\n\n  /**\n   * Stops a recording.\n   */\n  public stopRecording(): void {\n    this.recordingButtonRef.value?.stopRecording();\n  }\n\n  /**\n   * Starts or stops recording. Convenience layer on top of the start/stop methods.\n   */\n  public toggleRecording(): void {\n    this.recordingButtonRef.value?.toggleRecording();\n  }\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Render\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  render() {\n    return html`\n      <dictation-context-provider\n        ${ref(this.contextProviderRef)}\n        class=${classMap({ hidden: !this.accessToken && !this.authConfig })}\n        .accessToken=${this.accessToken}\n        .authConfig=${this.authConfig}\n        .dictationConfig=${this._dictationConfig}\n        .languages=${this._languagesSupported}\n        .devices=${this._devices}\n        .selectedDevice=${this._selectedDevice}\n      >\n        <recording-button\n          ${ref(this.recordingButtonRef)}\n          .preventFocus=${!this.allowButtonFocus}\n        ></recording-button>\n        <settings-menu .settingsEnabled=${this.settingsEnabled}></settings-menu>\n      </dictation-context-provider>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"corti-dictation\": CortiDictation;\n  }\n}\n"]}
+{"version":3,"file":"corti-dictation.js","sourceRoot":"","sources":["../../../src/components/corti-dictation.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Corti } from \"@corti/sdk\";\nimport { css, html, LitElement } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { classMap } from \"lit/directives/class-map.js\";\nimport { createRef, type Ref, ref } from \"lit/directives/ref.js\";\nimport { DEFAULT_DICTATION_CONFIG } from \"../constants.js\";\nimport type { DictationContext } from \"../contexts/dictation-context.js\";\nimport type {\n  ConfigurableSettings,\n  ProxyOptions,\n  RecordingState,\n} from \"../types.js\";\nimport { commaSeparatedConverter } from \"../utils/converters.js\";\nimport type { RecordingButton } from \"./recording-button.js\";\n\nimport \"../contexts/dictation-context.js\";\nimport \"./recording-button.js\";\nimport \"./settings-menu.js\";\n\n@customElement(\"corti-dictation\")\nexport class CortiDictation extends LitElement {\n  static styles = css`\n    .hidden {\n      display: none;\n    }\n  `;\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Private refs\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  private recordingButtonRef: Ref<RecordingButton> = createRef();\n  private contextProviderRef: Ref<DictationContext> = createRef();\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Properties\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  /**\n   * Latest access token\n   */\n  @property({ type: String })\n  accessToken?: string;\n\n  /**\n   * Authentication configuration with optional refresh mechanism.\n   */\n  @property({ attribute: false, type: Object })\n  authConfig?: Corti.BearerOptions;\n\n  /**\n   * WebSocket URL for proxy connection. When provided, uses CortiWebSocketProxyClient instead of CortiClient.\n   */\n  @property({ type: String })\n  socketUrl?: string;\n\n  /**\n   * Socket proxy configuration object. When provided, uses CortiWebSocketProxyClient instead of CortiClient.\n   */\n  @property({ attribute: false, type: Object })\n  socketProxy?: ProxyOptions;\n\n  /**\n   * List of all language codes available for use with the Web Component.\n   *  Default list depends on the accessToken\n   */\n  @property({\n    converter: commaSeparatedConverter,\n    type: Array,\n  })\n  set languagesSupported(value: string[] | undefined) {\n    this._languagesSupported = value;\n  }\n\n  get languagesSupported(): string[] {\n    return (\n      this.contextProviderRef.value?.languages || this._languagesSupported || []\n    );\n  }\n\n  @state()\n  private _languagesSupported?: string[];\n\n  /**\n   * Which settings should be available in the UI.\n   *  If an empty array is passed, the settings will be disabled entirely.\n   *  Options are language and devices\n   */\n  @property({\n    converter: commaSeparatedConverter,\n    type: Array,\n  })\n  settingsEnabled: ConfigurableSettings[] = [\"device\", \"language\"];\n\n  /**\n   * When false (default), allows the start/stop button from taking focus when clicked,\n   *  disabling textareas or other input elements to maintain focus.\n   *  Set to \"true\" to allow the button to receive focus on click.\n   */\n  @property({ type: Boolean })\n  allowButtonFocus: boolean = false;\n\n  /**\n   * Overrides any device selection and instead uses getDisplayMedia to stream system audio.\n   * Should only be used for debugging.\n   */\n  @property({ attribute: \"debug-display-audio\", type: Boolean })\n  debug_displayAudio: boolean = false;\n\n  /**\n   * Configuration settings for dictation\n   */\n  @property({ attribute: false, type: Object })\n  set dictationConfig(value: Corti.TranscribeConfig) {\n    this._dictationConfig = value;\n  }\n\n  get dictationConfig(): Corti.TranscribeConfig {\n    return (\n      this.contextProviderRef.value?.dictationConfig || this._dictationConfig\n    );\n  }\n\n  @state()\n  private _dictationConfig: Corti.TranscribeConfig = DEFAULT_DICTATION_CONFIG;\n\n  /**\n   * List of available recording devices\n   */\n  @property({ attribute: false, type: Array })\n  set devices(value: MediaDeviceInfo[] | undefined) {\n    this._devices = value;\n  }\n\n  get devices(): MediaDeviceInfo[] {\n    return this.contextProviderRef.value?.devices || this._devices || [];\n  }\n\n  @state()\n  private _devices?: MediaDeviceInfo[];\n\n  /**\n   * The selected device used for recording (MediaDeviceInfo).\n   */\n  @property({ attribute: false, type: Object })\n  set selectedDevice(value: MediaDeviceInfo | undefined) {\n    this._selectedDevice = value;\n  }\n\n  get selectedDevice(): MediaDeviceInfo | undefined {\n    return (\n      this.contextProviderRef.value?.selectedDevice || this._selectedDevice\n    );\n  }\n\n  @state()\n  private _selectedDevice?: MediaDeviceInfo;\n\n  /**\n   * Current state of recording (stopped, recording, initializing and stopping, ).\n   */\n  get recordingState(): RecordingState {\n    return this.contextProviderRef.value?.recordingState || \"stopped\";\n  }\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Public methods\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  /**\n   * Set the latest access token.\n   * @returns ServerConfig with environment, tenant, and accessToken\n   * @deprecated Use 'accessToken' property instead.\n   */\n  public setAccessToken(token: string) {\n    this.accessToken = token;\n\n    return (\n      this.contextProviderRef.value?.setAccessToken(token) ?? {\n        accessToken: token,\n        environment: undefined,\n        tenant: undefined,\n      }\n    );\n  }\n\n  /**\n   * Set the auth configuration for OAuth flows.\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    return (\n      this.contextProviderRef.value?.setAuthConfig(config) ?? {\n        accessToken: undefined,\n        environment: undefined,\n        tenant: undefined,\n      }\n    );\n  }\n\n  /**\n   * Starts a recording.\n   */\n  public startRecording(): void {\n    this.recordingButtonRef.value?.startRecording();\n  }\n\n  /**\n   * Stops a recording.\n   */\n  public stopRecording(): void {\n    this.recordingButtonRef.value?.stopRecording();\n  }\n\n  /**\n   * Starts or stops recording. Convenience layer on top of the start/stop methods.\n   */\n  public toggleRecording(): void {\n    this.recordingButtonRef.value?.toggleRecording();\n  }\n\n  // ─────────────────────────────────────────────────────────────────────────────\n  // Render\n  // ─────────────────────────────────────────────────────────────────────────────\n\n  render() {\n    const isHidden =\n      !this.accessToken &&\n      !this.authConfig &&\n      !this.socketUrl &&\n      !this.socketProxy;\n\n    return html`\n      <dictation-context-provider\n        ${ref(this.contextProviderRef)}\n        class=${classMap({ hidden: isHidden })}\n        .accessToken=${this.accessToken}\n        .authConfig=${this.authConfig}\n        .socketUrl=${this.socketUrl}\n        .socketProxy=${this.socketProxy}\n        .dictationConfig=${this._dictationConfig}\n        .languages=${this._languagesSupported}\n        .devices=${this._devices}\n        .selectedDevice=${this._selectedDevice}\n        .debug_displayAudio=${this.debug_displayAudio}\n      >\n        <recording-button\n          ${ref(this.recordingButtonRef)}\n          .preventFocus=${!this.allowButtonFocus}\n        ></recording-button>\n        <settings-menu .settingsEnabled=${this.settingsEnabled}></settings-menu>\n      </dictation-context-provider>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"corti-dictation\": CortiDictation;\n  }\n}\n"]}

package/dist/src/components/recording-button.d.ts

@@ -1,5 +1,6 @@
 import type { Corti } from "@corti/sdk";
 import { type CSSResultGroup, LitElement } from "lit";
+import type { ProxyOptions } from "../types.js";
 import "./audio-visualiser.js";
 import "../icons/icons.js";
 export declare class RecordingButton extends LitElement {
@@ -10,6 +11,9 @@ export declare class RecordingButton extends LitElement {
     _region?: string;
     _tenantName?: string;
     _dictationConfig?: Corti.TranscribeConfig;
+    _socketUrl?: string;
+    _socketProxy?: ProxyOptions;
+    _debug_displayAudio?: boolean;
     preventFocus: boolean;
     private _mediaController;
     private _dictationController;

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

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { consume } from "@lit/context";
 import { html, LitElement } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
-import { accessTokenContext, authConfigContext, dictationConfigContext, recordingStateContext, regionContext, selectedDeviceContext, tenantNameContext, } from "../contexts/dictation-context.js";
+import { accessTokenContext, authConfigContext, debugDisplayAudioContext, dictationConfigContext, recordingStateContext, regionContext, selectedDeviceContext, socketProxyContext, socketUrlContext, tenantNameContext, } from "../contexts/dictation-context.js";
 import { DictationController, } from "../controllers/DictationController.js";
 import { MediaController } from "../controllers/MediaController.js";
 import ButtonStyles from "../styles/buttons.js";
@@ -23,14 +23,22 @@ let RecordingButton = class RecordingButton extends LitElement {
         this._mediaController = new MediaController(this);
         this._dictationController = new DictationController(this);
         this._handleWebSocketMessage = (message) => {
-            if (message.type === "CONFIG_ACCEPTED") {
-                this._mediaController.mediaRecorder?.start(250);
-                this._mediaController.startAudioLevelMonitoring((level) => {
-                    this.dispatchEvent(audioLevelChangedEvent(level));
-                });
-                this.dispatchEvent(recordingStateChangedEvent("recording"));
-            }
             switch (message.type) {
+                case "CONFIG_ACCEPTED":
+                    this._mediaController.mediaRecorder?.start(250);
+                    this._mediaController.startAudioLevelMonitoring((level) => {
+                        this.dispatchEvent(audioLevelChangedEvent(level));
+                    });
+                    this.dispatchEvent(recordingStateChangedEvent("recording"));
+                    break;
+                case "CONFIG_DENIED":
+                    this.dispatchEvent(errorEvent(`Config denied: ${message.reason ?? "Unknown reason"}`));
+                    this._handleStop();
+                    break;
+                case "CONFIG_TIMEOUT":
+                    this.dispatchEvent(errorEvent("Config timeout"));
+                    this._handleStop();
+                    break;
                 case "transcript":
                     this.dispatchEvent(transcriptEvent(message));
                     break;
@@ -40,6 +48,10 @@ let RecordingButton = class RecordingButton extends LitElement {
                 case "usage":
                     this.dispatchEvent(usageEvent(message));
                     break;
+                case "error":
+                    this.dispatchEvent(errorEvent(message.error));
+                    this._handleStop();
+                    break;
             }
         };
         this._handleWebSocketError = (error) => {
@@ -82,9 +94,9 @@ let RecordingButton = class RecordingButton extends LitElement {
         this.dispatchEvent(recordingStateChangedEvent("stopping"));
         try {
             this._mediaController.stopAudioLevelMonitoring();
-            this._mediaController.mediaRecorder?.stop();
-            await this._mediaController.cleanup();
+            await this._mediaController.stopRecording();
             await this._dictationController.disconnect(this._handleWebSocketClose);
+            await this._mediaController.cleanup();
         }
         catch (error) {
             this.dispatchEvent(errorEvent(error));
@@ -169,6 +181,18 @@ __decorate([
     consume({ context: dictationConfigContext, subscribe: true }),
     state()
 ], RecordingButton.prototype, "_dictationConfig", void 0);
+__decorate([
+    consume({ context: socketUrlContext, subscribe: true }),
+    state()
+], RecordingButton.prototype, "_socketUrl", void 0);
+__decorate([
+    consume({ context: socketProxyContext, subscribe: true }),
+    state()
+], RecordingButton.prototype, "_socketProxy", void 0);
+__decorate([
+    consume({ context: debugDisplayAudioContext, subscribe: true }),
+    state()
+], RecordingButton.prototype, "_debug_displayAudio", void 0);
 __decorate([
     property({ type: Boolean })
 ], RecordingButton.prototype, "preventFocus", void 0);

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

@@ -1 +1 @@
-{"version":3,"file":"recording-button.js","sourceRoot":"","sources":["../../../src/components/recording-button.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Corti } from \"@corti/sdk\";\nimport { consume } from \"@lit/context\";\nimport { type CSSResultGroup, html, LitElement } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport {\n  accessTokenContext,\n  authConfigContext,\n  dictationConfigContext,\n  recordingStateContext,\n  regionContext,\n  selectedDeviceContext,\n  tenantNameContext,\n} from \"../contexts/dictation-context.js\";\nimport {\n  DictationController,\n  type TranscribeMessage,\n} from \"../controllers/DictationController.js\";\nimport { MediaController } from \"../controllers/MediaController.js\";\nimport ButtonStyles from \"../styles/buttons.js\";\nimport RecordingButtonStyles from \"../styles/recording-button.js\";\nimport type { RecordingState } from \"../types.js\";\nimport {\n  audioLevelChangedEvent,\n  commandEvent,\n  errorEvent,\n  networkActivityEvent,\n  recordingStateChangedEvent,\n  streamClosedEvent,\n  transcriptEvent,\n  usageEvent,\n} from \"../utils/events.js\";\n\nimport \"./audio-visualiser.js\";\nimport \"../icons/icons.js\";\n\n@customElement(\"recording-button\")\nexport class RecordingButton extends LitElement {\n  @consume({ context: recordingStateContext, subscribe: true })\n  @state()\n  private _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?: Corti.BearerOptions;\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: dictationConfigContext, subscribe: true })\n  @state()\n  _dictationConfig?: Corti.TranscribeConfig;\n\n  @property({ type: Boolean })\n  preventFocus: boolean = false;\n\n  private _mediaController = new MediaController(this);\n  private _dictationController = new DictationController(this);\n\n  static styles: CSSResultGroup = [RecordingButtonStyles, ButtonStyles];\n\n  private _handleMouseDown(event: MouseEvent): void {\n    if (this.preventFocus) {\n      event.preventDefault();\n    }\n  }\n\n  private _handleWebSocketMessage = (message: TranscribeMessage): void => {\n    if (message.type === \"CONFIG_ACCEPTED\") {\n      this._mediaController.mediaRecorder?.start(250);\n      this._mediaController.startAudioLevelMonitoring((level) => {\n        this.dispatchEvent(audioLevelChangedEvent(level));\n      });\n\n      this.dispatchEvent(recordingStateChangedEvent(\"recording\"));\n    }\n\n    switch (message.type) {\n      case \"transcript\":\n        this.dispatchEvent(transcriptEvent(message));\n        break;\n      case \"command\":\n        this.dispatchEvent(commandEvent(message));\n        break;\n      case \"usage\":\n        this.dispatchEvent(usageEvent(message));\n        break;\n    }\n  };\n\n  private _handleWebSocketError = (error: Error): void => {\n    this.dispatchEvent(errorEvent(\"Socket error: \" + error.message));\n    this._handleStop();\n  };\n\n  private _handleWebSocketClose = (event: unknown): void => {\n    this.dispatchEvent(streamClosedEvent(event));\n  };\n\n  private async _handleStart(): Promise<void> {\n    this.dispatchEvent(recordingStateChangedEvent(\"initializing\"));\n\n    try {\n      await this._mediaController.initialize(() => {\n        if (this._recordingState === \"recording\") {\n          this.dispatchEvent(errorEvent(\"Microphone access was lost.\"));\n          this._handleStop();\n        }\n      });\n\n      await this._dictationController.connect(\n        this._mediaController.mediaRecorder,\n        this._dictationConfig,\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    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n      await this._handleStop();\n    }\n  }\n\n  private async _handleStop(): Promise<void> {\n    this.dispatchEvent(recordingStateChangedEvent(\"stopping\"));\n\n    try {\n      this._mediaController.stopAudioLevelMonitoring();\n      this._mediaController.mediaRecorder?.stop();\n      await this._mediaController.cleanup();\n\n      await this._dictationController.disconnect(this._handleWebSocketClose);\n    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n    }\n\n    this.dispatchEvent(recordingStateChangedEvent(\"stopped\"));\n  }\n\n  private _handleClick(): void {\n    if (this._recordingState === \"stopped\") {\n      this._handleStart();\n    } else if (this._recordingState === \"recording\") {\n      this._handleStop();\n    }\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 (this._recordingState !== \"recording\") {\n      return;\n    }\n\n    this._handleStop();\n  }\n\n  public toggleRecording(): void {\n    this._handleClick();\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        @mousedown=${this._handleMouseDown}\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></icon-loading-spinner>`\n            : isRecording\n              ? html`<icon-recording></icon-recording>`\n              : html`<icon-mic-on></icon-mic-on>`\n        }\n        <audio-visualiser\n          .level=${this._mediaController.audioLevel}\n          ?active=${isRecording}\n        ></audio-visualiser>\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"recording-button\": RecordingButton;\n  }\n}\n"]}
+{"version":3,"file":"recording-button.js","sourceRoot":"","sources":["../../../src/components/recording-button.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Corti } from \"@corti/sdk\";\nimport { consume } from \"@lit/context\";\nimport { type CSSResultGroup, html, LitElement } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport {\n  accessTokenContext,\n  authConfigContext,\n  debugDisplayAudioContext,\n  dictationConfigContext,\n  recordingStateContext,\n  regionContext,\n  selectedDeviceContext,\n  socketProxyContext,\n  socketUrlContext,\n  tenantNameContext,\n} from \"../contexts/dictation-context.js\";\nimport {\n  DictationController,\n  type TranscribeMessage,\n} from \"../controllers/DictationController.js\";\nimport { MediaController } from \"../controllers/MediaController.js\";\nimport ButtonStyles from \"../styles/buttons.js\";\nimport RecordingButtonStyles from \"../styles/recording-button.js\";\nimport type { ProxyOptions, RecordingState } from \"../types.js\";\nimport {\n  audioLevelChangedEvent,\n  commandEvent,\n  errorEvent,\n  networkActivityEvent,\n  recordingStateChangedEvent,\n  streamClosedEvent,\n  transcriptEvent,\n  usageEvent,\n} from \"../utils/events.js\";\n\nimport \"./audio-visualiser.js\";\nimport \"../icons/icons.js\";\n\n@customElement(\"recording-button\")\nexport class RecordingButton extends LitElement {\n  @consume({ context: recordingStateContext, subscribe: true })\n  @state()\n  private _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?: Corti.BearerOptions;\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: dictationConfigContext, subscribe: true })\n  @state()\n  _dictationConfig?: Corti.TranscribeConfig;\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  @property({ type: Boolean })\n  preventFocus: boolean = false;\n\n  private _mediaController = new MediaController(this);\n  private _dictationController = new DictationController(this);\n\n  static styles: CSSResultGroup = [RecordingButtonStyles, ButtonStyles];\n\n  private _handleMouseDown(event: MouseEvent): void {\n    if (this.preventFocus) {\n      event.preventDefault();\n    }\n  }\n\n  private _handleWebSocketMessage = (message: TranscribeMessage): void => {\n    switch (message.type) {\n      case \"CONFIG_ACCEPTED\":\n        this._mediaController.mediaRecorder?.start(250);\n        this._mediaController.startAudioLevelMonitoring((level) => {\n          this.dispatchEvent(audioLevelChangedEvent(level));\n        });\n        this.dispatchEvent(recordingStateChangedEvent(\"recording\"));\n        break;\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 \"usage\":\n        this.dispatchEvent(usageEvent(message));\n        break;\n      case \"error\":\n        this.dispatchEvent(errorEvent(message.error));\n        this._handleStop();\n        break;\n    }\n  };\n\n  private _handleWebSocketError = (error: Error): void => {\n    this.dispatchEvent(errorEvent(\"Socket error: \" + error.message));\n    this._handleStop();\n  };\n\n  private _handleWebSocketClose = (event: unknown): void => {\n    this.dispatchEvent(streamClosedEvent(event));\n  };\n\n  private async _handleStart(): Promise<void> {\n    this.dispatchEvent(recordingStateChangedEvent(\"initializing\"));\n\n    try {\n      await this._mediaController.initialize(() => {\n        if (this._recordingState === \"recording\") {\n          this.dispatchEvent(errorEvent(\"Microphone access was lost.\"));\n          this._handleStop();\n        }\n      });\n\n      await this._dictationController.connect(\n        this._mediaController.mediaRecorder,\n        this._dictationConfig,\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    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n      await this._handleStop();\n    }\n  }\n\n  private async _handleStop(): Promise<void> {\n    this.dispatchEvent(recordingStateChangedEvent(\"stopping\"));\n\n    try {\n      this._mediaController.stopAudioLevelMonitoring();\n      await this._mediaController.stopRecording();\n\n      await this._dictationController.disconnect(this._handleWebSocketClose);\n      await this._mediaController.cleanup();\n    } catch (error) {\n      this.dispatchEvent(errorEvent(error));\n    }\n\n    this.dispatchEvent(recordingStateChangedEvent(\"stopped\"));\n  }\n\n  private _handleClick(): void {\n    if (this._recordingState === \"stopped\") {\n      this._handleStart();\n    } else if (this._recordingState === \"recording\") {\n      this._handleStop();\n    }\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 (this._recordingState !== \"recording\") {\n      return;\n    }\n\n    this._handleStop();\n  }\n\n  public toggleRecording(): void {\n    this._handleClick();\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        @mousedown=${this._handleMouseDown}\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></icon-loading-spinner>`\n            : isRecording\n              ? html`<icon-recording></icon-recording>`\n              : html`<icon-mic-on></icon-mic-on>`\n        }\n        <audio-visualiser\n          .level=${this._mediaController.audioLevel}\n          ?active=${isRecording}\n        ></audio-visualiser>\n      </button>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"recording-button\": RecordingButton;\n  }\n}\n"]}

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

@@ -22,7 +22,7 @@ let SettingsMenu = class SettingsMenu extends LitElement {
         this.settingsEnabled = ["device", "language"];
     }
     render() {
-        if (this.settingsEnabled?.length === 0) {
+        if (!this.settingsEnabled || this.settingsEnabled.length === 0) {
             return nothing;
         }
         const isRecording = this._recordingState === "recording";

package/dist/src/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,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,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;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?.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"]}
+{"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/src/constants.js

@@ -1,18 +1,36 @@
 export const LANGUAGES_SUPPORTED_EU = [
-    "en",
-    "en-GB",
     "da",
     "de",
+    "de-CH",
+    "en",
+    "en-GB",
+    "es",
     "fr",
-    "sv",
+    "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 = {
-    automaticPunctuation: true,
+    automaticPunctuation: false,
     primaryLanguage: "en",
     spokenPunctuation: true,
 };

package/dist/src/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,OAAO;IACP,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;CACL,CAAC;AACF,MAAM,CAAC,MAAM,sBAAsB,GAAwC;IACzE,IAAI;CACL,CAAC;AACF,MAAM,CAAC,MAAM,wBAAwB,GAA2B;IAC9D,oBAAoB,EAAE,IAAI;IAC1B,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  \"en\",\n  \"en-GB\",\n  \"da\",\n  \"de\",\n  \"fr\",\n  \"sv\",\n  \"nl\",\n  \"no\",\n];\nexport const LANGUAGES_SUPPORTED_US: Corti.TranscribeSupportedLanguage[] = [\n  \"en\",\n];\nexport const DEFAULT_DICTATION_CONFIG: Corti.TranscribeConfig = {\n  automaticPunctuation: true,\n  primaryLanguage: \"en\",\n  spokenPunctuation: 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"]}