@shwfed/config 1.0.0 → 1.1.0

package/dist/runtime/components/ai/byok-button.d.vue.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/ai/byok-button.vue

@@ -1,48 +0,0 @@
-<script setup>
-import { useNuxtApp } from "#app";
-import { Icon } from "@iconify/vue";
-import { computed } from "vue";
-import { isByokAllowed } from "../../plugins/ai/gate";
-import { settingsOpen } from "../../plugins/ai/settings-state";
-import ByokSettings from "./byok-settings.vue";
-defineOptions({ name: "ShwfedAiByokButton" });
-const { $ai } = useNuxtApp();
-const allowed = isByokAllowed();
-const status = computed(() => {
-  const c = $ai.config.value;
-  if (!c) {
-    return {
-      icon: "fluent:sparkle-20-regular",
-      label: "AI \u672A\u914D\u7F6E",
-      hint: "\u70B9\u51FB\u914D\u7F6E BYOK \u5BC6\u94A5"
-    };
-  }
-  return {
-    icon: "fluent:magic-wand-20-regular",
-    label: "AI",
-    hint: c.model ?? "\u9ED8\u8BA4\u6A21\u578B"
-  };
-});
-</script>
-
-<template>
-  <template v-if="allowed">
-    <button
-      type="button"
-      class="byok-button"
-      :title="status.hint"
-      @click="settingsOpen = true"
-    >
-      <Icon
-        :icon="status.icon"
-        class="size-4 shrink-0"
-      />
-      <span class="truncate">{{ status.label }}</span>
-    </button>
-    <ByokSettings />
-  </template>
-</template>
-
-<style scoped>
-.byok-button{align-items:center;border-radius:.25rem;color:#71717a;display:inline-flex;font-size:.75rem;gap:.375rem;padding-block:.25rem;padding-inline:.5rem;transition:background-color .1s ease,color .1s ease}.byok-button:hover{background-color:#f4f4f5;color:#3f3f46}
-</style>

package/dist/runtime/components/ai/byok-button.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/ai/byok-settings.d.vue.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/ai/byok-settings.vue

@@ -1,282 +0,0 @@
-<script setup>
-import { useNuxtApp } from "#app";
-import { Icon } from "@iconify/vue";
-import { computed, ref, watch } from "vue";
-import { toast } from "vue-sonner";
-import ShwfedModal from "../modal.vue";
-import { Button } from "../ui/button";
-import { Field, FieldLabel, FieldDescription } from "../ui/field";
-import { Input } from "../ui/input";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../ui/select";
-import { settingsOpen } from "../../plugins/ai/settings-state";
-import { DEFAULT_MAX_TOKENS, PROVIDER_DEFAULTS } from "../../plugins/ai/store";
-const ANTHROPIC_ENTRY = { value: "anthropic", label: "Anthropic \u517C\u5BB9", icon: "simple-icons:anthropic" };
-const OPENAI_ENTRY = { value: "openai", label: "OpenAI \u517C\u5BB9", icon: "simple-icons:openai" };
-const PROVIDER_ENTRIES = [ANTHROPIC_ENTRY, OPENAI_ENTRY];
-defineOptions({ name: "ShwfedAiByokSettings" });
-const { $ai } = useNuxtApp();
-const provider = ref("anthropic");
-const apiKey = ref("");
-const showKey = ref(false);
-const advanced = ref(false);
-const model = ref("");
-const endpoint = ref("");
-const maxTokens = ref(void 0);
-const testing = ref(false);
-watch(settingsOpen, (open) => {
-  if (!open) return;
-  const c = $ai.config.value;
-  if (c) {
-    provider.value = c.provider;
-    apiKey.value = c.apiKey;
-    model.value = c.model ?? "";
-    endpoint.value = c.endpoint ?? "";
-    maxTokens.value = c.maxTokens;
-    advanced.value = !!(c.model || c.endpoint || c.maxTokens);
-  } else {
-    provider.value = "anthropic";
-    apiKey.value = "";
-    model.value = "";
-    endpoint.value = "";
-    maxTokens.value = void 0;
-    advanced.value = false;
-  }
-  showKey.value = false;
-});
-const placeholder = computed(() => PROVIDER_DEFAULTS[provider.value]);
-const apiKeyPlaceholder = computed(() => provider.value === "anthropic" ? "sk-ant-..." : "sk-...");
-function buildConfig() {
-  if (!apiKey.value.trim()) return null;
-  const mt = maxTokens.value;
-  return {
-    provider: provider.value,
-    apiKey: apiKey.value.trim(),
-    model: advanced.value && model.value.trim() ? model.value.trim() : void 0,
-    endpoint: advanced.value && endpoint.value.trim() ? endpoint.value.trim() : void 0,
-    maxTokens: advanced.value && typeof mt === "number" && Number.isFinite(mt) && mt > 0 ? Math.floor(mt) : void 0
-  };
-}
-const canSave = computed(() => !!apiKey.value.trim());
-function onSave() {
-  const next = buildConfig();
-  if (!next) return;
-  $ai.setConfig(next);
-  toast.success("AI \u914D\u7F6E\u5DF2\u4FDD\u5B58");
-  settingsOpen.value = false;
-}
-function onClear() {
-  $ai.setConfig(null);
-  apiKey.value = "";
-  model.value = "";
-  endpoint.value = "";
-  maxTokens.value = void 0;
-  toast.success("AI \u914D\u7F6E\u5DF2\u6E05\u9664");
-  settingsOpen.value = false;
-}
-async function onTest() {
-  const draft = buildConfig();
-  if (!draft) {
-    toast.error("\u8BF7\u5148\u586B\u5199 API Key");
-    return;
-  }
-  const previous = $ai.config.value;
-  $ai.setConfig(draft);
-  testing.value = true;
-  try {
-    const out = await $ai.generateText({ prompt: "ping" });
-    toast.success("\u8FDE\u63A5\u6210\u529F", { description: out.slice(0, 80) });
-  } catch (err) {
-    $ai.setConfig(previous);
-    const message = err instanceof Error ? err.message : String(err);
-    toast.error("\u8FDE\u63A5\u5931\u8D25", { description: message });
-  } finally {
-    testing.value = false;
-  }
-}
-</script>
-
-<template>
-  <ShwfedModal
-    v-model:open="settingsOpen"
-    content-width="32rem"
-    :dismissible="!testing"
-  >
-    <template #title>
-      <span class="flex items-center gap-2">
-        <Icon
-          icon="fluent:sparkle-20-regular"
-          class="size-5"
-        />
-        AI 配置 (BYOK)
-      </span>
-    </template>
-    <template #description>
-      使用您自己的 API Key 直接调用模型。仅本地有效，密钥保存在浏览器中，不会上传。
-    </template>
-
-    <form
-      class="flex flex-col gap-4 py-2"
-      autocomplete="off"
-      @submit.prevent="onSave"
-    >
-      <Field orientation="vertical">
-        <FieldLabel class="text-xs text-zinc-500">
-          供应商
-        </FieldLabel>
-        <Select
-          :model-value="provider"
-          @update:model-value="(v) => provider = v"
-        >
-          <SelectTrigger class="w-full">
-            <SelectValue />
-          </SelectTrigger>
-          <SelectContent>
-            <SelectItem
-              v-for="entry in PROVIDER_ENTRIES"
-              :key="entry.value"
-              :value="entry.value"
-            >
-              <span class="inline-flex items-center gap-2">
-                <Icon
-                  :icon="entry.icon"
-                  class="size-4 shrink-0"
-                />
-                <span>{{ entry.label }}</span>
-              </span>
-            </SelectItem>
-          </SelectContent>
-        </Select>
-      </Field>
-
-      <Field orientation="vertical">
-        <FieldLabel class="text-xs text-zinc-500">
-          API Key
-        </FieldLabel>
-        <div class="relative">
-          <Input
-            v-model="apiKey"
-            :type="showKey ? 'text' : 'password'"
-            :placeholder="apiKeyPlaceholder"
-            autocomplete="off"
-            class="pr-10"
-          />
-          <button
-            type="button"
-            class="absolute right-2 top-1/2 -translate-y-1/2 text-zinc-400 hover:text-zinc-600"
-            @click="showKey = !showKey"
-          >
-            <Icon
-              :icon="showKey ? 'fluent:eye-off-20-regular' : 'fluent:eye-20-regular'"
-              class="size-4"
-            />
-          </button>
-        </div>
-      </Field>
-
-      <button
-        type="button"
-        class="flex w-fit items-center gap-1 text-xs text-zinc-500 hover:text-zinc-700"
-        @click="advanced = !advanced"
-      >
-        <Icon
-          :icon="advanced ? 'fluent:chevron-down-20-regular' : 'fluent:chevron-right-20-regular'"
-          class="size-3.5"
-        />
-        高级
-      </button>
-
-      <div
-        v-if="advanced"
-        class="flex flex-col gap-4 rounded border border-zinc-100 bg-zinc-50/40 p-3"
-      >
-        <Field orientation="vertical">
-          <FieldLabel class="text-xs text-zinc-500">
-            模型
-          </FieldLabel>
-          <FieldDescription class="text-xs text-zinc-400">
-            留空使用默认：{{ placeholder.model }}
-          </FieldDescription>
-          <Input
-            v-model="model"
-            :placeholder="placeholder.model"
-          />
-        </Field>
-        <Field orientation="vertical">
-          <FieldLabel class="text-xs text-zinc-500">
-            端点
-          </FieldLabel>
-          <FieldDescription class="text-xs text-zinc-400">
-            完整请求 URL，将被原样使用（如 OpenRouter 或后端代理）。留空使用默认：{{ placeholder.endpoint }}
-          </FieldDescription>
-          <Input
-            v-model="endpoint"
-            :placeholder="placeholder.endpoint"
-          />
-        </Field>
-        <Field orientation="vertical">
-          <FieldLabel class="text-xs text-zinc-500">
-            最大输出 token
-          </FieldLabel>
-          <FieldDescription class="text-xs text-zinc-400">
-            单次响应可生成的最大 token 数；推理模型需要更高额度以容纳隐式思考。留空使用默认：{{ DEFAULT_MAX_TOKENS }}
-          </FieldDescription>
-          <Input
-            :model-value="maxTokens ?? ''"
-            type="number"
-            min="1"
-            :placeholder="String(DEFAULT_MAX_TOKENS)"
-            @update:model-value="(v) => {
-  const n = typeof v === 'number' ? v : Number(v);
-  maxTokens = Number.isFinite(n) && n > 0 ? Math.floor(n) : void 0;
-}"
-          />
-        </Field>
-      </div>
-    </form>
-
-    <template #footer>
-      <div class="flex items-center justify-between gap-3">
-        <Button
-          v-if="$ai.config.value"
-          type="button"
-          variant="ghost"
-          size="sm"
-          :disabled="testing"
-          @click="onClear"
-        >
-          <Icon icon="fluent:delete-20-regular" />
-          清除
-        </Button>
-        <span
-          v-else
-          class="flex-1"
-        />
-        <div class="flex items-center gap-2">
-          <Button
-            type="button"
-            variant="default"
-            size="sm"
-            :disabled="!canSave || testing"
-            @click="onTest"
-          >
-            <Icon
-              :icon="testing ? 'fluent:arrow-sync-20-regular' : 'fluent:flash-20-regular'"
-              :class="testing ? 'animate-spin' : ''"
-            />
-            测试
-          </Button>
-          <Button
-            type="button"
-            variant="primary"
-            size="sm"
-            :disabled="!canSave || testing"
-            @click="onSave"
-          >
-            <Icon icon="fluent:checkmark-20-regular" />
-            保存
-          </Button>
-        </div>
-      </div>
-    </template>
-  </ShwfedModal>
-</template>

