@corti/dictation-web 0.4.0-rc.2 → 0.5.0-rc

package/dist/utils/events.js.map

@@ -1 +1 @@
-{"version":3,"file":"events.js","sourceRoot":"","sources":["../../src/utils/events.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Corti } from \"@corti/sdk\";\nimport type { RecordingState } from \"../types.js\";\n\nexport type LanguagesChangedEventDetail = {\n  languages: Corti.TranscribeSupportedLanguage[];\n  selectedLanguage: string | undefined;\n};\n\nexport type LanguageChangedEventDetail = {\n  language: string;\n};\n\nexport type RecordingDevicesChangedEventDetail = {\n  devices: MediaDeviceInfo[];\n  selectedDevice: MediaDeviceInfo | undefined;\n};\n\nexport type RecordingStateChangedEventDetail = {\n  state: RecordingState;\n};\n\nexport type AudioLevelChangedEventDetail = {\n  audioLevel: number;\n};\n\nexport type TranscriptEventDetail = Corti.TranscribeTranscriptMessage;\nexport type CommandEventDetail = Corti.TranscribeCommandMessage;\nexport type UsageEventDetail = Corti.TranscribeUsageMessage;\n\nexport type ErrorEventDetail = {\n  message: string;\n};\n\nexport function languagesChangedEvent(\n  languages: Corti.TranscribeSupportedLanguage[],\n  selectedLanguage: string | undefined,\n): CustomEvent<LanguagesChangedEventDetail> {\n  return new CustomEvent(\"languages-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { languages, selectedLanguage },\n  });\n}\n\n/**\n * @deprecated Use languagesChangedEvent instead. This event is kept for backward compatibility.\n */\nexport function languageChangedEvent(\n  language: string,\n): CustomEvent<LanguageChangedEventDetail> {\n  return new CustomEvent(\"language-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { language },\n  });\n}\n\nexport function recordingDevicesChangedEvent(\n  devices: MediaDeviceInfo[],\n  selectedDevice: MediaDeviceInfo | undefined,\n): CustomEvent<RecordingDevicesChangedEventDetail> {\n  return new CustomEvent(\"recording-devices-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { devices, selectedDevice },\n  });\n}\n\nexport function recordingStateChangedEvent(\n  state: RecordingState,\n): CustomEvent<RecordingStateChangedEventDetail> {\n  return new CustomEvent(\"recording-state-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { state },\n  });\n}\n\nexport function transcriptEvent(\n  detail: TranscriptEventDetail,\n): CustomEvent<TranscriptEventDetail> {\n  return new CustomEvent(\"transcript\", {\n    bubbles: true,\n    composed: true,\n    detail,\n  });\n}\n\nexport function commandEvent(\n  detail: CommandEventDetail,\n): CustomEvent<CommandEventDetail> {\n  return new CustomEvent(\"command\", {\n    bubbles: true,\n    composed: true,\n    detail,\n  });\n}\n\nexport function usageEvent(\n  detail: UsageEventDetail,\n): CustomEvent<UsageEventDetail> {\n  return new CustomEvent(\"usage\", {\n    bubbles: true,\n    composed: true,\n    detail,\n  });\n}\n\nexport function errorEvent(error: unknown): CustomEvent<ErrorEventDetail> {\n  const message =\n    error instanceof Error && error.message ? error.message : String(error);\n\n  return new CustomEvent(\"error\", {\n    bubbles: false,\n    composed: true,\n    detail: { message },\n  });\n}\n\nexport function streamClosedEvent(detail: unknown): CustomEvent {\n  return new CustomEvent(\"stream-closed\", {\n    bubbles: true,\n    composed: true,\n    detail,\n  });\n}\n\nexport function readyEvent(): CustomEvent {\n  return new CustomEvent(\"ready\", {\n    bubbles: true,\n    composed: true,\n  });\n}\n\nexport function audioLevelChangedEvent(\n  audioLevel: number,\n): CustomEvent<AudioLevelChangedEventDetail> {\n  return new CustomEvent(\"audio-level-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { audioLevel },\n  });\n}\n\nexport type NetworkActivityEventDetail = {\n  direction: \"sent\" | \"received\";\n  data: unknown;\n};\n\nexport function networkActivityEvent(\n  direction: \"sent\" | \"received\",\n  data: unknown,\n): CustomEvent<NetworkActivityEventDetail> {\n  return new CustomEvent(\"network-activity\", {\n    bubbles: true,\n    composed: true,\n    detail: { data, direction },\n  });\n}\n"]}
+{"version":3,"file":"events.js","sourceRoot":"","sources":["../../src/utils/events.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Corti } from \"@corti/sdk\";\nimport type { DictationMode, RecordingState } from \"../types.js\";\n\nexport type LanguagesChangedEventDetail = {\n  languages: Corti.TranscribeSupportedLanguage[];\n  selectedLanguage: string | undefined;\n};\n\nexport type LanguageChangedEventDetail = {\n  language: string;\n};\n\nexport type RecordingDevicesChangedEventDetail = {\n  devices: MediaDeviceInfo[];\n  selectedDevice: MediaDeviceInfo | undefined;\n};\n\nexport type RecordingStateChangedEventDetail = {\n  state: RecordingState;\n};\n\nexport type AudioLevelChangedEventDetail = {\n  audioLevel: number;\n};\n\nexport type TranscriptEventDetail = Corti.TranscribeTranscriptMessage;\nexport type CommandEventDetail = Corti.TranscribeCommandMessage;\nexport type UsageEventDetail = Corti.TranscribeUsageMessage;\n\nexport type ErrorEventDetail = {\n  message: string;\n};\n\nexport function languagesChangedEvent(\n  languages: Corti.TranscribeSupportedLanguage[],\n  selectedLanguage: string | undefined,\n): CustomEvent<LanguagesChangedEventDetail> {\n  return new CustomEvent(\"languages-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { languages, selectedLanguage },\n  });\n}\n\n/**\n * @deprecated Use languagesChangedEvent instead. This event is kept for backward compatibility.\n */\nexport function languageChangedEvent(\n  language: string,\n): CustomEvent<LanguageChangedEventDetail> {\n  return new CustomEvent(\"language-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { language },\n  });\n}\n\nexport function recordingDevicesChangedEvent(\n  devices: MediaDeviceInfo[],\n  selectedDevice: MediaDeviceInfo | undefined,\n): CustomEvent<RecordingDevicesChangedEventDetail> {\n  return new CustomEvent(\"recording-devices-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { devices, selectedDevice },\n  });\n}\n\nexport function recordingStateChangedEvent(\n  state: RecordingState,\n): CustomEvent<RecordingStateChangedEventDetail> {\n  return new CustomEvent(\"recording-state-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { state },\n  });\n}\n\nexport function transcriptEvent(\n  detail: TranscriptEventDetail,\n): CustomEvent<TranscriptEventDetail> {\n  return new CustomEvent(\"transcript\", {\n    bubbles: true,\n    composed: true,\n    detail,\n  });\n}\n\nexport function commandEvent(\n  detail: CommandEventDetail,\n): CustomEvent<CommandEventDetail> {\n  return new CustomEvent(\"command\", {\n    bubbles: true,\n    composed: true,\n    detail,\n  });\n}\n\nexport function usageEvent(\n  detail: UsageEventDetail,\n): CustomEvent<UsageEventDetail> {\n  return new CustomEvent(\"usage\", {\n    bubbles: true,\n    composed: true,\n    detail,\n  });\n}\n\nexport function errorEvent(error: unknown): CustomEvent<ErrorEventDetail> {\n  const message =\n    error instanceof Error && error.message ? error.message : String(error);\n\n  return new CustomEvent(\"error\", {\n    bubbles: false,\n    composed: true,\n    detail: { message },\n  });\n}\n\nexport function streamClosedEvent(detail: unknown): CustomEvent {\n  return new CustomEvent(\"stream-closed\", {\n    bubbles: true,\n    composed: true,\n    detail,\n  });\n}\n\nexport function readyEvent(): CustomEvent {\n  return new CustomEvent(\"ready\", {\n    bubbles: true,\n    composed: true,\n  });\n}\n\nexport function audioLevelChangedEvent(\n  audioLevel: number,\n): CustomEvent<AudioLevelChangedEventDetail> {\n  return new CustomEvent(\"audio-level-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { audioLevel },\n  });\n}\n\nexport type NetworkActivityEventDetail = {\n  direction: \"sent\" | \"received\";\n  data: unknown;\n};\n\nexport function networkActivityEvent(\n  direction: \"sent\" | \"received\",\n  data: unknown,\n): CustomEvent<NetworkActivityEventDetail> {\n  return new CustomEvent(\"network-activity\", {\n    bubbles: true,\n    composed: true,\n    detail: { data, direction },\n  });\n}\n\nexport type ModeChangedEventDetail = {\n  mode: DictationMode;\n};\n\nexport type KeybindingChangedEventDetail = {\n  key: string | null | undefined;\n  code: string | null | undefined;\n};\n\nexport type KeybindingActivatedEventDetail = {\n  keyboardEvent: KeyboardEvent;\n};\n\nexport function modeChangedEvent(\n  mode: DictationMode,\n): CustomEvent<ModeChangedEventDetail> {\n  return new CustomEvent(\"mode-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { mode },\n  });\n}\n\nexport function keybindingChangedEvent(\n  key: string | null | undefined,\n  code: string | null | undefined,\n): CustomEvent<KeybindingChangedEventDetail> {\n  return new CustomEvent(\"keybinding-changed\", {\n    bubbles: true,\n    composed: true,\n    detail: { code, key },\n  });\n}\n\nexport function keybindingActivatedEvent(\n  keyboardEvent: KeyboardEvent,\n): CustomEvent<KeybindingActivatedEventDetail> {\n  return new CustomEvent(\"keybinding-activated\", {\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n    detail: { keyboardEvent },\n  });\n}\n"]}

