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

package/dist/controllers/MediaController.d.ts

@@ -0,0 +1,31 @@
+import type { ReactiveController, ReactiveControllerHost } from "lit";
+interface MediaControllerHost extends ReactiveControllerHost {
+    _selectedDevice?: MediaDeviceInfo;
+    _debug_displayAudio?: boolean;
+}
+export declare class MediaController implements ReactiveController {
+    host: MediaControllerHost;
+    private _mediaStream;
+    private _audioContext;
+    private _analyser;
+    private _mediaRecorder;
+    private _visualiserInterval?;
+    private _audioLevel;
+    private _onTrackEnded?;
+    private _onAudioLevelChange?;
+    constructor(host: MediaControllerHost);
+    hostDisconnected(): void;
+    initialize(onTrackEnded?: () => void): Promise<void>;
+    getAudioLevel(): number;
+    startAudioLevelMonitoring(onAudioLevelChange?: (level: number) => void): void;
+    stopAudioLevelMonitoring(): void;
+    cleanup(): Promise<void>;
+    /**
+     * Stops the media recorder and waits for all buffered data to be flushed.
+     * This ensures the final ondataavailable event fires before resolving.
+     */
+    stopRecording(): Promise<void>;
+    get mediaRecorder(): MediaRecorder | null;
+    get audioLevel(): number;
+}
+export {};

package/dist/controllers/MediaController.js

@@ -0,0 +1,99 @@
+import { calculateAudioLevel, createAudioAnalyzer, getMediaStream, } from "../utils/media.js";
+export class MediaController {
+    constructor(host) {
+        this._mediaStream = null;
+        this._audioContext = null;
+        this._analyser = null;
+        this._mediaRecorder = null;
+        this._audioLevel = 0;
+        this.host = host;
+        host.addController(this);
+    }
+    hostDisconnected() {
+        this.cleanup();
+    }
+    async initialize(onTrackEnded) {
+        await this.cleanup();
+        this._onTrackEnded = onTrackEnded;
+        this._mediaStream = await getMediaStream(this.host._selectedDevice?.deviceId, this.host._debug_displayAudio);
+        this._mediaStream.getTracks().forEach((track) => {
+            track.addEventListener("ended", () => {
+                if (this._onTrackEnded) {
+                    this._onTrackEnded();
+                }
+            });
+        });
+        const { audioContext, analyser } = createAudioAnalyzer(this._mediaStream);
+        this._audioContext = audioContext;
+        this._analyser = analyser;
+        this._mediaRecorder = new MediaRecorder(this._mediaStream);
+    }
+    getAudioLevel() {
+        return this._analyser ? calculateAudioLevel(this._analyser) : 0;
+    }
+    startAudioLevelMonitoring(onAudioLevelChange) {
+        this.stopAudioLevelMonitoring();
+        this._onAudioLevelChange = onAudioLevelChange;
+        this._visualiserInterval = window.setInterval(() => {
+            this._audioLevel = this.getAudioLevel() * 3;
+            this.host.requestUpdate();
+            if (this._onAudioLevelChange) {
+                this._onAudioLevelChange(this._audioLevel);
+            }
+        }, 150);
+    }
+    stopAudioLevelMonitoring() {
+        if (this._visualiserInterval) {
+            clearInterval(this._visualiserInterval);
+            this._visualiserInterval = undefined;
+        }
+        this._audioLevel = 0;
+        this.host.requestUpdate();
+        if (this._onAudioLevelChange) {
+            this._onAudioLevelChange(this._audioLevel);
+        }
+    }
+    async cleanup() {
+        this.stopAudioLevelMonitoring();
+        if (this._mediaRecorder?.state === "recording") {
+            this._mediaRecorder.stop();
+        }
+        if (this._mediaStream) {
+            this._mediaStream.getTracks().forEach((track) => {
+                track.stop();
+            });
+            this._mediaStream = null;
+        }
+        if (this._audioContext && this._audioContext.state !== "closed") {
+            await this._audioContext.close();
+        }
+        this._audioContext = null;
+        this._analyser = null;
+        this._mediaRecorder = null;
+        this._onTrackEnded = undefined;
+        this._onAudioLevelChange = undefined;
+    }
+    /**
+     * Stops the media recorder and waits for all buffered data to be flushed.
+     * This ensures the final ondataavailable event fires before resolving.
+     */
+    async stopRecording() {
+        return new Promise((resolve) => {
+            if (!this._mediaRecorder || this._mediaRecorder.state !== "recording") {
+                resolve();
+                return;
+            }
+            this._mediaRecorder.onstop = () => {
+                resolve();
+            };
+            this._mediaRecorder.stop();
+        });
+    }
+    get mediaRecorder() {
+        return this._mediaRecorder;
+    }
+    get audioLevel() {
+        return this._audioLevel;
+    }
+}
+//# sourceMappingURL=MediaController.js.map

