@ainative/svelte-sdk

用于AINative聊天补全的Svelte存储和工具。

安装

bash
npm install @ainative/svelte-sdk

配置

typescript
// src/lib/ainative.ts
import { setAINativeConfig } from @ainative/svelte-sdk;

setAINativeConfig({
apiKey: import.meta.env.VITEAINATIVEAPI_KEY,
baseUrl: https://api.ainative.studio,
});

在应用根目录（+layout.svelte 或 App.svelte）中调用一次。

createChatStore

svelte

{#each $chat.messages as msg}

{#if $chat.isLoading}

思考中...

{#if $chat.error}

错误: {$chat.error.message}

e.key === Enter && send()} />
发送

存储结构

$chat 是一个响应式存储，具有以下结构：

createChatStore 选项

SvelteKit — 服务器路由

对于服务器端调用，直接使用原始 API（不暴露浏览器认证信息）：

typescript
// src/routes/api/chat/+server.ts
import { AINATIVEAPIKEY } from $env/static/private;
import type { RequestHandler } from ./$types;

export const POST: RequestHandler = async ({ request }) => {
const { messages } = await request.json();

const resp = await fetch(https://api.ainative.studio/v1/public/chat/completions, {
method: POST,
headers: {
X-API-Key: AINATIVEAPIKEY,
Content-Type: application/json,
},
body: JSON.stringify({
model: claude-3-5-sonnet-20241022,
messages,
}),
});

return new Response(resp.body, {
headers: { Content-Type: application/json },
});
};

环境变量

bash

.env

生产环境请使用服务器路由 — 切勿在客户端包中暴露 API 密钥。

导出

typescript
import {
createChatStore,
setAINativeConfig,
ainativeConfig,
type Message,
type ChatState,
type AINativeError,
} from @ainative/svelte-sdk;

参考

• - packages/sdks/svelte/src/stores/chat.ts — 聊天存储实现
• packages/sdks/svelte/src/stores/config.ts — 配置存储
• packages/sdks/svelte/src/index.ts — 包导出