package/dist/utils/keybinding.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Normalizes a keybinding string.
+ *
+ * @param keybinding - Keybinding string to normalize
+ * @returns Normalized keybinding string or null if empty
+ *
+ * @example
+ * normalizeKeybinding("k") // "k"
+ * normalizeKeybinding("meta") // "Cmd" on Mac
+ * normalizeKeybinding(" space ") // "Space"
+ */
+export declare function normalizeKeybinding(keybinding: string | null | undefined): string | null;
+/**
+ * Checks if a pressed key matches the keybinding.
+ * Checks both event.key and event.code for better reliability.
+ *
+ * @param event - KeyboardEvent to check
+ * @param keybinding - Keybinding string to match against
+ * @returns true if either the key or code matches the keybinding
+ *
+ * @example
+ * matchesKeybinding(event, "k") // true if event.key is "k" or event.code is "KeyK"
+ * matchesKeybinding(event, "`") // true if event.key is "`" or event.code is "Backquote"
+ */
+export declare function matchesKeybinding(event: KeyboardEvent, keybinding: string | null | undefined): boolean;
+/**
+ * Checks if keybindings should be ignored for the current active element.
+ * Returns true if the user is typing in an input field.
+ *
+ * @param element - Element to check
+ * @returns true if keybindings should be ignored for this element
+ *
+ * @example
+ * shouldIgnoreKeybinding(document.activeElement) // true if input/textarea/contenteditable
+ */
+export declare function shouldIgnoreKeybinding(element: Element | null): boolean;