package/dist/controllers/MediaController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaController.js","sourceRoot":"","sources":["../../src/controllers/MediaController.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from \"lit\";\nimport {\n  calculateAudioLevel,\n  createAudioAnalyzer,\n  getMediaStream,\n} from \"../utils/media.js\";\n\ninterface MediaControllerHost extends ReactiveControllerHost {\n  _selectedDevice?: MediaDeviceInfo;\n  _debug_displayAudio?: boolean;\n}\n\nexport class MediaController implements ReactiveController {\n  host: MediaControllerHost;\n\n  private _mediaStream: MediaStream | null = null;\n  private _audioContext: AudioContext | null = null;\n  private _analyser: AnalyserNode | null = null;\n  private _mediaRecorder: MediaRecorder | null = null;\n  private _visualiserInterval?: number;\n  private _audioLevel: number = 0;\n  private _onTrackEnded?: () => void;\n  private _onAudioLevelChange?: (level: number) => void;\n\n  constructor(host: MediaControllerHost) {\n    this.host = host;\n    host.addController(this);\n  }\n\n  hostDisconnected(): void {\n    this.cleanup();\n  }\n\n  async initialize(onTrackEnded?: () => void): Promise<void> {\n    await this.cleanup();\n\n    this._onTrackEnded = onTrackEnded;\n    this._mediaStream = await getMediaStream(\n      this.host._selectedDevice?.deviceId,\n      this.host._debug_displayAudio,\n    );\n\n    this._mediaStream.getTracks().forEach((track: MediaStreamTrack) => {\n      track.addEventListener(\"ended\", () => {\n        if (this._onTrackEnded) {\n          this._onTrackEnded();\n        }\n      });\n    });\n\n    const { audioContext, analyser } = createAudioAnalyzer(this._mediaStream);\n\n    this._audioContext = audioContext;\n    this._analyser = analyser;\n\n    this._mediaRecorder = new MediaRecorder(this._mediaStream);\n  }\n\n  getAudioLevel(): number {\n    return this._analyser ? calculateAudioLevel(this._analyser) : 0;\n  }\n\n  startAudioLevelMonitoring(\n    onAudioLevelChange?: (level: number) => void,\n  ): void {\n    this.stopAudioLevelMonitoring();\n\n    this._onAudioLevelChange = onAudioLevelChange;\n\n    this._visualiserInterval = window.setInterval(() => {\n      this._audioLevel = this.getAudioLevel() * 3;\n      this.host.requestUpdate();\n\n      if (this._onAudioLevelChange) {\n        this._onAudioLevelChange(this._audioLevel);\n      }\n    }, 150);\n  }\n\n  stopAudioLevelMonitoring(): void {\n    if (this._visualiserInterval) {\n      clearInterval(this._visualiserInterval);\n      this._visualiserInterval = undefined;\n    }\n\n    this._audioLevel = 0;\n    this.host.requestUpdate();\n\n    if (this._onAudioLevelChange) {\n      this._onAudioLevelChange(this._audioLevel);\n    }\n  }\n\n  async cleanup(): Promise<void> {\n    this.stopAudioLevelMonitoring();\n\n    if (this._mediaRecorder?.state === \"recording\") {\n      this._mediaRecorder.stop();\n    }\n\n    if (this._mediaStream) {\n      this._mediaStream.getTracks().forEach((track) => {\n        track.stop();\n      });\n      this._mediaStream = null;\n    }\n\n    if (this._audioContext && this._audioContext.state !== \"closed\") {\n      await this._audioContext.close();\n    }\n\n    this._audioContext = null;\n\n    this._analyser = null;\n    this._mediaRecorder = null;\n    this._onTrackEnded = undefined;\n    this._onAudioLevelChange = undefined;\n  }\n\n  /**\n   * Stops the media recorder and waits for all buffered data to be flushed.\n   * This ensures the final ondataavailable event fires before resolving.\n   */\n  async stopRecording(): Promise<void> {\n    return new Promise<void>((resolve) => {\n      if (!this._mediaRecorder || this._mediaRecorder.state !== \"recording\") {\n        resolve();\n        return;\n      }\n\n      this._mediaRecorder.onstop = () => {\n        resolve();\n      };\n\n      this._mediaRecorder.stop();\n    });\n  }\n\n  get mediaRecorder(): MediaRecorder | null {\n    return this._mediaRecorder;\n  }\n\n  get audioLevel(): number {\n    return this._audioLevel;\n  }\n}\n"]}

