@corti/dictation-web 0.3.0-rc → 0.4.0-rc

package/dist/src/utils/devices.js

@@ -0,0 +1,53 @@
+/**
+ * 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.
+ *
+ * @returns A promise that resolves when the permission request is complete.
+ * @throws Error if microphone access is denied or unavailable.
+ */
+export async function requestMicAccess() {
+    if (!navigator.permissions) {
+        const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+        stream.getTracks().forEach((track) => {
+            track.stop();
+        });
+        return;
+    }
+    const permissionStatus = await navigator.permissions.query({
+        name: "microphone",
+    });
+    if (permissionStatus.state === "denied") {
+        throw new Error("Microphone permission is denied");
+    }
+    if (permissionStatus.state === "prompt") {
+        const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+        stream.getTracks().forEach((track) => {
+            track.stop();
+        });
+    }
+}
+/**
+ * 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.
+ *  - `defaultDevice`: the first audio input device, if available.
+ * @throws Error if mediaDevices API is unavailable or device enumeration fails.
+ */
+export async function getAudioDevices() {
+    if (!navigator.mediaDevices?.enumerateDevices) {
+        throw new Error("MediaDevices API is not available");
+    }
+    await requestMicAccess();
+    const devices = await navigator.mediaDevices.enumerateDevices();
+    const audioDevices = devices.filter((device) => device.kind === "audioinput");
+    const defaultDevice = audioDevices.length > 0 ? audioDevices[0] : undefined;
+    return { defaultDevice, devices: audioDevices };
+}
+//# sourceMappingURL=devices.js.map

