@corti/dictation-web 0.0.1

package/dist/src/dictationService.js

@@ -0,0 +1,70 @@
+export class DictationService extends EventTarget {
+    constructor(mediaStream, { dictationConfig, serverConfig }) {
+        super();
+        this.mediaRecorder = new MediaRecorder(mediaStream);
+        this.serverConfig = serverConfig;
+        this.dictationConfig = dictationConfig;
+        this.mediaRecorder.ondataavailable = event => {
+            // if (event.data && event.data.size > 0) {
+            //   this.dispatchEvent(
+            //     new CustomEvent('audio-packet', {
+            //       detail: event.data,
+            //       bubbles: true,
+            //       composed: true,
+            //     }),
+            //   );
+            // }
+            // if webSocket is open, send the data
+            if (this.webSocket?.readyState === WebSocket.OPEN) {
+                this.webSocket.send(event.data);
+            }
+        };
+    }
+    startRecording() {
+        const url = `wss://api.${this.serverConfig.environment}.corti.app/audio-bridge/v2/transcribe?tenant-name=${this.serverConfig.tenant}&token=Bearer%20${this.serverConfig.token}`;
+        this.webSocket = new WebSocket(url);
+        this.webSocket.onopen = () => {
+            this.webSocket.send(JSON.stringify({
+                type: 'config',
+                configuration: this.dictationConfig,
+            }));
+        };
+        this.webSocket.onmessage = event => {
+            const message = JSON.parse(event.data);
+            if (message.type === 'config') {
+                this.mediaRecorder.start(250);
+            }
+            else if (message.type === 'transcript') {
+                this.dispatchEvent(new CustomEvent('transcript', {
+                    detail: message,
+                    bubbles: true,
+                    composed: true,
+                }));
+            }
+        };
+    }
+    async stopRecording() {
+        let timeOut;
+        this.mediaRecorder.stop();
+        if (this.webSocket?.readyState === WebSocket.OPEN) {
+            this.webSocket.send(JSON.stringify({
+                type: 'end',
+            }));
+        }
+        this.webSocket.onmessage = (e) => {
+        };
+        // this implementation should be replaced by handling a proper 'ended' message from the server
+        this.webSocket.onclose = async () => {
+            this.webSocket.close();
+            clearTimeout(timeOut);
+            await new Promise((resolve) => setTimeout(resolve, 100));
+            return;
+        };
+        timeOut = setTimeout(() => {
+            if (this.webSocket?.readyState === WebSocket.OPEN) {
+                this.webSocket.close();
+            }
+        }, 10000);
+    }
+}
+//# sourceMappingURL=dictationService.js.map

