@corti/dictation-web 0.0.1

package/dist/src/styles/ComponentStyles.js

@@ -0,0 +1,52 @@
+import { css } from 'lit';
+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;
+  }
+`;
+export default ComponentStyles;
+//# sourceMappingURL=ComponentStyles.js.map

package/dist/src/styles/ComponentStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentStyles.js","sourceRoot":"","sources":["../../../src/styles/ComponentStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgD1B,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst 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\nexport default ComponentStyles;\n"]}

package/dist/src/styles/buttons.d.ts

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

package/dist/src/styles/buttons.js

@@ -0,0 +1,58 @@
+import { css } from 'lit';
+const ButtonStyles = css `
+  /* Default (plain) button styling */
+  button,
+  .button {
+    background: var(--action-plain-background);
+    /* border: 1px solid var(--action-plain-border-color); */
+    border: none;
+    color: var(--component-text-color);
+    cursor: pointer;
+    padding: 8px;
+    border-radius: var(--card-inner-border-radius);
+    display: inline-flex;
+    gap: 4px;
+    align-items: center;
+    justify-content: center;
+    transition: background 0.3s ease;
+    font-family: var(--component-font-family);
+  }
+
+  button:hover,
+  .button:hover {
+    background: var(--action-plain-background-hover);
+  }
+
+  button:focus-visible {
+    outline: 2px solid var(--action-accent-background);
+    outline-offset: 2px;
+  }
+
+  /* Accent variant */
+  button.accent,
+  .button.accent {
+    background: var(--action-accent-background);
+    color: var(--action-accent-text-color);
+    border: none;
+  }
+
+  button.accent:hover,
+  .button.accent:hover {
+    background: var(--action-accent-background-hover);
+  }
+
+  /* Accent variant */
+  button.red,
+  .button.red {
+    background: var(--action-red-background);
+    color: var(--action-red-text-color);
+    border: none;
+  }
+
+  button.red:hover,
+  .button.red:hover {
+    background: var(--action-red-background-hover);
+  }
+`;
+export default ButtonStyles;
+//# sourceMappingURL=buttons.js.map

package/dist/src/styles/buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons.js","sourceRoot":"","sources":["../../../src/styles/buttons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsDvB,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst ButtonStyles = css`\n  /* Default (plain) button styling */\n  button,\n  .button {\n    background: var(--action-plain-background);\n    /* border: 1px solid var(--action-plain-border-color); */\n    border: none;\n    color: var(--component-text-color);\n    cursor: pointer;\n    padding: 8px;\n    border-radius: var(--card-inner-border-radius);\n    display: inline-flex;\n    gap: 4px;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.3s ease;\n    font-family: var(--component-font-family);\n  }\n\n  button:hover,\n  .button:hover {\n    background: var(--action-plain-background-hover);\n  }\n\n  button:focus-visible {\n    outline: 2px solid var(--action-accent-background);\n    outline-offset: 2px;\n  }\n\n  /* Accent variant */\n  button.accent,\n  .button.accent {\n    background: var(--action-accent-background);\n    color: var(--action-accent-text-color);\n    border: none;\n  }\n\n  button.accent:hover,\n  .button.accent:hover {\n    background: var(--action-accent-background-hover);\n  }\n\n  /* Accent variant */\n  button.red,\n  .button.red {\n    background: var(--action-red-background);\n    color: var(--action-red-text-color);\n    border: none;\n  }\n\n  button.red:hover,\n  .button.red:hover {\n    background: var(--action-red-background-hover);\n  }\n`;\n\nexport default ButtonStyles;\n"]}

package/dist/src/styles/callout.d.ts

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

package/dist/src/styles/callout.js

@@ -0,0 +1,26 @@
+import { css } from 'lit';
+const CalloutStyles = css `
+  .callout {
+    background: var(--callout-accent-background);
+    border: 1px solid var(--callout-accent-border);
+    color: var(--callout-accent-text);
+    padding: 8px;
+    border-radius: var(--card-inner-border-radius);
+    display: flex;
+    font-size: 0.9rem;
+    gap: 8px;
+    align-items: flex-start;
+    &.red {
+      background: var(--callout-red-background);
+      border: 1px solid var(--callout-red-border);
+      color: var(--callout-red-text);
+    }
+    &.orange {
+      background: var(--callout-orange-background);
+      border: 1px solid var(--callout-orange-border);
+      color: var(--callout-orange-text);
+    }
+  }
+`;
+export default CalloutStyles;
+//# sourceMappingURL=callout.js.map

package/dist/src/styles/callout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout.js","sourceRoot":"","sources":["../../../src/styles/callout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;CAsBxB,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst CalloutStyles = css`\n  .callout {\n    background: var(--callout-accent-background);\n    border: 1px solid var(--callout-accent-border);\n    color: var(--callout-accent-text);\n    padding: 8px;\n    border-radius: var(--card-inner-border-radius);\n    display: flex;\n    font-size: 0.9rem;\n    gap: 8px;\n    align-items: flex-start;\n    &.red {\n      background: var(--callout-red-background);\n      border: 1px solid var(--callout-red-border);\n      color: var(--callout-red-text);\n    }\n    &.orange {\n      background: var(--callout-orange-background);\n      border: 1px solid var(--callout-orange-border);\n      color: var(--callout-orange-text);\n    }\n  }\n`;\n\nexport default CalloutStyles;\n"]}

package/dist/src/styles/select.d.ts

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

package/dist/src/styles/select.js

@@ -0,0 +1,36 @@
+import { css } from 'lit';
+const SelectStyles = css `
+  label {
+    display: block;
+    font-size: 0.8rem;
+    padding-bottom: 0.5rem;
+    font-weight: 500;
+    color: var(--component-text-color);
+    pointer-events: none;
+  }
+  select {
+    background: var(--card-background);
+    color: var(--component-text-color);
+    border: 1px solid var(--card-border-color);
+    padding: var(--card-padding);
+    border-radius: var(--card-inner-border-radius);
+    outline: none;
+    width: 100%;
+  }
+
+  select:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  select:hover {
+    background: var(--action-plain-background-hover);
+  }
+
+  select:focus-visible {
+    outline: 2px solid var(--action-accent-background);
+    /* outline-offset: 2px; */
+  }
+`;
+export default SelectStyles;
+//# sourceMappingURL=select.js.map

package/dist/src/styles/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/styles/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCvB,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst SelectStyles = css`\n  label {\n    display: block;\n    font-size: 0.8rem;\n    padding-bottom: 0.5rem;\n    font-weight: 500;\n    color: var(--component-text-color);\n    pointer-events: none;\n  }\n  select {\n    background: var(--card-background);\n    color: var(--component-text-color);\n    border: 1px solid var(--card-border-color);\n    padding: var(--card-padding);\n    border-radius: var(--card-inner-border-radius);\n    outline: none;\n    width: 100%;\n  }\n\n  select:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  select:hover {\n    background: var(--action-plain-background-hover);\n  }\n\n  select:focus-visible {\n    outline: 2px solid var(--action-accent-background);\n    /* outline-offset: 2px; */\n  }\n`;\n\nexport default SelectStyles;\n"]}

package/dist/src/styles/theme.d.ts

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

package/dist/src/styles/theme.js

@@ -0,0 +1,74 @@
+import { css } from 'lit';
+const ThemeStyles = css `
+  :host {
+    /* Component Defaults */
+    --component-font-family: 'Segoe UI', Roboto, sans-serif;
+    --component-text-color: #333;
+
+    /* Card Defaults */
+    --card-background: #fff;
+    --card-border-color: #ddd;
+    --card-padding: 4px;
+    --card-border-radius: 8px;
+    --card-inner-border-radius: 6px;
+    --card-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+
+    /* Actions Defaults */
+    --action-plain-border-color: #ccc;
+    --action-plain-background-hover: #ddd;
+
+    --action-accent-background: #007bff;
+    --action-accent-background-hover: #0056b3;
+    --action-accent-text-color: #fff;
+
+    --action-red-background: #dc3545;
+    --action-red-background-hover: #bd2130;
+    --action-red-text-color: #fff;
+
+    /* Callout Defaults */
+    --callout-accent-background: #007bff33;
+    --callout-accent-border: #007bff99;
+    --callout-accent-text: #007bff;
+
+    --callout-red-background: #dc354533;
+    --callout-red-border: #dc354599;
+    --callout-red-text: #dc3545;
+
+    --callout-orange-background: #fd7e1433;
+    --callout-orange-border: #fd7e1499;
+    --callout-orange-text: #fd7e14;
+
+    /* Visualiser Defaults */
+    --visualiser-background: #e0e0e0;
+    --visualiser-level-color: #28a745;
+  }
+
+  @media (prefers-color-scheme: dark) {
+    :host {
+      /* Component Dark */
+      --component-text-color: #eee;
+
+      /* Card Dark */
+      --card-background: #333;
+      --card-border-color: #555;
+
+      /* Actions Dark */
+      --action-plain-border-color: #555;
+      --action-plain-background: #333;
+      --action-plain-background-hover: #444;
+
+      --action-accent-background: #0056b3;
+      --action-accent-background-hover: #003d80;
+
+      /* Visualiser Dark */
+      --visualiser-background: #fff;
+    }
+  }
+  :host {
+    box-sizing: border-box;
+    font-family: var(--component-font-family);
+    color: var(--component-text-color);
+  }
+`;
+export default ThemeStyles;
+//# sourceMappingURL=theme.js.map

package/dist/src/styles/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/styles/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsEtB,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { css } from 'lit';\n\nconst ThemeStyles = css`\n  :host {\n    /* Component Defaults */\n    --component-font-family: 'Segoe UI', Roboto, sans-serif;\n    --component-text-color: #333;\n\n    /* Card Defaults */\n    --card-background: #fff;\n    --card-border-color: #ddd;\n    --card-padding: 4px;\n    --card-border-radius: 8px;\n    --card-inner-border-radius: 6px;\n    --card-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n\n    /* Actions Defaults */\n    --action-plain-border-color: #ccc;\n    --action-plain-background-hover: #ddd;\n\n    --action-accent-background: #007bff;\n    --action-accent-background-hover: #0056b3;\n    --action-accent-text-color: #fff;\n\n    --action-red-background: #dc3545;\n    --action-red-background-hover: #bd2130;\n    --action-red-text-color: #fff;\n\n    /* Callout Defaults */\n    --callout-accent-background: #007bff33;\n    --callout-accent-border: #007bff99;\n    --callout-accent-text: #007bff;\n\n    --callout-red-background: #dc354533;\n    --callout-red-border: #dc354599;\n    --callout-red-text: #dc3545;\n\n    --callout-orange-background: #fd7e1433;\n    --callout-orange-border: #fd7e1499;\n    --callout-orange-text: #fd7e14;\n\n    /* Visualiser Defaults */\n    --visualiser-background: #e0e0e0;\n    --visualiser-level-color: #28a745;\n  }\n\n  @media (prefers-color-scheme: dark) {\n    :host {\n      /* Component Dark */\n      --component-text-color: #eee;\n\n      /* Card Dark */\n      --card-background: #333;\n      --card-border-color: #555;\n\n      /* Actions Dark */\n      --action-plain-border-color: #555;\n      --action-plain-background: #333;\n      --action-plain-background-hover: #444;\n\n      --action-accent-background: #0056b3;\n      --action-accent-background-hover: #003d80;\n\n      /* Visualiser Dark */\n      --visualiser-background: #fff;\n    }\n  }\n  :host {\n    box-sizing: border-box;\n    font-family: var(--component-font-family);\n    color: var(--component-text-color);\n  }\n`;\n\nexport default ThemeStyles;\n"]}

package/dist/src/types.d.ts

@@ -0,0 +1,20 @@
+export type RecordingState = 'initializing' | 'recording' | 'stopping' | 'stopped';
+export interface Command {
+    command: string;
+    action: string;
+    keywords: string[];
+}
+export interface DictationConfig {
+    primaryLanguage: string;
+    interimResults: boolean;
+    spokenPunctuation: boolean;
+    automaticPunctuation: boolean;
+    model: string;
+    commands?: Command[];
+}
+export type PartialDictationConfig = Partial<DictationConfig>;
+export interface ServerConfig {
+    environment?: string;
+    tenant?: string;
+    token?: string;
+}

package/dist/src/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"","sourcesContent":["export type RecordingState =\n  | 'initializing'\n  | 'recording'\n  | 'stopping'\n  | 'stopped';\n\nexport interface Command {\n  command: string;\n  action: string;\n  keywords: string[];\n}\n\nexport interface DictationConfig {\n  primaryLanguage: string;\n  interimResults: boolean;\n  spokenPunctuation: boolean;\n  automaticPunctuation: boolean;\n  model: string;\n  commands?: Command[];\n}\n\nexport type PartialDictationConfig = Partial<DictationConfig>;\n\nexport interface ServerConfig {\n  environment?: string;\n  tenant?: string;\n  token?: string;\n}\n"]}

