@gammatech/aijsx 0.4.1-beta.4 → 0.5.0-dev.2024-03-11

package/dist/index.d.mts

@@ -1,11 +1,12 @@
-import { R as RenderContext, L as LogImplementation, S as SpanProcessor, C as ContextValues, T as Tracer, a as ReadableSpan, b as SpanExporter, A as AIComponent, c as AINode, d as SpanAttributes, E as EvaluatorFn, P as PromptParsed, e as Prompt, N as NotAsyncGenerator, F as FunctionChain, f as StreamChain, g as EvaluatorResult, h as Context } from './createElement-x4FT7ZgG.mjs';
-export { H as AIElement, j as AIFragment, n as AssistantMessage, B as BoundLogger, q as ChatCompletionError, r as ChatCompletionRequestPayloads, l as ChatCompletionRole, y as CombinedLogger, x as ConsoleLogger, z as Literal, s as LogChatCompletionRequest, t as LogChatCompletionResponse, u as LogLevel, v as Logger, w as NoopLogImplementation, Y as OutputParser, J as PropsOfAIComponent, D as RenderResult, I as Renderable, o as RenderedConversationMessage, O as Span, K as SpanContext, Q as SpanEvent, M as SpanStatus, m as SystemMessage, W as TracingContext, V as TracingContextKey, X as TracingContextManager, U as UserMessage, G as attachedContextSymbol, p as computeUsage, i as createAIElement, k as createContext } from './createElement-x4FT7ZgG.mjs';
+import { R as RenderContext, L as LogImplementation, S as SpanProcessor, C as ContextValues, T as Tracer, a as ReadableSpan, b as SpanExporter, A as AIComponent, c as AINode, d as SpanAttributes, E as EvaluatorFn, P as PromptParsed, e as Prompt, N as NotAsyncGenerator, F as FunctionChain, f as StreamChain, g as EvaluatorResult, h as Context, J as JSX } from './jsx-dev-runtime-zWb34twz.mjs';
+export { H as AIElement, j as AIFragment, n as AssistantMessage, B as BoundLogger, q as ChatCompletionError, r as ChatCompletionRequestPayloads, l as ChatCompletionRole, y as CombinedLogger, x as ConsoleLogger, z as Literal, s as LogChatCompletionRequest, t as LogChatCompletionResponse, u as LogLevel, v as Logger, w as NoopLogImplementation, Z as OutputParser, K as PropsOfAIComponent, D as RenderResult, I as Renderable, o as RenderedConversationMessage, Q as Span, M as SpanContext, V as SpanEvent, O as SpanStatus, m as SystemMessage, X as TracingContext, W as TracingContextKey, Y as TracingContextManager, U as UserMessage, G as attachedContextSymbol, p as computeUsage, i as createAIElement, k as createContext } from './jsx-dev-runtime-zWb34twz.mjs';
 import { ZodObject, ZodRawShape, ZodTypeAny, ZodString, z } from 'zod';
 import { OpenAI } from 'openai';
 export { OpenAI as OpenAIClient } from 'openai';
 import { ChatCompletionSystemMessageParam, ChatCompletionUserMessageParam, ChatCompletionAssistantMessageParam, ChatCompletionCreateParams } from 'openai/resources';
 import AnthropicClient from '@anthropic-ai/sdk';
 export { default as AnthropicClient } from '@anthropic-ai/sdk';
