@speechos/client 0.2.9 → 0.2.10

package/dist/config.d.ts

@@ -32,6 +32,14 @@ export interface SpeechOSClientConfig extends SpeechOSCoreConfig {
      * Default: false
      */
     alwaysVisible?: boolean;
+    /**
+     * Use external settings page instead of built-in settings modal.
+     * When true, clicking the settings button opens /a/extension-settings
+     * at the configured host URL in a new tab.
+     *
+     * Default: false
+     */
+    useExternalSettings?: boolean;
 }
 /**
  * Resolved client config with defaults applied
@@ -40,6 +48,7 @@ export interface ResolvedClientConfig {
     commands: CommandDefinition[];
     zIndex: number;
     alwaysVisible: boolean;
+    useExternalSettings: boolean;
 }
 /**
  * Validate and resolve client-specific config
@@ -76,4 +85,8 @@ export declare function getZIndex(): number;
  * Check if widget should always be visible
  */
 export declare function isAlwaysVisible(): boolean;
+/**
+ * Check if external settings page should be used
+ */
+export declare function useExternalSettings(): boolean;
 //# sourceMappingURL=config.d.ts.map

package/dist/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAEzE;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D,mGAAmG;IACnG,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC/B,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,qBAAqB,CAAC;IAChD;;;OAGG;IACH,gBAAgB,CAAC,EAAE,yBAAyB,CAAC;IAC7C;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,OAAO,CAAC;CACxB;AAgBD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,oBAAoB,GAAG,oBAAoB,CAgBvF;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,oBAAoB,GAAG,IAAI,CAElE;AAED;;GAEG;AACH,wBAAgB,eAAe,IAAI,oBAAoB,CAEtD;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,CAExC;AAED;;GAEG;AACH,wBAAgB,WAAW,IAAI,OAAO,CAErC;AAED;;GAEG;AACH,wBAAgB,WAAW,IAAI,iBAAiB,EAAE,CAEjD;AAED;;GAEG;AACH,wBAAgB,SAAS,IAAI,MAAM,CAElC;AAED;;GAEG;AACH,wBAAgB,eAAe,IAAI,OAAO,CAEzC"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAEzE;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D,mGAAmG;IACnG,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC/B,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,qBAAqB,CAAC;IAChD;;;OAGG;IACH,gBAAgB,CAAC,EAAE,yBAAyB,CAAC;IAC7C;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;;OAMG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,OAAO,CAAC;IACvB,mBAAmB,EAAE,OAAO,CAAC;CAC9B;AAiBD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,oBAAoB,GAAG,oBAAoB,CAiBvF;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,oBAAoB,GAAG,IAAI,CAElE;AAED;;GAEG;AACH,wBAAgB,eAAe,IAAI,oBAAoB,CAEtD;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,CAExC;AAED;;GAEG;AACH,wBAAgB,WAAW,IAAI,OAAO,CAErC;AAED;;GAEG;AACH,wBAAgB,WAAW,IAAI,iBAAiB,EAAE,CAEjD;AAED;;GAEG;AACH,wBAAgB,SAAS,IAAI,MAAM,CAElC;AAED;;GAEG;AACH,wBAAgB,eAAe,IAAI,OAAO,CAEzC;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,OAAO,CAE7C"}

package/dist/index.cjs

