@corti/dictation-web 0.0.1

package/dist/src/RecorderManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecorderManager.js","sourceRoot":"","sources":["../../src/RecorderManager.ts"],"names":[],"mappings":"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","sourcesContent":["import { getAudioDevices } from './utils';\nimport { AudioService } from './audioService';\nimport { DictationService } from './DictationService';\nimport type { DictationConfig, RecordingState, ServerConfig } from './types';\n\nexport class RecorderManager extends EventTarget {\n  public devices: MediaDeviceInfo[] = [];\n\n  public selectedDevice: string = '';\n\n  public recordingState: RecordingState = 'stopped';\n\n  private _mediaStream: MediaStream | null = null;\n\n  private _audioService: AudioService | null = null;\n\n  private _dictationService: DictationService | null = null;\n\n  private _visualiserInterval?: number;\n\n  async initialize() {\n    const deviceResponse = await getAudioDevices();\n    this.devices = deviceResponse.devices;\n    this.selectedDevice = deviceResponse.defaultDeviceId || '';\n    return deviceResponse;\n  }\n\n  async startRecording(params: {\n    dictationConfig: DictationConfig;\n    serverConfig: ServerConfig;\n  }) {\n    this._updateRecordingState('initializing');\n    try {\n      this._mediaStream = await navigator.mediaDevices.getUserMedia({\n        audio: { deviceId: this.selectedDevice },\n      });\n      this._audioService = new AudioService(this._mediaStream);\n      this._dictationService = new DictationService(this._mediaStream, params);\n\n      // Forward custom events from dictation service\n      this._dictationService.addEventListener('error', e =>\n        this.dispatchEvent(\n          new CustomEvent('error', {\n            detail: (e as CustomEvent).detail,\n            bubbles: true,\n            composed: true,\n          }),\n        ),\n      );\n      this._dictationService.addEventListener('stream-closed', () => this.stopRecording());\n      this._dictationService.addEventListener('transcript', e =>\n        this.dispatchEvent(\n          new CustomEvent('transcript', {\n            detail: (e as CustomEvent).detail,\n            bubbles: true,\n            composed: true,\n          }),\n        ),\n      );\n    } catch (error) {\n      this.dispatchEvent(\n        new CustomEvent('error', {\n          detail: error,\n          bubbles: true,\n          composed: true,\n        }),\n      );\n      this._updateRecordingState('stopped');\n      return;\n    }\n\n    this._dictationService?.startRecording();\n    this._updateRecordingState('recording');\n    this._visualiserInterval = window.setInterval(() => {\n      const level = this._audioService\n        ? this._audioService.getAudioLevel() * 3\n        : 0;\n      this.dispatchEvent(\n        new CustomEvent('audio-level-changed', {\n          detail: { audioLevel: level },\n          bubbles: true,\n          composed: true,\n        }),\n      );\n    }, 150);\n  }\n\n  async stopRecording() {\n    this._updateRecordingState('stopping');\n    if (this._visualiserInterval) {\n      clearInterval(this._visualiserInterval);\n      this._visualiserInterval = undefined;\n    }\n    if (this._mediaStream) {\n      this._mediaStream.getTracks().forEach(track => track.stop());\n      this._mediaStream = null;\n    }\n    await this._dictationService?.stopRecording();\n    this._updateRecordingState('stopped');\n  }\n\n  private _updateRecordingState(state: RecordingState) {\n    this.recordingState = state;\n    this.dispatchEvent(\n      new CustomEvent('recording-state-changed', {\n        detail: { state },\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n}\n"]}

package/dist/src/audioRecorderManager.d.ts

@@ -0,0 +1,17 @@
+import type { RecordingState } from './types';
+export declare class RecorderManager extends EventTarget {
+    devices: MediaDeviceInfo[];
+    selectedDevice: string;
+    recordingState: RecordingState;
+    private _mediaStream;
+    private _audioService;
+    private _dictationService;
+    private _visualiserInterval?;
+    initialize(): Promise<{
+        devices: MediaDeviceInfo[];
+        defaultDeviceId?: string;
+    }>;
+    startRecording(): Promise<void>;
+    stopRecording(): Promise<void>;
+    private _updateRecordingState;
+}

package/dist/src/audioRecorderManager.js

@@ -0,0 +1,78 @@
+import { getAudioDevices } from './utils';
+import { AudioService } from './audioService';
+import { DictationService } from './dictationService';
+export class RecorderManager extends EventTarget {
+    constructor() {
+        super(...arguments);
+        this.devices = [];
+        this.selectedDevice = '';
+        this.recordingState = 'stopped';
+        this._mediaStream = null;
+        this._audioService = null;
+        this._dictationService = null;
+    }
+    async initialize() {
+        const deviceResponse = await getAudioDevices();
+        this.devices = deviceResponse.devices;
+        this.selectedDevice = deviceResponse.defaultDeviceId || '';
+        return deviceResponse;
+    }
+    async startRecording() {
+        this._updateRecordingState('initializing');
+        try {
+            this._mediaStream = await navigator.mediaDevices.getUserMedia({
+                audio: { deviceId: this.selectedDevice },
+            });
+            this._audioService = new AudioService(this._mediaStream);
+            this._dictationService = new DictationService(this._mediaStream);
+            // Forward custom events from dictation service
+            this._dictationService.addEventListener('audio-packet', e => this.dispatchEvent(new CustomEvent('audio-packet', {
+                detail: e.detail,
+                bubbles: true,
+                composed: true,
+            })));
+            this._dictationService.addEventListener('transcript', e => this.dispatchEvent(new CustomEvent('transcript', {
+                detail: e.detail,
+                bubbles: true,
+                composed: true,
+            })));
+        }
+        catch (error) {
+            console.error('Error getting user media:', error);
+            this._updateRecordingState('stopped');
+            return;
+        }
+        this._dictationService?.startRecording();
+        this._updateRecordingState('recording');
+        this._visualiserInterval = window.setInterval(() => {
+            const level = this._audioService ? this._audioService.getAudioLevel() * 3 : 0;
+            this.dispatchEvent(new CustomEvent('audio-level-changed', {
+                detail: { audioLevel: level },
+                bubbles: true,
+                composed: true,
+            }));
+        }, 150);
+    }
+    async stopRecording() {
+        this._updateRecordingState('stopping');
+        if (this._visualiserInterval) {
+            clearInterval(this._visualiserInterval);
+            this._visualiserInterval = undefined;
+        }
+        this._dictationService?.stopRecording();
+        if (this._mediaStream) {
+            this._mediaStream.getTracks().forEach(track => track.stop());
+            this._mediaStream = null;
+        }
+        this._updateRecordingState('stopped');
+    }
+    _updateRecordingState(state) {
+        this.recordingState = state;
+        this.dispatchEvent(new CustomEvent('recording-state-changed', {
+            detail: { state },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+}
+//# sourceMappingURL=audioRecorderManager.js.map

package/dist/src/audioRecorderManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"audioRecorderManager.js","sourceRoot":"","sources":["../../src/audioRecorderManager.ts"],"names":[],"mappings":"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","sourcesContent":["import { getAudioDevices } from './utils';\nimport { AudioService } from './audioService';\nimport { DictationService } from './dictationService';\nimport type { RecordingState } from './types';\n\nexport class RecorderManager extends EventTarget {\n  public devices: MediaDeviceInfo[] = [];\n  public selectedDevice: string = '';\n  public recordingState: RecordingState = 'stopped';\n\n  private _mediaStream: MediaStream | null = null;\n  private _audioService: AudioService | null = null;\n  private _dictationService: DictationService | null = null;\n  private _visualiserInterval?: number;\n\n  async initialize() {\n    const deviceResponse = await getAudioDevices();\n    this.devices = deviceResponse.devices;\n    this.selectedDevice = deviceResponse.defaultDeviceId || '';\n    return deviceResponse;\n  }\n\n  async startRecording() {\n    this._updateRecordingState('initializing');\n    try {\n      this._mediaStream = await navigator.mediaDevices.getUserMedia({\n        audio: { deviceId: this.selectedDevice },\n      });\n      this._audioService = new AudioService(this._mediaStream);\n      this._dictationService = new DictationService(this._mediaStream);\n\n      // Forward custom events from dictation service\n      this._dictationService.addEventListener('audio-packet', e =>\n        this.dispatchEvent(new CustomEvent('audio-packet', {\n          detail: (e as CustomEvent).detail,\n          bubbles: true,\n          composed: true,\n        }))\n      );\n      this._dictationService.addEventListener('transcript', e =>\n        this.dispatchEvent(new CustomEvent('transcript', {\n          detail: (e as CustomEvent).detail,\n          bubbles: true,\n          composed: true,\n        }))\n      );\n    } catch (error) {\n      console.error('Error getting user media:', error);\n      this._updateRecordingState('stopped');\n      return;\n    }\n\n    this._dictationService?.startRecording();\n    this._updateRecordingState('recording');\n    this._visualiserInterval = window.setInterval(() => {\n      const level = this._audioService ? this._audioService.getAudioLevel() * 3 : 0;\n      this.dispatchEvent(new CustomEvent('audio-level-changed', {\n        detail: { audioLevel: level },\n        bubbles: true,\n        composed: true,\n      }));\n    }, 150);\n  }\n\n  async stopRecording() {\n    this._updateRecordingState('stopping');\n    if (this._visualiserInterval) {\n      clearInterval(this._visualiserInterval);\n      this._visualiserInterval = undefined;\n    }\n    this._dictationService?.stopRecording();\n    if (this._mediaStream) {\n      this._mediaStream.getTracks().forEach(track => track.stop());\n      this._mediaStream = null;\n    }\n    this._updateRecordingState('stopped');\n  }\n\n  private _updateRecordingState(state: RecordingState) {\n    this.recordingState = state;\n    this.dispatchEvent(new CustomEvent('recording-state-changed', {\n      detail: { state },\n      bubbles: true,\n      composed: true,\n    }));\n  }\n}\n"]}

package/dist/src/audioService.d.ts

@@ -0,0 +1,6 @@
+export declare class AudioService {
+    private audioContext;
+    private analyser;
+    constructor(mediaStream: MediaStream);
+    getAudioLevel(): number;
+}

package/dist/src/audioService.js

@@ -0,0 +1,21 @@
+export class AudioService {
+    constructor(mediaStream) {
+        this.audioContext = new AudioContext();
+        const source = this.audioContext.createMediaStreamSource(mediaStream);
+        this.analyser = this.audioContext.createAnalyser();
+        this.analyser.fftSize = 8192;
+        source.connect(this.analyser);
+    }
+    getAudioLevel() {
+        const bufferLength = this.analyser.fftSize;
+        const dataArray = new Uint8Array(bufferLength);
+        this.analyser.getByteTimeDomainData(dataArray);
+        let sum = 0;
+        for (let i = 0; i < bufferLength; i += 1) {
+            const normalized = (dataArray[i] - 128) / 128;
+            sum += normalized * normalized;
+        }
+        return Math.sqrt(sum / bufferLength);
+    }
+}
+//# sourceMappingURL=audioService.js.map

package/dist/src/audioService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"audioService.js","sourceRoot":"","sources":["../../src/audioService.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,YAAY;IAKvB,YAAY,WAAwB;QAClC,IAAI,CAAC,YAAY,GAAG,IAAI,YAAY,EAAE,CAAC;QACvC,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,uBAAuB,CAAC,WAAW,CAAC,CAAC;QACtE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,CAAC;QACnD,IAAI,CAAC,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;QAC7B,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAChC,CAAC;IAEM,aAAa;QAClB,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;QAC3C,MAAM,SAAS,GAAG,IAAI,UAAU,CAAC,YAAY,CAAC,CAAC;QAC/C,IAAI,CAAC,QAAQ,CAAC,qBAAqB,CAAC,SAAS,CAAC,CAAC;QAC/C,IAAI,GAAG,GAAG,CAAC,CAAC;QACZ,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;YACzC,MAAM,UAAU,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;YAC9C,GAAG,IAAI,UAAU,GAAG,UAAU,CAAC;QACjC,CAAC;QACD,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,YAAY,CAAC,CAAC;IACvC,CAAC;CACF","sourcesContent":["export class AudioService {\n  private audioContext: AudioContext;\n\n  private analyser: AnalyserNode;\n\n  constructor(mediaStream: MediaStream) {\n    this.audioContext = new AudioContext();\n    const source = this.audioContext.createMediaStreamSource(mediaStream);\n    this.analyser = this.audioContext.createAnalyser();\n    this.analyser.fftSize = 8192;\n    source.connect(this.analyser);\n  }\n\n  public getAudioLevel(): number {\n    const bufferLength = this.analyser.fftSize;\n    const dataArray = new Uint8Array(bufferLength);\n    this.analyser.getByteTimeDomainData(dataArray);\n    let sum = 0;\n    for (let i = 0; i < bufferLength; i += 1) {\n      const normalized = (dataArray[i] - 128) / 128;\n      sum += normalized * normalized;\n    }\n    return Math.sqrt(sum / bufferLength);\n  }\n}\n"]}

package/dist/src/componentStyles.d.ts

@@ -0,0 +1 @@
+export declare const componentStyles: import("lit").CSSResult;

package/dist/src/componentStyles.js

@@ -0,0 +1,51 @@
+import { css } from 'lit';
+export const componentStyles = css `
+ .wrapper {
+      background-color: var(--card-background);
+      border: 1px solid var(--card-border-color);
+      border-radius: var(--card-border-radius);
+      box-shadow: var(--card-box-shadow);
+      padding: var(--card-padding);
+      display: flex;
+      width: min-content;
+      gap: 4px;
+      height: 46px;
+      box-sizing: border-box;
+      overflow: hidden;
+    }
+    h2 {
+      margin: 0 0 10px;
+      font-size: 1rem;
+      font-weight: 500;
+    }
+    label {
+      font-size: 0.9rem;
+      margin-right: 8px;
+    }
+    select {
+      padding: 4px 6px;
+      font-size: 0.9rem;
+      border: 1px solid var(--card-border-color);
+      border-radius: 4px;
+      background-color: var(--card-background);
+      color: inherit;
+    }
+
+    .visualiser {
+      width: 16px;
+      height: 100%;
+      background: var(--visualiser-background);
+      margin-top: 8px;
+      border-radius: 5px;
+      overflow: hidden;
+      display: flex;
+      align-items: flex-end;
+    }
+    .level {
+      height: 100%;
+      width: 100%;
+      background: var(--visualiser-level-color);
+      transition: width 0.1s ease-in-out;
+    }
+`;
+//# sourceMappingURL=componentStyles.js.map

package/dist/src/componentStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentStyles.js","sourceRoot":"","sources":["../../src/componentStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDjC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const componentStyles = css`\n .wrapper {\n      background-color: var(--card-background);\n      border: 1px solid var(--card-border-color);\n      border-radius: var(--card-border-radius);\n      box-shadow: var(--card-box-shadow);\n      padding: var(--card-padding);\n      display: flex;\n      width: min-content;\n      gap: 4px;\n      height: 46px;\n      box-sizing: border-box;\n      overflow: hidden;\n    }\n    h2 {\n      margin: 0 0 10px;\n      font-size: 1rem;\n      font-weight: 500;\n    }\n    label {\n      font-size: 0.9rem;\n      margin-right: 8px;\n    }\n    select {\n      padding: 4px 6px;\n      font-size: 0.9rem;\n      border: 1px solid var(--card-border-color);\n      border-radius: 4px;\n      background-color: var(--card-background);\n      color: inherit;\n    }\n\n    .visualiser {\n      width: 16px;\n      height: 100%;\n      background: var(--visualiser-background);\n      margin-top: 8px;\n      border-radius: 5px;\n      overflow: hidden;\n      display: flex;\n      align-items: flex-end;\n    }\n    .level {\n      height: 100%;\n      width: 100%;\n      background: var(--visualiser-level-color);\n      transition: width 0.1s ease-in-out;\n    }\n`;\n"]}

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

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

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

@@ -0,0 +1,60 @@
+import { __decorate } from "tslib";
+import { LitElement, html, css } from 'lit';
+import { property, customElement } from 'lit/decorators.js';
+let AudioVisualiser = class AudioVisualiser extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.level = 0; // expects a value from 0 to 100
+        this.active = true;
+    }
+    render() {
+        // Each segment represents 20%. Using Math.ceil to fill segments optimistically.
+        const activeSegments = Math.round(this.level * 5);
+        const segments = [];
+        for (let i = 0; i < 5; i += 1) {
+            segments.push(html `
+        <div class="segment ${i < activeSegments ? 'active' : ''}"></div>
+      `);
+        }
+        return html `
+      <div class="container ${this.active ? 'active' : ''}">${segments}</div>
+    `;
+    }
+};
+AudioVisualiser.styles = css `
+    :host {
+      height: 100%;
+    }
+    .container {
+      display: flex;
+      width: 8px;
+      flex-direction: column-reverse; /* Bottom-up stacking */
+      height: 100%;
+      gap: 1px;
+      opacity: 0.5;
+      &.active {
+        opacity: 1;
+      }
+    }
+    .segment {
+      flex: 1;
+      background-color: var(--action-accent-text-color);
+      transition: background-color 0.25s;
+      border-radius: 1px;
+      opacity: 0.5;
+    }
+    .segment.active {
+      opacity: 1;
+    }
+  `;
+__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,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGrD,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QACuB,UAAK,GAAG,CAAC,CAAC,CAAC,gCAAgC;QAE1C,WAAM,GAAG,IAAI,CAAC;IA0C7C,CAAC;IAbC,MAAM;QACJ,gFAAgF;QAChF,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QAClD,MAAM,QAAQ,GAAG,EAAE,CAAC;QACpB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;YAC9B,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAA;8BACM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;OACzD,CAAC,CAAC;QACL,CAAC;QACD,OAAO,IAAI,CAAA;8BACe,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,QAAQ;KACjE,CAAC;IACJ,CAAC;;AAvCM,sBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBlB,AAzBY,CAyBX;AA7B0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAW;AAET;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CAAe;AAHhC,eAAe;IAD3B,aAAa,CAAC,kBAAkB,CAAC;GACrB,eAAe,CA6C3B","sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { property, customElement } from 'lit/decorators.js';\n\n@customElement('audio-visualiser')\nexport class AudioVisualiser extends LitElement {\n  @property({ type: Number }) level = 0; // expects a value from 0 to 100\n\n  @property({ type: Boolean }) active = true;\n\n  static styles = css`\n    :host {\n      height: 100%;\n    }\n    .container {\n      display: flex;\n      width: 8px;\n      flex-direction: column-reverse; /* Bottom-up stacking */\n      height: 100%;\n      gap: 1px;\n      opacity: 0.5;\n      &.active {\n        opacity: 1;\n      }\n    }\n    .segment {\n      flex: 1;\n      background-color: var(--action-accent-text-color);\n      transition: background-color 0.25s;\n      border-radius: 1px;\n      opacity: 0.5;\n    }\n    .segment.active {\n      opacity: 1;\n    }\n  `;\n\n  render() {\n    // Each segment represents 20%. Using Math.ceil to fill segments optimistically.\n    const activeSegments = Math.round(this.level * 5);\n    const segments = [];\n    for (let i = 0; i < 5; i += 1) {\n      segments.push(html`\n        <div class=\"segment ${i < activeSegments ? 'active' : ''}\"></div>\n      `);\n    }\n    return html`\n      <div class=\"container ${this.active ? 'active' : ''}\">${segments}</div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'audio-visualiser': AudioVisualiser;\n  }\n}\n"]}

package/dist/src/components/settings-menu.d.ts

@@ -0,0 +1,15 @@
+import { LitElement, TemplateResult, CSSResultGroup } from 'lit';
+export declare class SettingsMenu extends LitElement {
+    devices: MediaDeviceInfo[];
+    selectedDevice: string;
+    selectedLanguage: string;
+    settingsDisabled: boolean;
+    static styles: CSSResultGroup;
+    private _selectDevice;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'settings-menu': SettingsMenu;
+    }
+}

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

@@ -0,0 +1,148 @@
+import { __decorate } from "tslib";
+// mic-selector.ts
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import ButtonStyles from '../styles/buttons';
+import SelectStyles from '../styles/select';
+import { LANGUAGES_SUPPORTED } from '../constants';
+import { getLanguageName } from '../utils';
+import CalloutStyles from '../styles/callout';
+let SettingsMenu = class SettingsMenu extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.devices = [];
+        this.selectedDevice = '';
+        this.selectedLanguage = '';
+        this.settingsDisabled = false;
+    }
+    _selectDevice(deviceId) {
+        this.selectedDevice = deviceId;
+        // Find the device object
+        const device = this.devices.find(d => d.deviceId === deviceId);
+        this.dispatchEvent(new CustomEvent('recording-device-changed', {
+            detail: device,
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    render() {
+        return html `
+      <div class="mic-selector">
+        <button id="settings-popover-button" popovertarget="settings-popover">
+          <icon-settings></icon-settings>
+        </button>
+        <div id="settings-popover" popover>
+          <div class="settings-wrapper">
+            ${this.settingsDisabled
+            ? html `
+                  <div class="callout orange">
+                    Recording is in progress. Stop recording to change settings.
+                  </div>
+                `
+            : ''}
+            <div class="form-group">
+              <label id="device-select-label" for="device-select">
+                Recording Device
+              </label>
+              <select
+                id="device-select"
+                aria-labelledby="device-select-label"
+                @change=${(e) => {
+            this._selectDevice(e.target.value);
+        }}
+                ?disabled=${this.settingsDisabled}
+              >
+                ${this.devices.map(device => html `
+                    <option
+                      value=${device.deviceId}
+                      ?selected=${this.selectedDevice === device.deviceId}
+                    >
+                      ${device.label || 'Unknown Device'}
+                    </option>
+                  `)}
+              </select>
+            </div>
+            <div class="form-group">
+              <label id="language-select-label" for="language-select">
+                Dictation Language
+              </label>
+              <select
+                id="language-select"
+                aria-labelledby="language-select-label"
+                @change=${(e) => {
+            this._selectDevice(e.target.value);
+        }}
+                ?disabled=${this.settingsDisabled}
+              >
+                ${LANGUAGES_SUPPORTED.map(language => html `
+                    <option
+                      value=${language}
+                      ?selected=${this.selectedLanguage === language}
+                    >
+                      ${getLanguageName(language)}
+                    </option>
+                  `)}
+              </select>
+            </div>
+          </div>
+        </div>
+      </div>
+    `;
+    }
+};
+SettingsMenu.styles = [
+    css `
+      :host {
+        display: block;
+        font-family: var(--component-font-family);
+      }
+      /* Retain the anchor-name styling for this component */
+      #settings-popover-button {
+        anchor-name: --settings_popover_btn;
+      }
+      [popover] {
+        margin: 0;
+        padding: 16px;
+        border: 0;
+        background: var(--card-background);
+        border: 1px solid var(--card-border-color);
+        border-radius: var(--card-border-radius);
+        box-shadow: var(--card-box-shadow);
+        z-index: 1000;
+        max-width: 260px;
+        width: 100%;
+        min-width: 200px;
+        position-anchor: --settings_popover_btn;
+        position-area: bottom;
+        position-visibility: always;
+        /* inset: unset; */
+        transform: translateX(40%);
+        overflow-x: hidden;
+      }
+      .settings-wrapper {
+        display: flex;
+        flex-direction: column;
+        gap: 20px;
+      }
+    `,
+    ButtonStyles,
+    SelectStyles,
+    CalloutStyles,
+];
+__decorate([
+    property({ type: Array })
+], SettingsMenu.prototype, "devices", void 0);
+__decorate([
+    property({ type: String })
+], SettingsMenu.prototype, "selectedDevice", void 0);
+__decorate([
+    property({ type: String })
+], SettingsMenu.prototype, "selectedLanguage", void 0);
+__decorate([
+    property({ type: Boolean })
+], SettingsMenu.prototype, "settingsDisabled", void 0);
+SettingsMenu = __decorate([
+    customElement('settings-menu')
+], SettingsMenu);
+export { SettingsMenu };
+//# sourceMappingURL=settings-menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"settings-menu.js","sourceRoot":"","sources":["../../../src/components/settings-menu.ts"],"names":[],"mappings":";AAAA,kBAAkB;AAClB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAkC,MAAM,KAAK,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,aAAa,MAAM,mBAAmB,CAAC;AAGvC,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QAEL,YAAO,GAAsB,EAAE,CAAC;QAGhC,mBAAc,GAAW,EAAE,CAAC;QAG5B,qBAAgB,GAAW,EAAE,CAAC;QAG9B,qBAAgB,GAAY,KAAK,CAAC;IA2HpC,CAAC;IAjFS,aAAa,CAAC,QAAgB;QACpC,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAC;QAC/B,yBAAyB;QACzB,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC;QAC/D,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,0BAA0B,EAAE;YAC1C,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;cAOD,IAAI,CAAC,gBAAgB;YACrB,CAAC,CAAC,IAAI,CAAA;;;;iBAIH;YACH,CAAC,CAAC,EAAE;;;;;;;;0BAQQ,CAAC,CAAQ,EAAE,EAAE;YACrB,IAAI,CAAC,aAAa,CAAE,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,CAAC;QAC5D,CAAC;4BACW,IAAI,CAAC,gBAAgB;;kBAE/B,IAAI,CAAC,OAAO,CAAC,GAAG,CAChB,MAAM,CAAC,EAAE,CAAC,IAAI,CAAA;;8BAEF,MAAM,CAAC,QAAQ;kCACX,IAAI,CAAC,cAAc,KAAK,MAAM,CAAC,QAAQ;;wBAEjD,MAAM,CAAC,KAAK,IAAI,gBAAgB;;mBAErC,CACF;;;;;;;;;;0BAUS,CAAC,CAAQ,EAAE,EAAE;YACrB,IAAI,CAAC,aAAa,CAAE,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC,CAAC;QAC5D,CAAC;4BACW,IAAI,CAAC,gBAAgB;;kBAE/B,mBAAmB,CAAC,GAAG,CACvB,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAA;;8BAEJ,QAAQ;kCACJ,IAAI,CAAC,gBAAgB,KAAK,QAAQ;;wBAE5C,eAAe,CAAC,QAAQ,CAAC;;mBAE9B,CACF;;;;;;KAMZ,CAAC;IACJ,CAAC;;AAxHM,mBAAM,GAAmB;IAC9B,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiCF;IACD,YAAY;IACZ,YAAY;IACZ,aAAa;CACd,AAtCY,CAsCX;AAjDF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;6CACM;AAGhC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDACC;AAG5B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDACG;AAG9B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sDACM;AAXvB,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CAsIxB","sourcesContent":["// mic-selector.ts\nimport { LitElement, html, css, TemplateResult, CSSResultGroup } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport ButtonStyles from '../styles/buttons';\nimport SelectStyles from '../styles/select';\nimport { LANGUAGES_SUPPORTED } from '../constants';\nimport { getLanguageName } from '../utils';\nimport CalloutStyles from '../styles/callout';\n\n@customElement('settings-menu')\nexport class SettingsMenu extends LitElement {\n  @property({ type: Array })\n  devices: MediaDeviceInfo[] = [];\n\n  @property({ type: String })\n  selectedDevice: string = '';\n\n  @property({ type: String })\n  selectedLanguage: string = '';\n\n  @property({ type: Boolean })\n  settingsDisabled: boolean = false;\n\n  static styles: CSSResultGroup = [\n    css`\n      :host {\n        display: block;\n        font-family: var(--component-font-family);\n      }\n      /* Retain the anchor-name styling for this component */\n      #settings-popover-button {\n        anchor-name: --settings_popover_btn;\n      }\n      [popover] {\n        margin: 0;\n        padding: 16px;\n        border: 0;\n        background: var(--card-background);\n        border: 1px solid var(--card-border-color);\n        border-radius: var(--card-border-radius);\n        box-shadow: var(--card-box-shadow);\n        z-index: 1000;\n        max-width: 260px;\n        width: 100%;\n        min-width: 200px;\n        position-anchor: --settings_popover_btn;\n        position-area: bottom;\n        position-visibility: always;\n        /* inset: unset; */\n        transform: translateX(40%);\n        overflow-x: hidden;\n      }\n      .settings-wrapper {\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n      }\n    `,\n    ButtonStyles,\n    SelectStyles,\n    CalloutStyles,\n  ];\n\n  private _selectDevice(deviceId: string): void {\n    this.selectedDevice = deviceId;\n    // Find the device object\n    const device = this.devices.find(d => d.deviceId === deviceId);\n    this.dispatchEvent(\n      new CustomEvent('recording-device-changed', {\n        detail: device,\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"mic-selector\">\n        <button id=\"settings-popover-button\" popovertarget=\"settings-popover\">\n          <icon-settings></icon-settings>\n        </button>\n        <div id=\"settings-popover\" popover>\n          <div class=\"settings-wrapper\">\n            ${this.settingsDisabled\n              ? html`\n                  <div class=\"callout orange\">\n                    Recording is in progress. Stop recording to change settings.\n                  </div>\n                `\n              : ''}\n            <div class=\"form-group\">\n              <label id=\"device-select-label\" for=\"device-select\">\n                Recording Device\n              </label>\n              <select\n                id=\"device-select\"\n                aria-labelledby=\"device-select-label\"\n                @change=${(e: Event) => {\n                  this._selectDevice((e.target as HTMLSelectElement).value);\n                }}\n                ?disabled=${this.settingsDisabled}\n              >\n                ${this.devices.map(\n                  device => html`\n                    <option\n                      value=${device.deviceId}\n                      ?selected=${this.selectedDevice === device.deviceId}\n                    >\n                      ${device.label || 'Unknown Device'}\n                    </option>\n                  `,\n                )}\n              </select>\n            </div>\n            <div class=\"form-group\">\n              <label id=\"language-select-label\" for=\"language-select\">\n                Dictation Language\n              </label>\n              <select\n                id=\"language-select\"\n                aria-labelledby=\"language-select-label\"\n                @change=${(e: Event) => {\n                  this._selectDevice((e.target as HTMLSelectElement).value);\n                }}\n                ?disabled=${this.settingsDisabled}\n              >\n                ${LANGUAGES_SUPPORTED.map(\n                  language => html`\n                    <option\n                      value=${language}\n                      ?selected=${this.selectedLanguage === language}\n                    >\n                      ${getLanguageName(language)}\n                    </option>\n                  `,\n                )}\n              </select>\n            </div>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'settings-menu': SettingsMenu;\n  }\n}\n"]}

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

@@ -0,0 +1,7 @@
+import { LitElement } from 'lit-element';
+export declare class Visualiser extends LitElement {
+    level: number;
+    active: boolean;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/components/visualiser.js

@@ -0,0 +1,62 @@
+import { __decorate } from "tslib";
+import { LitElement, html, css } from 'lit-element';
+import { property, customElement } from 'lit/decorators.js';
+let Visualiser = class Visualiser extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.level = 0; // expects a value from 0 to 100
+        this.active = true;
+    }
+    render() {
+        // Each segment represents 20%. Using Math.ceil to fill segments optimistically.
+        const activeSegments = Math.ceil((this.level / 100) * 5);
+        const segments = [];
+        for (let i = 0; i < 5; i++) {
+            segments.push(html `
+        <div class="segment ${i < activeSegments ? 'active' : ''}"></div>
+      `);
+        }
+        return html `
+      <div class="container">
+        ${segments}
+      </div>
+    `;
+    }
+};
+Visualiser.styles = css `
+    :host {
+      display: inline-block;
+      width: 16px;
+      height: 100%;
+      opacity: 1;
+      transition: opacity 0.3s;
+    }
+    :host([active="false"]) {
+      opacity: 0.4;
+    }
+    .container {
+      display: flex;
+      flex-direction: column-reverse; /* Bottom-up stacking */
+      height: 100%;
+      gap: 2px;
+    }
+    .segment {
+      flex: 1;
+      background-color: lightgray;
+      transition: background-color 0.3s;
+    }
+    .segment.active {
+      background-color: green;
+    }
+  `;
+__decorate([
+    property({ type: Number })
+], Visualiser.prototype, "level", void 0);
+__decorate([
+    property({ type: Boolean })
+], Visualiser.prototype, "active", void 0);
+Visualiser = __decorate([
+    customElement('audio-visualiser')
+], Visualiser);
+export { Visualiser };
+//# sourceMappingURL=visualiser.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"visualiser.js","sourceRoot":"","sources":["../../../src/components/visualiser.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAC,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGrD,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QACuB,UAAK,GAAG,CAAC,CAAC,CAAC,gCAAgC;QAC1C,WAAM,GAAG,IAAI,CAAC;IA4C7C,CAAC;IAfC,MAAM;QACJ,gFAAgF;QAChF,MAAM,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;QACzD,MAAM,QAAQ,GAAG,EAAE,CAAC;QACpB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YAC3B,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAA;8BACM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;OACzD,CAAC,CAAC;QACL,CAAC;QACD,OAAO,IAAI,CAAA;;UAEL,QAAQ;;KAEb,CAAC;IACJ,CAAC;;AAzCM,iBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBlB,AAzBY,CAyBX;AA5B0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAW;AACT;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAAe;AAFhC,UAAU;IADtB,aAAa,CAAC,kBAAkB,CAAC;GACrB,UAAU,CA8CtB","sourcesContent":["import { LitElement, html, css} from 'lit-element';\nimport { property, customElement } from 'lit/decorators.js';\n\n@customElement('audio-visualiser')\nexport class Visualiser extends LitElement {\n  @property({ type: Number }) level = 0; // expects a value from 0 to 100\n  @property({ type: Boolean }) active = true;\n\n  static styles = css`\n    :host {\n      display: inline-block;\n      width: 16px;\n      height: 100%;\n      opacity: 1;\n      transition: opacity 0.3s;\n    }\n    :host([active=\"false\"]) {\n      opacity: 0.4;\n    }\n    .container {\n      display: flex;\n      flex-direction: column-reverse; /* Bottom-up stacking */\n      height: 100%;\n      gap: 2px;\n    }\n    .segment {\n      flex: 1;\n      background-color: lightgray;\n      transition: background-color 0.3s;\n    }\n    .segment.active {\n      background-color: green;\n    }\n  `;\n\n  render() {\n    // Each segment represents 20%. Using Math.ceil to fill segments optimistically.\n    const activeSegments = Math.ceil((this.level / 100) * 5);\n    const segments = [];\n    for (let i = 0; i < 5; i++) {\n      segments.push(html`\n        <div class=\"segment ${i < activeSegments ? 'active' : ''}\"></div>\n      `);\n    }\n    return html`\n      <div class=\"container\">\n        ${segments}\n      </div>\n    `;\n  }\n}\n"]}

package/dist/src/constants.d.ts

@@ -0,0 +1,3 @@
+import { DictationConfig } from './types';
+export declare const LANGUAGES_SUPPORTED: string[];
+export declare const DEFAULT_DICTATION_CONFIG: DictationConfig;

package/dist/src/constants.js

@@ -0,0 +1,9 @@
+export const LANGUAGES_SUPPORTED = ['en', 'da'];
+export const DEFAULT_DICTATION_CONFIG = {
+    primaryLanguage: 'en',
+    interimResults: true,
+    spokenPunctuation: true,
+    automaticPunctuation: true,
+    model: 'others',
+};
+//# sourceMappingURL=constants.js.map

package/dist/src/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAChD,MAAM,CAAC,MAAM,wBAAwB,GAAoB;IACvD,eAAe,EAAE,IAAI;IACrB,cAAc,EAAE,IAAI;IACpB,iBAAiB,EAAE,IAAI;IACvB,oBAAoB,EAAE,IAAI;IAC1B,KAAK,EAAE,QAAQ;CAChB,CAAC","sourcesContent":["import { DictationConfig } from './types';\n\nexport const LANGUAGES_SUPPORTED = ['en', 'da'];\nexport const DEFAULT_DICTATION_CONFIG: DictationConfig = {\n  primaryLanguage: 'en',\n  interimResults: true,\n  spokenPunctuation: true,\n  automaticPunctuation: true,\n  model: 'others',\n};\n"]}

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

@@ -0,0 +1 @@
+export {};

package/dist/src/corti-dictation.js

@@ -0,0 +1,3 @@
+import CortiDictation from './index.js';
+window.customElements.define('corti-dictation', CortiDictation);
+//# sourceMappingURL=corti-dictation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"corti-dictation.js","sourceRoot":"","sources":["../../src/corti-dictation.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,YAAY,CAAC;AAExC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC","sourcesContent":["import CortiDictation from './index.js';\n\nwindow.customElements.define('corti-dictation', CortiDictation);\n"]}

package/dist/src/dictationService.d.ts

@@ -0,0 +1,13 @@
+import { DictationConfig, ServerConfig } from "./types";
+export declare class DictationService extends EventTarget {
+    private mediaRecorder;
+    private webSocket;
+    private serverConfig;
+    private dictationConfig;
+    constructor(mediaStream: MediaStream, { dictationConfig, serverConfig }: {
+        dictationConfig: DictationConfig;
+        serverConfig: ServerConfig;
+    });
+    startRecording(): void;
+    stopRecording(): Promise<void>;
+}