@shwfed/config 1.0.0

package/dist/runtime/components/actions/utils/button-registry.d.ts

@@ -0,0 +1,25 @@
+import type { Effect, Scope } from 'effect';
+import type { InjectionKey } from 'vue';
+import type { ActionContext, OverlayDefinitionNotFoundError } from '../../../composables/useOverlay.js';
+import type { Cause, Fetch } from 'fx-fetch';
+type BodyParseError = Cause.MalformedArrayBufferError | Cause.MalformedBlobError | Cause.MalformedBytesError | Cause.MalformedFormDataError | Cause.MalformedJsonError | Cause.MalformedReadableStreamError | Cause.MalformedTextError | Cause.BodyIsNotPresentError;
+type OverlaySlotProps = Readonly<{
+    props: Readonly<any>;
+    report: (...args: [value?: unknown]) => void;
+    isDesktop: boolean;
+}>;
+type OverlayBodyRender = (props: OverlaySlotProps) => Array<import('vue').VNode>;
+type ActionEffect = Effect.Effect<unknown, Fetch.Fetch.ErrorType | BodyParseError | OverlayDefinitionNotFoundError, Scope.Scope | ActionContext | Fetch.Fetch>;
+export type DeclaredButton = Readonly<{
+    ownerId: string;
+    actionId: string;
+    effect?: ActionEffect;
+    render?: OverlayBodyRender;
+}>;
+export interface ButtonRegistry {
+    registerAction: (action: DeclaredButton) => void;
+    unregisterAction: (actionId: string, ownerId?: string) => void;
+    hasAction: (actionId: string) => boolean;
+}
+export declare const buttonRegistryKey: InjectionKey<ButtonRegistry>;
+export {};

package/dist/runtime/components/actions/utils/button-registry.js

@@ -0,0 +1 @@
+export const buttonRegistryKey = Symbol("shwfed/button-registry");

package/dist/runtime/components/actions/utils/resolve.d.ts

@@ -0,0 +1,27 @@
+import type { Component } from 'vue';
+import type { Schema } from 'effect';
+import { Effect } from 'effect';
+import type { Fetch } from 'fx-fetch';
+import type { Environment } from '../../../vendor/cel-js/lib/index.js';
+type CelEvaluator = <T>(expression: string, context?: Record<string, unknown>) => Effect.Effect<T, any>;
+type AnySchema = Schema.Schema<any, any, never>;
+type SchemaFactory = (configure: (env: Environment) => void) => AnySchema;
+export type ButtonMetadata = Readonly<{
+    name: string;
+    icon: string;
+    drillable?: boolean;
+}>;
+export type ButtonEntry = Readonly<{
+    type: string;
+    compatibilityDate: string;
+    metadata: ButtonMetadata;
+    schema: SchemaFactory;
+    config: Component;
+    runtime: Component;
+}>;
+export declare const BUTTONS: ReadonlyArray<ButtonEntry>;
+export declare function allButtonSchemas(configure: (env: Environment) => void): ReadonlyArray<AnySchema>;
+export declare function findButton(type: string, compatibilityDate: string): ButtonEntry | undefined;
+export declare function interpolateMarkdown(source: string, $cel: CelEvaluator): string;
+export declare function executeHttpRequest(expression: string, $cel: CelEvaluator, messageExpression?: string, styleExpression?: string): Effect.Effect<unknown, any, Fetch.Fetch>;
+export {};

package/dist/runtime/components/actions/utils/resolve.js

@@ -0,0 +1,80 @@
+import { defineAsyncComponent } from "vue";
+import { Effect } from "effect";
+import { toast } from "vue-sonner";
+import { defineRegistry } from "../../../share/define-registry.js";
+const schemaModules = import.meta.glob(
+  "../buttons/*/*/schema.ts",
+  { eager: true }
+);
+const configModuleLoaders = import.meta.glob(
+  "../buttons/*/*/config.vue"
+);
+const runtimeModuleLoaders = import.meta.glob(
+  "../buttons/*/*/runtime.vue"
+);
+const configModules = Object.fromEntries(
+  Object.entries(configModuleLoaders).map(([path, loader]) => [
+    path,
+    defineAsyncComponent(loader)
+  ])
+);
+const runtimeModules = Object.fromEntries(
+  Object.entries(runtimeModuleLoaders).map(([path, loader]) => [
+    path,
+    defineAsyncComponent(loader)
+  ])
+);
+const registry = defineRegistry({
+  hostName: "shwfed-actions",
+  dirSegment: "buttons",
+  schemaModules,
+  configModules,
+  runtimeModules
+});
+export const BUTTONS = registry.ENTRIES.map((e) => ({
+  type: e.type,
+  compatibilityDate: e.compatibilityDate,
+  metadata: e.module.metadata,
+  schema: e.module.schema,
+  config: e.config,
+  runtime: e.runtime
+}));
+export function allButtonSchemas(configure) {
+  return BUTTONS.map((entry) => entry.schema(configure));
+}
+export function findButton(type, compatibilityDate) {
+  return BUTTONS.find((a) => a.type === type && a.compatibilityDate === compatibilityDate);
+}
+const INTERPOLATION_RE = /\{\{(.*?)\}\}/gs;
+export function interpolateMarkdown(source, $cel) {
+  return source.replace(INTERPOLATION_RE, (_, expr) => {
+    const trimmed = expr.trim();
+    if (trimmed.length === 0) return "{{ }}";
+    try {
+      return stringifyCelResult(Effect.runSync($cel(trimmed)));
+    } catch {
+      return `{{${expr}}}`;
+    }
+  });
+}
+function stringifyCelResult(value) {
+  if (value === null || value === void 0) return "";
+  if (typeof value === "object") return JSON.stringify(value);
+  return String(value);
+}
+const TOAST_STYLES = /* @__PURE__ */ new Set(["success", "error", "warning", "info"]);
+export function executeHttpRequest(expression, $cel, messageExpression, styleExpression) {
+  const request = Effect.flatMap(
+    $cel(expression),
+    (builder) => builder.json()
+  );
+  if (messageExpression === void 0) return request;
+  return Effect.flatMap(request, (body) => {
+    const context = { json: body };
+    const style = styleExpression === void 0 ? Effect.succeed("success") : Effect.map($cel(styleExpression, context), (s) => TOAST_STYLES.has(s) ? s : "success");
+    return Effect.flatMap(
+      Effect.all([$cel(messageExpression, context), style]),
+      ([message, kind]) => Effect.sync(() => toast[kind](message))
+    );
+  });
+}

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,48 @@
+<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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,282 @@
+<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

@@ -0,0 +1,3 @@
+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/app.d.vue.ts

@@ -0,0 +1,13 @@
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};