package/dist/src/dictationService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dictationService.js","sourceRoot":"","sources":["../../src/dictationService.ts"],"names":[],"mappings":"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","sourcesContent":["import { DictationConfig, ServerConfig } from \"./types\";\n\n\nexport class DictationService extends EventTarget {\n  private mediaRecorder: MediaRecorder;\n  private webSocket!: WebSocket;\n  private serverConfig!: ServerConfig;\n  private dictationConfig!: DictationConfig;\n\n  constructor(mediaStream: MediaStream, {dictationConfig, serverConfig}: {dictationConfig: DictationConfig, serverConfig: ServerConfig}) {\n    super();\n    this.mediaRecorder = new MediaRecorder(mediaStream);\n    this.serverConfig = serverConfig;\n    this.dictationConfig = dictationConfig;\n    this.mediaRecorder.ondataavailable = event => {\n      // if (event.data && event.data.size > 0) {\n      //   this.dispatchEvent(\n      //     new CustomEvent('audio-packet', {\n      //       detail: event.data,\n      //       bubbles: true,\n      //       composed: true,\n      //     }),\n      //   );\n      // }\n\n      // if webSocket is open, send the data\n      if (this.webSocket?.readyState === WebSocket.OPEN) {\n        this.webSocket.send(event.data\n        );\n      }\n    };\n  }\n\n  public startRecording() {\n    const url = `wss://api.${this.serverConfig.environment}.corti.app/audio-bridge/v2/transcribe?tenant-name=${this.serverConfig.tenant}&token=Bearer%20${this.serverConfig.token}`\n    this.webSocket = new WebSocket(url);\n    this.webSocket.onopen = () => {\n      this.webSocket.send(\n        JSON.stringify({\n          type: 'config',\n          configuration: this.dictationConfig,\n        }),\n      );\n    };\n    this.webSocket.onmessage = event => {\n      const message = JSON.parse(event.data);\n      if (message.type === 'config') {\n        this.mediaRecorder.start(250);\n      } else if (message.type === 'transcript') {\n        this.dispatchEvent(\n          new CustomEvent('transcript', {\n            detail: message,\n            bubbles: true,\n            composed: true,\n          }),\n        );\n      }\n    };\n  }\n\n  public async stopRecording() {\n    let timeOut: any;\n    this.mediaRecorder.stop();\n    if (this.webSocket?.readyState === WebSocket.OPEN) {\n      this.webSocket.send(\n        JSON.stringify({\n          type: 'end',\n        }),\n      );\n    }\n    this.webSocket.onmessage = (e) => {\n\n    };\n    // this implementation should be replaced by handling a proper 'ended' message from the server\n    this.webSocket.onclose = async() => {\n      this.webSocket.close();\n      clearTimeout(timeOut);\n      await new Promise((resolve) => setTimeout(resolve, 100));\n      return\n    };\n    timeOut = setTimeout(() => {\n      if (this.webSocket?.readyState === WebSocket.OPEN) {\n        this.webSocket.close();\n      }\n    }, 10000);\n  }\n}\n"]}

package/dist/src/icons/icons.d.ts

@@ -0,0 +1,17 @@
+import { LitElement } from 'lit';
+export declare class IconMicOn extends LitElement {
+    render(): import("lit-html").TemplateResult<1>;
+}
+export declare class IconMicOff extends LitElement {
+    render(): import("lit-html").TemplateResult<1>;
+}
+export declare class IconRecording extends LitElement {
+    render(): import("lit-html").TemplateResult<1>;
+}
+export declare class IconSettings extends LitElement {
+    render(): import("lit-html").TemplateResult<1>;
+}
+export declare class IconLoadingSpinner extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/icons/icons.js