package/dist/src/utils/devices.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devices.js","sourceRoot":"","sources":["../../../src/utils/devices.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,CAAC,KAAK,UAAU,gBAAgB;IACpC,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC;QAC3B,MAAM,MAAM,GAAG,MAAM,SAAS,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;QAE1E,MAAM,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YACnC,KAAK,CAAC,IAAI,EAAE,CAAC;QACf,CAAC,CAAC,CAAC;QAEH,OAAO;IACT,CAAC;IAED,MAAM,gBAAgB,GAAG,MAAM,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC;QACzD,IAAI,EAAE,YAA8B;KACrC,CAAC,CAAC;IAEH,IAAI,gBAAgB,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;QACxC,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC;IACrD,CAAC;IAED,IAAI,gBAAgB,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;QACxC,MAAM,MAAM,GAAG,MAAM,SAAS,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;QAE1E,MAAM,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YACnC,KAAK,CAAC,IAAI,EAAE,CAAC;QACf,CAAC,CAAC,CAAC;IACL,CAAC;AACH,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,KAAK,UAAU,eAAe;IAInC,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,gBAAgB,EAAE,CAAC;QAC9C,MAAM,IAAI,KAAK,CAAC,mCAAmC,CAAC,CAAC;IACvD,CAAC;IAED,MAAM,gBAAgB,EAAE,CAAC;IAEzB,MAAM,OAAO,GAAG,MAAM,SAAS,CAAC,YAAY,CAAC,gBAAgB,EAAE,CAAC;IAChE,MAAM,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC;IAC9E,MAAM,aAAa,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE5E,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC;AAClD,CAAC","sourcesContent":["/**\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.\n *\n * @returns A promise that resolves when the permission request is complete.\n * @throws Error if microphone access is denied or unavailable.\n */\nexport async function requestMicAccess(): Promise<void> {\n  if (!navigator.permissions) {\n    const stream = await navigator.mediaDevices.getUserMedia({ audio: true });\n\n    stream.getTracks().forEach((track) => {\n      track.stop();\n    });\n\n    return;\n  }\n\n  const permissionStatus = await navigator.permissions.query({\n    name: \"microphone\" as PermissionName,\n  });\n\n  if (permissionStatus.state === \"denied\") {\n    throw new Error(\"Microphone permission is denied\");\n  }\n\n  if (permissionStatus.state === \"prompt\") {\n    const stream = await navigator.mediaDevices.getUserMedia({ audio: true });\n\n    stream.getTracks().forEach((track) => {\n      track.stop();\n    });\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 *  - `defaultDevice`: the first audio input device, if available.\n * @throws Error if mediaDevices API is unavailable or device enumeration fails.\n */\nexport async function getAudioDevices(): Promise<{\n  devices: MediaDeviceInfo[];\n  defaultDevice?: MediaDeviceInfo;\n}> {\n  if (!navigator.mediaDevices?.enumerateDevices) {\n    throw new Error(\"MediaDevices API is not available\");\n  }\n\n  await requestMicAccess();\n\n  const devices = await navigator.mediaDevices.enumerateDevices();\n  const audioDevices = devices.filter((device) => device.kind === \"audioinput\");\n  const defaultDevice = audioDevices.length > 0 ? audioDevices[0] : undefined;\n\n  return { defaultDevice, devices: audioDevices };\n}\n"]}

package/dist/src/utils/events.d.ts

@@ -0,0 +1,44 @@
+import type { Corti } from "@corti/sdk";
+import type { RecordingState } from "../types.js";
+export type LanguagesChangedEventDetail = {
+    languages: string[];
+    selectedLanguage: string | undefined;
+};
+export type LanguageChangedEventDetail = {
+    language: string;
+};
+export type RecordingDevicesChangedEventDetail = {
+    devices: MediaDeviceInfo[];
+    selectedDevice: MediaDeviceInfo | undefined;
+};
+export type RecordingStateChangedEventDetail = {
+    state: RecordingState;
+};
+export type AudioLevelChangedEventDetail = {
+    audioLevel: number;
+};
+export type TranscriptEventDetail = Corti.TranscribeTranscriptMessage;
+export type CommandEventDetail = Corti.TranscribeCommandMessage;
+export type UsageEventDetail = Corti.TranscribeUsageMessage;
+export type ErrorEventDetail = {
+    message: string;
+};
+export declare function languagesChangedEvent(languages: string[], selectedLanguage: string | undefined): CustomEvent<LanguagesChangedEventDetail>;
+/**
+ * @deprecated Use languagesChangedEvent instead. This event is kept for backward compatibility.
+ */
+export declare function languageChangedEvent(language: string): CustomEvent<LanguageChangedEventDetail>;
+export declare function recordingDevicesChangedEvent(devices: MediaDeviceInfo[], selectedDevice: MediaDeviceInfo | undefined): CustomEvent<RecordingDevicesChangedEventDetail>;
+export declare function recordingStateChangedEvent(state: RecordingState): CustomEvent<RecordingStateChangedEventDetail>;
+export declare function transcriptEvent(detail: TranscriptEventDetail): CustomEvent<TranscriptEventDetail>;
+export declare function commandEvent(detail: CommandEventDetail): CustomEvent<CommandEventDetail>;
+export declare function usageEvent(detail: UsageEventDetail): CustomEvent<UsageEventDetail>;
+export declare function errorEvent(error: unknown): CustomEvent<ErrorEventDetail>;
+export declare function streamClosedEvent(detail: unknown): CustomEvent;
+export declare function readyEvent(): CustomEvent;
+export declare function audioLevelChangedEvent(audioLevel: number): CustomEvent<AudioLevelChangedEventDetail>;
+export type NetworkActivityEventDetail = {
+    direction: "sent" | "received";
+    data: unknown;
+};
+export declare function networkActivityEvent(direction: "sent" | "received", data: unknown): CustomEvent<NetworkActivityEventDetail>;

package/dist/src/utils/events.js

@@ -0,0 +1,88 @@
+export function languagesChangedEvent(languages, selectedLanguage) {
+    return new CustomEvent("languages-changed", {
+        bubbles: true,
+        composed: true,
+        detail: { languages, selectedLanguage },
+    });
+}
+/**
+ * @deprecated Use languagesChangedEvent instead. This event is kept for backward compatibility.
+ */
+export function languageChangedEvent(language) {
+    return new CustomEvent("language-changed", {
+        bubbles: true,
+        composed: true,
+        detail: { language },
+    });
+}
+export function recordingDevicesChangedEvent(devices, selectedDevice) {
+    return new CustomEvent("recording-devices-changed", {
+        bubbles: true,
+        composed: true,
+        detail: { devices, selectedDevice },
+    });
+}
+export function recordingStateChangedEvent(state) {
+    return new CustomEvent("recording-state-changed", {
+        bubbles: true,
+        composed: true,
+        detail: { state },
+    });
+}
+export function transcriptEvent(detail) {
+    return new CustomEvent("transcript", {
+        bubbles: true,
+        composed: true,
+        detail,
+    });
+}
+export function commandEvent(detail) {
+    return new CustomEvent("command", {
+        bubbles: true,
+        composed: true,
+        detail,
+    });
+}
+export function usageEvent(detail) {
+    return new CustomEvent("usage", {
+        bubbles: true,
+        composed: true,
+        detail,
+    });
+}
+export function errorEvent(error) {
+    const message = error instanceof Error && error.message ? error.message : String(error);
+    return new CustomEvent("error", {
+        bubbles: false,
+        composed: true,
+        detail: { message },
+    });
+}
+export function streamClosedEvent(detail) {
+    return new CustomEvent("stream-closed", {
+        bubbles: true,
+        composed: true,
+        detail,
+    });
+}
+export function readyEvent() {
+    return new CustomEvent("ready", {
+        bubbles: true,
+        composed: true,
+    });
+}
+export function audioLevelChangedEvent(audioLevel) {
+    return new CustomEvent("audio-level-changed", {
+        bubbles: true,
+        composed: true,
+        detail: { audioLevel },
+    });
+}
+export function networkActivityEvent(direction, data) {
+    return new CustomEvent("network-activity", {
+        bubbles: true,
+        composed: true,
+        detail: { data, direction },
+    });
+}
+//# sourceMappingURL=events.js.map

package/dist/src/utils/events.js.map

@@ -0,0 +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: string[];\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: string[],\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"]}

package/dist/src/utils/languages.d.ts

@@ -0,0 +1,7 @@
+export declare const DEFAULT_LANGUAGES_BY_REGION: Record<string, string[]>;
+export declare function getLanguageName(languageCode: string): string;
+export declare function checkIfDefaultLanguagesList(languages?: string[]): boolean;
+export declare function getLanguagesByRegion(region?: string): {
+    languages: string[];
+    defaultLanguage: string | undefined;
+};

package/dist/src/utils/languages.js

@@ -0,0 +1,29 @@
+import { LANGUAGES_SUPPORTED_EU, LANGUAGES_SUPPORTED_US, } from "../constants.js";
+export const DEFAULT_LANGUAGES_BY_REGION = {
+    default: LANGUAGES_SUPPORTED_EU,
+    eu: LANGUAGES_SUPPORTED_EU,
+    us: LANGUAGES_SUPPORTED_US,
+};
+export function getLanguageName(languageCode) {
+    try {
+        const userLocale = navigator.language || "en";
+        const displayNames = new Intl.DisplayNames([userLocale], {
+            type: "language",
+        });
+        const languageName = displayNames.of(languageCode);
+        return languageName || languageCode;
+    }
+    catch {
+        return languageCode;
+    }
+}
+export function checkIfDefaultLanguagesList(languages = []) {
+    return Object.values(DEFAULT_LANGUAGES_BY_REGION).some((languageList) => languageList === languages);
+}
+export function getLanguagesByRegion(region) {
+    const languages = DEFAULT_LANGUAGES_BY_REGION[region || "default"] ||
+        DEFAULT_LANGUAGES_BY_REGION["default"];
+    const defaultLanguage = languages?.[0];
+    return { defaultLanguage, languages };
+}
+//# sourceMappingURL=languages.js.map

package/dist/src/utils/languages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"languages.js","sourceRoot":"","sources":["../../../src/utils/languages.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,CAAC,MAAM,2BAA2B,GAA6B;IACnE,OAAO,EAAE,sBAAsB;IAC/B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;CAC3B,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,YAAoB;IAClD,IAAI,CAAC;QACH,MAAM,UAAU,GAAG,SAAS,CAAC,QAAQ,IAAI,IAAI,CAAC;QAC9C,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,UAAU,CAAC,EAAE;YACvD,IAAI,EAAE,UAAU;SACjB,CAAC,CAAC;QACH,MAAM,YAAY,GAAG,YAAY,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;QAEnD,OAAO,YAAY,IAAI,YAAY,CAAC;IACtC,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,YAAY,CAAC;IACtB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,2BAA2B,CAAC,YAAsB,EAAE;IAClE,OAAO,MAAM,CAAC,MAAM,CAAC,2BAA2B,CAAC,CAAC,IAAI,CACpD,CAAC,YAAY,EAAE,EAAE,CAAC,YAAY,KAAK,SAAS,CAC7C,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,MAAe;IAIlD,MAAM,SAAS,GACb,2BAA2B,CAAC,MAAM,IAAI,SAAS,CAAC;QAChD,2BAA2B,CAAC,SAAS,CAAC,CAAC;IACzC,MAAM,eAAe,GAAG,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;IAEvC,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC;AACxC,CAAC","sourcesContent":["import {\n  LANGUAGES_SUPPORTED_EU,\n  LANGUAGES_SUPPORTED_US,\n} from \"../constants.js\";\n\nexport const DEFAULT_LANGUAGES_BY_REGION: Record<string, string[]> = {\n  default: LANGUAGES_SUPPORTED_EU,\n  eu: LANGUAGES_SUPPORTED_EU,\n  us: LANGUAGES_SUPPORTED_US,\n};\n\nexport function getLanguageName(languageCode: string): string {\n  try {\n    const userLocale = navigator.language || \"en\";\n    const displayNames = new Intl.DisplayNames([userLocale], {\n      type: \"language\",\n    });\n    const languageName = displayNames.of(languageCode);\n\n    return languageName || languageCode;\n  } catch {\n    return languageCode;\n  }\n}\n\nexport function checkIfDefaultLanguagesList(languages: string[] = []): boolean {\n  return Object.values(DEFAULT_LANGUAGES_BY_REGION).some(\n    (languageList) => languageList === languages,\n  );\n}\n\nexport function getLanguagesByRegion(region?: string): {\n  languages: string[];\n  defaultLanguage: string | undefined;\n} {\n  const languages =\n    DEFAULT_LANGUAGES_BY_REGION[region || \"default\"] ||\n    DEFAULT_LANGUAGES_BY_REGION[\"default\"];\n  const defaultLanguage = languages?.[0];\n\n  return { defaultLanguage, languages };\n}\n"]}

package/dist/src/utils/media.d.ts

@@ -0,0 +1,6 @@
+export declare function getMediaStream(deviceId?: string, debug_displayAudio?: boolean): Promise<MediaStream>;
+export declare function createAudioAnalyzer(mediaStream: MediaStream): {
+    audioContext: AudioContext;
+    analyser: AnalyserNode;
+};
+export declare function calculateAudioLevel(analyser: AnalyserNode): number;

package/dist/src/utils/media.js

@@ -0,0 +1,39 @@
+export async function getMediaStream(deviceId, debug_displayAudio) {
+    if (debug_displayAudio) {
+        const stream = await navigator.mediaDevices.getDisplayMedia({
+            audio: true,
+            video: true,
+        });
+        stream.getTracks().forEach((track) => {
+            if (track.kind === "video") {
+                stream.removeTrack(track);
+            }
+        });
+        return stream;
+    }
+    if (!deviceId) {
+        throw new Error("No device ID provided");
+    }
+    const constraints = deviceId !== "default"
+        ? { audio: { deviceId: { exact: deviceId } } }
+        : { audio: true };
+    return await navigator.mediaDevices.getUserMedia(constraints);
+}
+export function createAudioAnalyzer(mediaStream) {
+    const audioContext = new AudioContext();
+    const source = audioContext.createMediaStreamSource(mediaStream);
+    const analyser = audioContext.createAnalyser();
+    analyser.fftSize = 8192;
+    source.connect(analyser);
+    return { analyser, audioContext };
+}
+export function calculateAudioLevel(analyser) {
+    const dataArray = new Uint8Array(analyser.fftSize);
+    analyser.getByteTimeDomainData(dataArray);
+    const sumSquares = Array.from(dataArray).reduce((sum, value) => {
+        const normalized = (value - 128) / 128;
+        return sum + normalized * normalized;
+    }, 0);
+    return Math.sqrt(sumSquares / dataArray.length);
+}
+//# sourceMappingURL=media.js.map

package/dist/src/utils/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","sourceRoot":"","sources":["../../../src/utils/media.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,KAAK,UAAU,cAAc,CAClC,QAAiB,EACjB,kBAA4B;IAE5B,IAAI,kBAAkB,EAAE,CAAC;QACvB,MAAM,MAAM,GAAG,MAAM,SAAS,CAAC,YAAY,CAAC,eAAe,CAAC;YAC1D,KAAK,EAAE,IAAI;YACX,KAAK,EAAE,IAAI;SACZ,CAAC,CAAC;QAEH,MAAM,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YACnC,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;gBAC3B,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CAAC,uBAAuB,CAAC,CAAC;IAC3C,CAAC;IAED,MAAM,WAAW,GACf,QAAQ,KAAK,SAAS;QACpB,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;QAC9C,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IAEtB,OAAO,MAAM,SAAS,CAAC,YAAY,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;AAChE,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,WAAwB;IAI1D,MAAM,YAAY,GAAG,IAAI,YAAY,EAAE,CAAC;IACxC,MAAM,MAAM,GAAG,YAAY,CAAC,uBAAuB,CAAC,WAAW,CAAC,CAAC;IACjE,MAAM,QAAQ,GAAG,YAAY,CAAC,cAAc,EAAE,CAAC;IAE/C,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;IAExB,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEzB,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC;AACpC,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,QAAsB;IACxD,MAAM,SAAS,GAAG,IAAI,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACnD,QAAQ,CAAC,qBAAqB,CAAC,SAAS,CAAC,CAAC;IAE1C,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QAC7D,MAAM,UAAU,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;QACvC,OAAO,GAAG,GAAG,UAAU,GAAG,UAAU,CAAC;IACvC,CAAC,EAAE,CAAC,CAAC,CAAC;IAEN,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AAClD,CAAC","sourcesContent":["export async function getMediaStream(\n  deviceId?: string,\n  debug_displayAudio?: boolean,\n): Promise<MediaStream> {\n  if (debug_displayAudio) {\n    const stream = await navigator.mediaDevices.getDisplayMedia({\n      audio: true,\n      video: true,\n    });\n\n    stream.getTracks().forEach((track) => {\n      if (track.kind === \"video\") {\n        stream.removeTrack(track);\n      }\n    });\n\n    return stream;\n  }\n\n  if (!deviceId) {\n    throw new Error(\"No device ID provided\");\n  }\n\n  const constraints: MediaStreamConstraints =\n    deviceId !== \"default\"\n      ? { audio: { deviceId: { exact: deviceId } } }\n      : { audio: true };\n\n  return await navigator.mediaDevices.getUserMedia(constraints);\n}\n\nexport function createAudioAnalyzer(mediaStream: MediaStream): {\n  audioContext: AudioContext;\n  analyser: AnalyserNode;\n} {\n  const audioContext = new AudioContext();\n  const source = audioContext.createMediaStreamSource(mediaStream);\n  const analyser = audioContext.createAnalyser();\n\n  analyser.fftSize = 8192;\n\n  source.connect(analyser);\n\n  return { analyser, audioContext };\n}\n\nexport function calculateAudioLevel(analyser: AnalyserNode): number {\n  const dataArray = new Uint8Array(analyser.fftSize);\n  analyser.getByteTimeDomainData(dataArray);\n\n  const sumSquares = Array.from(dataArray).reduce((sum, value) => {\n    const normalized = (value - 128) / 128;\n    return sum + normalized * normalized;\n  }, 0);\n\n  return Math.sqrt(sumSquares / dataArray.length);\n}\n"]}

package/dist/src/utils/token.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Decodes a JWT token and extracts environment and tenant information.
+ *
+ * @param token - The JWT token to decode
+ * @returns Object containing environment, tenant, accessToken, and expiresAt
+ * @throws Error if token format is invalid or cannot be decoded
+ */
+export declare function decodeToken(token: string): {
+    accessToken: string;
+    environment: string;
+    expiresAt: number | undefined;
+    tenant: string;
+};

package/dist/src/utils/token.js

@@ -0,0 +1,60 @@
+/**
+ * Decodes a JWT token and extracts environment and tenant information.
+ *
+ * @param token - The JWT token to decode
+ * @returns Object containing environment, tenant, accessToken, and expiresAt
+ * @throws Error if token format is invalid or cannot be decoded
+ */
+export function decodeToken(token) {
+    // Validate the token structure (should contain at least header and payload parts)
+    const parts = token.split(".");
+    if (parts.length < 2) {
+        throw new Error("Invalid token format");
+    }
+    // Retrieve the payload (second part) of the JWT token
+    const base64Url = parts[1];
+    // Replace URL-safe characters to match standard base64 encoding
+    const base64 = base64Url.replace(/-/g, "+").replace(/_/g, "/");
+    // Decode the base64 string into a JSON string
+    let jsonPayload;
+    try {
+        jsonPayload = decodeURIComponent(atob(base64)
+            .split("")
+            .map((c) => "%" + ("00" + c.charCodeAt(0).toString(16)).slice(-2))
+            .join(""));
+    }
+    catch (error) {
+        throw new Error("Failed to decode token payload");
+    }
+    // Parse the JSON string to obtain token details
+    let tokenDetails;
+    try {
+        tokenDetails = JSON.parse(jsonPayload);
+    }
+    catch (error) {
+        throw new Error("Invalid JSON payload in token");
+    }
+    // Extract the issuer URL from the token details
+    const issuerUrl = tokenDetails.iss;
+    if (!issuerUrl) {
+        throw new Error("Token payload does not contain an issuer (iss) field");
+    }
+    // Regex to extract environment and tenant from issuer URL:
+    // Expected format: https://keycloak.{environment}.corti.app/realms/{tenant}
+    const regex = /^https:\/\/(keycloak|auth)\.([^.]+)\.corti\.app\/realms\/([^/]+)/;
+    const match = issuerUrl.match(regex);
+    if (!match) {
+        throw new Error("Access token does not match expected format");
+    }
+    // If the issuer URL matches the expected pattern, return the extracted values along with the token
+    const expiresAt = tokenDetails.exp && typeof tokenDetails.exp === "number"
+        ? tokenDetails.exp
+        : undefined;
+    return {
+        accessToken: token,
+        environment: match[2],
+        expiresAt,
+        tenant: match[3],
+    };
+}
+//# sourceMappingURL=token.js.map

package/dist/src/utils/token.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"token.js","sourceRoot":"","sources":["../../../src/utils/token.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CAAC,KAAa;IACvC,kFAAkF;IAClF,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC/B,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACrB,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;IAC1C,CAAC;IAED,sDAAsD;IACtD,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IAE3B,gEAAgE;IAChE,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IAE/D,8CAA8C;IAC9C,IAAI,WAAmB,CAAC;IACxB,IAAI,CAAC;QACH,WAAW,GAAG,kBAAkB,CAC9B,IAAI,CAAC,MAAM,CAAC;aACT,KAAK,CAAC,EAAE,CAAC;aACT,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;aACjE,IAAI,CAAC,EAAE,CAAC,CACZ,CAAC;IACJ,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,MAAM,IAAI,KAAK,CAAC,gCAAgC,CAAC,CAAC;IACpD,CAAC;IAED,gDAAgD;IAChD,IAAI,YAAmE,CAAC;IACxE,IAAI,CAAC;QACH,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IACzC,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC;IACnD,CAAC;IAED,gDAAgD;IAChD,MAAM,SAAS,GAAW,YAAY,CAAC,GAAG,CAAC;IAC3C,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAC;IAC1E,CAAC;IAED,2DAA2D;IAC3D,4EAA4E;IAC5E,MAAM,KAAK,GACT,kEAAkE,CAAC;IACrE,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAErC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAC;IACjE,CAAC;IAED,mGAAmG;IACnG,MAAM,SAAS,GACb,YAAY,CAAC,GAAG,IAAI,OAAO,YAAY,CAAC,GAAG,KAAK,QAAQ;QACtD,CAAC,CAAC,YAAY,CAAC,GAAG;QAClB,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO;QACL,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;QACrB,SAAS;QACT,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;KACjB,CAAC;AACJ,CAAC","sourcesContent":["/**\n * Decodes a JWT token and extracts environment and tenant information.\n *\n * @param token - The JWT token to decode\n * @returns Object containing environment, tenant, accessToken, and expiresAt\n * @throws Error if token format is invalid or cannot be decoded\n */\nexport function decodeToken(token: string) {\n  // Validate the token structure (should contain at least header and payload parts)\n  const parts = token.split(\".\");\n  if (parts.length < 2) {\n    throw new Error(\"Invalid token format\");\n  }\n\n  // Retrieve the payload (second part) of the JWT token\n  const base64Url = parts[1];\n\n  // Replace URL-safe characters to match standard base64 encoding\n  const base64 = base64Url.replace(/-/g, \"+\").replace(/_/g, \"/\");\n\n  // Decode the base64 string into a JSON string\n  let jsonPayload: string;\n  try {\n    jsonPayload = decodeURIComponent(\n      atob(base64)\n        .split(\"\")\n        .map((c) => \"%\" + (\"00\" + c.charCodeAt(0).toString(16)).slice(-2))\n        .join(\"\"),\n    );\n  } catch (error) {\n    throw new Error(\"Failed to decode token payload\");\n  }\n\n  // Parse the JSON string to obtain token details\n  let tokenDetails: { iss: string; exp?: number; [key: string]: unknown };\n  try {\n    tokenDetails = JSON.parse(jsonPayload);\n  } catch (error) {\n    throw new Error(\"Invalid JSON payload in token\");\n  }\n\n  // Extract the issuer URL from the token details\n  const issuerUrl: string = tokenDetails.iss;\n  if (!issuerUrl) {\n    throw new Error(\"Token payload does not contain an issuer (iss) field\");\n  }\n\n  // Regex to extract environment and tenant from issuer URL:\n  // Expected format: https://keycloak.{environment}.corti.app/realms/{tenant}\n  const regex =\n    /^https:\\/\\/(keycloak|auth)\\.([^.]+)\\.corti\\.app\\/realms\\/([^/]+)/;\n  const match = issuerUrl.match(regex);\n\n  if (!match) {\n    throw new Error(\"Access token does not match expected format\");\n  }\n\n  // If the issuer URL matches the expected pattern, return the extracted values along with the token\n  const expiresAt =\n    tokenDetails.exp && typeof tokenDetails.exp === \"number\"\n      ? tokenDetails.exp\n      : undefined;\n\n  return {\n    accessToken: token,\n    environment: match[2],\n    expiresAt,\n    tenant: match[3],\n  };\n}\n"]}

package/dist/src/utils/validation.d.ts

@@ -0,0 +1 @@
+export declare function normalizeToRange(value: number, min?: number, max?: number): number;

package/dist/src/utils/validation.js

@@ -0,0 +1,7 @@
+export function normalizeToRange(value, min = 0, max = 1) {
+    if (Number.isNaN(value) || !Number.isFinite(value)) {
+        return min;
+    }
+    return Math.max(min, Math.min(max, value));
+}
+//# sourceMappingURL=validation.js.map

package/dist/src/utils/validation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validation.js","sourceRoot":"","sources":["../../../src/utils/validation.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,gBAAgB,CAC9B,KAAa,EACb,MAAc,CAAC,EACf,MAAc,CAAC;IAEf,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QACnD,OAAO,GAAG,CAAC;IACb,CAAC;IAED,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;AAC7C,CAAC","sourcesContent":["export function normalizeToRange(\n  value: number,\n  min: number = 0,\n  max: number = 1,\n): number {\n  if (Number.isNaN(value) || !Number.isFinite(value)) {\n    return min;\n  }\n\n  return Math.max(min, Math.min(max, value));\n}\n"]}

package/dist/stories/audio-visualiser.stories.d.ts

@@ -0,0 +1,39 @@
+import { type TemplateResult } from "lit";
+import "../src/components/audio-visualiser.js";
+import "../src/contexts/dictation-context.js";
+declare const _default: {
+    argTypes: {
+        active: {
+            control: string;
+            description: string;
+        };
+        level: {
+            control: {
+                max: number;
+                min: number;
+                step: number;
+                type: string;
+            };
+            description: string;
+        };
+    };
+    component: string;
+    title: string;
+};
+export default _default;
+interface Story<T> {
+    (args: T): TemplateResult;
+    args?: Partial<T>;
+    argTypes?: Record<string, unknown>;
+}
+interface AudioVisualiserArgTypes {
+    level?: number;
+    active?: boolean;
+}
+export declare const Default: Story<AudioVisualiserArgTypes>;
+export declare const Inactive: Story<AudioVisualiserArgTypes>;
+export declare const Low: Story<AudioVisualiserArgTypes>;
+export declare const Medium: Story<AudioVisualiserArgTypes>;
+export declare const High: Story<AudioVisualiserArgTypes>;
+export declare const Full: Story<AudioVisualiserArgTypes>;
+export declare const Silent: Story<AudioVisualiserArgTypes>;

package/dist/stories/audio-visualiser.stories.js

@@ -0,0 +1,71 @@
+import { html } from "lit";
+import "../src/components/audio-visualiser.js";
+import "../src/contexts/dictation-context.js";
+export default {
+    argTypes: {
+        active: {
+            control: "boolean",
+            description: "Whether the visualiser is active",
+        },
+        level: {
+            control: { max: 1, min: 0, step: 0.01, type: "range" },
+            description: "Audio level from 0 to 1",
+        },
+    },
+    component: "audio-visualiser",
+    title: "AudioVisualiser",
+};
+const AudioVisualiserTemplate = ({ level = 0, active = true, }) => {
+    if (!active) {
+        return html `
+      <dictation-context-provider ?noWrapper=${true}>
+        <div style="height: 100px;">
+          <audio-visualiser level=${level}></audio-visualiser>
+        </div>
+      </dictation-context-provider>
+    `;
+    }
+    return html `
+    <dictation-context-provider ?noWrapper=${true}>
+      <div style="height: 100px;">
+        <audio-visualiser level=${level} active></audio-visualiser>
+      </div>
+    </dictation-context-provider>
+  `;
+};
+export const Default = AudioVisualiserTemplate.bind({});
+Default.args = {
+    active: true,
+    level: 0.5,
+};
+export const Inactive = AudioVisualiserTemplate.bind({});
+Inactive.args = {
+    active: false,
+    level: 0.5,
+};
+export const Low = AudioVisualiserTemplate.bind({});
+Low.args = {
+    active: true,
+    level: 0.2,
+};
+export const Medium = AudioVisualiserTemplate.bind({});
+Medium.args = {
+    active: true,
+    level: 0.5,
+};
+export const High = AudioVisualiserTemplate.bind({});
+High.args = {
+    active: true,
+    level: 0.8,
+};
+export const Full = AudioVisualiserTemplate.bind({});
+Full.args = {
+    active: true,
+    level: 1.0,
+};
+export const Silent = AudioVisualiserTemplate.bind({});
+Silent.args = {
+    active: true,
+    level: 0,
+};
+//# sourceMappingURL=audio-visualiser.stories.js.map

package/dist/stories/audio-visualiser.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-visualiser.stories.js","sourceRoot":"","sources":["../../stories/audio-visualiser.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAEhD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,sCAAsC,CAAC;AAE9C,eAAe;IACb,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,kCAAkC;SAChD;QACD,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE;YACtD,WAAW,EAAE,yBAAyB;SACvC;KACF;IACD,SAAS,EAAE,kBAAkB;IAC7B,KAAK,EAAE,iBAAiB;CACzB,CAAC;AAaF,MAAM,uBAAuB,GAAmC,CAAC,EAC/D,KAAK,GAAG,CAAC,EACT,MAAM,GAAG,IAAI,GACW,EAAE,EAAE;IAC5B,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAA;+CACgC,IAAI;;oCAEf,KAAK;;;KAGpC,CAAC;IACJ,CAAC;IAED,OAAO,IAAI,CAAA;6CACgC,IAAI;;kCAEf,KAAK;;;GAGpC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,uBAAuB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxD,OAAO,CAAC,IAAI,GAAG;IACb,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,GAAG;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,uBAAuB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzD,QAAQ,CAAC,IAAI,GAAG;IACd,MAAM,EAAE,KAAK;IACb,KAAK,EAAE,GAAG;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAG,uBAAuB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpD,GAAG,CAAC,IAAI,GAAG;IACT,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,GAAG;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,uBAAuB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvD,MAAM,CAAC,IAAI,GAAG;IACZ,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,GAAG;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,uBAAuB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACrD,IAAI,CAAC,IAAI,GAAG;IACV,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,GAAG;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,uBAAuB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACrD,IAAI,CAAC,IAAI,GAAG;IACV,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,GAAG;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,uBAAuB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvD,MAAM,CAAC,IAAI,GAAG;IACZ,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,CAAC;CACT,CAAC","sourcesContent":["import { html, type TemplateResult } from \"lit\";\n\nimport \"../src/components/audio-visualiser.js\";\nimport \"../src/contexts/dictation-context.js\";\n\nexport default {\n  argTypes: {\n    active: {\n      control: \"boolean\",\n      description: \"Whether the visualiser is active\",\n    },\n    level: {\n      control: { max: 1, min: 0, step: 0.01, type: \"range\" },\n      description: \"Audio level from 0 to 1\",\n    },\n  },\n  component: \"audio-visualiser\",\n  title: \"AudioVisualiser\",\n};\n\ninterface Story<T> {\n  (args: T): TemplateResult;\n  args?: Partial<T>;\n  argTypes?: Record<string, unknown>;\n}\n\ninterface AudioVisualiserArgTypes {\n  level?: number;\n  active?: boolean;\n}\n\nconst AudioVisualiserTemplate: Story<AudioVisualiserArgTypes> = ({\n  level = 0,\n  active = true,\n}: AudioVisualiserArgTypes) => {\n  if (!active) {\n    return html`\n      <dictation-context-provider ?noWrapper=${true}>\n        <div style=\"height: 100px;\">\n          <audio-visualiser level=${level}></audio-visualiser>\n        </div>\n      </dictation-context-provider>\n    `;\n  }\n\n  return html`\n    <dictation-context-provider ?noWrapper=${true}>\n      <div style=\"height: 100px;\">\n        <audio-visualiser level=${level} active></audio-visualiser>\n      </div>\n    </dictation-context-provider>\n  `;\n};\n\nexport const Default = AudioVisualiserTemplate.bind({});\nDefault.args = {\n  active: true,\n  level: 0.5,\n};\n\nexport const Inactive = AudioVisualiserTemplate.bind({});\nInactive.args = {\n  active: false,\n  level: 0.5,\n};\n\nexport const Low = AudioVisualiserTemplate.bind({});\nLow.args = {\n  active: true,\n  level: 0.2,\n};\n\nexport const Medium = AudioVisualiserTemplate.bind({});\nMedium.args = {\n  active: true,\n  level: 0.5,\n};\n\nexport const High = AudioVisualiserTemplate.bind({});\nHigh.args = {\n  active: true,\n  level: 0.8,\n};\n\nexport const Full = AudioVisualiserTemplate.bind({});\nFull.args = {\n  active: true,\n  level: 1.0,\n};\n\nexport const Silent = AudioVisualiserTemplate.bind({});\nSilent.args = {\n  active: true,\n  level: 0,\n};\n"]}

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

@@ -0,0 +1,27 @@
+import { type TemplateResult } from "lit";
+import "../src/components/corti-dictation.js";
+declare const _default: {
+    argTypes: {
+        accessToken: {
+            control: string;
+            description: string;
+        };
+    };
+    component: string;
+    title: string;
+};
+export default _default;
+interface Story<T> {
+    (args: T): TemplateResult;
+    args?: Partial<T>;
+    argTypes?: Record<string, unknown>;
+}
+interface StoryArgs {
+    accessToken?: string;
+}
+export declare const DefaultValues: Story<StoryArgs>;
+export declare const OnlyLanguageSettings: Story<StoryArgs>;
+export declare const OnlyDeviceSettings: Story<StoryArgs>;
+export declare const NoSettings: Story<StoryArgs>;
+export declare const WithCustomLanguages: Story<StoryArgs>;
+export declare const WithLanguagesAttribute: Story<StoryArgs>;