@corti/dictation-web 0.2.0 → 0.3.0-rc

package/README.md

@@ -73,14 +73,18 @@ Alternatively, use a CDN to start quickly (not recommended).
 | `selectedDevice`     | Object  | The selected device used for recording (MediaDeviceInfo).                                                                 |
 | `recordingState`     | String  | Current state of recording (`stopped`, `recording`, `initializing` and `stopping`, ).                                     |
 | `dictationConfig`    | Object  | Configuration settings for dictation.                                                                                     |
+| `settingsEnabled`    | Array   | Which settings should be available in the UI. If an empty array is passed, the settings will be disabled entirely. Options are `language` and `devices` |
 | `languagesSupported`    | String[]  | List of all language codes available for use with the Web Component.                                                                                     |
 | `debug_displayAudio` | Boolean | Overrides any device selection and instead uses getDisplayMedia to stream system audio. Should only be used for debugging |
+| `preventButtonFocus` | Boolean | When `true` (default), prevents the start/stop button from taking focus when clicked, allowing textareas or other input elements to maintain focus. Set to `false` to allow the button to receive focus on click. |
 
 ### Methods
 
 | Method                                 | Description                                                      |
 | -------------------------------------- | ---------------------------------------------------------------- |
-| `toggleRecording()`                    | Starts or stops recording.                                       |
+| `startRecording()`                     | Starts a recording.                                              |
+| `stopRecording()`                      | Stops a recording.                                               |
+| `toggleRecording()`                    | Starts or stops recording. Convenience layer on top of the start/stop methods. |
 | `setAccessToken(access_token: string)` | Set the latest access token. This will return the server config. |
 | `setAuthConfig(config: AuthConfig)`    | Set authentication configuration with optional refresh mechanism. |
 