package/dist/runtime/components/ai/byok-settings.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/plugins/ai/gate.d.ts

@@ -1 +0,0 @@
-export declare function isByokAllowed(): boolean;

package/dist/runtime/plugins/ai/gate.js

@@ -1,8 +0,0 @@
-export function isByokAllowed() {
-  if (typeof window === "undefined") return false;
-  const h = window.location.hostname;
-  if (h === "localhost" || h === "127.0.0.1") return true;
-  if (h.startsWith("beta.")) return true;
-  if (h.includes(".beta.")) return true;
-  return false;
-}

package/dist/runtime/plugins/ai/settings-state.d.ts

@@ -1 +0,0 @@
-export declare const settingsOpen: import("vue").Ref<boolean, boolean>;

package/dist/runtime/plugins/ai/settings-state.js

@@ -1,2 +0,0 @@
-import { ref } from "vue";
-export const settingsOpen = ref(false);

package/dist/runtime/plugins/ai/store.d.ts

@@ -1,17 +0,0 @@
-import { type Ref } from 'vue';
-export type AiProvider = 'anthropic' | 'openai';
-export interface AiConfig {
-    provider: AiProvider;
-    apiKey: string;
-    model?: string;
-    endpoint?: string;
-    maxTokens?: number;
-}
-export declare const DEFAULT_MAX_TOKENS = 8192;
-export declare function loadConfig(): AiConfig | null;
-export declare function saveConfig(config: AiConfig | null): void;
-export declare function createConfigRef(): Ref<AiConfig | null>;
-export declare const PROVIDER_DEFAULTS: Record<AiProvider, {
-    model: string;
-    endpoint: string;
-}>;

