@gammatech/aijsx 0.1.3 → 0.2.0-beta.2

package/dist/{chunk-7GA5BUUP.mjs → chunk-UMN5F5A5.mjs}

@@ -14,7 +14,7 @@ function createAIElement(tag, props, ...children) {
   return result;
 }
 function isAIElement(value) {
-  return value !== null && typeof value === "object" && "tag" in value;
+  return value !== null && typeof value === "object" && "tag" in value && "render" in value;
 }
 function isLiteral(value) {
   return typeof value === "string" || typeof value === "number" || typeof value === "undefined" || typeof value === "boolean" || // capture null + undefined
@@ -24,23 +24,9 @@ function AIFragment({ children }) {
   return children;
 }
 
-// src/jsx-runtime.ts
-function jsx(type, config, maybeKey) {
-  const configWithKey = maybeKey !== void 0 ? { ...config, key: maybeKey } : config;
-  const children = config && Array.isArray(config.children) ? config.children : [];
-  return createAIElement(type, configWithKey, ...children);
-}
-var jsxDEV = jsx;
-var jsxs = jsx;
-var Fragment = AIFragment;
-
 export {
   createAIElement,
   isAIElement,
   isLiteral,
-  AIFragment,
-  jsx,
-  jsxDEV,
-  jsxs,
-  Fragment
+  AIFragment
 };

package/dist/chunk-WDM2VIHQ.mjs

@@ -0,0 +1,21 @@
+import {
+  AIFragment,
+  createAIElement
+} from "./chunk-UMN5F5A5.mjs";
+
+// src/jsx-runtime.ts
+function jsx(type, config, maybeKey) {
+  const configWithKey = maybeKey !== void 0 ? { ...config, key: maybeKey } : config;
+  const children = config && Array.isArray(config.children) ? config.children : [];
+  return createAIElement(type, configWithKey, ...children);
+}
+var jsxDEV = jsx;
+var jsxs = jsx;
+var Fragment = AIFragment;
+
+export {
+  jsx,
+  jsxDEV,
+  jsxs,
+  Fragment
+};

package/dist/{createElement-ms1wdmoH.d.mts → createElement-YEuZ7P4l.d.mts}

@@ -30,13 +30,21 @@ type Renderable = AINode | PromiseLike<Renderable> | RenderableStream;
 type PropsOfAIComponent<T extends AIComponent<any>> = T extends AIComponent<infer P> ? P : never;
 
 declare const LoggerContext: Context<LogImplementation>;
+type RenderOptions = {
+    preserveTags?: boolean;
+    renderedProps?: {
+        [tagName: string]: {
+            [propName: string]: boolean;
+        };
+    };
+};
 interface RenderContext {
     parentContext: RenderContext | null;
     element: AIElement<any>;
     renderId: string;
     logger: Logger;
     getContext<T>(context: Context<T>): T;
-    render(renderable: Renderable): RenderResult;
+    render(renderable: Renderable, opts?: RenderOptions): RenderResult;
 }
 declare function createContext<T>(defaultValue: T): Context<T>;
 
@@ -126,16 +134,11 @@ declare const UserMessage: (props: {
 declare const AssistantMessage: (props: {
     children: AINode;
 }) => AINode;
-interface ConversationMessageType<T extends ChatCompletionRole, C extends AIComponent<any>> {
-    type: T;
-    element: AIElement<PropsOfAIComponent<C>>;
-}
-type ConversationMessage = ConversationMessageType<'user', typeof UserMessage> | ConversationMessageType<'assistant', typeof AssistantMessage> | ConversationMessageType<'system', typeof SystemMessage>;
-type RenderedConversationMessage = ConversationMessage & {
+type RenderedConversationMessage = {
+    role: ChatCompletionRole;
     content: string;
     tokens: number;
 };
-declare const childrenToConversationMessage: (c: AIElement<any> | AIElement<any>[]) => ConversationMessage[];
 declare const computeUsage: (messages: RenderedConversationMessage[]) => {
     prompt: number;
     completion: number;
@@ -156,4 +159,4 @@ declare function AIFragment({ children }: {
     children: AINode;
 }): Renderable;
 
-export { type AIElement as A, BoundLogger as B, type Context as C, LogImplementation as L, NoopLogImplementation as N, type PropsOfAIComponent as P, type RenderContext as R, SystemMessage as S, UserMessage as U, type RenderedConversationMessage as a, AIFragment as b, createAIElement as c, LoggerContext as d, createContext as e, AssistantMessage as f, type ConversationMessage as g, childrenToConversationMessage as h, computeUsage as i, ChatCompletionError as j, type ChatCompletionRequestPayloads as k, type LogChatCompletionRequest as l, type LogChatCompletionResponse as m, type LogLevel as n, type Logger as o, ConsoleLogger as p, CombinedLogger as q, type Literal as r, type RenderableStream as s, type RenderResult as t, type AIComponent as u, attachedContextSymbol as v, type AINode as w, type Renderable as x };
+export { type AINode as A, BoundLogger as B, type Context as C, LogImplementation as L, NoopLogImplementation as N, type PropsOfAIComponent as P, type RenderContext as R, SystemMessage as S, UserMessage as U, AIFragment as a, LoggerContext as b, createAIElement as c, createContext as d, type ChatCompletionRole as e, AssistantMessage as f, type RenderedConversationMessage as g, computeUsage as h, ChatCompletionError as i, type ChatCompletionRequestPayloads as j, type LogChatCompletionRequest as k, type LogChatCompletionResponse as l, type LogLevel as m, type Logger as n, ConsoleLogger as o, CombinedLogger as p, type Literal as q, type RenderableStream as r, type RenderResult as s, type AIComponent as t, attachedContextSymbol as u, type AIElement as v, type Renderable as w };

package/dist/{createElement-ms1wdmoH.d.ts → createElement-YEuZ7P4l.d.ts}

@@ -30,13 +30,21 @@ type Renderable = AINode | PromiseLike<Renderable> | RenderableStream;
 type PropsOfAIComponent<T extends AIComponent<any>> = T extends AIComponent<infer P> ? P : never;
 
 declare const LoggerContext: Context<LogImplementation>;
+type RenderOptions = {
+    preserveTags?: boolean;
+    renderedProps?: {
+        [tagName: string]: {
+            [propName: string]: boolean;
+        };
+    };
+};
 interface RenderContext {
     parentContext: RenderContext | null;
     element: AIElement<any>;
     renderId: string;
     logger: Logger;
     getContext<T>(context: Context<T>): T;
-    render(renderable: Renderable): RenderResult;
+    render(renderable: Renderable, opts?: RenderOptions): RenderResult;
 }
 declare function createContext<T>(defaultValue: T): Context<T>;
 
@@ -126,16 +134,11 @@ declare const UserMessage: (props: {
 declare const AssistantMessage: (props: {
     children: AINode;
 }) => AINode;
-interface ConversationMessageType<T extends ChatCompletionRole, C extends AIComponent<any>> {
-    type: T;
-    element: AIElement<PropsOfAIComponent<C>>;
-}
-type ConversationMessage = ConversationMessageType<'user', typeof UserMessage> | ConversationMessageType<'assistant', typeof AssistantMessage> | ConversationMessageType<'system', typeof SystemMessage>;
-type RenderedConversationMessage = ConversationMessage & {
+type RenderedConversationMessage = {
+    role: ChatCompletionRole;
     content: string;
     tokens: number;
 };
-declare const childrenToConversationMessage: (c: AIElement<any> | AIElement<any>[]) => ConversationMessage[];
 declare const computeUsage: (messages: RenderedConversationMessage[]) => {
     prompt: number;
     completion: number;
@@ -156,4 +159,4 @@ declare function AIFragment({ children }: {
     children: AINode;
 }): Renderable;
 
-export { type AIElement as A, BoundLogger as B, type Context as C, LogImplementation as L, NoopLogImplementation as N, type PropsOfAIComponent as P, type RenderContext as R, SystemMessage as S, UserMessage as U, type RenderedConversationMessage as a, AIFragment as b, createAIElement as c, LoggerContext as d, createContext as e, AssistantMessage as f, type ConversationMessage as g, childrenToConversationMessage as h, computeUsage as i, ChatCompletionError as j, type ChatCompletionRequestPayloads as k, type LogChatCompletionRequest as l, type LogChatCompletionResponse as m, type LogLevel as n, type Logger as o, ConsoleLogger as p, CombinedLogger as q, type Literal as r, type RenderableStream as s, type RenderResult as t, type AIComponent as u, attachedContextSymbol as v, type AINode as w, type Renderable as x };
+export { type AINode as A, BoundLogger as B, type Context as C, LogImplementation as L, NoopLogImplementation as N, type PropsOfAIComponent as P, type RenderContext as R, SystemMessage as S, UserMessage as U, AIFragment as a, LoggerContext as b, createAIElement as c, createContext as d, type ChatCompletionRole as e, AssistantMessage as f, type RenderedConversationMessage as g, computeUsage as h, ChatCompletionError as i, type ChatCompletionRequestPayloads as j, type LogChatCompletionRequest as k, type LogChatCompletionResponse as l, type LogLevel as m, type Logger as n, ConsoleLogger as o, CombinedLogger as p, type Literal as q, type RenderableStream as r, type RenderResult as s, type AIComponent as t, attachedContextSymbol as u, type AIElement as v, type Renderable as w };

package/dist/index.d.mts

@@ -1,7 +1,8 @@
-import { L as LogImplementation, R as RenderContext, C as Context, A as AIElement, a as RenderedConversationMessage } from './createElement-ms1wdmoH.mjs';
-export { u as AIComponent, b as AIFragment, w as AINode, f as AssistantMessage, B as BoundLogger, j as ChatCompletionError, k as ChatCompletionRequestPayloads, q as CombinedLogger, p as ConsoleLogger, g as ConversationMessage, r as Literal, l as LogChatCompletionRequest, m as LogChatCompletionResponse, n as LogLevel, o as Logger, d as LoggerContext, N as NoopLogImplementation, P as PropsOfAIComponent, t as RenderResult, x as Renderable, s as RenderableStream, S as SystemMessage, U as UserMessage, v as attachedContextSymbol, h as childrenToConversationMessage, i as computeUsage, c as createAIElement, e as createContext } from './createElement-ms1wdmoH.mjs';
+import { L as LogImplementation, R as RenderContext, C as Context, A as AINode } from './createElement-YEuZ7P4l.mjs';
+export { t as AIComponent, v as AIElement, a as AIFragment, f as AssistantMessage, B as BoundLogger, i as ChatCompletionError, j as ChatCompletionRequestPayloads, e as ChatCompletionRole, p as CombinedLogger, o as ConsoleLogger, q as Literal, k as LogChatCompletionRequest, l as LogChatCompletionResponse, m as LogLevel, n as Logger, b as LoggerContext, N as NoopLogImplementation, P as PropsOfAIComponent, s as RenderResult, w as Renderable, r as RenderableStream, g as RenderedConversationMessage, S as SystemMessage, U as UserMessage, u as attachedContextSymbol, h as computeUsage, c as createAIElement, d as createContext } from './createElement-YEuZ7P4l.mjs';
 import { OpenAI } from 'openai';
 export { OpenAI as OpenAIClient } from 'openai';
+import { ChatCompletionSystemMessageParam, ChatCompletionUserMessageParam, ChatCompletionAssistantMessageParam } from 'openai/resources';
 import AnthropicClient from '@anthropic-ai/sdk';
 export { default as AnthropicClient } from '@anthropic-ai/sdk';
 export { countTokens as countAnthropicTokens } from '@anthropic-ai/tokenizer';
@@ -12,6 +13,7 @@ declare function createRenderContext({ logger, rootRenderId, }?: {
 }): RenderContext;
 
 type OpenAIChatCompletionRequest = OpenAI.Chat.Completions.ChatCompletionCreateParamsStreaming;
+type OpenAIChatMessage = ChatCompletionSystemMessageParam | ChatCompletionUserMessageParam | ChatCompletionAssistantMessageParam;
 declare module '@gammatech/aijsx' {
     interface ChatCompletionRequestPayloads {
         openai: OpenAIChatCompletionRequest;
@@ -23,18 +25,34 @@ type OpenAIChatCompletionProps = {
     model: ValidOpenAIChatModel;
     maxTokens?: number;
     temperature?: number;
-    children: AIElement<any> | AIElement<any>[];
+    children: AINode;
     provider?: string;
     providerRegion?: string;
 };
 declare function OpenAIChatCompletion(props: OpenAIChatCompletionProps, { logger, render, getContext }: RenderContext): AsyncGenerator<string, void, unknown>;
 
+type ValidOpenAIVisionModel = 'gpt-4-vision-preview';
+declare const ContentTypeImage: (_props: {
+    url: string;
+    detail?: 'auto' | 'high' | 'low';
+}) => null;
+type OpenAIVisionChatCompletionProps = {
+    model?: ValidOpenAIVisionModel;
+    maxTokens?: number;
+    temperature?: number;
+    children: AINode;
+    provider?: string;
+    providerRegion?: string;
+};
+declare function OpenAIVisionChatCompletion(props: OpenAIVisionChatCompletionProps, { logger, render, getContext }: RenderContext): AsyncGenerator<string, void, unknown>;
+
 declare const tokenizer: {
     encode: (text: string) => number[];
     decode: (tokens: number[]) => string;
 };
 declare function tokenLimitForChatModel(model: ValidOpenAIChatModel): number | undefined;
-declare function tokenCountForConversationMessage(message: Pick<RenderedConversationMessage, 'type' | 'content'>): number;
+declare function tokenCountForOpenAIMessage(message: OpenAIChatMessage): number;
+declare function tokenCountForOpenAIVisionMessage(message: OpenAIChatMessage): number;
 
 type AnthropicChatCompletionRequest = AnthropicClient.CompletionCreateParams;
 declare module '@gammatech/aijsx' {
@@ -56,7 +74,7 @@ type AnthropicChatCompletionProps = {
     model: ValidAnthropicChatModel;
     maxTokens?: number;
     temperature?: number;
-    children: AIElement<any> | AIElement<any>[];
+    children: AINode;
     provider?: string;
     providerRegion?: string;
 };
@@ -69,4 +87,4 @@ type AnthropicChatCompletionProps = {
  */
 declare function AnthropicChatCompletion(props: AnthropicChatCompletionProps, { render, logger, getContext }: RenderContext): AsyncGenerator<string, void, unknown>;
 
-export { AIElement, AnthropicChatCompletion, type AnthropicChatCompletionRequest, AnthropicClientContext, Context, LogImplementation, OpenAIChatCompletion, type OpenAIChatCompletionRequest, OpenAIClientContext, RenderContext, RenderedConversationMessage, type ValidAnthropicChatModel, type ValidOpenAIChatModel, createRenderContext, defaultMaxTokens, tokenCountForConversationMessage, tokenLimitForChatModel, tokenizer };
+export { AINode, AnthropicChatCompletion, type AnthropicChatCompletionRequest, AnthropicClientContext, ContentTypeImage, Context, LogImplementation, OpenAIChatCompletion, type OpenAIChatCompletionRequest, type OpenAIChatMessage, OpenAIClientContext, OpenAIVisionChatCompletion, RenderContext, type ValidAnthropicChatModel, type ValidOpenAIChatModel, type ValidOpenAIVisionModel, createRenderContext, defaultMaxTokens, tokenCountForOpenAIMessage, tokenCountForOpenAIVisionMessage, tokenLimitForChatModel, tokenizer };

package/dist/index.d.ts

@@ -1,7 +1,8 @@
-import { L as LogImplementation, R as RenderContext, C as Context, A as AIElement, a as RenderedConversationMessage } from './createElement-ms1wdmoH.js';
-export { u as AIComponent, b as AIFragment, w as AINode, f as AssistantMessage, B as BoundLogger, j as ChatCompletionError, k as ChatCompletionRequestPayloads, q as CombinedLogger, p as ConsoleLogger, g as ConversationMessage, r as Literal, l as LogChatCompletionRequest, m as LogChatCompletionResponse, n as LogLevel, o as Logger, d as LoggerContext, N as NoopLogImplementation, P as PropsOfAIComponent, t as RenderResult, x as Renderable, s as RenderableStream, S as SystemMessage, U as UserMessage, v as attachedContextSymbol, h as childrenToConversationMessage, i as computeUsage, c as createAIElement, e as createContext } from './createElement-ms1wdmoH.js';
+import { L as LogImplementation, R as RenderContext, C as Context, A as AINode } from './createElement-YEuZ7P4l.js';
+export { t as AIComponent, v as AIElement, a as AIFragment, f as AssistantMessage, B as BoundLogger, i as ChatCompletionError, j as ChatCompletionRequestPayloads, e as ChatCompletionRole, p as CombinedLogger, o as ConsoleLogger, q as Literal, k as LogChatCompletionRequest, l as LogChatCompletionResponse, m as LogLevel, n as Logger, b as LoggerContext, N as NoopLogImplementation, P as PropsOfAIComponent, s as RenderResult, w as Renderable, r as RenderableStream, g as RenderedConversationMessage, S as SystemMessage, U as UserMessage, u as attachedContextSymbol, h as computeUsage, c as createAIElement, d as createContext } from './createElement-YEuZ7P4l.js';
 import { OpenAI } from 'openai';
 export { OpenAI as OpenAIClient } from 'openai';
+import { ChatCompletionSystemMessageParam, ChatCompletionUserMessageParam, ChatCompletionAssistantMessageParam } from 'openai/resources';
 import AnthropicClient from '@anthropic-ai/sdk';
 export { default as AnthropicClient } from '@anthropic-ai/sdk';
 export { countTokens as countAnthropicTokens } from '@anthropic-ai/tokenizer';
@@ -12,6 +13,7 @@ declare function createRenderContext({ logger, rootRenderId, }?: {
 }): RenderContext;
 
 type OpenAIChatCompletionRequest = OpenAI.Chat.Completions.ChatCompletionCreateParamsStreaming;
+type OpenAIChatMessage = ChatCompletionSystemMessageParam | ChatCompletionUserMessageParam | ChatCompletionAssistantMessageParam;
 declare module '@gammatech/aijsx' {
     interface ChatCompletionRequestPayloads {
         openai: OpenAIChatCompletionRequest;
@@ -23,18 +25,34 @@ type OpenAIChatCompletionProps = {
     model: ValidOpenAIChatModel;
     maxTokens?: number;
     temperature?: number;
-    children: AIElement<any> | AIElement<any>[];
+    children: AINode;
     provider?: string;
     providerRegion?: string;
 };
 declare function OpenAIChatCompletion(props: OpenAIChatCompletionProps, { logger, render, getContext }: RenderContext): AsyncGenerator<string, void, unknown>;
 
+type ValidOpenAIVisionModel = 'gpt-4-vision-preview';
+declare const ContentTypeImage: (_props: {
+    url: string;
+    detail?: 'auto' | 'high' | 'low';
+}) => null;
+type OpenAIVisionChatCompletionProps = {
+    model?: ValidOpenAIVisionModel;
+    maxTokens?: number;
+    temperature?: number;
+    children: AINode;
+    provider?: string;
+    providerRegion?: string;
+};
+declare function OpenAIVisionChatCompletion(props: OpenAIVisionChatCompletionProps, { logger, render, getContext }: RenderContext): AsyncGenerator<string, void, unknown>;
+
 declare const tokenizer: {
     encode: (text: string) => number[];
     decode: (tokens: number[]) => string;
 };
 declare function tokenLimitForChatModel(model: ValidOpenAIChatModel): number | undefined;
-declare function tokenCountForConversationMessage(message: Pick<RenderedConversationMessage, 'type' | 'content'>): number;
+declare function tokenCountForOpenAIMessage(message: OpenAIChatMessage): number;
+declare function tokenCountForOpenAIVisionMessage(message: OpenAIChatMessage): number;
 
 type AnthropicChatCompletionRequest = AnthropicClient.CompletionCreateParams;
 declare module '@gammatech/aijsx' {
@@ -56,7 +74,7 @@ type AnthropicChatCompletionProps = {
     model: ValidAnthropicChatModel;
     maxTokens?: number;
     temperature?: number;
-    children: AIElement<any> | AIElement<any>[];
+    children: AINode;
     provider?: string;
     providerRegion?: string;
 };
@@ -69,4 +87,4 @@ type AnthropicChatCompletionProps = {
  */
 declare function AnthropicChatCompletion(props: AnthropicChatCompletionProps, { render, logger, getContext }: RenderContext): AsyncGenerator<string, void, unknown>;
 
-export { AIElement, AnthropicChatCompletion, type AnthropicChatCompletionRequest, AnthropicClientContext, Context, LogImplementation, OpenAIChatCompletion, type OpenAIChatCompletionRequest, OpenAIClientContext, RenderContext, RenderedConversationMessage, type ValidAnthropicChatModel, type ValidOpenAIChatModel, createRenderContext, defaultMaxTokens, tokenCountForConversationMessage, tokenLimitForChatModel, tokenizer };
+export { AINode, AnthropicChatCompletion, type AnthropicChatCompletionRequest, AnthropicClientContext, ContentTypeImage, Context, LogImplementation, OpenAIChatCompletion, type OpenAIChatCompletionRequest, type OpenAIChatMessage, OpenAIClientContext, OpenAIVisionChatCompletion, RenderContext, type ValidAnthropicChatModel, type ValidOpenAIChatModel, type ValidOpenAIVisionModel, createRenderContext, defaultMaxTokens, tokenCountForOpenAIMessage, tokenCountForOpenAIVisionMessage, tokenLimitForChatModel, tokenizer };