@@ -0,0 +1,153 @@
+import { __decorate } from "tslib";
+/* eslint-disable max-classes-per-file */
+import { LitElement, css, html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+let IconMicOn = class IconMicOn extends LitElement {
+    render() {
+        return html `
+      <div style="display: flex">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="20"
+          height="20"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          class="lucide lucide-mic"
+        >
+          <path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z" />
+          <path d="M19 10v2a7 7 0 0 1-14 0v-2" />
+          <line x1="12" x2="12" y1="19" y2="22" />
+        </svg>
+      </div>
+    `;
+    }
+};
+IconMicOn = __decorate([
+    customElement('icon-mic-on')
+], IconMicOn);
+export { IconMicOn };
+let IconMicOff = class IconMicOff extends LitElement {
+    render() {
+        return html ` <div style="display: flex">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="20"
+        height="20"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        class="lucide lucide-mic-off"
+      >
+        <line x1="2" x2="22" y1="2" y2="22" />
+        <path d="M18.89 13.23A7.12 7.12 0 0 0 19 12v-2" />
+        <path d="M5 10v2a7 7 0 0 0 12 5" />
+        <path d="M15 9.34V5a3 3 0 0 0-5.68-1.33" />
+        <path d="M9 9v3a3 3 0 0 0 5.12 2.12" />
+        <line x1="12" x2="12" y1="19" y2="22" />
+      </svg>
+    </div>`;
+    }
+};
+IconMicOff = __decorate([
+    customElement('icon-mic-off')
+], IconMicOff);
+export { IconMicOff };
+let IconRecording = class IconRecording extends LitElement {
+    render() {
+        return html `
+      <div style="display: flex;">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="20"
+          height="20"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          class="lucide lucide-circle-stop"
+        >
+          <circle cx="12" cy="12" r="10" />
+          <rect x="9" y="9" width="6" height="6" rx="1" fill="currentColor" />
+        </svg>
+      </div>
+    `;
+    }
+};
+IconRecording = __decorate([
+    customElement('icon-recording')
+], IconRecording);
+export { IconRecording };
+let IconSettings = class IconSettings extends LitElement {
+    render() {
+        return html `<div style="display: flex">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="20"
+        height="20"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        class="lucide lucide-settings-2"
+      >
+        <path d="M20 7h-9" />
+        <path d="M14 17H5" />
+        <circle cx="17" cy="17" r="3" />
+        <circle cx="7" cy="7" r="3" />
+      </svg>
+    </div>`;
+    }
+};
+IconSettings = __decorate([
+    customElement('icon-settings')
+], IconSettings);
+export { IconSettings };
+let IconLoadingSpinner = class IconLoadingSpinner extends LitElement {
+    render() {
+        return html `<div style="display: flex">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="20"
+        height="20"
+        viewBox="0 0 24 24"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="2"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        class="lucide lucide-loader-circle spin"
+      >
+        <path d="M21 12a9 9 0 1 1-6.219-8.56" />
+      </svg>
+    </div>`;
+    }
+};
+IconLoadingSpinner.styles = css `
+    @keyframes spin {
+      0% {
+        transform: rotate(0deg);
+      }
+      100% {
+        transform: rotate(360deg);
+      }
+    }
+    .spin {
+      animation: spin 1s linear infinite;
+    }
+  `;
+IconLoadingSpinner = __decorate([
+    customElement('icon-loading-spinner')
+], IconLoadingSpinner);
+export { IconLoadingSpinner };
+//# sourceMappingURL=icons.js.map

package/dist/src/icons/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../src/icons/icons.ts"],"names":[],"mappings":";AAAA,yCAAyC;AACzC,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG3C,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IACvC,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;KAmBV,CAAC;IACJ,CAAC;CACF,CAAA;AAvBY,SAAS;IADrB,aAAa,CAAC,aAAa,CAAC;GAChB,SAAS,CAuBrB;;AAGM,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IACxC,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;WAoBJ,CAAC;IACV,CAAC;CACF,CAAA;AAxBY,UAAU;IADtB,aAAa,CAAC,cAAc,CAAC;GACjB,UAAU,CAwBtB;;AAGM,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAC3C,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;KAkBV,CAAC;IACJ,CAAC;CACF,CAAA;AAtBY,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CAsBzB;;AAEM,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAC1C,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;WAkBJ,CAAC;IACV,CAAC;CACF,CAAA;AAtBY,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CAsBxB;;AAGM,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAehD,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;WAeJ,CAAC;IACV,CAAC;;AA/BM,yBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;GAYlB,AAZY,CAYX;AAbS,kBAAkB;IAD9B,aAAa,CAAC,sBAAsB,CAAC;GACzB,kBAAkB,CAiC9B","sourcesContent":["/* eslint-disable max-classes-per-file */\nimport { LitElement, css, html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\n@customElement('icon-mic-on')\nexport class IconMicOn extends LitElement {\n  render() {\n    return html`\n      <div style=\"display: flex\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          class=\"lucide lucide-mic\"\n        >\n          <path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\" />\n          <path d=\"M19 10v2a7 7 0 0 1-14 0v-2\" />\n          <line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\" />\n        </svg>\n      </div>\n    `;\n  }\n}\n\n@customElement('icon-mic-off')\nexport class IconMicOff extends LitElement {\n  render() {\n    return html` <div style=\"display: flex\">\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"20\"\n        height=\"20\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        class=\"lucide lucide-mic-off\"\n      >\n        <line x1=\"2\" x2=\"22\" y1=\"2\" y2=\"22\" />\n        <path d=\"M18.89 13.23A7.12 7.12 0 0 0 19 12v-2\" />\n        <path d=\"M5 10v2a7 7 0 0 0 12 5\" />\n        <path d=\"M15 9.34V5a3 3 0 0 0-5.68-1.33\" />\n        <path d=\"M9 9v3a3 3 0 0 0 5.12 2.12\" />\n        <line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\" />\n      </svg>\n    </div>`;\n  }\n}\n\n@customElement('icon-recording')\nexport class IconRecording extends LitElement {\n  render() {\n    return html`\n      <div style=\"display: flex;\">\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"20\"\n          height=\"20\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          class=\"lucide lucide-circle-stop\"\n        >\n          <circle cx=\"12\" cy=\"12\" r=\"10\" />\n          <rect x=\"9\" y=\"9\" width=\"6\" height=\"6\" rx=\"1\" fill=\"currentColor\" />\n        </svg>\n      </div>\n    `;\n  }\n}\n@customElement('icon-settings')\nexport class IconSettings extends LitElement {\n  render() {\n    return html`<div style=\"display: flex\">\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"20\"\n        height=\"20\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        class=\"lucide lucide-settings-2\"\n      >\n        <path d=\"M20 7h-9\" />\n        <path d=\"M14 17H5\" />\n        <circle cx=\"17\" cy=\"17\" r=\"3\" />\n        <circle cx=\"7\" cy=\"7\" r=\"3\" />\n      </svg>\n    </div>`;\n  }\n}\n\n@customElement('icon-loading-spinner')\nexport class IconLoadingSpinner extends LitElement {\n  static styles = css`\n    @keyframes spin {\n      0% {\n        transform: rotate(0deg);\n      }\n      100% {\n        transform: rotate(360deg);\n      }\n    }\n    .spin {\n      animation: spin 1s linear infinite;\n    }\n  `;\n\n  render() {\n    return html`<div style=\"display: flex\">\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"20\"\n        height=\"20\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        class=\"lucide lucide-loader-circle spin\"\n      >\n        <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n      </svg>\n    </div>`;\n  }\n}\n"]}

package/dist/src/icons/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/dist/src/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icons/index.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/dist/src/icons/micOn.d.ts

@@ -0,0 +1,7 @@
+import { LitElement } from 'lit';
+export declare class IconMicOn extends LitElement {
+    render(): import("lit-html").TemplateResult<2>;
+}
+export declare class IconMicOff extends LitElement {
+    render(): import("lit-html").TemplateResult<2>;
+}

package/dist/src/icons/micOn.js

@@ -0,0 +1,25 @@
+import { __decorate } from "tslib";
+import { LitElement, svg } from 'lit';
+import { customElement } from 'lit/decorators.js';
+let IconMicOn = class IconMicOn extends LitElement {
+    render() {
+        return svg `
+        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mic"><path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" x2="12" y1="19" y2="22"/></svg>
+      `;
+    }
+};
+IconMicOn = __decorate([
+    customElement('icon-mic-on')
+], IconMicOn);
+export { IconMicOn };
+let IconMicOff = class IconMicOff extends LitElement {
+    render() {
+        return svg `
+    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mic-off"><line x1="2" x2="22" y1="2" y2="22"/><path d="M18.89 13.23A7.12 7.12 0 0 0 19 12v-2"/><path d="M5 10v2a7 7 0 0 0 12 5"/><path d="M15 9.34V5a3 3 0 0 0-5.68-1.33"/><path d="M9 9v3a3 3 0 0 0 5.12 2.12"/><line x1="12" x2="12" y1="19" y2="22"/></svg>      `;
+    }
+};
+IconMicOff = __decorate([
+    customElement('icon-mic-off')
+], IconMicOff);
+export { IconMicOff };
+//# sourceMappingURL=micOn.js.map

package/dist/src/icons/micOn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"micOn.js","sourceRoot":"","sources":["../../../src/icons/micOn.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAG3C,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IACvC,MAAM;QACJ,OAAO,GAAG,CAAA;;OAEP,CAAC;IACN,CAAC;CACF,CAAA;AANY,SAAS;IADrB,aAAa,CAAC,aAAa,CAAC;GAChB,SAAS,CAMrB;;AAGM,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IACxC,MAAM;QACJ,OAAO,GAAG,CAAA;mdACqc,CAAC;IACld,CAAC;CACF,CAAA;AALY,UAAU;IADtB,aAAa,CAAC,cAAc,CAAC;GACjB,UAAU,CAKtB","sourcesContent":["import { LitElement, svg } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\n@customElement('icon-mic-on')\nexport class IconMicOn extends LitElement {\n  render() {\n    return svg`\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-mic\"><path d=\"M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z\"/><path d=\"M19 10v2a7 7 0 0 1-14 0v-2\"/><line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\"/></svg>\n      `;\n  }\n}\n\n@customElement('icon-mic-off')\nexport class IconMicOff extends LitElement {\n  render() {\n    return svg`\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"lucide lucide-mic-off\"><line x1=\"2\" x2=\"22\" y1=\"2\" y2=\"22\"/><path d=\"M18.89 13.23A7.12 7.12 0 0 0 19 12v-2\"/><path d=\"M5 10v2a7 7 0 0 0 12 5\"/><path d=\"M15 9.34V5a3 3 0 0 0-5.68-1.33\"/><path d=\"M9 9v3a3 3 0 0 0 5.12 2.12\"/><line x1=\"12\" x2=\"12\" y1=\"19\" y2=\"22\"/></svg>      `;\n  }\n}\n"]}

package/dist/src/index.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+import './components/settings-menu';
+import './components/audio-visualiser';
+import './icons/icons';
+import { DictationConfig, ServerConfig } from './types';
+export declare class CortiDictation extends LitElement {
+    static styles: import("lit").CSSResult[];
+    devices: MediaDeviceInfo[];
+    recordingState: string;
+    dictationConfig: DictationConfig;
+    serverConfig: ServerConfig;
+    private _audioLevel;
+    private recorderManager;
+    connectedCallback(): Promise<void>;
+    toggleRecording(): void;
+    _toggleRecording(): void;
+    _onRecordingDeviceChanged(event: Event): Promise<void>;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export default CortiDictation;

package/dist/src/index.js

@@ -0,0 +1,147 @@
+import { __decorate } from "tslib";
+// corti-dictation.ts
+import { html, LitElement } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { RecorderManager } from './RecorderManager';
+import './components/settings-menu';
+import './components/audio-visualiser';
+import './icons/icons';
+import ThemeStyles from './styles/theme';
+import ButtonStyles from './styles/buttons';
+import ComponentStyles from './styles/ComponentStyles';
+import { DEFAULT_DICTATION_CONFIG } from './constants';
+import CalloutStyles from './styles/callout';
+export class CortiDictation extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.devices = [];
+        this.recordingState = 'stopped';
+        this.dictationConfig = DEFAULT_DICTATION_CONFIG;
+        this.serverConfig = {};
+        this._audioLevel = 0;
+        this.recorderManager = new RecorderManager();
+    }
+    async connectedCallback() {
+        super.connectedCallback();
+        await this.recorderManager.initialize();
+        this.devices = this.recorderManager.devices;
+        // Map event names to any extra handling logic
+        const eventHandlers = {
+            'recording-state-changed': e => {
+                this.recordingState = e.detail.state;
+            },
+            'audio-level-changed': e => {
+                this._audioLevel = e.detail.audioLevel;
+                this.requestUpdate();
+            },
+        };
+        const eventsToRelay = [
+            'recording-state-changed',
+            'audio-level-changed',
+            'error',
+            'transcript',
+        ];
+        eventsToRelay.forEach(eventName => {
+            this.recorderManager.addEventListener(eventName, (e) => {
+                const customEvent = e;
+                // Perform any additional handling if defined
+                if (eventHandlers[eventName]) {
+                    eventHandlers[eventName](customEvent);
+                }
+                // Re-dispatch the event from the component
+                this.dispatchEvent(new CustomEvent(eventName, {
+                    detail: customEvent.detail,
+                    bubbles: true,
+                    composed: true,
+                }));
+            });
+        });
+    }
+    toggleRecording() {
+        this._toggleRecording();
+    }
+    _toggleRecording() {
+        if (this.recordingState === 'recording') {
+            this.recorderManager.stopRecording();
+        }
+        else if (this.recordingState === 'stopped') {
+            this.recorderManager.startRecording({
+                dictationConfig: this.dictationConfig,
+                serverConfig: this.serverConfig,
+            });
+        }
+    }
+    // Handle device change events if needed
+    async _onRecordingDeviceChanged(event) {
+        const customEvent = event;
+        this.recorderManager.selectedDevice = customEvent.detail.deviceId;
+        if (this.recordingState === 'recording') {
+            await this.recorderManager.stopRecording();
+            await this.recorderManager.startRecording({
+                dictationConfig: this.dictationConfig,
+                serverConfig: this.serverConfig,
+            });
+        }
+    }
+    render() {
+        const isConfigured = this.serverConfig &&
+            this.serverConfig.token &&
+            this.serverConfig.environment &&
+            this.serverConfig.tenant;
+        if (!isConfigured) {
+            return html `
+        <div class="wrapper">
+          <div class="callout red tiny">
+            Please configure the server settings in the parent component.
+          </div>
+        </div>
+      `;
+        }
+        const isLoading = this.recordingState === 'initializing' ||
+            this.recordingState === 'stopping';
+        const isRecording = this.recordingState === 'recording';
+        return html `
+      <div class="wrapper">
+        <button
+          @click=${this._toggleRecording}
+          class=${isRecording ? 'red' : 'accent'}
+        >
+          ${isLoading
+            ? html `<icon-loading-spinner></icon-loading-spinner>`
+            : isRecording
+                ? html `<icon-recording></icon-recording>`
+                : html `<icon-mic-on></icon-mic-on>`}
+          <audio-visualiser
+            .level=${this._audioLevel}
+            .active=${isRecording}
+          ></audio-visualiser>
+        </button>
+
+        <settings-menu
+          .devices=${this.devices}
+          .selectedDevice=${this.recorderManager.selectedDevice}
+          ?settingsDisabled=${this.recordingState !== 'stopped'}
+          @recording-device-changed=${this._onRecordingDeviceChanged}
+        ></settings-menu>
+      </div>
+    `;
+    }
+}
+CortiDictation.styles = [ButtonStyles, ThemeStyles, ComponentStyles, CalloutStyles];
+__decorate([
+    property({ type: Array })
+], CortiDictation.prototype, "devices", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], CortiDictation.prototype, "recordingState", void 0);
+__decorate([
+    property({ type: Object })
+], CortiDictation.prototype, "dictationConfig", void 0);
+__decorate([
+    property({ type: Object })
+], CortiDictation.prototype, "serverConfig", void 0);
+__decorate([
+    state()
+], CortiDictation.prototype, "_audioLevel", void 0);
+export default CortiDictation;
+//# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["// corti-dictation.ts\nimport { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { RecorderManager } from './RecorderManager';\nimport './components/settings-menu';\nimport './components/audio-visualiser';\nimport './icons/icons';\nimport ThemeStyles from './styles/theme';\nimport ButtonStyles from './styles/buttons';\nimport ComponentStyles from './styles/ComponentStyles';\n\nimport { DictationConfig, ServerConfig } from './types';\nimport { DEFAULT_DICTATION_CONFIG } from './constants';\nimport CalloutStyles from './styles/callout';\n\nexport class CortiDictation extends LitElement {\n  static styles = [ButtonStyles, ThemeStyles, ComponentStyles, CalloutStyles];\n\n  @property({ type: Array })\n  devices: MediaDeviceInfo[] = [];\n\n  @property({ type: String, reflect: true })\n  recordingState = 'stopped';\n\n  @property({ type: Object })\n  dictationConfig: DictationConfig = DEFAULT_DICTATION_CONFIG;\n\n  @property({ type: Object })\n  serverConfig: ServerConfig = {};\n\n  @state()\n  private _audioLevel = 0;\n\n  private recorderManager = new RecorderManager();\n\n  async connectedCallback() {\n    super.connectedCallback();\n    await this.recorderManager.initialize();\n    this.devices = this.recorderManager.devices;\n\n    // Map event names to any extra handling logic\n    const eventHandlers: Record<string, (e: CustomEvent) => void> = {\n      'recording-state-changed': e => {\n        this.recordingState = e.detail.state;\n      },\n      'audio-level-changed': e => {\n        this._audioLevel = e.detail.audioLevel;\n        this.requestUpdate();\n      },\n    };\n\n    const eventsToRelay = [\n      'recording-state-changed',\n      'audio-level-changed',\n      'error',\n      'transcript',\n    ];\n\n    eventsToRelay.forEach(eventName => {\n      this.recorderManager.addEventListener(eventName, (e: Event) => {\n        const customEvent = e as CustomEvent;\n        // Perform any additional handling if defined\n        if (eventHandlers[eventName]) {\n          eventHandlers[eventName](customEvent);\n        }\n        // Re-dispatch the event from the component\n        this.dispatchEvent(\n          new CustomEvent(eventName, {\n            detail: customEvent.detail,\n            bubbles: true,\n            composed: true,\n          }),\n        );\n      });\n    });\n  }\n\n  public toggleRecording() {\n    this._toggleRecording();\n  }\n\n  _toggleRecording() {\n    if (this.recordingState === 'recording') {\n      this.recorderManager.stopRecording();\n    } else if (this.recordingState === 'stopped') {\n      this.recorderManager.startRecording({\n        dictationConfig: this.dictationConfig,\n        serverConfig: this.serverConfig,\n      });\n    }\n  }\n\n  // Handle device change events if needed\n  async _onRecordingDeviceChanged(event: Event) {\n    const customEvent = event as CustomEvent;\n    this.recorderManager.selectedDevice = customEvent.detail.deviceId;\n    if (this.recordingState === 'recording') {\n      await this.recorderManager.stopRecording();\n      await this.recorderManager.startRecording({\n        dictationConfig: this.dictationConfig,\n        serverConfig: this.serverConfig,\n      });\n    }\n  }\n\n  render() {\n    const isConfigured =\n      this.serverConfig &&\n      this.serverConfig.token &&\n      this.serverConfig.environment &&\n      this.serverConfig.tenant;\n    if (!isConfigured) {\n      return html`\n        <div class=\"wrapper\">\n          <div class=\"callout red tiny\">\n            Please configure the server settings in the parent component.\n          </div>\n        </div>\n      `;\n    }\n\n    const isLoading =\n      this.recordingState === 'initializing' ||\n      this.recordingState === 'stopping';\n    const isRecording = this.recordingState === 'recording';\n    return html`\n      <div class=\"wrapper\">\n        <button\n          @click=${this._toggleRecording}\n          class=${isRecording ? 'red' : 'accent'}\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          <audio-visualiser\n            .level=${this._audioLevel}\n            .active=${isRecording}\n          ></audio-visualiser>\n        </button>\n\n        <settings-menu\n          .devices=${this.devices}\n          .selectedDevice=${this.recorderManager.selectedDevice}\n          ?settingsDisabled=${this.recordingState !== 'stopped'}\n          @recording-device-changed=${this._onRecordingDeviceChanged}\n        ></settings-menu>\n      </div>\n    `;\n  }\n}\n\nexport default CortiDictation;\n"]}