package/dist/utils/keybinding.js

@@ -0,0 +1,125 @@
+/**
+ * Checks if the current platform is macOS.
+ * Uses userAgent string for reliable cross-browser detection.
+ *
+ * @returns true if running on macOS
+ */
+function isMac() {
+    if (typeof navigator === "undefined") {
+        return false;
+    }
+    // Check user agent for Mac patterns (most reliable method)
+    return /Mac|iPhone|iPad|iPod/.test(navigator.userAgent);
+}
+/**
+ * Capitalizes the first letter of a string.
+ *
+ * @param str - String to capitalize
+ * @returns String with first letter capitalized
+ */
+function capitalize(str) {
+    if (str.length === 0) {
+        return str;
+    }
+    return str.charAt(0).toUpperCase() + str.slice(1);
+}
+/**
+ * Normalizes a key string to the keybinding format.
+ * Handles platform-specific mappings and capitalization.
+ *
+ * @param key - Key string to normalize (will be trimmed and lowercased)
+ * @returns Formatted key string for keybinding
+ *
+ * @example
+ * normalizeKeyForKeybinding("Control") // "Ctrl"
+ * normalizeKeyForKeybinding("META") // "Cmd" on Mac, "Meta" elsewhere
+ * normalizeKeyForKeybinding(" alt ") // "Opt" on Mac, "Alt" elsewhere
+ * normalizeKeyForKeybinding("shift") // "Shift"
+ * normalizeKeyForKeybinding("k") // "k"
+ */
+function normalizeKeyForKeybinding(key) {
+    if (key === " ") {
+        return "Space";
+    }
+    const normalized = key.trim().toLowerCase();
+    if (normalized === "control") {
+        return "Ctrl";
+    }
+    if (normalized === "meta" || normalized === "cmd") {
+        return isMac() ? "Cmd" : "Meta";
+    }
+    if (normalized === "alt" || normalized === "opt") {
+        return isMac() ? "Opt" : "Alt";
+    }
+    if (normalized === "space") {
+        return "Space";
+    }
+    return normalized.length > 1 ? capitalize(normalized) : normalized;
+}
+/**
+ * Normalizes a keybinding string.
+ *
+ * @param keybinding - Keybinding string to normalize
+ * @returns Normalized keybinding string or null if empty
+ *
+ * @example
+ * normalizeKeybinding("k") // "k"
+ * normalizeKeybinding("meta") // "Cmd" on Mac
+ * normalizeKeybinding(" space ") // "Space"
+ */
+export function normalizeKeybinding(keybinding) {
+    if (!keybinding) {
+        return null;
+    }
+    const trimmed = keybinding.trim();
+    if (trimmed === "") {
+        return null;
+    }
+    return normalizeKeyForKeybinding(trimmed);
+}
+/**
+ * Checks if a pressed key matches the keybinding.
+ * Checks both event.key and event.code for better reliability.
+ *
+ * @param event - KeyboardEvent to check
+ * @param keybinding - Keybinding string to match against
+ * @returns true if either the key or code matches the keybinding
+ *
+ * @example
+ * matchesKeybinding(event, "k") // true if event.key is "k" or event.code is "KeyK"
+ * matchesKeybinding(event, "`") // true if event.key is "`" or event.code is "Backquote"
+ */
+export function matchesKeybinding(event, keybinding) {
+    const normalizedKeybinding = normalizeKeybinding(keybinding);
+    if (!normalizedKeybinding) {
+        return false;
+    }
+    const normalizedKey = normalizeKeyForKeybinding(event.key);
+    const normalizedCode = normalizeKeyForKeybinding(event.code);
+    return (normalizedKey === normalizedKeybinding ||
+        normalizedCode === normalizedKeybinding);
+}
+/**
+ * Checks if keybindings should be ignored for the current active element.
+ * Returns true if the user is typing in an input field.
+ *
+ * @param element - Element to check
+ * @returns true if keybindings should be ignored for this element
+ *
+ * @example
+ * shouldIgnoreKeybinding(document.activeElement) // true if input/textarea/contenteditable
+ */
+export function shouldIgnoreKeybinding(element) {
+    if (!element) {
+        return false;
+    }
+    const tagName = element.tagName.toLowerCase();
+    if (tagName === "input" || tagName === "textarea") {
+        return true;
+    }
+    if (element instanceof HTMLElement && element.contentEditable === "true") {
+        return true;
+    }
+    return false;
+}
+//# sourceMappingURL=keybinding.js.map