package/dist/src/utils.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Returns the localized name of a language given its BCP-47 code.
+ *
+ * @param languageCode - The BCP-47 language code (e.g. "en")
+ * @returns The localized language name (e.g. "English") or the original code if unavailable.
+ */
+export declare function getLanguageName(languageCode: string): string;
+/**
+ * Requests access to the microphone.
+ *
+ * This function checks if the microphone permission is in "prompt" state, then requests
+ * access and stops any active tracks immediately. It also logs if permission is already granted.
+ *
+ * @returns A promise that resolves when the permission request is complete.
+ */
+export declare function requestMicAccess(): Promise<void>;
+/**
+ * Retrieves available audio input devices.
+ *
+ * This function uses the mediaDevices API to enumerate devices and filters out those
+ * which are audio inputs. In some browsers, you may need to request user media before
+ * device labels are populated.
+ *
+ * @returns A promise that resolves with an object containing:
+ *  - `devices`: an array of MediaDeviceInfo objects for audio inputs.
+ *  - `defaultDeviceId`: the deviceId of the first audio input, if available.
+ */
+export declare function getAudioDevices(): Promise<{
+    devices: MediaDeviceInfo[];
+    defaultDeviceId?: string;
+}>;

package/dist/src/utils.js

@@ -0,0 +1,77 @@
+/* eslint-disable no-console */
+/**
+ * Returns the localized name of a language given its BCP-47 code.
+ *
+ * @param languageCode - The BCP-47 language code (e.g. "en")
+ * @returns The localized language name (e.g. "English") or the original code if unavailable.
+ */
+export function getLanguageName(languageCode) {
+    const userLocale = navigator.language || 'en';
+    const displayNames = new Intl.DisplayNames([userLocale], {
+        type: 'language',
+    });
+    const languageName = displayNames.of(languageCode);
+    return languageName || languageCode;
+}
+/**
+ * Requests access to the microphone.
+ *
+ * This function checks if the microphone permission is in "prompt" state, then requests
+ * access and stops any active tracks immediately. It also logs if permission is already granted.
+ *
+ * @returns A promise that resolves when the permission request is complete.
+ */
+export async function requestMicAccess() {
+    try {
+        // Fallback if Permissions API is not available
+        if (!navigator.permissions) {
+            const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+            stream.getTracks().forEach(track => track.stop());
+            return;
+        }
+        const permissionStatus = await navigator.permissions.query({
+            // eslint-disable-next-line no-undef
+            name: 'microphone',
+        });
+        if (permissionStatus.state === 'prompt') {
+            const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+            stream.getTracks().forEach(track => track.stop());
+        }
+        else if (permissionStatus.state === 'denied') {
+            console.warn('Microphone permission is denied.');
+        }
+    }
+    catch (error) {
+        console.error('Error checking/requesting microphone permission:', error);
+    }
+}
+/**
+ * Retrieves available audio input devices.
+ *
+ * This function uses the mediaDevices API to enumerate devices and filters out those
+ * which are audio inputs. In some browsers, you may need to request user media before
+ * device labels are populated.
+ *
+ * @returns A promise that resolves with an object containing:
+ *  - `devices`: an array of MediaDeviceInfo objects for audio inputs.
+ *  - `defaultDeviceId`: the deviceId of the first audio input, if available.
+ */
+export async function getAudioDevices() {
+    if (!navigator.mediaDevices?.enumerateDevices) {
+        console.error('Media devices API not supported.');
+        return { devices: [] };
+    }
+    await requestMicAccess();
+    try {
+        // Optionally: await navigator.mediaDevices.getUserMedia({ audio: true });
+        const devices = await navigator.mediaDevices.enumerateDevices();
+        const audioDevices = devices.filter(device => device.kind === 'audioinput');
+        const defaultDeviceId = audioDevices.length > 0 ? audioDevices[0].deviceId : undefined;
+        return { devices: audioDevices, defaultDeviceId };
+    }
+    catch (error) {
+        console.error('Error enumerating devices:', error);
+        return { devices: [] };
+    }
+}
+//# sourceMappingURL=utils.js.map

