langie 1.9.25 → 1.10.0

package/dist/components/InterfaceLanguageSelect.vue.d.ts

@@ -0,0 +1,65 @@
+import type { TranslatorLanguage } from '../types';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDark: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    translatorHost: {
+        type: StringConstructor;
+        default: string;
+    };
+    apiKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    languages: {
+        type: () => TranslatorLanguage[];
+        default: () => never[];
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDark: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    translatorHost: {
+        type: StringConstructor;
+        default: string;
+    };
+    apiKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    languages: {
+        type: () => TranslatorLanguage[];
+        default: () => never[];
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    translatorHost: string;
+    languages: TranslatorLanguage[];
+    placeholder: string;
+    disabled: boolean;
+    isDark: boolean;
+    apiKey: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/LanguageSelect.vue.d.ts

@@ -0,0 +1,59 @@
+import '@vueform/multiselect/themes/default.css';
+import '../styles/teleport.css';
+import type { PropType } from 'vue';
+import type { TranslatorLanguage } from '../types';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<TranslatorLanguage | null | undefined>;
+        default: undefined;
+    };
+    languages: {
+        type: PropType<TranslatorLanguage[]>;
+        default: () => never[];
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDark: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<TranslatorLanguage | null | undefined>;
+        default: undefined;
+    };
+    languages: {
+        type: PropType<TranslatorLanguage[]>;
+        default: () => never[];
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDark: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: TranslatorLanguage | null | undefined;
+    languages: TranslatorLanguage[];
+    placeholder: string;
+    disabled: boolean;
+    isDark: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/index.cjs

@@ -1,8 +1,8 @@
 /**
- * langie v1.9.25
+ * langie v1.10.0
  * (c) 2026 nlit
  * @license Apache-2.0
- * 
+ *
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
@@ -44,10 +44,37 @@ __export(components_exports, {
 });
 module.exports = __toCommonJS(components_exports);
 
-// vue-script:/Users/nlit/projects/langie-sdk/src/components/LanguageSelect.vue?type=script
+// vue-script:/builds/codelits/langie-sdk/src/components/LanguageSelect.vue?type=script
 var import_vue = require("vue");
 var import_vue2 = require("vue");
 var import_default = require("@vueform/multiselect/themes/default.css");
+
+// #style-inject:#style-inject
+function styleInject(css, { insertAt } = {}) {
+  if (!css || typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+// src/styles/teleport.css
+styleInject(".multiselect-single-label,\n.multiselect-option {\n  display: flex;\n  align-items: center;\n}\n.lang-flag {\n  width: 20px;\n  height: 15px;\n  margin-right: 10px;\n  border: 1px solid var(--langie-flag-border, #eee);\n  border-radius: 2px;\n  object-fit: cover;\n}\n.is-dark .lang-flag {\n  border-color: var(--langie-flag-border-dark, #4b5563);\n}\n.native-name {\n  color: var(--langie-text-secondary, #6b7280);\n  margin-left: 0.5rem;\n  font-size: 0.9em;\n}\n.is-dark .native-name {\n  color: var(--langie-text-secondary-dark, #9ca3af);\n}\n.multiselect-no-results,\n.multiselect-no-options {\n  padding: 0.5rem 0.875rem;\n  color: var(--langie-text-secondary, #6b7280);\n}\n.is-dark .multiselect-no-results,\n.is-dark .multiselect-no-options {\n  color: var(--langie-text-secondary-dark, #9ca3af);\n}\n");
+
+// vue-script:/builds/codelits/langie-sdk/src/components/LanguageSelect.vue?type=script
 var import_vue3 = require("vue");
 var import_multiselect = __toESM(require("@vueform/multiselect"));
 var import_fuse = __toESM(require("fuse.js"));
@@ -593,7 +620,7 @@ var THEME_COLORS = {
   }
 };
 
-// vue-script:/Users/nlit/projects/langie-sdk/src/components/LanguageSelect.vue?type=script
+// vue-script:/builds/codelits/langie-sdk/src/components/LanguageSelect.vue?type=script
 var _hoisted_1 = {
   key: 0,
   class: "multiselect-single-label"
@@ -633,35 +660,35 @@ var LanguageSelect_default = /* @__PURE__ */ (0, import_vue.defineComponent)({
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
     (0, import_vue.useCssVars)((_ctx) => ({
-      "25bc3fde-THEME_COLORS.light.background": (0, import_vue2.unref)(THEME_COLORS).light.background,
-      "25bc3fde-THEME_COLORS.light.backgroundDisabled": (0, import_vue2.unref)(THEME_COLORS).light.backgroundDisabled,
-      "25bc3fde-THEME_COLORS.light.border": (0, import_vue2.unref)(THEME_COLORS).light.border,
-      "25bc3fde-THEME_COLORS.light.ring": (0, import_vue2.unref)(THEME_COLORS).light.ring,
-      "25bc3fde-THEME_COLORS.light.placeholder": (0, import_vue2.unref)(THEME_COLORS).light.placeholder,
-      "25bc3fde-THEME_COLORS.light.optionPointed": (0, import_vue2.unref)(THEME_COLORS).light.optionPointed,
-      "25bc3fde-THEME_COLORS.light.optionPointedText": (0, import_vue2.unref)(THEME_COLORS).light.optionPointedText,
-      "25bc3fde-THEME_COLORS.light.optionSelected": (0, import_vue2.unref)(THEME_COLORS).light.optionSelected,
-      "25bc3fde-THEME_COLORS.light.optionSelectedText": (0, import_vue2.unref)(THEME_COLORS).light.optionSelectedText,
-      "25bc3fde-THEME_COLORS.light.dropdownBackground": (0, import_vue2.unref)(THEME_COLORS).light.dropdownBackground,
-      "25bc3fde-THEME_COLORS.light.dropdownBorder": (0, import_vue2.unref)(THEME_COLORS).light.dropdownBorder,
-      "25bc3fde-THEME_COLORS.light.dropdownText": (0, import_vue2.unref)(THEME_COLORS).light.dropdownText,
-      "25bc3fde-THEME_COLORS.light.tagBackground": (0, import_vue2.unref)(THEME_COLORS).light.tagBackground,
-      "25bc3fde-THEME_COLORS.dark.background": (0, import_vue2.unref)(THEME_COLORS).dark.background,
-      "25bc3fde-THEME_COLORS.dark.backgroundDisabled": (0, import_vue2.unref)(THEME_COLORS).dark.backgroundDisabled,
-      "25bc3fde-THEME_COLORS.dark.border": (0, import_vue2.unref)(THEME_COLORS).dark.border,
-      "25bc3fde-THEME_COLORS.dark.placeholder": (0, import_vue2.unref)(THEME_COLORS).dark.placeholder,
-      "25bc3fde-THEME_COLORS.dark.ring": (0, import_vue2.unref)(THEME_COLORS).dark.ring,
-      "25bc3fde-THEME_COLORS.dark.optionPointed": (0, import_vue2.unref)(THEME_COLORS).dark.optionPointed,
-      "25bc3fde-THEME_COLORS.dark.optionPointedText": (0, import_vue2.unref)(THEME_COLORS).dark.optionPointedText,
-      "25bc3fde-THEME_COLORS.dark.optionSelected": (0, import_vue2.unref)(THEME_COLORS).dark.optionSelected,
-      "25bc3fde-THEME_COLORS.dark.optionSelectedText": (0, import_vue2.unref)(THEME_COLORS).dark.optionSelectedText,
-      "25bc3fde-THEME_COLORS.dark.dropdownBackground": (0, import_vue2.unref)(THEME_COLORS).dark.dropdownBackground,
-      "25bc3fde-THEME_COLORS.dark.dropdownBorder": (0, import_vue2.unref)(THEME_COLORS).dark.dropdownBorder,
-      "25bc3fde-THEME_COLORS.dark.dropdownText": (0, import_vue2.unref)(THEME_COLORS).dark.dropdownText,
-      "25bc3fde-COLORS.border.flag": (0, import_vue2.unref)(COLORS).border.flag,
-      "25bc3fde-COLORS.border.dark": (0, import_vue2.unref)(COLORS).border.dark,
-      "25bc3fde-COLORS.text.secondary": (0, import_vue2.unref)(COLORS).text.secondary,
-      "25bc3fde-COLORS.neutral.gray400": (0, import_vue2.unref)(COLORS).neutral.gray400
+      "5b09cc17-THEME_COLORS.light.background": (0, import_vue2.unref)(THEME_COLORS).light.background,
+      "5b09cc17-THEME_COLORS.light.backgroundDisabled": (0, import_vue2.unref)(THEME_COLORS).light.backgroundDisabled,
+      "5b09cc17-THEME_COLORS.light.border": (0, import_vue2.unref)(THEME_COLORS).light.border,
+      "5b09cc17-THEME_COLORS.light.ring": (0, import_vue2.unref)(THEME_COLORS).light.ring,
+      "5b09cc17-THEME_COLORS.light.placeholder": (0, import_vue2.unref)(THEME_COLORS).light.placeholder,
+      "5b09cc17-THEME_COLORS.light.optionPointed": (0, import_vue2.unref)(THEME_COLORS).light.optionPointed,
+      "5b09cc17-THEME_COLORS.light.optionPointedText": (0, import_vue2.unref)(THEME_COLORS).light.optionPointedText,
+      "5b09cc17-THEME_COLORS.light.optionSelected": (0, import_vue2.unref)(THEME_COLORS).light.optionSelected,
+      "5b09cc17-THEME_COLORS.light.optionSelectedText": (0, import_vue2.unref)(THEME_COLORS).light.optionSelectedText,
+      "5b09cc17-THEME_COLORS.light.dropdownBackground": (0, import_vue2.unref)(THEME_COLORS).light.dropdownBackground,
+      "5b09cc17-THEME_COLORS.light.dropdownBorder": (0, import_vue2.unref)(THEME_COLORS).light.dropdownBorder,
+      "5b09cc17-THEME_COLORS.light.dropdownText": (0, import_vue2.unref)(THEME_COLORS).light.dropdownText,
+      "5b09cc17-THEME_COLORS.light.tagBackground": (0, import_vue2.unref)(THEME_COLORS).light.tagBackground,
+      "5b09cc17-THEME_COLORS.dark.background": (0, import_vue2.unref)(THEME_COLORS).dark.background,
+      "5b09cc17-THEME_COLORS.dark.backgroundDisabled": (0, import_vue2.unref)(THEME_COLORS).dark.backgroundDisabled,
+      "5b09cc17-THEME_COLORS.dark.border": (0, import_vue2.unref)(THEME_COLORS).dark.border,
+      "5b09cc17-THEME_COLORS.dark.placeholder": (0, import_vue2.unref)(THEME_COLORS).dark.placeholder,
+      "5b09cc17-THEME_COLORS.dark.ring": (0, import_vue2.unref)(THEME_COLORS).dark.ring,
+      "5b09cc17-THEME_COLORS.dark.optionPointed": (0, import_vue2.unref)(THEME_COLORS).dark.optionPointed,
+      "5b09cc17-THEME_COLORS.dark.optionPointedText": (0, import_vue2.unref)(THEME_COLORS).dark.optionPointedText,
+      "5b09cc17-THEME_COLORS.dark.optionSelected": (0, import_vue2.unref)(THEME_COLORS).dark.optionSelected,
+      "5b09cc17-THEME_COLORS.dark.optionSelectedText": (0, import_vue2.unref)(THEME_COLORS).dark.optionSelectedText,
+      "5b09cc17-THEME_COLORS.dark.dropdownBackground": (0, import_vue2.unref)(THEME_COLORS).dark.dropdownBackground,
+      "5b09cc17-THEME_COLORS.dark.dropdownBorder": (0, import_vue2.unref)(THEME_COLORS).dark.dropdownBorder,
+      "5b09cc17-THEME_COLORS.dark.dropdownText": (0, import_vue2.unref)(THEME_COLORS).dark.dropdownText,
+      "5b09cc17-COLORS.border.flag": (0, import_vue2.unref)(COLORS).border.flag,
+      "5b09cc17-COLORS.border.dark": (0, import_vue2.unref)(COLORS).border.dark,
+      "5b09cc17-COLORS.text.secondary": (0, import_vue2.unref)(COLORS).text.secondary,
+      "5b09cc17-COLORS.neutral.gray400": (0, import_vue2.unref)(COLORS).neutral.gray400
     }));
     const getFlagCode = (lang) => {
       const flagCode = lang.flag_country || lang.code;
@@ -935,9 +962,9 @@ var LanguageSelect_default = /* @__PURE__ */ (0, import_vue.defineComponent)({
 
 // src/components/LanguageSelect.vue
 var LanguageSelect_default2 = LanguageSelect_default;
-LanguageSelect_default.__scopeId = "data-v-25bc3fde";
+LanguageSelect_default.__scopeId = "data-v-5b09cc17";
 
-// vue-script:/Users/nlit/projects/langie-sdk/src/components/InterfaceLanguageSelect.vue?type=script
+// vue-script:/builds/codelits/langie-sdk/src/components/InterfaceLanguageSelect.vue?type=script
 var import_vue6 = require("vue");
 var import_vue7 = require("vue");
 var import_vue8 = require("vue");
@@ -956,6 +983,7 @@ var API_FIELD_TO = "to";
 var API_FIELD_CTX = "ctx";
 var API_FIELD_TRANSLATIONS = "translations";
 var API_FIELD_ERROR = "error";
+var API_FIELD_TURNSTILE = "turnstileToken";
 
 // src/utils/debug.ts
 var import_meta = {};
@@ -1533,21 +1561,29 @@ var TranslationBatching = class {
           "items",
           batchRequests
         );
-        const response = await fetch(`${this.translatorHost}/translate`, {
+        const buildBody = (turnstileToken) => JSON.stringify({
+          translations: batchRequests.map((req) => ({
+            [API_FIELD_TEXT]: req[API_FIELD_TEXT],
+            ...useGlobalContext ? {} : { [API_FIELD_CTX]: req[API_FIELD_CTX] }
+          })),
+          [API_FIELD_FROM]: from,
+          [API_FIELD_TO]: to,
+          ...useGlobalContext ? { [API_FIELD_CTX]: "ui" } : {},
+          ...turnstileToken ? { [API_FIELD_TURNSTILE]: turnstileToken } : {}
+        });
+        const postTranslate = (turnstileToken) => fetch(`${this.translatorHost}/translate`, {
           method: "POST",
-          headers: {
-            "Content-Type": "application/json"
-          },
-          body: JSON.stringify({
-            translations: batchRequests.map((req) => ({
-              [API_FIELD_TEXT]: req[API_FIELD_TEXT],
-              ...useGlobalContext ? {} : { [API_FIELD_CTX]: req[API_FIELD_CTX] }
-            })),
-            [API_FIELD_FROM]: from,
-            [API_FIELD_TO]: to,
-            ...useGlobalContext ? { [API_FIELD_CTX]: "ui" } : {}
-          })
+          // Carry the /frontend session cookie the proxy issues after one
+          // Turnstile check, so we don't solve a challenge on every request.
+          credentials: "include",
+          headers: { "Content-Type": "application/json" },
+          body: buildBody(turnstileToken)
         });
+        let response = await postTranslate();
+        if ((response.status === 401 || response.status === 400) && this.options.getTurnstileToken) {
+          const turnstileToken = await this.options.getTurnstileToken();
+          response = await postTranslate(turnstileToken);
+        }
         let result;
         try {
           result = await response.json();
@@ -1737,7 +1773,8 @@ function createLangieInstance(options = {}) {
       initialBatchDelay: options.initialBatchDelay,
       followupBatchDelay: options.followupBatchDelay,
       maxBatchSize: options.maxBatchSize,
-      maxWaitTime: options.maxWaitTime
+      maxWaitTime: options.maxWaitTime,
+      getTurnstileToken: options.getTurnstileToken
     },
     translatorHost,
     () => currentLanguage2.value,
@@ -1799,7 +1836,7 @@ function createLangieInstance(options = {}) {
             return;
           }
           const effectiveCtx = originalCtx;
-          const cacheKey = `${originalText}|${effectiveCtx}`;
+          const cacheKey = request.cacheKey || `${originalText}|${effectiveCtx}`;
           const cache = effectiveCtx === "ui" ? uiTranslations2 : translations2;
           cache[cacheKey] = translatedText;
           devDebug("[useLangie] Cached translation:", {
@@ -1827,7 +1864,8 @@ function createLangieInstance(options = {}) {
       return text;
     }
     const effectiveCtx = ctx !== void 0 ? ctx : ltDefaults.ctx || "ui";
-    const cacheKey = `${text}|${effectiveCtx}`;
+    const baseKey = `${text}|${effectiveCtx}`;
+    const cacheKey = to !== currentLanguage2.value ? `${baseKey}|${from}|${to}` : baseKey;
     const cache = effectiveCtx === "ui" ? uiTranslations2 : translations2;
     if (cache[cacheKey]) {
       return cache[cacheKey];
@@ -1836,7 +1874,7 @@ function createLangieInstance(options = {}) {
     if (translationErrors.has(errorKey)) {
       return text;
     }
-    const languageCacheKey = `${cacheKey}|${from}|${to}`;
+    const languageCacheKey = `${baseKey}|${from}|${to}`;
     if (recentlyQueued.has(languageCacheKey)) {
       return text;
     }
@@ -2040,7 +2078,7 @@ function useLangie(options = {}) {
   return instance;
 }
 
-// vue-script:/Users/nlit/projects/langie-sdk/src/components/InterfaceLanguageSelect.vue?type=script
+// vue-script:/builds/codelits/langie-sdk/src/components/InterfaceLanguageSelect.vue?type=script
 var _hoisted_12 = { class: "interface-language-select-wrapper" };
 var _hoisted_22 = { class: "loader-text" };
 var InterfaceLanguageSelect_default = /* @__PURE__ */ (0, import_vue6.defineComponent)({
@@ -2223,9 +2261,9 @@ var InterfaceLanguageSelect_default = /* @__PURE__ */ (0, import_vue6.defineComp
 
 // src/components/InterfaceLanguageSelect.vue
 var InterfaceLanguageSelect_default2 = InterfaceLanguageSelect_default;
-InterfaceLanguageSelect_default.__scopeId = "data-v-7192f8c0";
+InterfaceLanguageSelect_default.__scopeId = "data-v-258d337a";
 
-// vue-script:/Users/nlit/projects/langie-sdk/src/components/lt.vue?type=script
+// vue-script:/builds/codelits/langie-sdk/src/components/lt.vue?type=script
 var import_vue9 = require("vue");
 var import_vue10 = require("vue");
 var import_vue11 = require("vue");
@@ -2317,7 +2355,7 @@ var lt_default = /* @__PURE__ */ (0, import_vue9.defineComponent)({
 
 // src/components/lt.vue
 var lt_default2 = lt_default;
-lt_default.__scopeId = "data-v-14a7b6f6";
+lt_default.__scopeId = "data-v-3341698b";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   InterfaceLanguageSelect,