@ai-sdk/vue 0.0.44 → 0.0.46

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @ai-sdk/vue
 
+## 0.0.46
+
+### Patch Changes
+
+- Updated dependencies [03313cd]
+  - @ai-sdk/provider-utils@1.0.18
+  - @ai-sdk/ui-utils@0.0.41
+
+## 0.0.45
+
+### Patch Changes
+
+- Updated dependencies [aa2dc58]
+  - @ai-sdk/ui-utils@0.0.40
+
 ## 0.0.44
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-sdk/vue",
-  "version": "0.0.44",
+  "version": "0.0.46",
   "license": "Apache-2.0",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -14,9 +14,13 @@
       "require": "./dist/index.js"
     }
   },
+  "files": [
+    "dist/**/*",
+    "CHANGELOG.md"
+  ],
   "dependencies": {
-    "@ai-sdk/provider-utils": "1.0.17",
-    "@ai-sdk/ui-utils": "0.0.39",
+    "@ai-sdk/provider-utils": "1.0.18",
+    "@ai-sdk/ui-utils": "0.0.41",
     "swrv": "1.0.4"
   },
   "devDependencies": {

package/.eslintrc.js

@@ -1,4 +0,0 @@
-module.exports = {
-  root: true,
-  extends: ['vercel-ai'],
-};

package/.turbo/turbo-build.log

@@ -1,21 +0,0 @@
-
-> @ai-sdk/vue@0.0.44 build /home/runner/work/ai/ai/packages/vue
-> tsup
-
-CLI Building entry: src/index.ts
-CLI Using tsconfig: tsconfig.json
-CLI tsup v7.2.0
-CLI Using tsup config: /home/runner/work/ai/ai/packages/vue/tsup.config.ts
-CLI Target: es2018
-CJS Build start
-ESM Build start
-CJS dist/index.js     16.21 KB
-CJS dist/index.js.map 31.11 KB
-CJS ⚡️ Build success in 46ms
-ESM dist/index.mjs     14.09 KB
-ESM dist/index.mjs.map 30.89 KB
-ESM ⚡️ Build success in 51ms
-DTS Build start
-DTS ⚡️ Build success in 5350ms
-DTS dist/index.d.ts  5.94 KB
-DTS dist/index.d.mts 5.94 KB

package/.turbo/turbo-clean.log

@@ -1,4 +0,0 @@
-
-> @ai-sdk/vue@0.0.44 clean /home/runner/work/ai/ai/packages/vue
-> rm -rf dist
-

package/src/TestChatAssistantStreamComponent.vue

@@ -1,18 +0,0 @@
-<script lang="ts" setup>
-import { useAssistant } from './use-assistant';
-
-const { status, messages, append } = useAssistant({
-  api: '/api/assistant'
-});
-</script>
-
-<template>
-  <div>
-    <div data-testid="status">{{ status }}</div>
-    <div v-for="(message, index) in messages" :data-testid="`message-${index}`" :key="index">
-      {{ message.role === 'user' ? 'User: ' : 'AI: ' }}
-      {{ message.content }}
-    </div>
-    <button data-testid="do-append" @click="append({ role: 'user', content: 'hi' })" />
-  </div>
-</template>

package/src/TestChatAssistantThreadChangeComponent.vue

@@ -1,22 +0,0 @@
-<script setup lang="ts">
-import { useAssistant } from './use-assistant';
-
-const { status, messages, error, append, setThreadId, threadId } = useAssistant({
-  api: '/api/assistant'
-});
-</script>
-
-<template>
-  <div>
-    <div data-testid="status">{{ status }}</div>
-    <div data-testid="thread-id">{{ threadId || 'undefined' }}</div>
-    <div data-testid="error">{{ error?.toString() }}</div>
-    <div v-for="(message, index) in messages" :data-testid="`message-${index}`" :key="index">
-      {{ message.role === 'user' ? 'User: ' : 'AI: ' }}
-      {{ message.content }}
-    </div>
-    <button data-testid="do-append" @click="append({ role: 'user', content: 'hi' })" />
-    <button data-testid="do-new-thread" @click="setThreadId(undefined)" />
-    <button data-testid="do-thread-3" @click="setThreadId('t3')" />
-  </div>
-</template>

package/src/TestChatComponent.vue

@@ -1,44 +0,0 @@
-<script setup lang="ts">
-import { useChat } from './use-chat';
-
-const onFinishCalls: Array<{
-  message: Message;
-  options: {
-    finishReason: string;
-    usage: {
-      completionTokens: number;
-      promptTokens: number;
-      totalTokens: number;
-    };
-  };
-}> = [];
-
-const { messages, append, data, error, isLoading } = useChat({
-  onFinish: (message, options) => {
-    onFinishCalls.push({ message, options });
-  },
-});
-</script>
-
-<template>
-  <div>
-    <div data-testid="loading">{{ isLoading?.toString() }}</div>
-    <div data-testid="error">{{ error?.toString() }}</div>
-    <div data-testid="data">{{ JSON.stringify(data) }}</div>
-    <div
-      v-for="(m, idx) in messages"
-      key="m.id"
-      :data-testid="`message-${idx}`"
-    >
-      {{ m.role === 'user' ? 'User: ' : 'AI: ' }}
-      {{ m.content }}
-    </div>
-
-    <button
-      data-testid="do-append"
-      @click="append({ role: 'user', content: 'hi' })"
-    />
-
-    <div data-testid="on-finish-calls">{{ JSON.stringify(onFinishCalls) }}</div>
-  </div>
-</template>

package/src/TestChatCustomMetadataComponent.vue

@@ -1,32 +0,0 @@
-<script setup lang="ts">
-import { useChat } from './use-chat';
-
-const { messages, append } = useChat({
-  body: {
-    body1: 'value1',
-    body2: 'value2',
-  },
-  headers: {
-    header1: 'value1',
-    header2: 'value2',
-  },
-});
-</script>
-
-<template>
-  <div>
-    <div
-      v-for="(m, idx) in messages"
-      key="m.id"
-      :data-testid="`message-${idx}`"
-    >
-      {{ m.role === 'user' ? 'User: ' : 'AI: ' }}
-      {{ m.content }}
-    </div>
-
-    <button
-      data-testid="do-append"
-      @click="append({ role: 'user', content: 'custom metadata component' })"
-    />
-  </div>
-</template>

package/src/TestChatFormComponent.vue

@@ -1,22 +0,0 @@
-<script setup lang="ts">
-import { useChat } from './use-chat';
-
-const { messages, handleSubmit, input } = useChat();
-</script>
-
-<template>
-  <div>
-    <div
-      v-for="(m, idx) in messages"
-      key="m.id"
-      :data-testid="`message-${idx}`"
-    >
-      {{ m.role === 'user' ? 'User: ' : 'AI: ' }}
-      {{ m.content }}
-    </div>
-
-    <form @submit.prevent="handleSubmit">
-      <input :data-testid="`do-input`" v-model="input" type="text" />
-    </form>
-  </div>
-</template>

package/src/TestChatFormOptionsComponent.vue

@@ -1,29 +0,0 @@
-<script setup lang="ts">
-import { useChat } from './use-chat';
-
-const { messages, handleSubmit, input } = useChat();
-</script>
-
-<template>
-  <div>
-    <div
-      v-for="(m, idx) in messages"
-      key="m.id"
-      :data-testid="`message-${idx}`"
-    >
-      {{ m.role === 'user' ? 'User: ' : 'AI: ' }}
-      {{ m.content }}
-    </div>
-
-    <form
-      @submit.prevent="
-        event =>
-          handleSubmit(event, {
-            allowEmptySubmit: true,
-          })
-      "
-    >
-      <input :data-testid="`do-input`" v-model="input" type="text" />
-    </form>
-  </div>
-</template>

package/src/TestChatReloadComponent.vue

@@ -1,34 +0,0 @@
-<script setup lang="ts">
-import { useChat } from './use-chat';
-
-const { messages, append, reload } = useChat();
-</script>
-
-<template>
-  <div>
-    <div
-      v-for="(m, idx) in messages"
-      key="m.id"
-      :data-testid="`message-${idx}`"
-    >
-      {{ m.role === 'user' ? 'User: ' : 'AI: ' }}
-      {{ m.content }}
-    </div>
-
-    <button
-      data-testid="do-append"
-      @click="append({ role: 'user', content: 'hi' })"
-    />
-
-    <button
-      data-testid="do-reload"
-      @click="
-        reload({
-          data: { 'test-data-key': 'test-data-value' },
-          body: { 'request-body-key': 'request-body-value' },
-          headers: { 'header-key': 'header-value' },
-        })
-      "
-    />
-  </div>
-</template>

package/src/TestChatTextStreamComponent.vue

@@ -1,42 +0,0 @@
-<script setup lang="ts">
-import { useChat } from './use-chat';
-
-const onFinishCalls: Array<{
-  message: Message;
-  options: {
-    finishReason: string;
-    usage: {
-      completionTokens: number;
-      promptTokens: number;
-      totalTokens: number;
-    };
-  };
-}> = [];
-
-const { messages, append } = useChat({
-  streamProtocol: 'text',
-  onFinish: (message, options) => {
-    onFinishCalls.push({ message, options });
-  },
-});
-</script>
-
-<template>
-  <div>
-    <div
-      v-for="(m, idx) in messages"
-      key="m.id"
-      :data-testid="`message-${idx}`"
-    >
-      {{ m.role === 'user' ? 'User: ' : 'AI: ' }}
-      {{ m.content }}
-    </div>
-
-    <button
-      data-testid="do-append"
-      @click="append({ role: 'user', content: 'hi' })"
-    />
-
-    <div data-testid="on-finish-calls">{{ JSON.stringify(onFinishCalls) }}</div>
-  </div>
-</template>

package/src/TestCompletionComponent.vue

@@ -1,17 +0,0 @@
-<script setup lang="ts">
-import { useCompletion } from './use-completion';
-
-const { completion, handleSubmit, input, isLoading, error } = useCompletion();
-</script>
-
-<template>
-  <div>
-    <div data-testid="loading">{{ isLoading?.toString() }}</div>
-    <div data-testid="error">{{ error?.toString() }}</div>
-    <div data-testid="completion">{{ completion }}</div>
-
-    <form @submit="handleSubmit">
-      <input data-testid="input" v-model="input" />
-    </form>
-  </div>
-</template>

package/src/TestCompletionTextStreamComponent.vue

@@ -1,19 +0,0 @@
-<script setup lang="ts">
-import { useCompletion } from './use-completion';
-
-const { completion, handleSubmit, input, isLoading, error } = useCompletion({
-  streamProtocol: 'text',
-});
-</script>
-
-<template>
-  <div>
-    <div data-testid="loading">{{ isLoading?.toString() }}</div>
-    <div data-testid="error">{{ error?.toString() }}</div>
-    <div data-testid="completion">{{ completion }}</div>
-
-    <form @submit="handleSubmit">
-      <input data-testid="input" v-model="input" />
-    </form>
-  </div>
-</template>

package/src/index.ts

@@ -1,3 +0,0 @@
-export * from './use-chat';
-export * from './use-completion';
-export * from './use-assistant';

package/src/package.json

@@ -1,10 +0,0 @@
-{
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "exports": "./dist/index.mjs",
-  "private": true,
-  "peerDependencies": {
-    "vue": "*"
-  }
-}

package/src/shims-vue.d.ts

@@ -1,5 +0,0 @@
-// required for vue testing library
-declare module '*.vue' {
-  import Vue from 'vue';
-  export default Vue;
-}