package/dist/utils/keybinding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keybinding.js","sourceRoot":"","sources":["../../src/utils/keybinding.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Checks if the current platform is macOS.\n * Uses userAgent string for reliable cross-browser detection.\n *\n * @returns true if running on macOS\n */\nfunction isMac(): boolean {\n  if (typeof navigator === \"undefined\") {\n    return false;\n  }\n\n  // Check user agent for Mac patterns (most reliable method)\n  return /Mac|iPhone|iPad|iPod/.test(navigator.userAgent);\n}\n\n/**\n * Capitalizes the first letter of a string.\n *\n * @param str - String to capitalize\n * @returns String with first letter capitalized\n */\nfunction capitalize(str: string): string {\n  if (str.length === 0) {\n    return str;\n  }\n\n  return str.charAt(0).toUpperCase() + str.slice(1);\n}\n\n/**\n * Normalizes a key string to the keybinding format.\n * Handles platform-specific mappings and capitalization.\n *\n * @param key - Key string to normalize (will be trimmed and lowercased)\n * @returns Formatted key string for keybinding\n *\n * @example\n * normalizeKeyForKeybinding(\"Control\") // \"Ctrl\"\n * normalizeKeyForKeybinding(\"META\") // \"Cmd\" on Mac, \"Meta\" elsewhere\n * normalizeKeyForKeybinding(\" alt \") // \"Opt\" on Mac, \"Alt\" elsewhere\n * normalizeKeyForKeybinding(\"shift\") // \"Shift\"\n * normalizeKeyForKeybinding(\"k\") // \"k\"\n */\nfunction normalizeKeyForKeybinding(key: string): string {\n  if (key === \" \") {\n    return \"Space\";\n  }\n\n  const normalized = key.trim().toLowerCase();\n\n  if (normalized === \"control\") {\n    return \"Ctrl\";\n  }\n  if (normalized === \"meta\" || normalized === \"cmd\") {\n    return isMac() ? \"Cmd\" : \"Meta\";\n  }\n  if (normalized === \"alt\" || normalized === \"opt\") {\n    return isMac() ? \"Opt\" : \"Alt\";\n  }\n  if (normalized === \"space\") {\n    return \"Space\";\n  }\n\n  return normalized.length > 1 ? capitalize(normalized) : normalized;\n}\n\n/**\n * Normalizes a keybinding string.\n *\n * @param keybinding - Keybinding string to normalize\n * @returns Normalized keybinding string or null if empty\n *\n * @example\n * normalizeKeybinding(\"k\") // \"k\"\n * normalizeKeybinding(\"meta\") // \"Cmd\" on Mac\n * normalizeKeybinding(\" space \") // \"Space\"\n */\nexport function normalizeKeybinding(\n  keybinding: string | null | undefined,\n): string | null {\n  if (!keybinding) {\n    return null;\n  }\n\n  const trimmed = keybinding.trim();\n\n  if (trimmed === \"\") {\n    return null;\n  }\n\n  return normalizeKeyForKeybinding(trimmed);\n}\n\n/**\n * Checks if a pressed key matches the keybinding.\n * Checks both event.key and event.code for better reliability.\n *\n * @param event - KeyboardEvent to check\n * @param keybinding - Keybinding string to match against\n * @returns true if either the key or code matches the keybinding\n *\n * @example\n * matchesKeybinding(event, \"k\") // true if event.key is \"k\" or event.code is \"KeyK\"\n * matchesKeybinding(event, \"`\") // true if event.key is \"`\" or event.code is \"Backquote\"\n */\nexport function matchesKeybinding(\n  event: KeyboardEvent,\n  keybinding: string | null | undefined,\n): boolean {\n  const normalizedKeybinding = normalizeKeybinding(keybinding);\n\n  if (!normalizedKeybinding) {\n    return false;\n  }\n\n  const normalizedKey = normalizeKeyForKeybinding(event.key);\n  const normalizedCode = normalizeKeyForKeybinding(event.code);\n\n  return (\n    normalizedKey === normalizedKeybinding ||\n    normalizedCode === normalizedKeybinding\n  );\n}\n\n/**\n * Checks if keybindings should be ignored for the current active element.\n * Returns true if the user is typing in an input field.\n *\n * @param element - Element to check\n * @returns true if keybindings should be ignored for this element\n *\n * @example\n * shouldIgnoreKeybinding(document.activeElement) // true if input/textarea/contenteditable\n */\nexport function shouldIgnoreKeybinding(element: Element | null): boolean {\n  if (!element) {\n    return false;\n  }\n\n  const tagName = element.tagName.toLowerCase();\n\n  if (tagName === \"input\" || tagName === \"textarea\") {\n    return true;\n  }\n\n  if (element instanceof HTMLElement && element.contentEditable === \"true\") {\n    return true;\n  }\n\n  return false;\n}\n"]}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@corti/dictation-web",
   "description": "Web component for Corti Dictation",
   "author": "Corti ApS",
