@ai-sdk/devtools 1.0.0-beta.2 → 1.0.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/client/assets/index-BwqXGbSV.js +176 -0
  2. package/dist/client/index.html +1 -1
  3. package/dist/index.d.ts +2 -2
  4. package/dist/index.js +1 -1
  5. package/package.json +3 -3
  6. package/src/middleware.ts +12 -12
  7. package/src/viewer/client/styles.css +16 -8
  8. package/dist/client/assets/index-DmPGHSLs.js +0 -185
package/dist/client/index.html CHANGED
@@ -10,7 +10,7 @@
10
10
  href="https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600;700&display=swap"
11
11
  rel="stylesheet"
12
12
  />
13
- <script type="module" crossorigin src="/assets/index-DmPGHSLs.js"></script>
13
+ <script type="module" crossorigin src="/assets/index-BwqXGbSV.js"></script>
14
14
  <link rel="stylesheet" crossorigin href="/assets/index-BkyOIjbt.css">
15
15
  </head>
16
16
  <body>
package/dist/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { LanguageModelV3Middleware } from '@ai-sdk/provider';
1
+ import { LanguageModelV4Middleware } from '@ai-sdk/provider';
2
2
 
3
3
  /**
4
4
  * Factory function that creates a devtools middleware instance.
@@ -16,6 +16,6 @@ import { LanguageModelV3Middleware } from '@ai-sdk/provider';
16
16
  * });
17
17
  * ```
18
18
  */
19
- declare const devToolsMiddleware: () => LanguageModelV3Middleware;
19
+ declare const devToolsMiddleware: () => LanguageModelV4Middleware;
20
20
 
21
21
  export { devToolsMiddleware };
package/dist/index.js CHANGED
@@ -169,7 +169,7 @@ var devToolsMiddleware = () => {
169
169
  return stepCounter;
170
170
  };
171
171
  return {
172
- specificationVersion: "v3",
172
+ specificationVersion: "v4",
173
173
  wrapGenerate: async ({ doGenerate, params, model }) => {
174
174
  const startTime = Date.now();
175
175
  const stepId = generateId();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ai-sdk/devtools",
3
- "version": "1.0.0-beta.2",
3
+ "version": "1.0.0-beta.4",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -27,7 +27,7 @@
27
27
  "dependencies": {
28
28
  "@hono/node-server": "^1.13.7",
29
29
  "hono": "^4.6.14",
30
- "@ai-sdk/provider": "4.0.0-beta.2"
30
+ "@ai-sdk/provider": "4.0.0-beta.4"
31
31
  },
32
32
  "devDependencies": {
33
33
  "@radix-ui/react-collapsible": "^1.1.12",
@@ -55,7 +55,7 @@
55
55
  "vaul": "^1.1.2",
56
56
  "vite": "^6.0.3",
57
57
  "zod": "3.25.76",
58
- "ai": "7.0.0-beta.19"
58
+ "ai": "7.0.0-beta.27"
59
59
  },
60
60
  "scripts": {
61
61
  "dev": "concurrently -k \"pnpm dev:api\" \"pnpm dev:client\"",
package/src/middleware.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import {
2
- type LanguageModelV3FinishReason,
3
- type LanguageModelV3Usage,
4
- type LanguageModelV3Middleware,
5
- type LanguageModelV3StreamPart,
2
+ type LanguageModelV4FinishReason,
3
+ type LanguageModelV4Usage,
4
+ type LanguageModelV4Middleware,
5
+ type LanguageModelV4StreamPart,
6
6
  } from '@ai-sdk/provider';
7
7
  import {
8
8
  createRun,
@@ -97,7 +97,7 @@ const generateRunId = (): string => {
97
97
  * });
98
98
  * ```
99
99
  */
100
- export const devToolsMiddleware = (): LanguageModelV3Middleware => {
100
+ export const devToolsMiddleware = (): LanguageModelV4Middleware => {
101
101
  if (process.env.NODE_ENV === 'production') {
102
102
  throw new Error(
103
103
  '@ai-sdk/devtools should not be used in production. ' +
@@ -125,7 +125,7 @@ export const devToolsMiddleware = (): LanguageModelV3Middleware => {
125
125
  };
126
126
 
127
127
  return {
128
- specificationVersion: 'v3',
128
+ specificationVersion: 'v4',
129
129
 
130
130
  wrapGenerate: async ({ doGenerate, params, model }) => {
131
131
  const startTime = Date.now();
@@ -242,9 +242,9 @@ export const devToolsMiddleware = (): LanguageModelV3Middleware => {
242
242
  const collectedOutput: {
243
243
  textParts: Array<{ id: string; text: string }>;
244
244
  reasoningParts: Array<{ id: string; text: string }>;
245
- toolCalls: LanguageModelV3StreamPart[];
246
- finishReason?: LanguageModelV3FinishReason;
247
- usage?: LanguageModelV3Usage;
245
+ toolCalls: LanguageModelV4StreamPart[];
246
+ finishReason?: LanguageModelV4FinishReason;
247
+ usage?: LanguageModelV4Usage;
248
248
  } = {
249
249
  textParts: [],
250
250
  reasoningParts: [],
@@ -253,7 +253,7 @@ export const devToolsMiddleware = (): LanguageModelV3Middleware => {
253
253
 
254
254
  const currentText: Map<string, string> = new Map();
255
255
  const currentReasoning: Map<string, string> = new Map();
256
- const fullStreamChunks: LanguageModelV3StreamPart[] = [];
256
+ const fullStreamChunks: LanguageModelV4StreamPart[] = [];
257
257
  const rawChunks: unknown[] = [];
258
258
 
259
259
  // Track this step for cleanup on process exit
@@ -266,8 +266,8 @@ export const devToolsMiddleware = (): LanguageModelV3Middleware => {
266
266
  });
267
267
 
268
268
  const transformStream = new TransformStream<
269
- LanguageModelV3StreamPart,
270
- LanguageModelV3StreamPart
269
+ LanguageModelV4StreamPart,
270
+ LanguageModelV4StreamPart
271
271
  >({
272
272
  transform(chunk, controller) {
273
273
  // Separate raw provider chunks from other stream chunks
package/src/viewer/client/styles.css CHANGED
@@ -40,10 +40,12 @@
40
40
  }
41
41
 
42
42
  @theme inline {
43
- --font-sans: "Geist Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
44
- Roboto, sans-serif;
45
- --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo,
46
- Consolas, monospace;
43
+ --font-sans:
44
+ "Geist Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
45
+ sans-serif;
46
+ --font-mono:
47
+ "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
48
+ monospace;
47
49
 
48
50
  --color-background: var(--background);
49
51
  --color-foreground: var(--foreground);
@@ -104,15 +106,21 @@
104
106
  }
105
107
  body {
106
108
  @apply bg-background text-foreground;
107
- font-family: "Geist Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
108
- Roboto, sans-serif;
109
+ font-family:
110
+ "Geist Sans",
111
+ -apple-system,
112
+ BlinkMacSystemFont,
113
+ "Segoe UI",
114
+ Roboto,
115
+ sans-serif;
109
116
  }
110
117
 
111
118
  code,
112
119
  pre,
113
120
  kbd {
114
- font-family: "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo,
115
- Consolas, monospace;
121
+ font-family:
122
+ "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
123
+ monospace;
116
124
  }
117
125
 
118
126
  /* Custom scrollbar styling */