@tombcato/ai-selector-vue 0.1.3 → 0.1.4

package/dist/index.js

@@ -1,8 +1,8 @@
-import { ref as $, computed as A, onMounted as ne, watch as q, defineComponent as V, onUnmounted as ie, createElementBlock as p, openBlock as m, normalizeClass as z, Fragment as R, renderList as ee, normalizeStyle as G, toDisplayString as w, unref as v, createCommentVNode as W, createVNode as j, createElementVNode as n, withDirectives as ve, vModelText as he, createTextVNode as D } from "vue";
+import { ref as $, computed as S, onMounted as ne, watch as q, defineComponent as V, onUnmounted as ie, createElementBlock as p, openBlock as m, normalizeClass as z, Fragment as R, renderList as ee, normalizeStyle as G, toDisplayString as w, unref as v, createCommentVNode as W, createVNode as j, createElementVNode as n, withDirectives as ve, vModelText as he, createTextVNode as D } from "vue";
 import { resolveProviderConfig as fe, createConfigStorage as pe, fetchModels as me, testConnection as ge, I18N as Q } from "@tombcato/ai-selector-core";
 function ye(e = {}) {
   var N, E, H, Y, O;
-  const r = $(((N = e.initialConfig) == null ? void 0 : N.providerId) || ""), l = $(((E = e.initialConfig) == null ? void 0 : E.apiKey) || ""), a = $(((H = e.initialConfig) == null ? void 0 : H.model) || ""), t = $(((Y = e.initialConfig) == null ? void 0 : Y.modelName) || ""), s = $(((O = e.initialConfig) == null ? void 0 : O.baseUrl) || ""), f = $([]), u = $("idle"), i = $(null), y = $(!1), c = $(null), g = A(() => fe(e.providerConfig)), d = A(() => g.value.providers), h = A(
+  const r = $(((N = e.initialConfig) == null ? void 0 : N.providerId) || ""), l = $(((E = e.initialConfig) == null ? void 0 : E.apiKey) || ""), a = $(((H = e.initialConfig) == null ? void 0 : H.model) || ""), t = $(((Y = e.initialConfig) == null ? void 0 : Y.modelName) || ""), s = $(((O = e.initialConfig) == null ? void 0 : O.baseUrl) || ""), f = $([]), u = $("idle"), i = $(null), y = $(!1), c = $(null), g = S(() => fe(e.providerConfig)), d = S(() => g.value.providers), h = S(
     () => d.value.find((o) => o.id === r.value) || null
   ), M = pe(void 0, {
     serialize: e.onSerialize,
@@ -90,7 +90,7 @@ function ye(e = {}) {
       u.value = "idle";
     }, 2e3), o;
   }
-  function S() {
+  function A() {
     const o = f.value.find((F) => F.id === a.value), b = (o == null ? void 0 : o.name) || t.value || a.value;
     o != null && o.name && o.name !== t.value && (t.value = o.name), M.save({
       providerId: r.value,
@@ -111,10 +111,10 @@ function ye(e = {}) {
       t.value = (F == null ? void 0 : F.name) || o;
     }
   }
-  const T = A(() => {
+  const T = S(() => {
     var o;
     return !(!r.value || !a.value || (o = h.value) != null && o.needsApiKey && !l.value);
-  }), C = A(() => {
+  }), C = S(() => {
     var o;
     return {
       providerId: r.value,
@@ -143,7 +143,7 @@ function ye(e = {}) {
     config: C,
     // Actions
     runTest: k,
-    save: S,
+    save: A,
     clear: K,
     selectModel: L
   };
@@ -223,9 +223,9 @@ function Ce(e, r, l) {
         for (let k = 0; k <= d; k++) M[k][0] = k;
         for (let k = 0; k <= h; k++) M[0][k] = k;
         for (let k = 1; k <= d; k++)
-          for (let S = 1; S <= h; S++) {
-            const K = e[a + k - 1] === r[t + S - 1] ? 0 : 1;
-            M[k][S] = Math.min(M[k - 1][S] + 1, M[k][S - 1] + 1, M[k - 1][S - 1] + K);
+          for (let A = 1; A <= h; A++) {
+            const K = e[a + k - 1] === r[t + A - 1] ? 0 : 1;
+            M[k][A] = Math.min(M[k - 1][A] + 1, M[k][A - 1] + 1, M[k - 1][A - 1] + K);
           }
         const I = [];
         let x = d, U = h;
@@ -235,8 +235,8 @@ function Ce(e, r, l) {
           else if (U === 0)
             I.push(X), x--;
           else {
-            const k = M[x][U - 1], S = M[x - 1][U], K = M[x - 1][U - 1];
-            k < S && k < K ? (I.push(J), U--) : S < K ? (I.push(X), x--) : (I.push(Z), x--, U--);
+            const k = M[x][U - 1], A = M[x - 1][U], K = M[x - 1][U - 1];
+            k < A && k < K ? (I.push(J), U--) : A < K ? (I.push(X), x--) : (I.push(Z), x--, U--);
           }
         for (let k = I.length - 1; k >= 0; k--) s.push(I[k]);
       }
@@ -297,7 +297,7 @@ const de = {
   setup(e) {
     const r = e, l = $([]), a = $(1);
     let t;
-    const s = A(() => r.characterLists.map((i) => new ke(i))), f = A(() => {
+    const s = S(() => r.characterLists.map((i) => new ke(i))), f = S(() => {
       const i = /* @__PURE__ */ new Set();
       return s.value.forEach((y) => y.getSupportedCharacters().forEach((c) => i.add(c))), i;
     });
@@ -320,10 +320,10 @@ const de = {
           x.push(se(N, B, s.value, r.direction));
         }
       l.value = x, a.value = 0;
-      const k = performance.now(), S = r.duration, K = de[r.easing] || de.linear;
+      const k = performance.now(), A = r.duration, K = de[r.easing] || de.linear;
       let L = 0;
       const T = (C) => {
-        const N = Math.min((C - k) / S, 1), E = K(N);
+        const N = Math.min((C - k) / A, 1), E = K(N);
         if ((C - L >= 16 || N >= 1) && (L = C, a.value = E), N < 1)
           t = requestAnimationFrame(T);
         else {
@@ -335,7 +335,7 @@ const de = {
     }, { immediate: !0 }), ie(() => {
       t && cancelAnimationFrame(t);
     });
-    const u = A(() => l.value.map((i) => {
+    const u = S(() => l.value.map((i) => {
       const { charIdx: y, delta: c } = le(i, a.value), g = i.sourceWidth + (i.targetWidth - i.sourceWidth) * a.value;
       if (g <= 0) return { width: g, chars: [] };
       const d = [], h = i.charList || [], M = c * re, I = (C, N, E) => {
@@ -346,7 +346,7 @@ const de = {
         });
       };
       I(y, 0, "c"), I(y + 1, -re, "n"), I(y - 1, re, "p");
-      const x = (C) => C && C.length > 0 && C.charCodeAt(0) > 255, U = (C) => x(C) ? 1.25 : 0.8, k = h[i.startIndex] || "", S = h[i.endIndex] || "", K = U(k), L = U(S), T = K + (L - K) * a.value;
+      const x = (C) => C && C.length > 0 && C.charCodeAt(0) > 255, U = (C) => x(C) ? 1.25 : 0.8, k = h[i.startIndex] || "", A = h[i.endIndex] || "", K = U(k), L = U(A), T = K + (L - K) * a.value;
       return { width: g, chars: d, baseW: T };
     }).filter((i) => i.width > 0));
     return (i, y) => (m(), p("div", {
@@ -392,7 +392,7 @@ const de = {
       }, null, 8, ["value"])
     ], 2)) : W("", !0);
   }
-}), $e = { class: "apmsu-label" }, Ue = { class: "relative" }, Se = ["disabled"], Ae = {
+}), $e = { class: "apmsu-label" }, Ue = { class: "relative" }, Ae = ["disabled"], Se = {
   key: 0,
   class: "flex items-center gap-2 min-w-0"
 }, Le = ["src", "alt"], ze = {
@@ -408,7 +408,7 @@ const de = {
   },
   emits: ["select"],
   setup(e, { emit: r }) {
-    const l = e, a = r, t = $(!1), s = $(null), f = A(() => Q[l.language]), u = A(() => l.providers.find((c) => c.id === l.selectedProviderId));
+    const l = e, a = r, t = $(!1), s = $(null), f = S(() => Q[l.language]), u = S(() => l.providers.find((c) => c.id === l.selectedProviderId));
     function i(c) {
       s.value && !s.value.contains(c.target) && (t.value = !1);
     }
@@ -433,7 +433,7 @@ const de = {
           disabled: e.disabled,
           class: "apmsu-select-trigger"
         }, [
-          u.value ? (m(), p("div", Ae, [
+          u.value ? (m(), p("div", Se, [
             n("img", {
               src: u.value.icon,
               alt: u.value.name,
@@ -456,7 +456,7 @@ const de = {
               d: "M19 9l-7 7-7-7"
             }, null, -1)
           ])], 2))
-        ], 8, Se),
+        ], 8, Ae),
         n("div", {
           class: z(["apmsu-dropdown max-h-[300px] overflow-auto p-1 origin-top", t.value ? "apmsu-dropdown-open" : ""])
         }, [
@@ -506,7 +506,7 @@ const de = {
   },
   emits: ["update:apiKey"],
   setup(e, { emit: r }) {
-    const l = e, a = r, t = $(!1), s = A(() => Q[l.language]), f = A(() => l.testStatus === "success" ? "apmsu-input apmsu-input-success" : "apmsu-input apmsu-input-default");
+    const l = e, a = r, t = $(!1), s = S(() => Q[l.language]), f = S(() => "apmsu-input apmsu-input-default");
     return (u, i) => e.provider && e.provider.needsApiKey ? (m(), p("div", Ee, [
       n("label", Oe, w(s.value.apiKeyLabel), 1),
       n("div", We, [
@@ -579,11 +579,11 @@ const de = {
   },
   emits: ["select"],
   setup(e, { emit: r }) {
-    const l = e, a = r, t = $(!1), s = $(""), f = $(null), u = A(() => Q[l.language]), i = A(
+    const l = e, a = r, t = $(!1), s = $(""), f = $(null), u = S(() => Q[l.language]), i = S(
       () => l.models.filter(
         (d) => d.name.toLowerCase().includes(s.value.toLowerCase()) || d.id.toLowerCase().includes(s.value.toLowerCase())
       )
-    ), y = A(
+    ), y = S(
       () => {
         var d;
         return ((d = l.models.find((h) => h.id === l.selectedModelId)) == null ? void 0 : d.name) || l.selectedModelName || l.selectedModelId;
@@ -686,7 +686,7 @@ const de = {
   },
   emits: ["update:baseUrl"],
   setup(e, { emit: r }) {
-    const l = e, a = r, t = $(!1), s = A(() => Q[l.language]);
+    const l = e, a = r, t = $(!1), s = S(() => Q[l.language]);
     return (f, u) => e.provider ? (m(), p(R, { key: 0 }, [
       n("button", {
         type: "button",
@@ -743,7 +743,7 @@ const de = {
 }, Ct = { class: "overflow-hidden" }, wt = { class: "p-2 rounded-md bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800" }, Mt = { class: "text-xs text-red-600 dark:text-red-400 line-clamp-3 text-left" }, It = {
   key: 1,
   class: "mt-6 border border-gray-200/50 dark:border-zinc-800 rounded-lg overflow-hidden"
-}, $t = { class: "text-xs font-medium text-gray-500 dark:text-zinc-500 uppercase tracking-wider" }, Ut = { class: "overflow-hidden" }, St = { class: "text-xs text-gray-600 dark:text-zinc-400 font-mono overflow-x-auto leading-relaxed p-4 bg-zinc-50 dark:bg-zinc-900/50" }, zt = /* @__PURE__ */ V({
+}, $t = { class: "text-xs font-medium text-gray-500 dark:text-zinc-500 uppercase tracking-wider" }, Ut = { class: "overflow-hidden" }, At = { class: "text-xs text-gray-600 dark:text-zinc-400 font-mono overflow-x-auto leading-relaxed p-4 bg-zinc-50 dark:bg-zinc-900/50" }, zt = /* @__PURE__ */ V({
   __name: "AIConfigForm",
   props: {
     proxyUrl: {},
@@ -776,7 +776,7 @@ const de = {
       runTest: x,
       save: U,
       selectModel: k,
-      isFetchingModels: S,
+      isFetchingModels: A,
       fetchModelError: K
     } = ye({
       proxyUrl: l.proxyUrl,
@@ -785,7 +785,7 @@ const de = {
       onSerialize: l.onSerialize,
       onDeserialize: l.onDeserialize,
       modelFetcher: l.modelFetcher
-    }), L = A(() => Q[l.language]), T = $("idle"), C = $(!1);
+    }), L = S(() => Q[l.language]), T = $("idle"), C = $(!1);
     q([t, s, f, i], () => {
       a("change", {
         providerId: t.value,
@@ -843,7 +843,7 @@ const de = {
                 testStatus: v(c),
                 disabled: e.disabled,
                 language: e.language,
-                isFetchingModels: v(S),
+                isFetchingModels: v(A),
                 fetchModelError: v(K)
               }, null, 8, ["provider", "apiKey", "testStatus", "disabled", "language", "isFetchingModels", "fetchModelError"]),
               j(nt, {
@@ -854,7 +854,7 @@ const de = {
                 hasApiKey: !!v(s),
                 disabled: e.disabled,
                 language: e.language,
-                isFetchingModels: v(S),
+                isFetchingModels: v(A),
                 fetchModelError: v(K),
                 selectedModelName: v(u)
               }, null, 8, ["provider", "models", "selectedModelId", "hasApiKey", "disabled", "language", "isFetchingModels", "fetchModelError", "selectedModelName"])
@@ -977,7 +977,7 @@ const de = {
             style: G({ gridTemplateRows: C.value ? "1fr" : "0fr" })
           }, [
             n("div", Ut, [
-              n("pre", St, "" + w(JSON.stringify({
+              n("pre", At, "" + w(JSON.stringify({
                 provider: v(d).name,
                 apiFormat: v(d).apiFormat,
                 baseUrl: v(i) || v(d).baseUrl,