+import { ImageBlockParam } from '@anthropic-ai/sdk/resources';
 export { countTokens as countAnthropicTokens } from '@anthropic-ai/tokenizer';
 
 type CreateRenderContextOptions = {
@@ -178,7 +179,7 @@ declare function tokenLimitForChatModel(model: ValidOpenAIChatModel): number | u
 declare function tokenCountForOpenAIMessage(message: OpenAIChatMessage): number;
 declare function tokenCountForOpenAIVisionMessage(message: OpenAIChatMessage): number;
 
-type AnthropicChatCompletionRequest = AnthropicClient.CompletionCreateParams;
+type AnthropicChatCompletionRequest = AnthropicClient.Messages.MessageStreamParams;
 declare module '@gammatech/aijsx' {
     interface ChatCompletionRequestPayloads {
         anthropic: AnthropicChatCompletionRequest;
@@ -188,7 +189,7 @@ declare module '@gammatech/aijsx' {
  * The set of valid Claude models.
  * @see https://docs.anthropic.com/claude/reference/selecting-a-model
  */
-type ValidAnthropicChatModel = 'claude-instant-1.2' | 'claude-2.1';
+type ValidAnthropicChatModel = 'claude-instant-1.2' | 'claude-2.1' | 'claude-3-opus-20240229' | 'claude-3-sonnet-20240229';
 declare const AnthropicClientContext: Context<() => AnthropicClient>;
 type AnthropicChatCompletionProps = {
     model: ValidAnthropicChatModel;
@@ -207,4 +208,22 @@ type AnthropicChatCompletionProps = {
  */
 declare function AnthropicChatCompletion(props: AnthropicChatCompletionProps, { render, logger, tracer, getContext }: RenderContext): AsyncGenerator<string, void, unknown>;
 
-export { AIComponent, AINode, AISpanProcessor, AnthropicChatCompletion, type AnthropicChatCompletionRequest, AnthropicClientContext, ContentTypeImage, Context, type CostFn, EnrichingSpanProcessor, EvaluatorFn, EvaluatorResult, FunctionChain, LogImplementation, NotAsyncGenerator, OpenAIChatCompletion, type OpenAIChatCompletionRequest, type OpenAIChatMessage, OpenAIClientContext, OpenAIVisionChatCompletion, ParseVariablesError, Prompt, PromptInvalidOutputError, PromptParsed, ReadableSpan, RenderContext, SpanAttributes, SpanExporter, SpanProcessor, StreamChain, Trace, Tracer, type ValidAnthropicChatModel, type ValidOpenAIChatModel, type ValidOpenAIVisionModel, createFunctionChain, createPrompt, createRenderContext, createStreamChain, evaluatePrompt, tokenCountForOpenAIMessage, tokenCountForOpenAIVisionMessage, tokenLimitForChatModel, tokenizer, tracing };
+type ClaudeImageBlockBase64 = {
+    data: string;
+    dimensions?: {
+        width: number;
+        height: number;
+    };
+    mediaType: ImageBlockParam.Source['media_type'];
+};
+type ClaudeImageBlockUrl = {
+    url: string;
+    dimensions?: {
+        width: number;
+        height: number;
+    };
+};
+type ClaudeImageBlockProps = ClaudeImageBlockBase64 | ClaudeImageBlockUrl;
+declare const ClaudeImageBlock: (props: ClaudeImageBlockProps) => Promise<JSX.Element>;
+
+export { AIComponent, AINode, AISpanProcessor, AnthropicChatCompletion, type AnthropicChatCompletionRequest, AnthropicClientContext, ClaudeImageBlock, ContentTypeImage, Context, type CostFn, EnrichingSpanProcessor, EvaluatorFn, EvaluatorResult, FunctionChain, LogImplementation, NotAsyncGenerator, OpenAIChatCompletion, type OpenAIChatCompletionRequest, type OpenAIChatMessage, OpenAIClientContext, OpenAIVisionChatCompletion, ParseVariablesError, Prompt, PromptInvalidOutputError, PromptParsed, ReadableSpan, RenderContext, SpanAttributes, SpanExporter, SpanProcessor, StreamChain, Trace, Tracer, type ValidAnthropicChatModel, type ValidOpenAIChatModel, type ValidOpenAIVisionModel, createFunctionChain, createPrompt, createRenderContext, createStreamChain, evaluatePrompt, tokenCountForOpenAIMessage, tokenCountForOpenAIVisionMessage, tokenLimitForChatModel, tokenizer, tracing };

package/dist/index.d.ts

@@ -1,11 +1,12 @@
-import { R as RenderContext, L as LogImplementation, S as SpanProcessor, C as ContextValues, T as Tracer, a as ReadableSpan, b as SpanExporter, A as AIComponent, c as AINode, d as SpanAttributes, E as EvaluatorFn, P as PromptParsed, e as Prompt, N as NotAsyncGenerator, F as FunctionChain, f as StreamChain, g as EvaluatorResult, h as Context } from './createElement-x4FT7ZgG.js';
-export { H as AIElement, j as AIFragment, n as AssistantMessage, B as BoundLogger, q as ChatCompletionError, r as ChatCompletionRequestPayloads, l as ChatCompletionRole, y as CombinedLogger, x as ConsoleLogger, z as Literal, s as LogChatCompletionRequest, t as LogChatCompletionResponse, u as LogLevel, v as Logger, w as NoopLogImplementation, Y as OutputParser, J as PropsOfAIComponent, D as RenderResult, I as Renderable, o as RenderedConversationMessage, O as Span, K as SpanContext, Q as SpanEvent, M as SpanStatus, m as SystemMessage, W as TracingContext, V as TracingContextKey, X as TracingContextManager, U as UserMessage, G as attachedContextSymbol, p as computeUsage, i as createAIElement, k as createContext } from './createElement-x4FT7ZgG.js';
+import { R as RenderContext, L as LogImplementation, S as SpanProcessor, C as ContextValues, T as Tracer, a as ReadableSpan, b as SpanExporter, A as AIComponent, c as AINode, d as SpanAttributes, E as EvaluatorFn, P as PromptParsed, e as Prompt, N as NotAsyncGenerator, F as FunctionChain, f as StreamChain, g as EvaluatorResult, h as Context, J as JSX } from './jsx-dev-runtime-zWb34twz.js';
+export { H as AIElement, j as AIFragment, n as AssistantMessage, B as BoundLogger, q as ChatCompletionError, r as ChatCompletionRequestPayloads, l as ChatCompletionRole, y as CombinedLogger, x as ConsoleLogger, z as Literal, s as LogChatCompletionRequest, t as LogChatCompletionResponse, u as LogLevel, v as Logger, w as NoopLogImplementation, Z as OutputParser, K as PropsOfAIComponent, D as RenderResult, I as Renderable, o as RenderedConversationMessage, Q as Span, M as SpanContext, V as SpanEvent, O as SpanStatus, m as SystemMessage, X as TracingContext, W as TracingContextKey, Y as TracingContextManager, U as UserMessage, G as attachedContextSymbol, p as computeUsage, i as createAIElement, k as createContext } from './jsx-dev-runtime-zWb34twz.js';
 import { ZodObject, ZodRawShape, ZodTypeAny, ZodString, z } from 'zod';
 import { OpenAI } from 'openai';
 export { OpenAI as OpenAIClient } from 'openai';
 import { ChatCompletionSystemMessageParam, ChatCompletionUserMessageParam, ChatCompletionAssistantMessageParam, ChatCompletionCreateParams } from 'openai/resources';
 import AnthropicClient from '@anthropic-ai/sdk';
 export { default as AnthropicClient } from '@anthropic-ai/sdk';
+import { ImageBlockParam } from '@anthropic-ai/sdk/resources';
 export { countTokens as countAnthropicTokens } from '@anthropic-ai/tokenizer';
 
 type CreateRenderContextOptions = {
@@ -178,7 +179,7 @@ declare function tokenLimitForChatModel(model: ValidOpenAIChatModel): number | u
 declare function tokenCountForOpenAIMessage(message: OpenAIChatMessage): number;
 declare function tokenCountForOpenAIVisionMessage(message: OpenAIChatMessage): number;
 
-type AnthropicChatCompletionRequest = AnthropicClient.CompletionCreateParams;
+type AnthropicChatCompletionRequest = AnthropicClient.Messages.MessageStreamParams;
 declare module '@gammatech/aijsx' {
     interface ChatCompletionRequestPayloads {
         anthropic: AnthropicChatCompletionRequest;
@@ -188,7 +189,7 @@ declare module '@gammatech/aijsx' {
  * The set of valid Claude models.
  * @see https://docs.anthropic.com/claude/reference/selecting-a-model
  */
-type ValidAnthropicChatModel = 'claude-instant-1.2' | 'claude-2.1';
+type ValidAnthropicChatModel = 'claude-instant-1.2' | 'claude-2.1' | 'claude-3-opus-20240229' | 'claude-3-sonnet-20240229';
 declare const AnthropicClientContext: Context<() => AnthropicClient>;
 type AnthropicChatCompletionProps = {
     model: ValidAnthropicChatModel;
@@ -207,4 +208,22 @@ type AnthropicChatCompletionProps = {
  */
 declare function AnthropicChatCompletion(props: AnthropicChatCompletionProps, { render, logger, tracer, getContext }: RenderContext): AsyncGenerator<string, void, unknown>;
 
-export { AIComponent, AINode, AISpanProcessor, AnthropicChatCompletion, type AnthropicChatCompletionRequest, AnthropicClientContext, ContentTypeImage, Context, type CostFn, EnrichingSpanProcessor, EvaluatorFn, EvaluatorResult, FunctionChain, LogImplementation, NotAsyncGenerator, OpenAIChatCompletion, type OpenAIChatCompletionRequest, type OpenAIChatMessage, OpenAIClientContext, OpenAIVisionChatCompletion, ParseVariablesError, Prompt, PromptInvalidOutputError, PromptParsed, ReadableSpan, RenderContext, SpanAttributes, SpanExporter, SpanProcessor, StreamChain, Trace, Tracer, type ValidAnthropicChatModel, type ValidOpenAIChatModel, type ValidOpenAIVisionModel, createFunctionChain, createPrompt, createRenderContext, createStreamChain, evaluatePrompt, tokenCountForOpenAIMessage, tokenCountForOpenAIVisionMessage, tokenLimitForChatModel, tokenizer, tracing };
+type ClaudeImageBlockBase64 = {
+    data: string;
+    dimensions?: {
+        width: number;
+        height: number;
+    };
+    mediaType: ImageBlockParam.Source['media_type'];
+};
+type ClaudeImageBlockUrl = {
+    url: string;
+    dimensions?: {
+        width: number;
+        height: number;
+    };
+};
+type ClaudeImageBlockProps = ClaudeImageBlockBase64 | ClaudeImageBlockUrl;
+declare const ClaudeImageBlock: (props: ClaudeImageBlockProps) => Promise<JSX.Element>;
+
+export { AIComponent, AINode, AISpanProcessor, AnthropicChatCompletion, type AnthropicChatCompletionRequest, AnthropicClientContext, ClaudeImageBlock, ContentTypeImage, Context, type CostFn, EnrichingSpanProcessor, EvaluatorFn, EvaluatorResult, FunctionChain, LogImplementation, NotAsyncGenerator, OpenAIChatCompletion, type OpenAIChatCompletionRequest, type OpenAIChatMessage, OpenAIClientContext, OpenAIVisionChatCompletion, ParseVariablesError, Prompt, PromptInvalidOutputError, PromptParsed, ReadableSpan, RenderContext, SpanAttributes, SpanExporter, SpanProcessor, StreamChain, Trace, Tracer, type ValidAnthropicChatModel, type ValidOpenAIChatModel, type ValidOpenAIVisionModel, createFunctionChain, createPrompt, createRenderContext, createStreamChain, evaluatePrompt, tokenCountForOpenAIMessage, tokenCountForOpenAIVisionMessage, tokenLimitForChatModel, tokenizer, tracing };

package/dist/index.js

@@ -37,6 +37,7 @@ __export(src_exports, {
   AssistantMessage: () => AssistantMessage,
   BoundLogger: () => BoundLogger,
   ChatCompletionError: () => ChatCompletionError,
+  ClaudeImageBlock: () => ClaudeImageBlock,
   CombinedLogger: () => CombinedLogger,
   ConsoleLogger: () => ConsoleLogger,
   ContentTypeImage: () => ContentTypeImage,
@@ -1097,6 +1098,9 @@ function parseXml(input) {
     const attributeName = Object.keys(nodeObject)[1];
     const childObjects = nodeObject[nodeName];
     const attributes = Object.entries(nodeObject[attributeName] || {}).reduce((acc, [key, value]) => {
+      if (!value) {
+        return acc;
+      }
       try {
         acc[key] = JSON.parse(value);
       } catch (e) {
@@ -1114,6 +1118,9 @@ function parseXml(input) {
   return constructNode(null, parsed[0]);
 }
 function escape(html) {
+  if (!html) {
+    return "";
+  }
   return html.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
 
@@ -1760,10 +1767,10 @@ var OpenAIClientContext = createContext(() => {
 });
 function buildOpenAIMessages(childrenXml) {
   const messages = [];
-  const chatMessageTags2 = ["UserMessage", "AssistantMessage", "SystemMessage"];
-  const parsed = parseXml(childrenXml).collapse(chatMessageTags2);
+  const chatMessageTags = ["UserMessage", "AssistantMessage", "SystemMessage"];
+  const parsed = parseXml(childrenXml).collapse(chatMessageTags);
   const topLevelValid = parsed.childNodes.every(
-    (node) => chatMessageTags2.includes(node.nodeName)
+    (node) => chatMessageTags.includes(node.nodeName)
   );
   if (!topLevelValid) {
     throw new Error("Invalid top level chat message tags");
@@ -1901,15 +1908,15 @@ var ContentTypeImage = (_props) => {
 };
 function buildOpenAIVisionChatMessages(childrenXml) {
   const messages = [];
-  const chatMessageTags2 = [
+  const chatMessageTags = [
     "UserMessage",
     "AssistantMessage",
     "SystemMessage",
     "ContentTypeImage"
   ];
-  const parsed = parseXml(childrenXml).collapse(chatMessageTags2);
+  const parsed = parseXml(childrenXml).collapse(chatMessageTags);
   const topLevelValid = parsed.childNodes.every(
-    (node) => chatMessageTags2.includes(node.nodeName)
+    (node) => chatMessageTags.includes(node.nodeName)
   );
   if (!topLevelValid) {
     throw new Error("Invalid top level chat message tags");
@@ -2123,9 +2130,15 @@ var AnthropicClientContext = createContext(
   }
 );
 var defaultMaxTokens = 4096;
-var chatMessageTags = ["UserMessage", "AssistantMessage", "SystemMessage"];
-function buildChatMessages(childrenXml) {
+function buildAnthropicMessages(childrenXml) {
+  let system = "";
   const messages = [];
+  const chatMessageTags = [
+    "UserMessage",
+    "AssistantMessage",
+    "SystemMessage",
+    "ClaudeImageBlockParam"
+  ];
   const parsed = parseXml(childrenXml).collapse(chatMessageTags);
   const topLevelValid = parsed.childNodes.every(
     (node) => chatMessageTags.includes(node.nodeName)
@@ -2133,37 +2146,52 @@ function buildChatMessages(childrenXml) {
   if (!topLevelValid) {
     throw new Error("Invalid top level chat message tags");
   }
+  const dimensions = /* @__PURE__ */ new WeakMap();
   for (const node of parsed.childNodes) {
     if (node.nodeName === "UserMessage") {
-      const content = `${import_sdk.default.HUMAN_PROMPT} ${node.textContent}`;
+      if (node.childNodes?.length === 1 && node.childNodes[0].nodeName === "#text") {
+        messages.push({
+          content: node.childNodes[0].value,
+          role: "user"
+        });
+        continue;
+      }
+      const parts = node.childNodes.map((n) => {
+        if (n.nodeName === "#text") {
+          return {
+            type: "text",
+            text: n.value
+          };
+        } else if (n.nodeName === "ClaudeImageBlockParam") {
+          const imagePart = {
+            type: "image",
+            source: {
+              type: "base64",
+              media_type: n.attributes.mediaType,
+              data: n.attributes.data
+            }
+          };
+          dimensions.set(imagePart, n.attributes.dimensions);
+          return imagePart;
+        }
+        throw new Error(
+          "Invalid ChatCompletionContentPart, expecting text or ContentTypeImage"
+        );
+      });
       messages.push({
-        role: "user",
-        content,
-        tokens: (0, import_tokenizer3.countTokens)(content)
+        content: parts,
+        role: "user"
       });
     } else if (node.nodeName === "AssistantMessage") {
-      const content = `${import_sdk.default.AI_PROMPT} ${node.textContent}`;
       messages.push({
-        role: "assistant",
-        content,
-        tokens: (0, import_tokenizer3.countTokens)(content)
+        content: node.textContent,
+        role: "assistant"
       });
     } else if (node.nodeName === "SystemMessage") {
-      const userContent = `${import_sdk.default.HUMAN_PROMPT} For subsequent replies you will adhere to the following instructions: ${node.textContent}`;
-      messages.push({
-        role: "user",
-        content: userContent,
-        tokens: (0, import_tokenizer3.countTokens)(userContent)
-      });
-      const assistantContent = `${import_sdk.default.AI_PROMPT} Okay, I will do that.`;
-      messages.push({
-        role: "assistant",
-        content: assistantContent,
-        tokens: (0, import_tokenizer3.countTokens)(assistantContent)
-      });
+      system = node.textContent;
     }
   }
-  return messages;
+  return { messages, system, dimensions };
 }
 function AnthropicChatCompletion(props, { render, logger, tracer, getContext }) {
   const startTime = performance.now();
@@ -2177,21 +2205,25 @@ function AnthropicChatCompletion(props, { render, logger, tracer, getContext })
           "[AnthropicChatCompletion] must supply AnthropicClient via context"
         );
       }
-      const inputMessages = buildChatMessages(
+      const { system, messages } = buildAnthropicMessages(
         await render(props.children, {
-          preserveTags: true
+          preserveTags: true,
+          renderedProps: {
+            ClaudeImageBlockParam: {
+              data: true,
+              dimensions: true,
+              mediaType: true
+            }
+          }
         })
       );
-      const prompt = [
-        ...inputMessages.map((message) => message.content),
-        import_sdk.default.AI_PROMPT
-      ].join("");
+      const inputMessages = getRenderedMessages(system, messages);
       const anthropicCompletionRequest = {
-        prompt,
-        max_tokens_to_sample: props.maxTokens ?? defaultMaxTokens,
+        system,
+        messages,
+        max_tokens: props.maxTokens ?? defaultMaxTokens,
         temperature: props.temperature,
-        model: props.model,
-        stream: true
+        model: props.model
       };
       const logRequestData = {
         startTime,
@@ -2211,7 +2243,7 @@ function AnthropicChatCompletion(props, { render, logger, tracer, getContext })
       });
       let response;
       try {
-        response = await client.completions.create(anthropicCompletionRequest);
+        response = client.messages.stream(anthropicCompletionRequest);
       } catch (err) {
         if (err instanceof import_sdk.default.APIError) {
           throw new ChatCompletionError(
@@ -2224,29 +2256,50 @@ function AnthropicChatCompletion(props, { render, logger, tracer, getContext })
         throw err;
       }
       let content = "";
-      let isFirstResponse = true;
-      for await (const completion of response) {
-        let text = completion.completion;
-        if (isFirstResponse && text.length > 0) {
-          isFirstResponse = false;
-          if (text.startsWith(" ")) {
-            text = text.slice(1);
-          }
+      let outputUsage = 0;
+      let inputUsage = 0;
+      let finishReason = null;
+      for await (const event of response) {
+        if (event.type === "message_start") {
+          inputUsage = event.message.usage?.input_tokens || 0;
+        }
+        if (event.type === "content_block_delta") {
+          const chunk = event.delta.text;
+          content += chunk;
+          yield chunk;
+        }
+        if (event.type === "message_delta") {
+          finishReason = event.delta.stop_reason;
+          outputUsage = event.usage?.output_tokens;
         }
-        content += text;
-        yield text;
       }
       const outputMessage = {
         role: "assistant",
         content,
-        tokens: (0, import_tokenizer3.countTokens)(content)
+        tokens: outputUsage
       };
-      const finishReason = "stop";
+      const userMessage = inputMessages.find(
+        (m) => m.role === "user" && m.tokens === 0
+      );
+      const restMessages = inputMessages.filter(
+        (m) => m.role !== "assistant" && m.tokens > 0
+      );
+      const restMessagesTokens = restMessages.reduce(
+        (acc, m) => acc + m.tokens,
+        0
+      );
+      if (userMessage && inputUsage) {
+        userMessage.tokens = inputUsage - restMessagesTokens;
+      }
       const tokensUsed = computeUsage([...inputMessages, outputMessage]);
       const responseData = {
         ...logRequestData,
         finishReason,
         latency: performance.now() - startTime,
+        // NOTE(jordan) we dont REALLY need inputMessages, they are this kind of intermediary that we use
+        // to store the token values for the messages, but we could easily just compute the tokensUsed and call
+        // it a day
+        inputMessages,
         outputMessage,
         tokensUsed
       };
@@ -2259,6 +2312,82 @@ function AnthropicChatCompletion(props, { render, logger, tracer, getContext })
     }
   );
 }
+function getRenderedMessages(system, messages) {
+  const systemMessage = {
+    role: "system",
+    content: system,
+    tokens: (0, import_tokenizer3.countTokens)(system)
+  };
+  const renderedMessages = messages.map((message) => {
+    if (message.role === "user") {
+      return {
+        role: message.role,
+        content: renderChatMessageContent2(message.content),
+        // we keep user message tokens 0 and just let anthropic tell us
+        tokens: 0
+      };
+    }
+    return {
+      role: message.role,
+      content: renderChatMessageContent2(message.content),
+      tokens: (0, import_tokenizer3.countTokens)(message.content)
+    };
+  });
+  return [systemMessage, ...renderedMessages];
+}
+var renderChatMessageContent2 = (content) => {
+  if (content == null) {
+    return "";
+  }
+  if (typeof content === "string") {
+    return content;
+  }
+  return content.map((part) => {
+    if (typeof part === "string") {
+      return part;
+    } else if ("text" in part) {
+      return part.text;
+    } else if ("source" in part && typeof part.source === "object") {
+      return `<ImageBlockParam data="base64..." />`;
+    }
+    throw new Error("Invalid ImageBlockParam type");
+  }).join("\n\n");
+};
+
+// src/lib/anthropic/ClaudeImageBlock.tsx
+var ClaudeImageBlockParam = (_props) => {
+  return null;
+};
+async function fetchImageAndConvertToBase64(url) {
+  const response = await fetch(url);
+  const contentType = response.headers.get("content-type");
+  const allowedTypes = ["image/jpeg", "image/png", "image/gif", "image/webp"];
+  if (!contentType || !allowedTypes.includes(contentType)) {
+    throw new Error(`Unsupported media type: ${contentType}`);
+  }
+  const blob = await response.blob();
+  const buffer = Buffer.from(await blob.arrayBuffer());
+  const base64 = buffer.toString("base64");
+  return {
+    base64,
+    mediaType: contentType
+  };
+}
+var ClaudeImageBlock = async (props) => {
+  if ("data" in props) {
+    return /* @__PURE__ */ jsx(ClaudeImageBlockParam, { ...props });
+  }
+  const { dimensions, url } = props;
+  const { base64, mediaType } = await fetchImageAndConvertToBase64(url);
+  return /* @__PURE__ */ jsx(
+    ClaudeImageBlockParam,
+    {
+      dimensions,
+      mediaType,
+      data: base64
+    }
+  );
+};
 
 // src/lib/anthropic/index.ts
 var import_sdk2 = __toESM(require("@anthropic-ai/sdk"));
@@ -2273,6 +2402,7 @@ var import_tokenizer4 = require("@anthropic-ai/tokenizer");
   AssistantMessage,
   BoundLogger,
   ChatCompletionError,
+  ClaudeImageBlock,
   CombinedLogger,
   ConsoleLogger,
   ContentTypeImage,

package/dist/index.mjs

@@ -1007,6 +1007,9 @@ function parseXml(input) {
     const attributeName = Object.keys(nodeObject)[1];
     const childObjects = nodeObject[nodeName];
     const attributes = Object.entries(nodeObject[attributeName] || {}).reduce((acc, [key, value]) => {
+      if (!value) {
+        return acc;
+      }
       try {
         acc[key] = JSON.parse(value);
       } catch (e) {
@@ -1024,6 +1027,9 @@ function parseXml(input) {
   return constructNode(null, parsed[0]);
 }
 function escape(html) {
+  if (!html) {
+    return "";
+  }
   return html.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
 
@@ -1663,10 +1669,10 @@ var OpenAIClientContext = createContext(() => {
 });
 function buildOpenAIMessages(childrenXml) {
   const messages = [];
-  const chatMessageTags2 = ["UserMessage", "AssistantMessage", "SystemMessage"];
-  const parsed = parseXml(childrenXml).collapse(chatMessageTags2);
+  const chatMessageTags = ["UserMessage", "AssistantMessage", "SystemMessage"];
+  const parsed = parseXml(childrenXml).collapse(chatMessageTags);
   const topLevelValid = parsed.childNodes.every(
-    (node) => chatMessageTags2.includes(node.nodeName)
+    (node) => chatMessageTags.includes(node.nodeName)
   );
   if (!topLevelValid) {
     throw new Error("Invalid top level chat message tags");
@@ -1804,15 +1810,15 @@ var ContentTypeImage = (_props) => {
 };
 function buildOpenAIVisionChatMessages(childrenXml) {
   const messages = [];
-  const chatMessageTags2 = [
+  const chatMessageTags = [
     "UserMessage",
     "AssistantMessage",
     "SystemMessage",
     "ContentTypeImage"
   ];
-  const parsed = parseXml(childrenXml).collapse(chatMessageTags2);
+  const parsed = parseXml(childrenXml).collapse(chatMessageTags);
   const topLevelValid = parsed.childNodes.every(
-    (node) => chatMessageTags2.includes(node.nodeName)
+    (node) => chatMessageTags.includes(node.nodeName)
   );
   if (!topLevelValid) {
     throw new Error("Invalid top level chat message tags");
@@ -2026,9 +2032,15 @@ var AnthropicClientContext = createContext(
   }
 );
 var defaultMaxTokens = 4096;
-var chatMessageTags = ["UserMessage", "AssistantMessage", "SystemMessage"];
-function buildChatMessages(childrenXml) {
+function buildAnthropicMessages(childrenXml) {
+  let system = "";
   const messages = [];
+  const chatMessageTags = [
+    "UserMessage",
+    "AssistantMessage",
+    "SystemMessage",
+    "ClaudeImageBlockParam"
+  ];
   const parsed = parseXml(childrenXml).collapse(chatMessageTags);
   const topLevelValid = parsed.childNodes.every(
     (node) => chatMessageTags.includes(node.nodeName)
@@ -2036,37 +2048,52 @@ function buildChatMessages(childrenXml) {
   if (!topLevelValid) {
     throw new Error("Invalid top level chat message tags");
   }
+  const dimensions = /* @__PURE__ */ new WeakMap();
   for (const node of parsed.childNodes) {
     if (node.nodeName === "UserMessage") {
-      const content = `${AnthropicClient.HUMAN_PROMPT} ${node.textContent}`;
+      if (node.childNodes?.length === 1 && node.childNodes[0].nodeName === "#text") {
+        messages.push({
+          content: node.childNodes[0].value,
+          role: "user"
+        });
+        continue;
+      }
+      const parts = node.childNodes.map((n) => {
+        if (n.nodeName === "#text") {
+          return {
+            type: "text",
+            text: n.value
+          };
+        } else if (n.nodeName === "ClaudeImageBlockParam") {
+          const imagePart = {
+            type: "image",
+            source: {
+              type: "base64",
+              media_type: n.attributes.mediaType,
+              data: n.attributes.data
+            }
+          };
+          dimensions.set(imagePart, n.attributes.dimensions);
+          return imagePart;
+        }
+        throw new Error(
+          "Invalid ChatCompletionContentPart, expecting text or ContentTypeImage"
+        );
+      });
       messages.push({
-        role: "user",
-        content,
-        tokens: countTokens(content)
+        content: parts,
+        role: "user"
       });
     } else if (node.nodeName === "AssistantMessage") {
-      const content = `${AnthropicClient.AI_PROMPT} ${node.textContent}`;
       messages.push({
-        role: "assistant",
-        content,
-        tokens: countTokens(content)
+        content: node.textContent,
+        role: "assistant"
       });
     } else if (node.nodeName === "SystemMessage") {
-      const userContent = `${AnthropicClient.HUMAN_PROMPT} For subsequent replies you will adhere to the following instructions: ${node.textContent}`;
-      messages.push({
-        role: "user",
-        content: userContent,
-        tokens: countTokens(userContent)
-      });
-      const assistantContent = `${AnthropicClient.AI_PROMPT} Okay, I will do that.`;
-      messages.push({
-        role: "assistant",
-        content: assistantContent,
-        tokens: countTokens(assistantContent)
-      });
+      system = node.textContent;
     }
   }
-  return messages;
+  return { messages, system, dimensions };
 }
 function AnthropicChatCompletion(props, { render, logger, tracer, getContext }) {
   const startTime = performance.now();
@@ -2080,21 +2107,25 @@ function AnthropicChatCompletion(props, { render, logger, tracer, getContext })
           "[AnthropicChatCompletion] must supply AnthropicClient via context"
         );
       }
-      const inputMessages = buildChatMessages(
+      const { system, messages } = buildAnthropicMessages(
         await render(props.children, {
-          preserveTags: true
+          preserveTags: true,
+          renderedProps: {
+            ClaudeImageBlockParam: {
+              data: true,
+              dimensions: true,
+              mediaType: true
+            }
+          }
         })
       );
-      const prompt = [
-        ...inputMessages.map((message) => message.content),
-        AnthropicClient.AI_PROMPT
-      ].join("");
+      const inputMessages = getRenderedMessages(system, messages);
       const anthropicCompletionRequest = {
-        prompt,
-        max_tokens_to_sample: props.maxTokens ?? defaultMaxTokens,
+        system,
+        messages,
+        max_tokens: props.maxTokens ?? defaultMaxTokens,
         temperature: props.temperature,
-        model: props.model,
-        stream: true
+        model: props.model
       };
       const logRequestData = {
         startTime,
@@ -2114,7 +2145,7 @@ function AnthropicChatCompletion(props, { render, logger, tracer, getContext })
       });
       let response;
       try {
-        response = await client.completions.create(anthropicCompletionRequest);
+        response = client.messages.stream(anthropicCompletionRequest);
       } catch (err) {
         if (err instanceof AnthropicClient.APIError) {
           throw new ChatCompletionError(
@@ -2127,29 +2158,50 @@ function AnthropicChatCompletion(props, { render, logger, tracer, getContext })
         throw err;
       }
       let content = "";
-      let isFirstResponse = true;
-      for await (const completion of response) {
-        let text = completion.completion;
-        if (isFirstResponse && text.length > 0) {
-          isFirstResponse = false;
-          if (text.startsWith(" ")) {
-            text = text.slice(1);
-          }
+      let outputUsage = 0;
+      let inputUsage = 0;
+      let finishReason = null;
+      for await (const event of response) {
+        if (event.type === "message_start") {
+          inputUsage = event.message.usage?.input_tokens || 0;
+        }
+        if (event.type === "content_block_delta") {
+          const chunk = event.delta.text;
+          content += chunk;
+          yield chunk;
+        }
+        if (event.type === "message_delta") {
+          finishReason = event.delta.stop_reason;
+          outputUsage = event.usage?.output_tokens;
         }
-        content += text;
-        yield text;
       }
       const outputMessage = {
         role: "assistant",
         content,
-        tokens: countTokens(content)
+        tokens: outputUsage
       };
-      const finishReason = "stop";
+      const userMessage = inputMessages.find(
+        (m) => m.role === "user" && m.tokens === 0
+      );
+      const restMessages = inputMessages.filter(
+        (m) => m.role !== "assistant" && m.tokens > 0
+      );
+      const restMessagesTokens = restMessages.reduce(
+        (acc, m) => acc + m.tokens,
+        0
+      );
+      if (userMessage && inputUsage) {
+        userMessage.tokens = inputUsage - restMessagesTokens;
+      }
       const tokensUsed = computeUsage([...inputMessages, outputMessage]);
       const responseData = {
         ...logRequestData,
         finishReason,
         latency: performance.now() - startTime,
+        // NOTE(jordan) we dont REALLY need inputMessages, they are this kind of intermediary that we use
+        // to store the token values for the messages, but we could easily just compute the tokensUsed and call
+        // it a day
+        inputMessages,
         outputMessage,
         tokensUsed
       };
@@ -2162,6 +2214,82 @@ function AnthropicChatCompletion(props, { render, logger, tracer, getContext })
     }
   );
 }
+function getRenderedMessages(system, messages) {
+  const systemMessage = {
+    role: "system",
+    content: system,
+    tokens: countTokens(system)
+  };
+  const renderedMessages = messages.map((message) => {
+    if (message.role === "user") {
+      return {
+        role: message.role,
+        content: renderChatMessageContent2(message.content),
+        // we keep user message tokens 0 and just let anthropic tell us
+        tokens: 0
+      };
+    }
+    return {
+      role: message.role,
+      content: renderChatMessageContent2(message.content),
+      tokens: countTokens(message.content)
+    };
+  });
+  return [systemMessage, ...renderedMessages];
+}
+var renderChatMessageContent2 = (content) => {
+  if (content == null) {
+    return "";
+  }
+  if (typeof content === "string") {
+    return content;
+  }
+  return content.map((part) => {
+    if (typeof part === "string") {
+      return part;
+    } else if ("text" in part) {
+      return part.text;
+    } else if ("source" in part && typeof part.source === "object") {
+      return `<ImageBlockParam data="base64..." />`;
+    }
+    throw new Error("Invalid ImageBlockParam type");
+  }).join("\n\n");
+};
+
+// src/lib/anthropic/ClaudeImageBlock.tsx
+var ClaudeImageBlockParam = (_props) => {
+  return null;
+};
+async function fetchImageAndConvertToBase64(url) {
+  const response = await fetch(url);
+  const contentType = response.headers.get("content-type");
+  const allowedTypes = ["image/jpeg", "image/png", "image/gif", "image/webp"];
+  if (!contentType || !allowedTypes.includes(contentType)) {
+    throw new Error(`Unsupported media type: ${contentType}`);
+  }
+  const blob = await response.blob();
+  const buffer = Buffer.from(await blob.arrayBuffer());
+  const base64 = buffer.toString("base64");
+  return {
+    base64,
+    mediaType: contentType
+  };
+}
+var ClaudeImageBlock = async (props) => {
+  if ("data" in props) {
+    return /* @__PURE__ */ jsx(ClaudeImageBlockParam, { ...props });
+  }
+  const { dimensions, url } = props;
+  const { base64, mediaType } = await fetchImageAndConvertToBase64(url);
+  return /* @__PURE__ */ jsx(
+    ClaudeImageBlockParam,
+    {
+      dimensions,
+      mediaType,
+      data: base64
+    }
+  );
+};
 
 // src/lib/anthropic/index.ts
 import AnthropicClient2 from "@anthropic-ai/sdk";
@@ -2175,6 +2303,7 @@ export {
   AssistantMessage,
   BoundLogger,
   ChatCompletionError,
+  ClaudeImageBlock,
   CombinedLogger,
   ConsoleLogger,
   ContentTypeImage,

package/dist/{createElement-x4FT7ZgG.d.mts → jsx-dev-runtime-zWb34twz.d.mts}

@@ -223,7 +223,7 @@ interface LogChatCompletionRequest<R extends Record<string, any> = ChatCompletio
 interface LogChatCompletionResponse<R extends Record<string, any> = ChatCompletionRequestPayloads[keyof ChatCompletionRequestPayloads]> extends LogChatCompletionRequest<R> {
     latency: number;
     outputMessage: RenderedConversationMessage;
-    finishReason: string;
+    finishReason: string | null;
     tokensUsed: {
         prompt: number;
         completion: number;
@@ -318,4 +318,30 @@ declare function AIFragment({ children }: {
     children: AINode;
 }): Renderable;
 
-export { type AIComponent as A, BoundLogger as B, type ContextValues as C, type RenderResult as D, type EvaluatorFn as E, type FunctionChain as F, attachedContextSymbol as G, type AIElement as H, type Renderable as I, type PropsOfAIComponent as J, type SpanContext as K, LogImplementation as L, type SpanStatus as M, type NotAsyncGenerator as N, type Span as O, type PromptParsed as P, type SpanEvent as Q, type RenderContext as R, type SpanProcessor as S, type Tracer as T, UserMessage as U, type TracingContextKey as V, type TracingContext as W, type TracingContextManager as X, type OutputParser as Y, type ReadableSpan as a, type SpanExporter as b, type AINode as c, type SpanAttributes as d, type Prompt as e, type StreamChain as f, type EvaluatorResult as g, type Context as h, createAIElement as i, AIFragment as j, createContext as k, type ChatCompletionRole as l, SystemMessage as m, AssistantMessage as n, type RenderedConversationMessage as o, computeUsage as p, ChatCompletionError as q, type ChatCompletionRequestPayloads as r, type LogChatCompletionRequest as s, type LogChatCompletionResponse as t, type LogLevel as u, type Logger as v, NoopLogImplementation as w, ConsoleLogger as x, CombinedLogger as y, type Literal as z };
+/**
+ * The is used as an import source for ts/js files as the JSX transpile functinos
+ */
+
+/** @hidden */
+declare namespace JSX {
+    type ElementType = AIComponent<any>;
+    interface Element extends AIElement<any> {
+    }
+    interface IntrinsicElements {
+    }
+    interface ElementChildrenAttribute {
+        children: {};
+    }
+}
+/** @hidden */
+declare function jsx(type: any, config: any, maybeKey?: any): AIElement<{
+    children: any[];
+}>;
+/** @hidden */
+declare const jsxDEV: typeof jsx;
+/** @hidden */
+declare const jsxs: typeof jsx;
+/** @hidden */
+declare const Fragment: typeof AIFragment;
+
+export { jsxDEV as $, type AIComponent as A, BoundLogger as B, type ContextValues as C, type RenderResult as D, type EvaluatorFn as E, type FunctionChain as F, attachedContextSymbol as G, type AIElement as H, type Renderable as I, JSX as J, type PropsOfAIComponent as K, LogImplementation as L, type SpanContext as M, type NotAsyncGenerator as N, type SpanStatus as O, type PromptParsed as P, type Span as Q, type RenderContext as R, type SpanProcessor as S, type Tracer as T, UserMessage as U, type SpanEvent as V, type TracingContextKey as W, type TracingContext as X, type TracingContextManager as Y, type OutputParser as Z, jsx as _, type ReadableSpan as a, jsxs as a0, Fragment as a1, type SpanExporter as b, type AINode as c, type SpanAttributes as d, type Prompt as e, type StreamChain as f, type EvaluatorResult as g, type Context as h, createAIElement as i, AIFragment as j, createContext as k, type ChatCompletionRole as l, SystemMessage as m, AssistantMessage as n, type RenderedConversationMessage as o, computeUsage as p, ChatCompletionError as q, type ChatCompletionRequestPayloads as r, type LogChatCompletionRequest as s, type LogChatCompletionResponse as t, type LogLevel as u, type Logger as v, NoopLogImplementation as w, ConsoleLogger as x, CombinedLogger as y, type Literal as z };

package/dist/{createElement-x4FT7ZgG.d.ts → jsx-dev-runtime-zWb34twz.d.ts}

@@ -223,7 +223,7 @@ interface LogChatCompletionRequest<R extends Record<string, any> = ChatCompletio
 interface LogChatCompletionResponse<R extends Record<string, any> = ChatCompletionRequestPayloads[keyof ChatCompletionRequestPayloads]> extends LogChatCompletionRequest<R> {
     latency: number;
     outputMessage: RenderedConversationMessage;
-    finishReason: string;
+    finishReason: string | null;
     tokensUsed: {
         prompt: number;
         completion: number;
@@ -318,4 +318,30 @@ declare function AIFragment({ children }: {
     children: AINode;
 }): Renderable;
 
-export { type AIComponent as A, BoundLogger as B, type ContextValues as C, type RenderResult as D, type EvaluatorFn as E, type FunctionChain as F, attachedContextSymbol as G, type AIElement as H, type Renderable as I, type PropsOfAIComponent as J, type SpanContext as K, LogImplementation as L, type SpanStatus as M, type NotAsyncGenerator as N, type Span as O, type PromptParsed as P, type SpanEvent as Q, type RenderContext as R, type SpanProcessor as S, type Tracer as T, UserMessage as U, type TracingContextKey as V, type TracingContext as W, type TracingContextManager as X, type OutputParser as Y, type ReadableSpan as a, type SpanExporter as b, type AINode as c, type SpanAttributes as d, type Prompt as e, type StreamChain as f, type EvaluatorResult as g, type Context as h, createAIElement as i, AIFragment as j, createContext as k, type ChatCompletionRole as l, SystemMessage as m, AssistantMessage as n, type RenderedConversationMessage as o, computeUsage as p, ChatCompletionError as q, type ChatCompletionRequestPayloads as r, type LogChatCompletionRequest as s, type LogChatCompletionResponse as t, type LogLevel as u, type Logger as v, NoopLogImplementation as w, ConsoleLogger as x, CombinedLogger as y, type Literal as z };
+/**
+ * The is used as an import source for ts/js files as the JSX transpile functinos
+ */
+
+/** @hidden */
+declare namespace JSX {
+    type ElementType = AIComponent<any>;
+    interface Element extends AIElement<any> {
+    }
+    interface IntrinsicElements {
+    }
+    interface ElementChildrenAttribute {
+        children: {};
+    }
+}
+/** @hidden */
+declare function jsx(type: any, config: any, maybeKey?: any): AIElement<{
+    children: any[];
+}>;
+/** @hidden */
+declare const jsxDEV: typeof jsx;
+/** @hidden */
+declare const jsxs: typeof jsx;
+/** @hidden */
+declare const Fragment: typeof AIFragment;
+
+export { jsxDEV as $, type AIComponent as A, BoundLogger as B, type ContextValues as C, type RenderResult as D, type EvaluatorFn as E, type FunctionChain as F, attachedContextSymbol as G, type AIElement as H, type Renderable as I, JSX as J, type PropsOfAIComponent as K, LogImplementation as L, type SpanContext as M, type NotAsyncGenerator as N, type SpanStatus as O, type PromptParsed as P, type Span as Q, type RenderContext as R, type SpanProcessor as S, type Tracer as T, UserMessage as U, type SpanEvent as V, type TracingContextKey as W, type TracingContext as X, type TracingContextManager as Y, type OutputParser as Z, jsx as _, type ReadableSpan as a, jsxs as a0, Fragment as a1, type SpanExporter as b, type AINode as c, type SpanAttributes as d, type Prompt as e, type StreamChain as f, type EvaluatorResult as g, type Context as h, createAIElement as i, AIFragment as j, createContext as k, type ChatCompletionRole as l, SystemMessage as m, AssistantMessage as n, type RenderedConversationMessage as o, computeUsage as p, ChatCompletionError as q, type ChatCompletionRequestPayloads as r, type LogChatCompletionRequest as s, type LogChatCompletionResponse as t, type LogLevel as u, type Logger as v, NoopLogImplementation as w, ConsoleLogger as x, CombinedLogger as y, type Literal as z };

package/dist/jsx-dev-runtime.d.mts

@@ -1,3 +1,2 @@
-export { Fragment, JSX, jsx, jsxDEV, jsxs } from './jsx-runtime.mjs';
-import './createElement-x4FT7ZgG.mjs';
+export { a1 as Fragment, J as JSX, _ as jsx, $ as jsxDEV, a0 as jsxs } from './jsx-dev-runtime-zWb34twz.mjs';
 import 'zod';

package/dist/jsx-dev-runtime.d.ts

@@ -1,3 +1,2 @@
-export { Fragment, JSX, jsx, jsxDEV, jsxs } from './jsx-runtime.js';
-import './createElement-x4FT7ZgG.js';
+export { a1 as Fragment, J as JSX, _ as jsx, $ as jsxDEV, a0 as jsxs } from './jsx-dev-runtime-zWb34twz.js';
 import 'zod';

package/dist/jsx-runtime.d.mts

@@ -1,30 +1,2 @@
-import { A as AIComponent, H as AIElement, j as AIFragment } from './createElement-x4FT7ZgG.mjs';
+export { a1 as Fragment, J as JSX, _ as jsx, $ as jsxDEV, a0 as jsxs } from './jsx-dev-runtime-zWb34twz.mjs';
 import 'zod';
-
-/**
- * The is used as an import source for ts/js files as the JSX transpile functinos
- */
-
-/** @hidden */
-declare namespace JSX {
-    type ElementType = AIComponent<any>;
-    interface Element extends AIElement<any> {
-    }
-    interface IntrinsicElements {
-    }
-    interface ElementChildrenAttribute {
-        children: {};
-    }
-}
-/** @hidden */
-declare function jsx(type: any, config: any, maybeKey?: any): AIElement<{
-    children: any[];
-}>;
-/** @hidden */
-declare const jsxDEV: typeof jsx;
-/** @hidden */
-declare const jsxs: typeof jsx;
-/** @hidden */
-declare const Fragment: typeof AIFragment;
-
-export { Fragment, JSX, jsx, jsxDEV, jsxs };

package/dist/jsx-runtime.d.ts

@@ -1,30 +1,2 @@
-import { A as AIComponent, H as AIElement, j as AIFragment } from './createElement-x4FT7ZgG.js';
+export { a1 as Fragment, J as JSX, _ as jsx, $ as jsxDEV, a0 as jsxs } from './jsx-dev-runtime-zWb34twz.js';
 import 'zod';
-
-/**
- * The is used as an import source for ts/js files as the JSX transpile functinos
- */
-
-/** @hidden */
-declare namespace JSX {
-    type ElementType = AIComponent<any>;
-    interface Element extends AIElement<any> {
-    }
-    interface IntrinsicElements {
-    }
-    interface ElementChildrenAttribute {
-        children: {};
-    }
-}
-/** @hidden */
-declare function jsx(type: any, config: any, maybeKey?: any): AIElement<{
-    children: any[];
-}>;
-/** @hidden */
-declare const jsxDEV: typeof jsx;
-/** @hidden */
-declare const jsxs: typeof jsx;
-/** @hidden */
-declare const Fragment: typeof AIFragment;
-
-export { Fragment, JSX, jsx, jsxDEV, jsxs };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gammatech/aijsx",
-  "version": "0.4.1-beta.4",
+  "version": "0.5.0-dev.2024-03-11",
   "description": "Rewrite of aijsx",
   "author": "Jordan Garcia",
   "license": "MIT",
@@ -18,7 +18,7 @@
     "check-types": "tsc --skipLibCheck --noEmit"
   },
   "dependencies": {
-    "@anthropic-ai/sdk": "^0.12.0",
+    "@anthropic-ai/sdk": "0.17.1",
     "@anthropic-ai/tokenizer": "^0.0.4",
     "fast-xml-parser": "^4.3.4",
     "js-tiktoken": "^1.0.8",