-  "version": "0.4.0-rc.2",
+  "version": "0.5.0-rc",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.js",
@@ -58,7 +58,7 @@
     "storybook:build": "tsc && tsc -p tsconfig.stories.json && npm run analyze -- --exclude dist && storybook build"
   },
   "dependencies": {
-    "@corti/sdk": "^0.8.0-rc",
+    "@corti/sdk": "^0.8.0",
     "@lit/context": "^1.1.6",
     "lit": "^3.3.1"
   },

package/dist/CortiDictation.d.ts

@@ -1,55 +0,0 @@
-import { type Corti } from '@corti/sdk';
-import { LitElement } from 'lit';
-import './components/settings-menu.js';
-import './components/audio-visualiser.js';
-import './icons/icons.js';
-import type { ConfigurableSettings, RecordingState, ServerConfig } from './types.js';
-export declare class CortiDictation extends LitElement {
-    static styles: import("lit").CSSResult[];
-    dictationConfig: Corti.TranscribeConfig;
-    languagesSupported: Corti.TranscribeSupportedLanguage[];
-    debug_displayAudio: boolean;
-    settingsEnabled: ConfigurableSettings[];
-    preventButtonFocus: boolean;
-    private _serverConfig;
-    private _audioLevel;
-    private _recordingState;
-    private _selectedDevice;
-    private _devices;
-    private recorderManager;
-    connectedCallback(): Promise<void>;
-    startRecording(): void;
-    stopRecording(): void;
-    toggleRecording(): void;
-    /**
-     * Sets the access token and returns the server configuration.
-     *
-     * NOTE: We decode the token here only for backward compatibility in return values.
-     * The SDK now handles token parsing internally, so this return value should be
-     * reduced in the future to only include necessary fields.
-     */
-    setAccessToken(token: string): {
-        environment: string;
-        tenant: string;
-        accessToken: string;
-        expiresAt: number | undefined;
-    } | undefined;
-    /**
-     * Sets the authentication configuration and returns the server configuration.
-     *
-     * NOTE: We decode tokens here only for backward compatibility in return values.
-     * The SDK now handles token parsing internally, so this return value should be
-     * reduced in the future to only include necessary fields.
-     */
-    setAuthConfig(config: Corti.BearerOptions): Promise<ServerConfig>;
-    get selectedDevice(): MediaDeviceInfo | null;
-    get recordingState(): RecordingState;
-    get devices(): MediaDeviceInfo[];
-    setRecordingDevice(device: MediaDeviceInfo): Promise<void>;
-    setPrimaryLanguage(language: string): void;
-    _onButtonMouseDown(event: MouseEvent): void;
-    _onRecordingDevicesChanged(event: Event): Promise<void>;
-    _onLanguageChanged(event: Event): void;
-    render(): import("lit-html").TemplateResult<1>;
-}
-export default CortiDictation;

package/dist/CortiDictation.js