@@ -15,6 +15,7 @@ const defaultClientConfig = {
     commands: [],
     zIndex: 999999,
     alwaysVisible: false,
+    useExternalSettings: false,
 };
 /**
  * Current client configuration singleton
@@ -30,6 +31,7 @@ function validateClientConfig(config) {
         commands: config.commands ?? defaultClientConfig.commands,
         zIndex: config.zIndex ?? defaultClientConfig.zIndex,
         alwaysVisible: config.alwaysVisible ?? defaultClientConfig.alwaysVisible,
+        useExternalSettings: config.useExternalSettings ?? defaultClientConfig.useExternalSettings,
     };
     // Validate zIndex
     if (typeof resolved.zIndex !== "number" || resolved.zIndex < 0) {
@@ -81,6 +83,12 @@ function getZIndex() {
 function isAlwaysVisible() {
     return currentClientConfig.alwaysVisible;
 }
+/**
+ * Check if external settings page should be used
+ */
+function useExternalSettings() {
+    return currentClientConfig.useExternalSettings;
+}
 
 /**
  * Form field focus detection for SpeechOS Client SDK
@@ -495,9 +503,12 @@ let memoryCache$3 = null;
  * Sorted alphabetically by name for dropdown display
  */
 const SUPPORTED_LANGUAGES = [
+    { name: "Belarusian", code: "be", variants: ["be"] },
+    { name: "Bengali", code: "bn", variants: ["bn"] },
+    { name: "Bosnian", code: "bs", variants: ["bs"] },
     { name: "Bulgarian", code: "bg", variants: ["bg"] },
     { name: "Catalan", code: "ca", variants: ["ca"] },
-    { name: "Chinese", code: "zh", variants: ["zh"] },
+    { name: "Croatian", code: "hr", variants: ["hr"] },
     { name: "Czech", code: "cs", variants: ["cs"] },
     { name: "Danish", code: "da", variants: ["da", "da-DK"] },
     { name: "Dutch", code: "nl", variants: ["nl"] },
@@ -518,18 +529,26 @@ const SUPPORTED_LANGUAGES = [
     { name: "Indonesian", code: "id", variants: ["id"] },
     { name: "Italian", code: "it", variants: ["it"] },
     { name: "Japanese", code: "ja", variants: ["ja"] },
+    { name: "Kannada", code: "kn", variants: ["kn"] },
     { name: "Korean", code: "ko", variants: ["ko", "ko-KR"] },
     { name: "Latvian", code: "lv", variants: ["lv"] },
     { name: "Lithuanian", code: "lt", variants: ["lt"] },
+    { name: "Macedonian", code: "mk", variants: ["mk"] },
     { name: "Malay", code: "ms", variants: ["ms"] },
+    { name: "Marathi", code: "mr", variants: ["mr"] },
     { name: "Norwegian", code: "no", variants: ["no"] },
     { name: "Polish", code: "pl", variants: ["pl"] },
     { name: "Portuguese", code: "pt", variants: ["pt", "pt-BR", "pt-PT"] },
     { name: "Romanian", code: "ro", variants: ["ro"] },
     { name: "Russian", code: "ru", variants: ["ru"] },
+    { name: "Serbian", code: "sr", variants: ["sr"] },
     { name: "Slovak", code: "sk", variants: ["sk"] },
+    { name: "Slovenian", code: "sl", variants: ["sl"] },
     { name: "Spanish", code: "es", variants: ["es", "es-419"] },
     { name: "Swedish", code: "sv", variants: ["sv", "sv-SE"] },
+    { name: "Tagalog", code: "tl", variants: ["tl"] },
+    { name: "Tamil", code: "ta", variants: ["ta"] },
+    { name: "Telugu", code: "te", variants: ["te"] },
     { name: "Turkish", code: "tr", variants: ["tr"] },
     { name: "Ukrainian", code: "uk", variants: ["uk"] },
     { name: "Vietnamese", code: "vi", variants: ["vi"] },
@@ -1322,25 +1341,14 @@ class SettingsSync {
         this.syncDisabled = false;
     }
     /**
-     * Make a fetch request using custom fetchHandler if configured, otherwise native fetch.
-     * This allows the Chrome extension to route fetch traffic through the service worker
-     * to bypass page CSP restrictions.
+     * Make a fetch request using native fetch.
      */
     async doFetch(url, options) {
         const config = core.getConfig();
-        const customHandler = core.getFetchHandler();
-        if (customHandler) {
-            if (config.debug) {
-                console.log("[SpeechOS] Using custom fetch handler (extension proxy)", options.method, url);
-            }
-            return customHandler(url, options);
-        }
         if (config.debug) {
             console.log("[SpeechOS] Using native fetch", options.method, url);
         }
-        // Use native fetch and wrap response to match FetchResponse interface
-        const response = await fetch(url, options);
-        return response;
+        return fetch(url, options);
     }
     /**
      * Initialize the settings sync manager
@@ -5216,6 +5224,16 @@ let SpeechOSSettingsTab = class SpeechOSSettingsTab extends i$1 {
         padding: 8px;
       }
 
+      .settings-select:disabled {
+        opacity: 0.4;
+        cursor: not-allowed;
+      }
+
+      .settings-select:disabled:hover {
+        border-color: rgba(255, 255, 255, 0.08);
+        background: rgba(0, 0, 0, 0.3);
+      }
+
       .settings-select-arrow {
         position: absolute;
         right: 14px;
@@ -5397,13 +5415,14 @@ let SpeechOSSettingsTab = class SpeechOSSettingsTab extends i$1 {
         setSmartFormatEnabled(this.smartFormatEnabled);
         this.showSaved();
     }
-    renderLanguageSelector(selectedCode, onChange) {
+    renderLanguageSelector(selectedCode, onChange, disabled = false) {
         return b `
       <div class="settings-select-wrapper">
         <select
           class="settings-select"
           .value="${selectedCode}"
           @change="${onChange}"
+          ?disabled="${disabled}"
         >
           ${SUPPORTED_LANGUAGES.map((lang) => b `
               <option
@@ -5521,7 +5540,7 @@ let SpeechOSSettingsTab = class SpeechOSSettingsTab extends i$1 {
         <div class="settings-section-description">
           AI automatically removes filler words, adds punctuation, and polishes
           your text. Disable for raw transcription output. Note: disabling also
-          turns off text snippets.
+          turns off text snippets and output language translation.
         </div>
         <div class="settings-toggle-row">
           <span class="settings-toggle-label">Enable AI formatting</span>
@@ -5562,9 +5581,13 @@ let SpeechOSSettingsTab = class SpeechOSSettingsTab extends i$1 {
         </div>
         <div class="settings-section-description">
           The language for your transcribed text. Usually the same as input, but
-          can differ for translation.
+          can differ for translation.${!this.smartFormatEnabled
+            ? " Requires Smart Format to be enabled."
+            : ""}
         </div>
-        ${this.renderLanguageSelector(this.selectedOutputLanguageCode, this.handleOutputLanguageChange.bind(this))}
+        ${this.renderLanguageSelector(this.smartFormatEnabled
+            ? this.selectedOutputLanguageCode
+            : this.selectedInputLanguageCode, this.handleOutputLanguageChange.bind(this), !this.smartFormatEnabled)}
       </div>
     `;
     }
@@ -7556,7 +7579,14 @@ let SpeechOSWidget = class SpeechOSWidget extends i$1 {
         core.state.hide();
     }
     handleSettingsClick() {
-        this.settingsOpen = true;
+        if (useExternalSettings()) {
+            const host = core.getConfig().host;
+            const fullUrl = `${host}/a/extension-settings`;
+            window.open(fullUrl, '_blank', 'noopener,noreferrer');
+        }
+        else {
+            this.settingsOpen = true;
+        }
     }
     handleDragStart(e) {
         if (e.button !== 0)
@@ -8097,10 +8127,17 @@ let SpeechOSWidget = class SpeechOSWidget extends i$1 {
         this.editSelectionStart = null;
         this.editSelectionEnd = null;
         this.editSelectedText = "";
-        // Open settings modal
-        this.settingsOpen = true;
+        // Open settings - either external URL or modal
+        if (useExternalSettings()) {
+            const host = core.getConfig().host;
+            const fullUrl = `${host}/a/extension-settings`;
+            window.open(fullUrl, '_blank', 'noopener,noreferrer');
+        }
+        else {
+            this.settingsOpen = true;
+        }
         if (core.getConfig().debug) {
-            console.log("[SpeechOS] Settings modal opened from no-audio warning");
+            console.log("[SpeechOS] Settings opened from no-audio warning", { useExternalSettings: useExternalSettings() });
         }
         await disconnectPromise;
     }
@@ -8702,5 +8739,6 @@ exports.settingsSync = settingsSync;
 exports.snippetsStore = snippetsStore;
 exports.transcriptStore = transcriptStore;
 exports.updateSnippet = updateSnippet;
+exports.useExternalSettings = useExternalSettings;
 exports.vocabularyStore = vocabularyStore;
 //# sourceMappingURL=index.cjs.map