package/dist/index.d.ts

@@ -1,2 +1,10 @@
-import CortiDictation from './CortiDictation.js';
+import { CortiDictation } from "./components/corti-dictation.js";
+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 type { ConfigurableSettings, RecordingState } from "./types.js";
+export type { AudioLevelChangedEventDetail, CommandEventDetail, ErrorEventDetail, LanguageChangedEventDetail, LanguagesChangedEventDetail, NetworkActivityEventDetail, RecordingDevicesChangedEventDetail, RecordingStateChangedEventDetail, TranscriptEventDetail, UsageEventDetail, } from "./utils/events.js";
 export default CortiDictation;

package/dist/index.js

@@ -1,6 +1,32 @@
-import CortiDictation from './CortiDictation.js';
-if (!customElements.get('corti-dictation')) {
-    customElements.define('corti-dictation', CortiDictation);
+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";
+if (!customElements.get("corti-dictation")) {
+    customElements.define("corti-dictation", CortiDictation);
 }
+if (!customElements.get("recording-button")) {
+    customElements.define("recording-button", RecordingButton);
+}
+if (!customElements.get("device-selector")) {
+    customElements.define("device-selector", DeviceSelector);
+}
+if (!customElements.get("language-selector")) {
+    customElements.define("language-selector", LanguageSelector);
+}
+if (!customElements.get("settings-menu")) {
+    customElements.define("settings-menu", SettingsMenu);
+}
+if (!customElements.get("dictation-context-provider")) {
+    customElements.define("dictation-context-provider", DictationContext);
+}
+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 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,cAAc,MAAM,qBAAqB,CAAC;AAEjD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAC3C,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC;AAC3D,CAAC;AAED,eAAe,cAAc,CAAC","sourcesContent":["import CortiDictation from './CortiDictation.js';\n\nif (!customElements.get('corti-dictation')) {\n  customElements.define('corti-dictation', CortiDictation);\n}\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,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"]}

package/dist/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "@corti/dictation-web",
+  "version": "0.0.0-local",
+  "type": "module",
+  "main": "./index.js",
+  "module": "./index.js",
+  "exports": {
+    ".": {
+      "import": "./index.js",
+      "types": "./index.d.ts"
+    },
+    "./*": "./*"
+  }
+}

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

@@ -0,0 +1,13 @@
+import { LitElement, type PropertyValues } from "lit";
+export declare class AudioVisualiser extends LitElement {
+    level: number;
+    active: boolean;
+    static styles: import("lit").CSSResult;
+    willUpdate(changedProperties: PropertyValues<this>): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "audio-visualiser": AudioVisualiser;
+    }
+}

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