@@ -1,303 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-// corti-dictation.ts
-import { html, LitElement } from 'lit';
-import { property, state } from 'lit/decorators.js';
-import { RecorderManager } from './RecorderManager.js';
-import './components/settings-menu.js';
-import './components/audio-visualiser.js';
-import './icons/icons.js';
-import ThemeStyles from './styles/theme.js';
-import ButtonStyles from './styles/buttons.js';
-import ComponentStyles from './styles/ComponentStyles.js';
-import { DEFAULT_DICTATION_CONFIG, LANGUAGES_SUPPORTED } from './constants.js';
-import CalloutStyles from './styles/callout.js';
-import { decodeToken } from './utils.js';
-export class CortiDictation extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.dictationConfig = DEFAULT_DICTATION_CONFIG;
-        this.languagesSupported = LANGUAGES_SUPPORTED;
-        this.debug_displayAudio = false;
-        this.settingsEnabled = ["device", "language"];
-        this.preventButtonFocus = true;
-        this._audioLevel = 0;
-        this._recordingState = 'stopped';
-        this._devices = [];
-        this.recorderManager = new RecorderManager();
-    }
-    async connectedCallback() {
-        super.connectedCallback();
-        const devices = await this.recorderManager.initialize();
-        if (devices.selectedDevice) {
-            this._selectedDevice = this.recorderManager.selectedDevice;
-            this._devices = this.recorderManager.devices;
-            this.dispatchEvent(new CustomEvent('ready'));
-        }
-        // Map event names to any extra handling logic
-        const eventHandlers = {
-            'recording-state-changed': e => {
-                this._recordingState = e.detail.state;
-            },
-            'devices-changed': () => {
-                this._devices = [...this.recorderManager.devices];
-                this.requestUpdate();
-            },
-            'audio-level-changed': e => {
-                this._audioLevel = e.detail.audioLevel;
-                this.requestUpdate();
-            },
-        };
-        const eventsToRelay = [
-            'recording-state-changed',
-            'recording-devices-changed',
-            'audio-level-changed',
-            'error',
-            'transcript',
-            'command',
-            'ready',
-            'usage',
-            'stream-closed',
-        ];
-        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: eventName !== 'error',
-                    composed: true,
-                }));
-            });
-        });
-    }
-    startRecording() {
-        if (!this._serverConfig)
-            return;
-        this.recorderManager.startRecording({
-            dictationConfig: this.dictationConfig,
-            serverConfig: this._serverConfig,
-            debug_displayAudio: this.debug_displayAudio,
-        });
-    }
-    stopRecording() {
-        this.recorderManager.stopRecording();
-    }
-    toggleRecording() {
-        if (this._recordingState === 'recording') {
-            this.stopRecording();
-        }
-        else if (this._recordingState === 'stopped') {
-            this.startRecording();
-        }
-    }
-    /**
-     * Sets the access token and returns the server configuration.
-     *
-     * NOTE: We decode the token here only for backward compatibility in return values.
-     * The SDK now handles token parsing internally, so this return value should be
-     * reduced in the future to only include necessary fields.
-     */
-    setAccessToken(token) {
-        try {
-            const decoded = decodeToken(token);
-            this._serverConfig = decoded;
-            return decoded;
-        }
-        catch (e) {
-            throw new Error('Invalid token');
-        }
-    }
-    /**
-     * Sets the authentication configuration and returns the server configuration.
-     *
-     * NOTE: We decode tokens here only for backward compatibility in return values.
-     * The SDK now handles token parsing internally, so this return value should be
-     * reduced in the future to only include necessary fields.
-     */
-    async setAuthConfig(config) {
-        try {
-            const initialToken = 'accessToken' in config
-                ? { accessToken: config.accessToken, refreshToken: config.refreshToken }
-                : await config.refreshAccessToken();
-            if (!initialToken?.accessToken ||
-                typeof initialToken.accessToken !== 'string') {
-                throw new Error('Access token is required and must be a string');
-            }
-            // Decode tokens only for return value compatibility
-            // The SDK handles its own token parsing internally
-            const decoded = decodeToken(initialToken.accessToken);
-            if (!decoded) {
-                throw new Error('Invalid token format');
-            }
-            this._serverConfig = {
-                environment: decoded.environment,
-                tenant: decoded.tenant,
-                accessToken: initialToken.accessToken,
-                refreshToken: config.refreshToken,
-                refreshAccessToken: async (refreshToken) => {
-                    try {
-                        if (!config.refreshAccessToken) {
-                            return {
-                                accessToken: this._serverConfig?.accessToken || 'no_token',
-                                expiresIn: Infinity,
-                                refreshToken,
-                            };
-                        }
-                        const response = await config.refreshAccessToken(refreshToken);
-                        if (this._serverConfig) {
-                            this._serverConfig.accessToken = response.accessToken;
-                            this._serverConfig.refreshToken = response.refreshToken;
-                        }
-                        return response;
-                    }
-                    catch (e) {
-                        throw new Error('Error when refreshing access token');
-                    }
-                },
-            };
-            return this._serverConfig;
-        }
-        catch (e) {
-            throw new Error('Invalid config');
-        }
-    }
-    get selectedDevice() {
-        return this.recorderManager.selectedDevice || null;
-    }
-    get recordingState() {
-        return this._recordingState;
-    }
-    get devices() {
-        return this._devices;
-    }
-    async setRecordingDevice(device) {
-        this.recorderManager.selectedDevice = device;
-        this._selectedDevice = device;
-        if (!this._serverConfig)
-            return;
-        if (this._recordingState === 'recording') {
-            await this.recorderManager.stopRecording();
-            await this.recorderManager.startRecording({
-                dictationConfig: this.dictationConfig,
-                serverConfig: this._serverConfig,
-            });
-        }
-    }
-    setPrimaryLanguage(language) {
-        if (LANGUAGES_SUPPORTED.includes(language)) {
-            this.dictationConfig = {
-                ...this.dictationConfig,
-                primaryLanguage: language,
-            };
-            // If recording is in progress, restart to apply the language change
-            if (this._serverConfig && this._recordingState === 'recording') {
-                this.recorderManager.stopRecording();
-                this.recorderManager.startRecording({
-                    dictationConfig: this.dictationConfig,
-                    serverConfig: this._serverConfig,
-                    debug_displayAudio: this.debug_displayAudio,
-                });
-            }
-        }
-    }
-    _onButtonMouseDown(event) {
-        // Prevent button from taking focus on mouse click
-        // This keeps focus on the textarea
-        if (this.preventButtonFocus) {
-            event.preventDefault();
-        }
-    }
-    // Handle device change events if needed
-    async _onRecordingDevicesChanged(event) {
-        const customEvent = event;
-        this.setRecordingDevice(customEvent.detail.selectedDevice);
-    }
-    // Handle language change events
-    _onLanguageChanged(event) {
-        const customEvent = event;
-        const language = customEvent.detail.language;
-        if (language) {
-            this.setPrimaryLanguage(language);
-        }
-    }
-    render() {
-        if (!this._serverConfig) {
-            return html ` <div style="display: none"></div> `;
-        }
-        const isLoading = this._recordingState === 'initializing' ||
-            this._recordingState === 'stopping';
-        const isRecording = this._recordingState === 'recording';
-        return html `
-      <div class="wrapper">
-        <button
-          @click=${this.toggleRecording}
-          @mousedown=${this._onButtonMouseDown}
-          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>
-
-        ${this.settingsEnabled.length > 0 ? html `
-        <settings-menu
-          .selectedDevice=${this._selectedDevice}
-          .selectedLanguage=${this.dictationConfig.primaryLanguage}
-          ?settingsDisabled=${this._recordingState !== 'stopped'}
-          @recording-devices-changed=${this._onRecordingDevicesChanged}
-          @language-changed=${this._onLanguageChanged}
-          .settingsEnabled=${this.settingsEnabled}
-        ></settings-menu>
-        ` : ''}
-      </div>
-    `;
-    }
-}
-CortiDictation.styles = [ButtonStyles, ThemeStyles, ComponentStyles, CalloutStyles];
-__decorate([
-    property({ type: Object })
-], CortiDictation.prototype, "dictationConfig", void 0);
-__decorate([
-    property({ type: Array })
-], CortiDictation.prototype, "languagesSupported", void 0);
-__decorate([
-    property({ type: Boolean })
-], CortiDictation.prototype, "debug_displayAudio", void 0);
-__decorate([
-    property({ type: Array })
-], CortiDictation.prototype, "settingsEnabled", void 0);
-__decorate([
-    property({ type: Boolean })
-], CortiDictation.prototype, "preventButtonFocus", void 0);
-__decorate([
-    state()
-], CortiDictation.prototype, "_serverConfig", void 0);
-__decorate([
-    state()
-], CortiDictation.prototype, "_audioLevel", void 0);
-__decorate([
-    state()
-], CortiDictation.prototype, "_recordingState", void 0);
-__decorate([
-    state()
-], CortiDictation.prototype, "_selectedDevice", void 0);
-__decorate([
-    state()
-], CortiDictation.prototype, "_devices", void 0);
-export default CortiDictation;
-//# sourceMappingURL=CortiDictation.js.map