package/dist/runtime/plugins/ai/store.js

@@ -1,40 +0,0 @@
-import { ref, watch } from "vue";
-export const DEFAULT_MAX_TOKENS = 8192;
-const STORAGE_KEY = "shwfed:ai:byok";
-function isProvider(v) {
-  return v === "anthropic" || v === "openai";
-}
-export function loadConfig() {
-  if (typeof window === "undefined") return null;
-  try {
-    const raw = window.localStorage.getItem(STORAGE_KEY);
-    if (!raw) return null;
-    const parsed = JSON.parse(raw);
-    if (!parsed || typeof parsed !== "object") return null;
-    if (typeof parsed.apiKey !== "string" || parsed.apiKey.length === 0) return null;
-    if (!isProvider(parsed.provider)) return null;
-    return {
-      provider: parsed.provider,
-      apiKey: parsed.apiKey,
-      model: typeof parsed.model === "string" && parsed.model ? parsed.model : void 0,
-      endpoint: typeof parsed.endpoint === "string" && parsed.endpoint ? parsed.endpoint : void 0,
-      maxTokens: typeof parsed.maxTokens === "number" && Number.isFinite(parsed.maxTokens) && parsed.maxTokens > 0 ? Math.floor(parsed.maxTokens) : void 0
-    };
-  } catch {
-    return null;
-  }
-}
-export function saveConfig(config) {
-  if (typeof window === "undefined") return;
-  if (config === null) window.localStorage.removeItem(STORAGE_KEY);
-  else window.localStorage.setItem(STORAGE_KEY, JSON.stringify(config));
-}
-export function createConfigRef() {
-  const r = ref(loadConfig());
-  watch(r, (next) => saveConfig(next), { deep: true });
-  return r;
-}
-export const PROVIDER_DEFAULTS = {
-  anthropic: { model: "claude-sonnet-4-5-20250929", endpoint: "https://api.anthropic.com/v1/messages" },
-  openai: { model: "gpt-4o-mini", endpoint: "https://api.openai.com/v1/chat/completions" }
-};