package/dist/src/mediaRecorderService.d.ts

@@ -0,0 +1,6 @@
+export declare class MediaRecorderService extends EventTarget {
+    private mediaRecorder;
+    constructor(mediaStream: MediaStream);
+    startRecording(): void;
+    stopRecording(): void;
+}

package/dist/src/mediaRecorderService.js

@@ -0,0 +1,31 @@
+export class MediaRecorderService extends EventTarget {
+    constructor(mediaStream) {
+        super();
+        this.mediaRecorder = new MediaRecorder(mediaStream);
+        this.mediaRecorder.ondataavailable = (event) => {
+            if (event.data && event.data.size > 0) {
+                this.dispatchEvent(new CustomEvent('audio-packet', {
+                    detail: event.data,
+                    bubbles: true,
+                    composed: true
+                }));
+            }
+        };
+        this.mediaRecorder.onstop = () => {
+            // Stub: dispatch a transcript event
+            this.dispatchEvent(new CustomEvent('transcript', {
+                detail: 'Transcript text here',
+                bubbles: true,
+                composed: true
+            }));
+        };
+    }
+    startRecording() {
+        // Capture audio chunks every 200ms
+        this.mediaRecorder.start(200);
+    }
+    stopRecording() {
+        this.mediaRecorder.stop();
+    }
+}
+//# sourceMappingURL=mediaRecorderService.js.map