package/dist/CortiDictation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CortiDictation.js","sourceRoot":"","sources":["../src/CortiDictation.ts"],"names":[],"mappings":"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","sourcesContent":["import { type Corti } from '@corti/sdk';\n\n// corti-dictation.ts\nimport { html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { RecorderManager } from './RecorderManager.js';\nimport './components/settings-menu.js';\nimport './components/audio-visualiser.js';\nimport './icons/icons.js';\nimport ThemeStyles from './styles/theme.js';\nimport ButtonStyles from './styles/buttons.js';\nimport ComponentStyles from './styles/ComponentStyles.js';\n\nimport type { ConfigurableSettings, RecordingState, ServerConfig } from './types.js';\nimport { DEFAULT_DICTATION_CONFIG, LANGUAGES_SUPPORTED } from './constants.js';\nimport CalloutStyles from './styles/callout.js';\nimport { decodeToken } from './utils.js';\n\nexport class CortiDictation extends LitElement {\n  static styles = [ButtonStyles, ThemeStyles, ComponentStyles, CalloutStyles];\n\n  @property({ type: Object })\n  dictationConfig: Corti.TranscribeConfig = DEFAULT_DICTATION_CONFIG;\n\n  @property({ type: Array })\n  languagesSupported: Corti.TranscribeSupportedLanguage[] = LANGUAGES_SUPPORTED;\n\n  @property({ type: Boolean })\n  debug_displayAudio: boolean = false;\n\n  @property({ type: Array })\n  settingsEnabled: ConfigurableSettings[] = [\"device\", \"language\"];\n  \n  @property({ type: Boolean })\n  preventButtonFocus: boolean = true;\n\n  @state()\n  private _serverConfig: ServerConfig | undefined;\n\n  @state()\n  private _audioLevel: number = 0;\n\n  @state()\n  private _recordingState: RecordingState = 'stopped';\n\n  @state()\n  private _selectedDevice: MediaDeviceInfo | undefined;\n\n  @state()\n  private _devices: MediaDeviceInfo[] = [];\n\n  private recorderManager = new RecorderManager();\n\n  async connectedCallback() {\n    super.connectedCallback();\n    const devices = await this.recorderManager.initialize();\n    if (devices.selectedDevice) {\n      this._selectedDevice = this.recorderManager.selectedDevice;\n      this._devices = this.recorderManager.devices;\n      this.dispatchEvent(new CustomEvent('ready'));\n    }\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      'devices-changed': () => {\n        this._devices = [...this.recorderManager.devices];\n        this.requestUpdate();\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      'recording-devices-changed',\n      'audio-level-changed',\n      'error',\n      'transcript',\n      'command',\n      'ready',\n      'usage',\n      'stream-closed',\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: eventName !== 'error',\n            composed: true,\n          }),\n        );\n      });\n    });\n  }\n\n  public startRecording() {\n    if (!this._serverConfig) return;\n    this.recorderManager.startRecording({\n      dictationConfig: this.dictationConfig,\n      serverConfig: this._serverConfig!,\n      debug_displayAudio: this.debug_displayAudio,\n    });\n  }\n\n  public stopRecording() {\n    this.recorderManager.stopRecording();\n  }\n\n  public toggleRecording() {\n    if (this._recordingState === 'recording') {\n      this.stopRecording();\n    } else if (this._recordingState === 'stopped') {\n      this.startRecording();\n    }\n  }\n\n  /**\n   * Sets the access token and returns the server configuration.\n   *\n   * NOTE: We decode the token here only for backward compatibility in return values.\n   * The SDK now handles token parsing internally, so this return value should be\n   * reduced in the future to only include necessary fields.\n   */\n  public setAccessToken(token: string) {\n    try {\n      const decoded = decodeToken(token);\n      this._serverConfig = decoded;\n      return decoded;\n    } catch (e) {\n      throw new Error('Invalid token');\n    }\n  }\n\n  /**\n   * Sets the authentication configuration and returns the server configuration.\n   *\n   * NOTE: We decode tokens here only for backward compatibility in return values.\n   * The SDK now handles token parsing internally, so this return value should be\n   * reduced in the future to only include necessary fields.\n   */\n  public async setAuthConfig(\n    config: Corti.BearerOptions,\n  ): Promise<ServerConfig> {\n    try {\n      const initialToken =\n        'accessToken' in config\n          ? { accessToken: config.accessToken, refreshToken: config.refreshToken }\n          : await config.refreshAccessToken();\n\n      if (\n        !initialToken?.accessToken ||\n        typeof initialToken.accessToken !== 'string'\n      ) {\n        throw new Error('Access token is required and must be a string');\n      }\n\n      // Decode tokens only for return value compatibility\n      // The SDK handles its own token parsing internally\n      const decoded = decodeToken(initialToken.accessToken);\n\n      if (!decoded) {\n        throw new Error('Invalid token format');\n      }\n\n      this._serverConfig = {\n        environment: decoded.environment,\n        tenant: decoded.tenant,\n        accessToken: initialToken.accessToken,\n        refreshToken: config.refreshToken,\n        refreshAccessToken: async (refreshToken?: string) => {\n          try {\n            if (!config.refreshAccessToken) {\n              return {\n                accessToken: this._serverConfig?.accessToken || 'no_token',\n                expiresIn: Infinity,\n                refreshToken,\n              };\n            }\n\n            const response = await config.refreshAccessToken(refreshToken);\n\n            if (this._serverConfig) {\n              this._serverConfig.accessToken = response.accessToken;\n              this._serverConfig.refreshToken = response.refreshToken;\n            }\n\n            return response;\n          } catch (e) {\n            throw new Error('Error when refreshing access token');\n          }\n        },\n      };\n\n      return this._serverConfig;\n    } catch (e) {\n      throw new Error('Invalid config');\n    }\n  }\n\n  public get selectedDevice(): MediaDeviceInfo | null {\n    return this.recorderManager.selectedDevice || null;\n  }\n\n  public get recordingState(): RecordingState {\n    return this._recordingState;\n  }\n\n  public get devices(): MediaDeviceInfo[] {\n    return this._devices;\n  }\n\n  public async setRecordingDevice(device: MediaDeviceInfo) {\n    this.recorderManager.selectedDevice = device;\n    this._selectedDevice = device;\n    if (!this._serverConfig) return;\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  public setPrimaryLanguage(language: string) {\n    if (LANGUAGES_SUPPORTED.includes(language)) {\n      this.dictationConfig = {\n        ...this.dictationConfig,\n        primaryLanguage: language,\n      };\n\n      // If recording is in progress, restart to apply the language change\n      if (this._serverConfig && this._recordingState === 'recording') {\n        this.recorderManager.stopRecording();\n        this.recorderManager.startRecording({\n          dictationConfig: this.dictationConfig,\n          serverConfig: this._serverConfig,\n          debug_displayAudio: this.debug_displayAudio,\n        });\n      }\n    }\n  }\n\n  _onButtonMouseDown(event: MouseEvent) {\n    // Prevent button from taking focus on mouse click\n    // This keeps focus on the textarea\n    if (this.preventButtonFocus) {\n      event.preventDefault();\n    }\n  }\n\n  // Handle device change events if needed\n  async _onRecordingDevicesChanged(event: Event) {\n    const customEvent = event as CustomEvent;\n    this.setRecordingDevice(customEvent.detail.selectedDevice);\n  }\n\n  // Handle language change events\n  _onLanguageChanged(event: Event) {\n    const customEvent = event as CustomEvent;\n    const language = customEvent.detail.language;\n    if (language) {\n      this.setPrimaryLanguage(language);\n    }\n  }\n\n  render() {\n    if (!this._serverConfig) {\n      return html` <div style=\"display: none\"></div> `;\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          @mousedown=${this._onButtonMouseDown}\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        ${this.settingsEnabled.length > 0 ? html`\n        <settings-menu\n          .selectedDevice=${this._selectedDevice}\n          .selectedLanguage=${this.dictationConfig.primaryLanguage}\n          ?settingsDisabled=${this._recordingState !== 'stopped'}\n          @recording-devices-changed=${this._onRecordingDevicesChanged}\n          @language-changed=${this._onLanguageChanged}\n          .settingsEnabled=${this.settingsEnabled}\n        ></settings-menu>\n        ` : ''}\n      </div>\n    `;\n  }\n}\n\nexport default CortiDictation;\n"]}

package/dist/DictationService.d.ts

@@ -1,16 +0,0 @@
-import { Corti } from '@corti/sdk';
-import type { ServerConfig } from './types.js';
-export declare class DictationService extends EventTarget {
-    private mediaRecorder;
-    private webSocket;
-    private serverConfig;
-    private dictationConfig;
-    private cortiClient;
-    constructor(mediaStream: MediaStream, { dictationConfig, serverConfig, }: {
-        dictationConfig: Corti.TranscribeConfig;
-        serverConfig: ServerConfig;
-    });
-    private dispatchCustomEvent;
-    startRecording(): Promise<void>;
-    stopRecording(): Promise<void>;
-}