@@ -0,0 +1,54 @@
+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 { html, LitElement } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+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;
+    }
+    willUpdate(changedProperties) {
+        if (changedProperties.has("level")) {
+            this.level = normalizeToRange(this.level);
+        }
+    }
+    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({
+            active: i < activeSegments,
+            segment: true,
+        })}></div>`);
+        return html `
+      <div class=${classMap({
+            active: this.active,
+            container: true,
+        })}>
+        ${segments}
+      </div>
+    `;
+    }
+};
+AudioVisualiser.styles = AudioVisualiserStyles;
+__decorate([
+    property({ type: Number })
+], AudioVisualiser.prototype, "level", void 0);
+__decorate([
+    property({ type: Boolean })
+], AudioVisualiser.prototype, "active", void 0);
+AudioVisualiser = __decorate([
+    customElement("audio-visualiser")
+], AudioVisualiser);
+export { AudioVisualiser };
+//# sourceMappingURL=audio-visualiser.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,108 @@
+import type { Corti } from "@corti/sdk";
+import { LitElement } from "lit";
+import type { ConfigurableSettings, RecordingState } from "../types.js";
+import "../contexts/dictation-context.js";
+import "./recording-button.js";
+import "./settings-menu.js";
+export declare class CortiDictation extends LitElement {
+    static styles: import("lit").CSSResult;
+    private recordingButtonRef;
+    private contextProviderRef;
+    /**
+     * Latest access token
+     */
+    accessToken?: string;
+    /**
+     * Authentication configuration with optional refresh mechanism.
+     */
+    authConfig?: Corti.BearerOptions;
+    /**
+     * 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;
+    private _languagesSupported?;
+    /**
+     * Which settings should be available in the UI.
+     *  If an empty array is passed, the settings will be disabled entirely.
+     *  Options are language and devices
+     */
+    settingsEnabled: ConfigurableSettings[];
+    /**
+     * When false (default), allows the start/stop button from taking focus when clicked,
+     *  disabling textareas or other input elements to maintain focus.
+     *  Set to "true" to allow the button to receive focus on click.
+     */
+    allowButtonFocus: boolean;
+    /**
+     * Configuration settings for dictation
+     */
+    set dictationConfig(value: Corti.TranscribeConfig);
+    get dictationConfig(): Corti.TranscribeConfig;
+    private _dictationConfig;
+    /**
+     * List of available recording devices
+     */
+    set devices(value: MediaDeviceInfo[] | undefined);
+    get devices(): MediaDeviceInfo[];
+    private _devices?;
+    /**
+     * The selected device used for recording (MediaDeviceInfo).
+     */
+    set selectedDevice(value: MediaDeviceInfo | undefined);
+    get selectedDevice(): MediaDeviceInfo | undefined;
+    private _selectedDevice?;
+    /**
+     * Current state of recording (stopped, recording, initializing and stopping, ).
+     */
+    get recordingState(): RecordingState;
+    /**
+     * Set the latest access token.
+     * @returns ServerConfig with environment, tenant, and accessToken
+     */
+    setAccessToken(token: string): {
+        accessToken: string | undefined;
+        environment: undefined;
+        tenant: undefined;
+    } | {
+        accessToken: string;
+        environment: string | undefined;
+        tenant: string | undefined;
+    };
+    /**
+     * Set the auth configuration for OAuth flows.
+     * @returns Promise with ServerConfig containing environment, tenant, and accessToken
+     */
+    setAuthConfig(config: Corti.BearerOptions): Promise<{
+        accessToken: string | undefined;
+        environment: undefined;
+        tenant: undefined;
+    } | {
+        accessToken: string;
+        environment: string | undefined;
+        tenant: string | undefined;
+    } | {
+        accessToken: undefined;
+        environment: undefined;
+        tenant: undefined;
+    }>;
+    /**
+     * Starts a recording.
+     */
+    startRecording(): void;
+    /**
+     * Stops a recording.
+     */
+    stopRecording(): void;
+    /**
+     * Starts or stops recording. Convenience layer on top of the start/stop methods.
+     */
+    toggleRecording(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "corti-dictation": CortiDictation;
+    }
+}

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

@@ -0,0 +1,201 @@
+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 { css, html, LitElement } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import { createRef, ref } from "lit/directives/ref.js";
+import { DEFAULT_DICTATION_CONFIG } from "../constants.js";
+import { commaSeparatedConverter } from "../utils/converters.js";
+import "../contexts/dictation-context.js";
+import "./recording-button.js";
+import "./settings-menu.js";
+let CortiDictation = class CortiDictation extends LitElement {
+    constructor() {
+        super(...arguments);
+        // ─────────────────────────────────────────────────────────────────────────────
+        // Private refs
+        // ─────────────────────────────────────────────────────────────────────────────
+        this.recordingButtonRef = createRef();
+        this.contextProviderRef = createRef();
+        /**
+         * Which settings should be available in the UI.
+         *  If an empty array is passed, the settings will be disabled entirely.
+         *  Options are language and devices
+         */
+        this.settingsEnabled = ["device", "language"];
+        /**
+         * When false (default), allows the start/stop button from taking focus when clicked,
+         *  disabling textareas or other input elements to maintain focus.
+         *  Set to "true" to allow the button to receive focus on click.
+         */
+        this.allowButtonFocus = false;
+        this._dictationConfig = DEFAULT_DICTATION_CONFIG;
+    }
+    /**
+     * List of all language codes available for use with the Web Component.
+     *  Default list depends on the accessToken
+     */
+    set languagesSupported(value) {
+        this._languagesSupported = value;
+    }
+    get languagesSupported() {
+        return this.contextProviderRef.value?.languages || this._languagesSupported;
+    }
+    /**
+     * Configuration settings for dictation
+     */
+    set dictationConfig(value) {
+        this._dictationConfig = value;
+    }
+    get dictationConfig() {
+        return (this.contextProviderRef.value?.dictationConfig || this._dictationConfig);
+    }
+    /**
+     * List of available recording devices
+     */
+    set devices(value) {
+        this._devices = value;
+    }
+    get devices() {
+        return this.contextProviderRef.value?.devices || this._devices || [];
+    }
+    /**
+     * The selected device used for recording (MediaDeviceInfo).
+     */
+    set selectedDevice(value) {
+        this._selectedDevice = value;
+    }
+    get selectedDevice() {
+        return (this.contextProviderRef.value?.selectedDevice || this._selectedDevice);
+    }
+    /**
+     * Current state of recording (stopped, recording, initializing and stopping, ).
+     */
+    get recordingState() {
+        return this.contextProviderRef.value?.recordingState || "stopped";
+    }
+    // ─────────────────────────────────────────────────────────────────────────────
+    // Public methods
+    // ─────────────────────────────────────────────────────────────────────────────
+    /**
+     * Set the latest access token.
+     * @returns ServerConfig with environment, tenant, and accessToken
+     */
+    setAccessToken(token) {
+        this.accessToken = token;
+        return (this.contextProviderRef.value?.setAccessToken(token) ?? {
+            accessToken: token,
+            environment: undefined,
+            tenant: undefined,
+        });
+    }
+    /**
+     * Set the auth configuration for OAuth flows.
+     * @returns Promise with ServerConfig containing environment, tenant, and accessToken
+     */
+    async setAuthConfig(config) {
+        this.authConfig = config;
+        return (this.contextProviderRef.value?.setAuthConfig(config) ?? {
+            accessToken: undefined,
+            environment: undefined,
+            tenant: undefined,
+        });
+    }
+    /**
+     * Starts a recording.
+     */
+    startRecording() {
+        this.recordingButtonRef.value?.startRecording();
+    }
+    /**
+     * Stops a recording.
+     */
+    stopRecording() {
+        this.recordingButtonRef.value?.stopRecording();
+    }
+    /**
+     * Starts or stops recording. Convenience layer on top of the start/stop methods.
+     */
+    toggleRecording() {
+        this.recordingButtonRef.value?.toggleRecording();
+    }
+    // ─────────────────────────────────────────────────────────────────────────────
+    // Render
+    // ─────────────────────────────────────────────────────────────────────────────
+    render() {
+        return html `
+      <dictation-context-provider
+        ${ref(this.contextProviderRef)}
+        class=${classMap({ hidden: !this.accessToken && !this.authConfig })}
+        .accessToken=${this.accessToken}
+        .authConfig=${this.authConfig}
+        .dictationConfig=${this._dictationConfig}
+        .languages=${this._languagesSupported}
+        .devices=${this._devices}
+        .selectedDevice=${this._selectedDevice}
+      >
+        <recording-button
+          ${ref(this.recordingButtonRef)}
+          .preventFocus=${!this.allowButtonFocus}
+        ></recording-button>
+        <settings-menu .settingsEnabled=${this.settingsEnabled}></settings-menu>
+      </dictation-context-provider>
+    `;
+    }
+};
+CortiDictation.styles = css `
+    .hidden {
+      display: none;
+    }
+  `;
+__decorate([
+    property({ type: String })
+], CortiDictation.prototype, "accessToken", void 0);
+__decorate([
+    property({ attribute: false, type: Object })
+], CortiDictation.prototype, "authConfig", void 0);
+__decorate([
+    property({
+        converter: commaSeparatedConverter,
+        type: Array,
+    })
+], CortiDictation.prototype, "languagesSupported", null);
+__decorate([
+    state()
+], CortiDictation.prototype, "_languagesSupported", void 0);
+__decorate([
+    property({
+        converter: commaSeparatedConverter,
+        type: Array,
+    })
+], CortiDictation.prototype, "settingsEnabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], CortiDictation.prototype, "allowButtonFocus", void 0);
+__decorate([
+    property({ attribute: false, type: Object })
+], CortiDictation.prototype, "dictationConfig", null);
+__decorate([
+    state()
+], CortiDictation.prototype, "_dictationConfig", void 0);
+__decorate([
+    property({ attribute: false, type: Array })
+], CortiDictation.prototype, "devices", null);
+__decorate([
+    state()
+], CortiDictation.prototype, "_devices", void 0);
+__decorate([
+    property({ attribute: false, type: Object })
+], CortiDictation.prototype, "selectedDevice", null);
+__decorate([
+    state()
+], CortiDictation.prototype, "_selectedDevice", void 0);
+CortiDictation = __decorate([
+    customElement("corti-dictation")
+], CortiDictation);
+export { CortiDictation };
+//# sourceMappingURL=corti-dictation.js.map

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

@@ -0,0 +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"]}