package/dist/src/mediaRecorderService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mediaRecorderService.js","sourceRoot":"","sources":["../../src/mediaRecorderService.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,oBAAqB,SAAQ,WAAW;IAGjD,YAAY,WAAwB;QAClC,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,aAAa,GAAG,IAAI,aAAa,CAAC,WAAW,CAAC,CAAC;QACpD,IAAI,CAAC,aAAa,CAAC,eAAe,GAAG,CAAC,KAAK,EAAE,EAAE;YAC7C,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC;gBACtC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,cAAc,EAAE;oBACjD,MAAM,EAAE,KAAK,CAAC,IAAI;oBAClB,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,IAAI;iBACf,CAAC,CAAC,CAAC;YACN,CAAC;QACH,CAAC,CAAC;QACF,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,GAAG,EAAE;YAC/B,oCAAoC;YACpC,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,YAAY,EAAE;gBAC/C,MAAM,EAAE,sBAAsB;gBAC9B,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;aACf,CAAC,CAAC,CAAC;QACN,CAAC,CAAC;IACJ,CAAC;IAEM,cAAc;QACnB,mCAAmC;QACnC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAChC,CAAC;IAEM,aAAa;QAClB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;IAC5B,CAAC;CACF","sourcesContent":["export class MediaRecorderService extends EventTarget {\n    private mediaRecorder: MediaRecorder;\n  \n    constructor(mediaStream: MediaStream) {\n      super();\n      this.mediaRecorder = new MediaRecorder(mediaStream);\n      this.mediaRecorder.ondataavailable = (event) => {\n        if (event.data && event.data.size > 0) {\n          this.dispatchEvent(new CustomEvent('audio-packet', {\n            detail: event.data,\n            bubbles: true,\n            composed: true\n          }));\n        }\n      };\n      this.mediaRecorder.onstop = () => {\n        // Stub: dispatch a transcript event\n        this.dispatchEvent(new CustomEvent('transcript', {\n          detail: 'Transcript text here',\n          bubbles: true,\n          composed: true\n        }));\n      };\n    }\n  \n    public startRecording() {\n      // Capture audio chunks every 200ms\n      this.mediaRecorder.start(200);\n    }\n  \n    public stopRecording() {\n      this.mediaRecorder.stop();\n    }\n  }\n  "]}

package/dist/src/mic-selector.d.ts

@@ -0,0 +1,18 @@
+import { LitElement, TemplateResult, CSSResultGroup } from 'lit';
+interface Device {
+    deviceId: string;
+    label?: string;
+}
+export declare class MicSelector extends LitElement {
+    devices: Device[];
+    selectedDevice: string;
+    static styles: CSSResultGroup;
+    private _selectDevice;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mic-selector': MicSelector;
+    }
+}
+export {};