@ aparte/ svelte (英语)

这个 Svelte AI 聊天组件 联 合 国 独立 - 人类基因组 <AparteChat> (Svelte 4和5)加上商店(createAparteChat, (中文(简体) ), createAparteClient, (中文(简体) ), createConversationManager过 框架不可知网络组件 @aparte/core。 。 。 .

在 Svelte 5 上,从 @aparte/svelte/runes:用runes写成的同一种聊天——片段, bind:messages,召回道具,和 <AparteToolUI> 来绘制带有自己组件的工具调用. 在CI中与Svelte 4和5进行测试,并在服务器上提供的SvelteKit 2页中进行水分测试 没有不匹配.

斯维尔特4号和斯维尔特5号,来自同一来源。 包裹装上 .svelte 文件 下划线 svelte 出口条件,所以  编译器构建它们——如何使用 Svelte 组件库是打算出版的,并且是唯一能够服务于两个 主要产品: Svelte-4 产出进口 svelte/internal和斯维尔特-5 输出不运行于 4。 没有为两者预先建造的艺术品.

两者在每次运行时都使用浏览器进行: apps/examples/svelte4 建造这些 使用 Svelte 4 的源代码, apps/examples/svelte5 与斯维尔特5.

有一件事是不一样的, 它在你的进入点,而不是在这里: Svelte 5 移除了类证据 API,所以你写 mount(App, …) 改为 new App(…)。 。 。 .

npm install @aparte/svelte @aparte/core svelte

<script lang="ts">
  import { AparteChat, createAparteChat, type AparteChatImperativeApi } from '@aparte/svelte';
  import '@aparte/core/styles.css';

  const chat = createAparteChat();
  const { messages } = chat;
  let comp: AparteChatImperativeApi | null = null;
  $: chat.connect(comp);
</script>

<AparteChat
  bind:this={comp}
  messages={$messages}
  onmessagesChange={(m) => chat.onMessagesChange(m)}
/>

用户的留言在发送时自动附上——不要自己添加. onmessageSent 实值 可选并仅用于副作用(滚动、分析)。 每个回调道具也作为组件存在 活动(on:messagesChange有效载荷 event.detail)——"斯维尔特"4号拼写法,"斯维尔特"5号上仍然很好.

@aparte/core 财务报告和审定财务报表 svelte 为: 同行依赖关系。 。 。 .

每个 <aparte-*> 标记通过 SvelteHTMLElements这样 svelte-check 涵盖 属性及其属性 on: 管理者. <AparteUi name="my-widget" /> 残存的碎片 未定义.

仅限无害环境管理。 完整的API请参见文件. 离相单相.