package/dist/src/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAC,YAAoB;IAClD,MAAM,UAAU,GAAG,SAAS,CAAC,QAAQ,IAAI,IAAI,CAAC;IAC9C,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,UAAU,CAAC,EAAE;QACvD,IAAI,EAAE,UAAU;KACjB,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,YAAY,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;IACnD,OAAO,YAAY,IAAI,YAAY,CAAC;AACtC,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,KAAK,UAAU,gBAAgB;IACpC,IAAI,CAAC;QACH,+CAA+C;QAC/C,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC;YAC3B,MAAM,MAAM,GAAG,MAAM,SAAS,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;YAC1E,MAAM,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;YAClD,OAAO;QACT,CAAC;QAED,MAAM,gBAAgB,GAAG,MAAM,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC;YACzD,oCAAoC;YACpC,IAAI,EAAE,YAA8B;SACrC,CAAC,CAAC;QAEH,IAAI,gBAAgB,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;YACxC,MAAM,MAAM,GAAG,MAAM,SAAS,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;YAC1E,MAAM,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;QACpD,CAAC;aAAM,IAAI,gBAAgB,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC/C,OAAO,CAAC,IAAI,CAAC,kCAAkC,CAAC,CAAC;QACnD,CAAC;IACH,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,kDAAkD,EAAE,KAAK,CAAC,CAAC;IAC3E,CAAC;AACH,CAAC;AAED;;;;;;;;;;GAUG;AACH,MAAM,CAAC,KAAK,UAAU,eAAe;IAInC,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,gBAAgB,EAAE,CAAC;QAC9C,OAAO,CAAC,KAAK,CAAC,kCAAkC,CAAC,CAAC;QAClD,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;IACzB,CAAC;IAED,MAAM,gBAAgB,EAAE,CAAC;IAEzB,IAAI,CAAC;QACH,0EAA0E;QAC1E,MAAM,OAAO,GAAG,MAAM,SAAS,CAAC,YAAY,CAAC,gBAAgB,EAAE,CAAC;QAChE,MAAM,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC;QAC5E,MAAM,eAAe,GACnB,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;QACjE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC;IACpD,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,4BAA4B,EAAE,KAAK,CAAC,CAAC;QACnD,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;IACzB,CAAC;AACH,CAAC","sourcesContent":["/* eslint-disable no-console */\n/**\n * Returns the localized name of a language given its BCP-47 code.\n *\n * @param languageCode - The BCP-47 language code (e.g. \"en\")\n * @returns The localized language name (e.g. \"English\") or the original code if unavailable.\n */\nexport function getLanguageName(languageCode: string): string {\n  const userLocale = navigator.language || 'en';\n  const displayNames = new Intl.DisplayNames([userLocale], {\n    type: 'language',\n  });\n  const languageName = displayNames.of(languageCode);\n  return languageName || languageCode;\n}\n\n/**\n * Requests access to the microphone.\n *\n * This function checks if the microphone permission is in \"prompt\" state, then requests\n * access and stops any active tracks immediately. It also logs if permission is already granted.\n *\n * @returns A promise that resolves when the permission request is complete.\n */\nexport async function requestMicAccess(): Promise<void> {\n  try {\n    // Fallback if Permissions API is not available\n    if (!navigator.permissions) {\n      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });\n      stream.getTracks().forEach(track => track.stop());\n      return;\n    }\n\n    const permissionStatus = await navigator.permissions.query({\n      // eslint-disable-next-line no-undef\n      name: 'microphone' as PermissionName,\n    });\n\n    if (permissionStatus.state === 'prompt') {\n      const stream = await navigator.mediaDevices.getUserMedia({ audio: true });\n      stream.getTracks().forEach(track => track.stop());\n    } else if (permissionStatus.state === 'denied') {\n      console.warn('Microphone permission is denied.');\n    }\n  } catch (error) {\n    console.error('Error checking/requesting microphone permission:', error);\n  }\n}\n\n/**\n * Retrieves available audio input devices.\n *\n * This function uses the mediaDevices API to enumerate devices and filters out those\n * which are audio inputs. In some browsers, you may need to request user media before\n * device labels are populated.\n *\n * @returns A promise that resolves with an object containing:\n *  - `devices`: an array of MediaDeviceInfo objects for audio inputs.\n *  - `defaultDeviceId`: the deviceId of the first audio input, if available.\n */\nexport async function getAudioDevices(): Promise<{\n  devices: MediaDeviceInfo[];\n  defaultDeviceId?: string;\n}> {\n  if (!navigator.mediaDevices?.enumerateDevices) {\n    console.error('Media devices API not supported.');\n    return { devices: [] };\n  }\n\n  await requestMicAccess();\n\n  try {\n    // Optionally: await navigator.mediaDevices.getUserMedia({ audio: true });\n    const devices = await navigator.mediaDevices.enumerateDevices();\n    const audioDevices = devices.filter(device => device.kind === 'audioinput');\n    const defaultDeviceId =\n      audioDevices.length > 0 ? audioDevices[0].deviceId : undefined;\n    return { devices: audioDevices, defaultDeviceId };\n  } catch (error) {\n    console.error('Error enumerating devices:', error);\n    return { devices: [] };\n  }\n}\n"]}

package/dist/stories/index.stories.d.ts

@@ -0,0 +1,33 @@
+import { TemplateResult } from 'lit';
+import '../src/corti-dictation.js';
+declare const _default: {
+    title: string;
+    component: string;
+    argTypes: {
+        header: {
+            control: string;
+        };
+        counter: {
+            control: string;
+        };
+        textColor: {
+            control: string;
+        };
+    };
+};
+export default _default;
+interface Story<T> {
+    (args: T): TemplateResult;
+    args?: Partial<T>;
+    argTypes?: Record<string, unknown>;
+}
+interface ArgTypes {
+    header?: string;
+    counter?: number;
+    textColor?: string;
+    slot?: TemplateResult;
+}
+export declare const Regular: Story<ArgTypes>;
+export declare const CustomHeader: Story<ArgTypes>;
+export declare const CustomCounter: Story<ArgTypes>;
+export declare const SlottedContent: Story<ArgTypes>;

package/dist/stories/index.stories.js

@@ -0,0 +1,37 @@
+import { html } from 'lit';
+import '../src/corti-dictation.js';
+export default {
+    title: 'CortiDictation',
+    component: 'corti-dictation',
+    argTypes: {
+        header: { control: 'text' },
+        counter: { control: 'number' },
+        textColor: { control: 'color' },
+    },
+};
+const Template = ({ header = 'Hello world', counter = 5, textColor, slot, }) => html `
+  <corti-dictation
+    style="--corti-dictation-text-color: ${textColor || 'black'}"
+    .header=${header}
+    .counter=${counter}
+  >
+    ${slot}
+  </corti-dictation>
+`;
+export const Regular = Template.bind({});
+export const CustomHeader = Template.bind({});
+CustomHeader.args = {
+    header: 'My header',
+};
+export const CustomCounter = Template.bind({});
+CustomCounter.args = {
+    counter: 123456,
+};
+export const SlottedContent = Template.bind({});
+SlottedContent.args = {
+    slot: html `<p>Slotted content</p>`,
+};
+SlottedContent.argTypes = {
+    slot: { table: { disable: true } },
+};
+//# sourceMappingURL=index.stories.js.map

package/dist/stories/index.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../stories/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAC3C,OAAO,2BAA2B,CAAC;AAEnC,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,iBAAiB;IAC5B,QAAQ,EAAE;QACR,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC3B,OAAO,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC9B,SAAS,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;KAChC;CACF,CAAC;AAeF,MAAM,QAAQ,GAAoB,CAAC,EACjC,MAAM,GAAG,aAAa,EACtB,OAAO,GAAG,CAAC,EACX,SAAS,EACT,IAAI,GACK,EAAE,EAAE,CAAC,IAAI,CAAA;;2CAEuB,SAAS,IAAI,OAAO;cACjD,MAAM;eACL,OAAO;;MAEhB,IAAI;;CAET,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,YAAY,CAAC,IAAI,GAAG;IAClB,MAAM,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C,aAAa,CAAC,IAAI,GAAG;IACnB,OAAO,EAAE,MAAM;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,cAAc,CAAC,IAAI,GAAG;IACpB,IAAI,EAAE,IAAI,CAAA,wBAAwB;CACnC,CAAC;AACF,cAAc,CAAC,QAAQ,GAAG;IACxB,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;CACnC,CAAC","sourcesContent":["import { html, TemplateResult } from 'lit';\nimport '../src/corti-dictation.js';\n\nexport default {\n  title: 'CortiDictation',\n  component: 'corti-dictation',\n  argTypes: {\n    header: { control: 'text' },\n    counter: { control: 'number' },\n    textColor: { control: 'color' },\n  },\n};\n\ninterface Story<T> {\n  (args: T): TemplateResult;\n  args?: Partial<T>;\n  argTypes?: Record<string, unknown>;\n}\n\ninterface ArgTypes {\n  header?: string;\n  counter?: number;\n  textColor?: string;\n  slot?: TemplateResult;\n}\n\nconst Template: Story<ArgTypes> = ({\n  header = 'Hello world',\n  counter = 5,\n  textColor,\n  slot,\n}: ArgTypes) => html`\n  <corti-dictation\n    style=\"--corti-dictation-text-color: ${textColor || 'black'}\"\n    .header=${header}\n    .counter=${counter}\n  >\n    ${slot}\n  </corti-dictation>\n`;\n\nexport const Regular = Template.bind({});\n\nexport const CustomHeader = Template.bind({});\nCustomHeader.args = {\n  header: 'My header',\n};\n\nexport const CustomCounter = Template.bind({});\nCustomCounter.args = {\n  counter: 123456,\n};\n\nexport const SlottedContent = Template.bind({});\nSlottedContent.args = {\n  slot: html`<p>Slotted content</p>`,\n};\nSlottedContent.argTypes = {\n  slot: { table: { disable: true } },\n};\n"]}

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

@@ -0,0 +1 @@
+import '../src/corti-dictation.js';

package/dist/test/corti-dictation.test.js

@@ -0,0 +1,100 @@
+import { html } from 'lit';
+import { fixture, expect, oneEvent } from '@open-wc/testing';
+import sinon from 'sinon';
+import '../src/corti-dictation.js';
+// Stub class for RecorderManager
+class StubRecorderManager extends EventTarget {
+    constructor() {
+        super(...arguments);
+        this.devices = [];
+        this.selectedDevice = '';
+        this.startRecording = sinon.spy();
+        this.stopRecording = sinon.spy();
+    }
+    async initialize() {
+        // Simulate async initialization.
+    }
+}
+describe('CortiDictation', () => {
+    let stubRecorder;
+    beforeEach(() => {
+        stubRecorder = new StubRecorderManager();
+    });
+    it('renders a callout warning if serverConfig is not configured', async () => {
+        const el = await fixture(html `<corti-dictation></corti-dictation>`);
+        // Override the recorderManager to avoid real initialization.
+        el.recorderManager = stubRecorder;
+        el.serverConfig = {}; // Missing required keys.
+        await el.updateComplete;
+        const callout = el.shadowRoot?.querySelector('.callout');
+        expect(callout).to.exist;
+        expect(el.shadowRoot?.textContent).to.include('Please configure the server settings in the parent component');
+    });
+    it('renders the recording icon when recordingState is "recording"', async () => {
+        const configured = { token: 'abc', environment: 'prod', tenant: '123' };
+        const el = await fixture(html `<corti-dictation></corti-dictation>`);
+        el.recorderManager = stubRecorder;
+        el.serverConfig = configured;
+        el.recordingState = 'recording';
+        await el.updateComplete;
+        const recordingIcon = el.shadowRoot?.querySelector('icon-recording');
+        expect(recordingIcon).to.exist;
+    });
+    it('calls startRecording when button is clicked and state is "stopped"', async () => {
+        const configured = { token: 'abc', environment: 'prod', tenant: '123' };
+        const el = await fixture(html `<corti-dictation></corti-dictation>`);
+        el.recorderManager = stubRecorder;
+        el.serverConfig = configured;
+        el.recordingState = 'stopped';
+        await el.updateComplete;
+        const button = el.shadowRoot.querySelector('button');
+        button.click();
+        expect(stubRecorder.startRecording.calledOnce).to.be.true;
+        // Check that startRecording was called with a config object
+        const args = stubRecorder.startRecording.getCall(0).args[0];
+        expect(args).to.have.property('dictationConfig');
+        expect(args).to.have.property('serverConfig');
+    });
+    it('calls stopRecording when button is clicked and state is "recording"', async () => {
+        const configured = { token: 'abc', environment: 'prod', tenant: '123' };
+        const el = await fixture(html `<corti-dictation></corti-dictation>`);
+        el.recorderManager = stubRecorder;
+        el.serverConfig = configured;
+        el.recordingState = 'recording';
+        await el.updateComplete;
+        const button = el.shadowRoot.querySelector('button');
+        button.click();
+        expect(stubRecorder.stopRecording.calledOnce).to.be.true;
+    });
+    it('updates the audio level when an "audio-level-changed" event is dispatched', async () => {
+        const configured = { token: 'abc', environment: 'prod', tenant: '123' };
+        const el = await fixture(html `<corti-dictation></corti-dictation>`);
+        el.recorderManager = stubRecorder;
+        el.serverConfig = configured;
+        el.recordingState = 'recording';
+        await el.updateComplete;
+        const testLevel = 42;
+        const event = new CustomEvent('audio-level-changed', { detail: { audioLevel: testLevel } });
+        stubRecorder.dispatchEvent(event);
+        await el.updateComplete;
+        const audioVisualiser = el.shadowRoot?.querySelector('audio-visualiser');
+        expect(audioVisualiser).to.exist;
+        expect(audioVisualiser.level).to.equal(testLevel);
+    });
+    it('re-dispatches recorderManager events', async () => {
+        const configured = { token: 'abc', environment: 'prod', tenant: '123' };
+        const el = await fixture(html `<corti-dictation></corti-dictation>`);
+        el.recorderManager = stubRecorder;
+        el.serverConfig = configured;
+        el.recordingState = 'stopped';
+        await el.updateComplete;
+        // Listen for a re-dispatched event from the component.
+        setTimeout(() => {
+            const event = new CustomEvent('transcript', { detail: { transcript: 'hello' } });
+            stubRecorder.dispatchEvent(event);
+        });
+        const dispatchedEvent = (await oneEvent(el, 'transcript'));
+        expect(dispatchedEvent.detail.transcript).to.equal('hello');
+    });
+});
+//# sourceMappingURL=corti-dictation.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"corti-dictation.test.js","sourceRoot":"","sources":["../../test/corti-dictation.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit';\nimport { fixture, expect, oneEvent } from '@open-wc/testing';\nimport sinon from 'sinon';\nimport { CortiDictation } from '../src/index.js';\nimport '../src/corti-dictation.js';\n\n// Stub class for RecorderManager\nclass StubRecorderManager extends EventTarget {\n  devices: MediaDeviceInfo[] = [];\n\n  selectedDevice = '';\n\n  startRecording = sinon.spy();\n\n  stopRecording = sinon.spy();\n\n  async initialize() {\n    // Simulate async initialization.\n  }\n}\n\ndescribe('CortiDictation', () => {\n  let stubRecorder: StubRecorderManager;\n\n  beforeEach(() => {\n    stubRecorder = new StubRecorderManager();\n  });\n\n  it('renders a callout warning if serverConfig is not configured', async () => {\n    const el = await fixture<CortiDictation>(\n      html`<corti-dictation></corti-dictation>`\n    );\n    // Override the recorderManager to avoid real initialization.\n    (el as any).recorderManager = stubRecorder;\n    el.serverConfig = {}; // Missing required keys.\n    await el.updateComplete;\n    const callout = el.shadowRoot?.querySelector('.callout');\n    expect(callout).to.exist;\n    expect(el.shadowRoot?.textContent).to.include(\n      'Please configure the server settings in the parent component'\n    );\n  });\n\n  it('renders the recording icon when recordingState is \"recording\"', async () => {\n    const configured = { token: 'abc', environment: 'prod', tenant: '123' };\n    const el = await fixture<CortiDictation>(\n      html`<corti-dictation></corti-dictation>`\n    );\n    (el as any).recorderManager = stubRecorder;\n    el.serverConfig = configured;\n    el.recordingState = 'recording';\n    await el.updateComplete;\n    const recordingIcon = el.shadowRoot?.querySelector('icon-recording');\n    expect(recordingIcon).to.exist;\n  });\n\n  it('calls startRecording when button is clicked and state is \"stopped\"', async () => {\n    const configured = { token: 'abc', environment: 'prod', tenant: '123' };\n    const el = await fixture<CortiDictation>(\n      html`<corti-dictation></corti-dictation>`\n    );\n    (el as any).recorderManager = stubRecorder;\n    el.serverConfig = configured;\n    el.recordingState = 'stopped';\n    await el.updateComplete;\n    const button = el.shadowRoot!.querySelector('button')!;\n    button.click();\n    expect(stubRecorder.startRecording.calledOnce).to.be.true;\n    // Check that startRecording was called with a config object\n    const args = stubRecorder.startRecording.getCall(0).args[0];\n    expect(args).to.have.property('dictationConfig');\n    expect(args).to.have.property('serverConfig');\n  });\n\n  it('calls stopRecording when button is clicked and state is \"recording\"', async () => {\n    const configured = { token: 'abc', environment: 'prod', tenant: '123' };\n    const el = await fixture<CortiDictation>(\n      html`<corti-dictation></corti-dictation>`\n    );\n    (el as any).recorderManager = stubRecorder;\n    el.serverConfig = configured;\n    el.recordingState = 'recording';\n    await el.updateComplete;\n    const button = el.shadowRoot!.querySelector('button')!;\n    button.click();\n    expect(stubRecorder.stopRecording.calledOnce).to.be.true;\n  });\n\n  it('updates the audio level when an \"audio-level-changed\" event is dispatched', async () => {\n    const configured = { token: 'abc', environment: 'prod', tenant: '123' };\n    const el = await fixture<CortiDictation>(\n      html`<corti-dictation></corti-dictation>`\n    );\n    (el as any).recorderManager = stubRecorder;\n    el.serverConfig = configured;\n    el.recordingState = 'recording';\n    await el.updateComplete;\n    const testLevel = 42;\n    const event = new CustomEvent('audio-level-changed', { detail: { audioLevel: testLevel } });\n    stubRecorder.dispatchEvent(event);\n    await el.updateComplete;\n    const audioVisualiser = el.shadowRoot?.querySelector('audio-visualiser');\n    expect(audioVisualiser).to.exist;\n    expect((audioVisualiser as any).level).to.equal(testLevel);\n  });\n\n  it('re-dispatches recorderManager events', async () => {\n    const configured = { token: 'abc', environment: 'prod', tenant: '123' };\n    const el = await fixture<CortiDictation>(\n      html`<corti-dictation></corti-dictation>`\n    );\n    (el as any).recorderManager = stubRecorder;\n    el.serverConfig = configured;\n    el.recordingState = 'stopped';\n    await el.updateComplete;\n    // Listen for a re-dispatched event from the component.\n    setTimeout(() => {\n      const event = new CustomEvent('transcript', { detail: { transcript: 'hello' } });\n      stubRecorder.dispatchEvent(event);\n    });\n    const dispatchedEvent = (await oneEvent(el, 'transcript')) as CustomEvent;\n    expect(dispatchedEvent.detail.transcript).to.equal('hello');\n  });\n});\n"]}