@@ -116,10 +120,12 @@ dictation.setAuthConfig({
   // This function runs before any API call when the access_token is near expiration
   refreshAccessToken: async (refreshToken?: string) => {
       // Custom refresh logic -- get new access_token from server
-      const response = await fetch("https://your-auth-server/refresh", {
+      // if accessToken is not passed to AuthConfig, refreshToken will be `undefined` for the first call,
+      //   then it will be the refreshToken returned from the previous token request
+      const response = await fetch("https://your-auth-server/token", {
           method: "POST", 
           headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ refreshToken: refreshToken }),
+          body: JSON.stringify({ refreshToken }),
       });
       
       const result = await response.json();
@@ -127,9 +133,7 @@ dictation.setAuthConfig({
       // Return in the expected format
       return {
         accessToken: result.accessToken,
-        expiresIn: result.expiresIn || 3600,
         refreshToken: result.refreshToken,
-        refreshExpiresIn: result.refreshExpiresIn,
       };
   }
 });

package/dist/CortiDictation.d.ts

@@ -3,12 +3,14 @@ import { LitElement } from 'lit';
 import './components/settings-menu.js';
 import './components/audio-visualiser.js';
 import './icons/icons.js';
-import type { RecordingState, ServerConfig } from './types.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;
@@ -16,20 +18,36 @@ export declare class CortiDictation extends LitElement {
     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;
-    _toggleRecording(): void;
+    _onButtonMouseDown(event: MouseEvent): void;
     _onRecordingDevicesChanged(event: Event): Promise<void>;
     _onLanguageChanged(event: Event): void;
     render(): import("lit-html").TemplateResult<1>;

package/dist/CortiDictation.js

@@ -23,6 +23,8 @@ export class CortiDictation extends LitElement {
         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 = [];
@@ -59,7 +61,7 @@ export class CortiDictation extends LitElement {
             'command',
             'ready',
             'usage',
-            'stream-closed'
+            'stream-closed',
         ];
         eventsToRelay.forEach(eventName => {
             this.recorderManager.addEventListener(eventName, (e) => {
@@ -77,9 +79,33 @@ export class CortiDictation extends LitElement {
             });
         });
     }
+    startRecording() {
+        if (!this._serverConfig)
+            return;
+        this.recorderManager.startRecording({
+            dictationConfig: this.dictationConfig,
+            serverConfig: this._serverConfig,
+            debug_displayAudio: this.debug_displayAudio,
+        });
+    }
+    stopRecording() {
+        this.recorderManager.stopRecording();
+    }
     toggleRecording() {
-        this._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);
@@ -90,6 +116,13 @@ export class CortiDictation extends LitElement {
             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
@@ -99,11 +132,9 @@ export class CortiDictation extends LitElement {
                 typeof initialToken.accessToken !== 'string') {
                 throw new Error('Access token is required and must be a string');
             }
-            // Remove all the parsing and just pass parameters when we implement token decoding on the SDK side
+            // Decode tokens only for return value compatibility
+            // The SDK handles its own token parsing internally
             const decoded = decodeToken(initialToken.accessToken);
-            const refreshDecoded = initialToken.refreshToken
-                ? decodeToken(initialToken.refreshToken)
-                : undefined;
             if (!decoded) {
                 throw new Error('Invalid token format');
             }
@@ -111,9 +142,7 @@ export class CortiDictation extends LitElement {
                 environment: decoded.environment,
                 tenant: decoded.tenant,
                 accessToken: initialToken.accessToken,
-                expiresAt: decoded.expiresAt,
                 refreshToken: config.refreshToken,
-                refreshExpiresAt: refreshDecoded?.expiresAt,
                 refreshAccessToken: async (refreshToken) => {
                     try {
                         if (!config.refreshAccessToken) {
@@ -124,14 +153,8 @@ export class CortiDictation extends LitElement {
                             };
                         }
                         const response = await config.refreshAccessToken(refreshToken);
-                        const decoded = decodeToken(response.accessToken);
-                        const refreshDecoded = response.refreshToken
-                            ? decodeToken(response.refreshToken)
-                            : undefined;
                         if (this._serverConfig) {
                             this._serverConfig.accessToken = response.accessToken;
-                            this._serverConfig.expiresAt = decoded?.expiresAt;
-                            this._serverConfig.refreshExpiresAt = refreshDecoded?.expiresAt;
                             this._serverConfig.refreshToken = response.refreshToken;
                         }
                         return response;
@@ -144,7 +167,7 @@ export class CortiDictation extends LitElement {
             return this._serverConfig;
         }
         catch (e) {
-            throw new Error('Invalid token');
+            throw new Error('Invalid config');
         }
     }
     get selectedDevice() {
@@ -186,18 +209,11 @@ export class CortiDictation extends LitElement {
             }
         }
     }
-    _toggleRecording() {
-        if (!this._serverConfig)
-            return;
-        if (this._recordingState === 'recording') {
-            this.recorderManager.stopRecording();
-        }
-        else if (this._recordingState === 'stopped') {
-            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
@@ -223,7 +239,8 @@ export class CortiDictation extends LitElement {
         return html `
       <div class="wrapper">
         <button
-          @click=${this._toggleRecording}
+          @click=${this.toggleRecording}
+          @mousedown=${this._onButtonMouseDown}
           class=${isRecording ? 'red' : 'accent'}
         >
           ${isLoading
@@ -237,13 +254,16 @@ export class CortiDictation extends LitElement {
           ></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>
     `;
     }
@@ -258,6 +278,12 @@ __decorate([
 __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);

package/dist/CortiDictation.js.map

@@ -1 +1 @@
-{"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 { 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  @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 toggleRecording() {\n    this._toggleRecording();\n  }\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  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      // Remove all the parsing and just pass parameters when we implement token decoding on the SDK side\n      const decoded = decodeToken(initialToken.accessToken);\n      const refreshDecoded = initialToken.refreshToken\n        ? decodeToken(initialToken.refreshToken)\n        : undefined;\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        expiresAt: decoded.expiresAt,\n        refreshToken: config.refreshToken,\n        refreshExpiresAt: refreshDecoded?.expiresAt,\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            const decoded = decodeToken(response.accessToken);\n            const refreshDecoded = response.refreshToken\n              ? decodeToken(response.refreshToken)\n              : undefined;\n\n            if (this._serverConfig) {\n              this._serverConfig.accessToken = response.accessToken;\n              this._serverConfig.expiresAt = decoded?.expiresAt;\n              this._serverConfig.refreshExpiresAt = refreshDecoded?.expiresAt;\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 token');\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  _toggleRecording() {\n    if (!this._serverConfig) return;\n    if (this._recordingState === 'recording') {\n      this.recorderManager.stopRecording();\n    } else if (this._recordingState === 'stopped') {\n      this.recorderManager.startRecording({\n        dictationConfig: this.dictationConfig,\n        serverConfig: this._serverConfig,\n        debug_displayAudio: this.debug_displayAudio,\n      });\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          class=${isRecording ? 'red' : 'accent'}\n        >\n          ${isLoading\n            ? html` <icon-loading-spinner></icon-loading-spinner>`\n            : isRecording\n              ? html` <icon-recording></icon-recording>`\n              : html` <icon-mic-on></icon-mic-on>`}\n          <audio-visualiser\n            .level=${this._audioLevel}\n            .active=${isRecording}\n          ></audio-visualiser>\n        </button>\n\n        <settings-menu\n          .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        ></settings-menu>\n      </div>\n    `;\n  }\n}\n\nexport default CortiDictation;\n"]}
+{"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.js

@@ -6,24 +6,14 @@ export class DictationService extends EventTarget {
         this.mediaRecorder = new MediaRecorder(mediaStream);
         this.serverConfig = serverConfig;
         this.dictationConfig = dictationConfig;
-        const { environment, tenant: tenantName, expiresAt, refreshExpiresAt, ...authConfig } = serverConfig;
-        // We're forced to convert from expiresAt/refreshExpiresAt here,
+        // We're forced to remove from expiresIn/refreshExpiresIn here,
         // because we recreate connection every time we connect
-        // => access_token will be called every time if we don't store it
         // => it makes expiresIn (we receive from API) out of date
-        const now = Math.floor(Date.now() / 1000);
-        const expiresIn = expiresAt ? expiresAt - now : undefined;
-        const refreshExpiresIn = refreshExpiresAt
-            ? refreshExpiresAt - now
-            : undefined;
+        const { expiresIn, // eslint-disable-line @typescript-eslint/no-unused-vars
+        refreshExpiresIn, // eslint-disable-line @typescript-eslint/no-unused-vars
+        ...authConfig } = serverConfig;
         this.cortiClient = new CortiClient({
-            environment,
-            tenantName,
-            auth: {
-                expiresIn,
-                refreshExpiresIn,
-                ...authConfig,
-            },
+            auth: authConfig,
         });
         this.mediaRecorder.ondataavailable = event => {
             if (this.webSocket?.readyState === WebSocket.OPEN) {

package/dist/DictationService.js.map

@@ -1 +1 @@
-{"version":3,"file":"DictationService.js","sourceRoot":"","sources":["../src/DictationService.ts"],"names":[],"mappings":"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","sourcesContent":["import { CortiClient, Corti } from '@corti/sdk';\n\nimport type { ServerConfig } from './types.js';\nimport { getErrorMessage } from './utils.js';\n\ntype TranscribeSocket = Awaited<\n  ReturnType<CortiClient['transcribe']['connect']>\n>;\n\nexport class DictationService extends EventTarget {\n  private mediaRecorder: MediaRecorder;\n  private webSocket!: TranscribeSocket;\n  private serverConfig: ServerConfig;\n  private dictationConfig: Corti.TranscribeConfig;\n  private cortiClient: CortiClient;\n\n  constructor(\n    mediaStream: MediaStream,\n    {\n      dictationConfig,\n      serverConfig,\n    }: { dictationConfig: Corti.TranscribeConfig; serverConfig: ServerConfig },\n  ) {\n    super();\n    this.mediaRecorder = new MediaRecorder(mediaStream);\n    this.serverConfig = serverConfig;\n    this.dictationConfig = dictationConfig;\n\n    const {\n      environment,\n      tenant: tenantName,\n      expiresAt,\n      refreshExpiresAt,\n      ...authConfig\n    } = serverConfig;\n\n    // We're forced to convert from expiresAt/refreshExpiresAt here,\n    // because we recreate connection every time we connect\n    // => access_token will be called every time if we don't store it\n    // => it makes expiresIn (we receive from API) out of date\n    const now = Math.floor(Date.now() / 1000);\n    const expiresIn = expiresAt ? expiresAt - now : undefined;\n    const refreshExpiresIn = refreshExpiresAt\n      ? refreshExpiresAt - now\n      : undefined;\n\n    this.cortiClient = new CortiClient({\n      environment,\n      tenantName,\n      auth: {\n        expiresIn,\n        refreshExpiresIn,\n        ...authConfig,\n      },\n    });\n\n    this.mediaRecorder.ondataavailable = event => {\n      if (this.webSocket?.readyState === WebSocket.OPEN) {\n        this.webSocket.sendAudio(event.data);\n      }\n    };\n  }\n\n  private dispatchCustomEvent(eventName: string, detail?: unknown): void {\n    this.dispatchEvent(\n      new CustomEvent(eventName, {\n        detail,\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  public async startRecording() {\n    if (!this.serverConfig) {\n      this.dispatchEvent(\n        new CustomEvent('error', {\n          detail: 'Invalid token',\n          bubbles: true,\n          composed: true,\n        }),\n      );\n      return;\n    }\n\n    this.webSocket = await this.cortiClient.transcribe.connect({\n      configuration: this.dictationConfig,\n    });\n\n    this.webSocket.on('message', message => {\n      switch (message.type) {\n        case 'CONFIG_ACCEPTED':\n          this.mediaRecorder.start(250);\n          break;\n        case 'transcript':\n          this.dispatchCustomEvent('transcript', message);\n          break;\n        case 'command':\n          this.dispatchCustomEvent('command', message);\n          break;\n        case 'usage':\n          this.dispatchCustomEvent('usage', message);\n          break;\n        default:\n          console.warn(`Unhandled message type: ${message.type}`);\n          break;\n      }\n    });\n\n    this.webSocket.on('error', event => {\n      this.stopRecording();\n\n      this.dispatchCustomEvent('error', getErrorMessage(event));\n    });\n\n    this.webSocket.on('close', event => {\n      this.dispatchCustomEvent('stream-closed', event);\n    });\n  }\n\n  public async stopRecording(): Promise<void> {\n    this.mediaRecorder?.stop();\n\n    if (this.webSocket.readyState === WebSocket.OPEN) {\n      this.webSocket.sendEnd({\n        type: 'end',\n      });\n    }\n\n    const timeout: NodeJS.Timeout = setTimeout(() => {\n      if (this.webSocket?.readyState === WebSocket.OPEN) {\n        this.webSocket.close();\n      }\n    }, 10000);\n\n    this.webSocket.on('close', (event) => {\n      clearTimeout(timeout);\n      this.dispatchCustomEvent('stream-closed', event);\n    });\n  }\n}\n"]}
+{"version":3,"file":"DictationService.js","sourceRoot":"","sources":["../src/DictationService.ts"],"names":[],"mappings":"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","sourcesContent":["import { CortiClient, Corti } from '@corti/sdk';\n\nimport type { ServerConfig } from './types.js';\nimport { getErrorMessage } from './utils.js';\n\ntype TranscribeSocket = Awaited<\n  ReturnType<CortiClient['transcribe']['connect']>\n>;\n\nexport class DictationService extends EventTarget {\n  private mediaRecorder: MediaRecorder;\n  private webSocket!: TranscribeSocket;\n  private serverConfig: ServerConfig;\n  private dictationConfig: Corti.TranscribeConfig;\n  private cortiClient: CortiClient;\n\n  constructor(\n    mediaStream: MediaStream,\n    {\n      dictationConfig,\n      serverConfig,\n    }: { dictationConfig: Corti.TranscribeConfig; serverConfig: ServerConfig },\n  ) {\n    super();\n    this.mediaRecorder = new MediaRecorder(mediaStream);\n    this.serverConfig = serverConfig;\n    this.dictationConfig = dictationConfig;\n\n    // We're forced to remove from expiresIn/refreshExpiresIn here,\n    // because we recreate connection every time we connect\n    // => it makes expiresIn (we receive from API) out of date\n    const {\n      expiresIn, // eslint-disable-line @typescript-eslint/no-unused-vars\n      refreshExpiresIn, // eslint-disable-line @typescript-eslint/no-unused-vars\n      ...authConfig\n    } = serverConfig;\n\n    this.cortiClient = new CortiClient({\n      auth: authConfig,\n    });\n\n    this.mediaRecorder.ondataavailable = event => {\n      if (this.webSocket?.readyState === WebSocket.OPEN) {\n        this.webSocket.sendAudio(event.data);\n      }\n    };\n  }\n\n  private dispatchCustomEvent(eventName: string, detail?: unknown): void {\n    this.dispatchEvent(\n      new CustomEvent(eventName, {\n        detail,\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  public async startRecording() {\n    if (!this.serverConfig) {\n      this.dispatchEvent(\n        new CustomEvent('error', {\n          detail: 'Invalid token',\n          bubbles: true,\n          composed: true,\n        }),\n      );\n      return;\n    }\n\n    this.webSocket = await this.cortiClient.transcribe.connect({\n      configuration: this.dictationConfig,\n    });\n\n    this.webSocket.on('message', message => {\n      switch (message.type) {\n        case 'CONFIG_ACCEPTED':\n          this.mediaRecorder.start(250);\n          break;\n        case 'transcript':\n          this.dispatchCustomEvent('transcript', message);\n          break;\n        case 'command':\n          this.dispatchCustomEvent('command', message);\n          break;\n        case 'usage':\n          this.dispatchCustomEvent('usage', message);\n          break;\n        default:\n          console.warn(`Unhandled message type: ${message.type}`);\n          break;\n      }\n    });\n\n    this.webSocket.on('error', event => {\n      this.stopRecording();\n\n      this.dispatchCustomEvent('error', getErrorMessage(event));\n    });\n\n    this.webSocket.on('close', event => {\n      this.dispatchCustomEvent('stream-closed', event);\n    });\n  }\n\n  public async stopRecording(): Promise<void> {\n    this.mediaRecorder?.stop();\n\n    if (this.webSocket.readyState === WebSocket.OPEN) {\n      this.webSocket.sendEnd({\n        type: 'end',\n      });\n    }\n\n    const timeout: NodeJS.Timeout = setTimeout(() => {\n      if (this.webSocket?.readyState === WebSocket.OPEN) {\n        this.webSocket.close();\n      }\n    }, 10000);\n\n    this.webSocket.on('close', (event) => {\n      clearTimeout(timeout);\n      this.dispatchCustomEvent('stream-closed', event);\n    });\n  }\n}\n"]}