@apollo/client-ai-apps 0.3.2 → 0.4.0

package/src/index.ts

@@ -9,8 +9,8 @@ export type {
   Theme,
   UserAgent,
   UnknownObject,
-} from "./types/openai";
-export { SET_GLOBALS_EVENT_TYPE, SetGlobalsEvent } from "./types/openai";
+} from "./types/openai.js";
+export { SET_GLOBALS_EVENT_TYPE, SetGlobalsEvent } from "./types/openai.js";
 
 export type {
   ApplicationManifest,
@@ -18,21 +18,22 @@ export type {
   ManifestTool,
   ManifestExtraInput,
   ManifestCsp,
-} from "./types/application-manifest";
+  ManifestLabels,
+  ManifestWidgetSettings,
+} from "./types/application-manifest.js";
 
-export { ToolUseProvider } from "./react/context/ToolUseContext";
-export { useOpenAiGlobal } from "./react/hooks/useOpenAiGlobal";
-export { useToolName } from "./react/hooks/useToolName";
-export { useToolInput } from "./react/hooks/useToolInput";
-export { useSendFollowUpMessage } from "./react/hooks/useSendFollowUpMessage";
-export { useRequestDisplayMode } from "./react/hooks/useRequestDisplayMode";
-export { useToolEffect } from "./react/hooks/useToolEffect";
-export { useOpenExternal } from "./react/hooks/useOpenExternal";
-export { useToolOutput } from "./react/hooks/useToolOutput";
-export { useToolResponseMetadata } from "./react/hooks/useToolResponseMetadata";
-export { useWidgetState } from "./react/hooks/useWidgetState";
+export { ToolUseProvider } from "./react/context/ToolUseContext.js";
+export { useOpenAiGlobal } from "./react/hooks/useOpenAiGlobal.js";
+export { useToolName } from "./react/hooks/useToolName.js";
+export { useToolInput } from "./react/hooks/useToolInput.js";
+export { useSendFollowUpMessage } from "./react/hooks/useSendFollowUpMessage.js";
+export { useRequestDisplayMode } from "./react/hooks/useRequestDisplayMode.js";
+export { useToolEffect } from "./react/hooks/useToolEffect.js";
+export { useOpenExternal } from "./react/hooks/useOpenExternal.js";
+export { useToolOutput } from "./react/hooks/useToolOutput.js";
+export { useToolResponseMetadata } from "./react/hooks/useToolResponseMetadata.js";
+export { useWidgetState } from "./react/hooks/useWidgetState.js";
 
-export * from "@apollo/client";
-export { ApolloClient } from "./core/ApolloClient";
-export { ApolloProvider } from "./react/ApolloProvider";
-export { ToolCallLink } from "./link/ToolCallLink";
+export { ApolloClient } from "./core/ApolloClient.js";
+export { ApolloProvider } from "./react/ApolloProvider.js";
+export { ToolCallLink } from "./link/ToolCallLink.js";

package/src/react/ApolloProvider.tsx

@@ -1,7 +1,8 @@
-import React, { ReactNode, useEffect, useState } from "react";
+import type { ReactNode } from "react";
+import { useEffect, useState } from "react";
 import { ApolloProvider as BaseApolloProvider } from "@apollo/client/react";
-import { ApolloClient } from "../core/ApolloClient";
-import { SET_GLOBALS_EVENT_TYPE } from "../types/openai";
+import type { ApolloClient } from "../core/ApolloClient.js";
+import { SET_GLOBALS_EVENT_TYPE } from "../types/openai.js";
 
 export declare namespace ApolloProvider {
   export interface Props {

package/src/react/__tests__/ApolloProvider.test.tsx

@@ -1,8 +1,8 @@
 import { expect, test, vi } from "vitest";
-import { ApolloProvider } from "../ApolloProvider";
+import { ApolloProvider } from "../ApolloProvider.js";
 import { render } from "@testing-library/react";
-import { ApolloClient } from "../../core/ApolloClient";
-import { SET_GLOBALS_EVENT_TYPE } from "../../types/openai";
+import { ApolloClient } from "../../core/ApolloClient.js";
+import { SET_GLOBALS_EVENT_TYPE } from "../../types/openai.js";
 
 test("Should call prefetch data when window.open is immediately available", () => {
   vi.stubGlobal("openai", {

package/src/react/context/ToolUseContext.tsx

@@ -1,4 +1,5 @@
-import React, { createContext, ReactNode, useContext, useState } from "react";
+import type { ReactNode } from "react";
+import { createContext, useContext, useState } from "react";
 
 interface ToolUseState {
   appName: string;

package/src/react/hooks/__tests__/useCallTool.test.ts

@@ -1,5 +1,5 @@
 import { expect, test, vi } from "vitest";
-import { useCallTool } from "../useCallTool";
+import { useCallTool } from "../useCallTool.js";
 
 test("Should execute tool when returned function is called", async () => {
   vi.stubGlobal("openai", {

package/src/react/hooks/__tests__/useOpenAiGlobal.test.ts

@@ -1,7 +1,7 @@
 import { expect, test, vi } from "vitest";
-import { useOpenAiGlobal } from "../useOpenAiGlobal";
+import { useOpenAiGlobal } from "../useOpenAiGlobal.js";
 import { renderHook, act } from "@testing-library/react";
-import { SET_GLOBALS_EVENT_TYPE } from "../../../types/openai";
+import { SET_GLOBALS_EVENT_TYPE } from "../../../types/openai.js";
 
 test("Should update value when globals are updated and event it triggered", async () => {
   vi.stubGlobal("openai", {
@@ -9,7 +9,7 @@ test("Should update value when globals are updated and event it triggered", asyn
   });
 
   const { result } = renderHook(() => useOpenAiGlobal("toolResponseMetadata"));
-  const beforeValue = result.current.toolName;
+  const beforeValue = result.current?.toolName;
 
   act(() => {
     vi.stubGlobal("openai", {
@@ -24,7 +24,7 @@ test("Should update value when globals are updated and event it triggered", asyn
     );
   });
 
-  const afterValue = result.current.toolName;
+  const afterValue = result.current?.toolName;
 
   expect(beforeValue).toBe("my-tool");
   expect(afterValue).toBe("my-other-tool");
@@ -36,7 +36,7 @@ test("Should not update value when event key does not match the provided key", a
   });
 
   const { result } = renderHook(() => useOpenAiGlobal("toolResponseMetadata"));
-  const beforeValue = result.current.toolName;
+  const beforeValue = result.current?.toolName;
 
   act(() => {
     vi.stubGlobal("openai", {
@@ -49,7 +49,7 @@ test("Should not update value when event key does not match the provided key", a
     );
   });
 
-  const afterValue = result.current.toolName;
+  const afterValue = result.current?.toolName;
 
   expect(beforeValue).toBe("my-tool");
   expect(afterValue).toBe("my-tool");

package/src/react/hooks/__tests__/useOpenExternal.test.tsx

@@ -1,7 +1,7 @@
 import { expect, test, vi } from "vitest";
 import { renderHookToSnapshotStream } from "@testing-library/react-render-stream";
-import { useOpenExternal } from "../useOpenExternal";
-import { stubOpenAiGlobals } from "../../../testing/internal";
+import { useOpenExternal } from "../useOpenExternal.js";
+import { stubOpenAiGlobals } from "../../../testing/internal/index.js";
 
 test("calls the global openExternal function", async () => {
   const openExternalMock = vi.fn();

package/src/react/hooks/__tests__/useRequestDisplayMode.test.ts

@@ -1,6 +1,6 @@
 import { expect, test, vi } from "vitest";
-import { useRequestDisplayMode } from "../useRequestDisplayMode";
-import { DisplayMode } from "../../../types/openai";
+import { useRequestDisplayMode } from "../useRequestDisplayMode.js";
+import type { DisplayMode } from "../../../types/openai.js";
 
 test("Should set display mode when returned function is called", async () => {
   vi.stubGlobal("openai", {

package/src/react/hooks/__tests__/useSendFollowUpMessage.test.ts

@@ -1,5 +1,5 @@
 import { expect, test, vi } from "vitest";
-import { useSendFollowUpMessage } from "../useSendFollowUpMessage";
+import { useSendFollowUpMessage } from "../useSendFollowUpMessage.js";
 
 test("Should set display mode when returned function is called", async () => {
   vi.stubGlobal("openai", {

package/src/react/hooks/__tests__/useToolEffect.test.tsx

@@ -1,7 +1,7 @@
 import { expect, test, vi } from "vitest";
-import { useToolEffect } from "../useToolEffect";
+import { useToolEffect } from "../useToolEffect.js";
 import { renderHook } from "@testing-library/react";
-import { ToolUseProvider } from "../../context/ToolUseContext";
+import { ToolUseProvider } from "../../context/ToolUseContext.js";
 
 test("Should trigger effect when tool name matches toolResponseMetadata", async () => {
   vi.stubGlobal("openai", {

package/src/react/hooks/__tests__/useToolInput.test.ts

@@ -1,5 +1,5 @@
 import { expect, test, vi } from "vitest";
-import { useToolInput } from "../useToolInput";
+import { useToolInput } from "../useToolInput.js";
 import { renderHook } from "@testing-library/react";
 
 test("Should return tool input when called", async () => {

package/src/react/hooks/__tests__/useToolName.test.ts

@@ -1,5 +1,5 @@
 import { expect, test, vi } from "vitest";
-import { useToolName } from "../useToolName";
+import { useToolName } from "../useToolName.js";
 import { renderHook } from "@testing-library/react";
 
 test("Should return tool input when called", async () => {

package/src/react/hooks/__tests__/useToolOutput.test.tsx

@@ -2,9 +2,9 @@ import { afterEach, expect, test, vi } from "vitest";
 import {
   dispatchStateChange,
   stubOpenAiGlobals,
-} from "../../../testing/internal";
+} from "../../../testing/internal/index.js";
 import { renderHookToSnapshotStream } from "@testing-library/react-render-stream";
-import { useToolOutput } from "../useToolOutput";
+import { useToolOutput } from "../useToolOutput.js";
 
 afterEach(() => {
   vi.unstubAllGlobals();

package/src/react/hooks/__tests__/useToolResponseMetadata.test.tsx

@@ -2,9 +2,9 @@ import { afterEach, expect, test, vi } from "vitest";
 import {
   dispatchStateChange,
   stubOpenAiGlobals,
-} from "../../../testing/internal";
+} from "../../../testing/internal/index.js";
 import { renderHookToSnapshotStream } from "@testing-library/react-render-stream";
-import { useToolResponseMetadata } from "../useToolResponseMetadata";
+import { useToolResponseMetadata } from "../useToolResponseMetadata.js";
 
 afterEach(() => {
   vi.unstubAllGlobals();

package/src/react/hooks/__tests__/useWidgetState.test.tsx

@@ -3,8 +3,8 @@ import {
   disableActEnvironment,
   renderHookToSnapshotStream,
 } from "@testing-library/react-render-stream";
-import { useWidgetState } from "../useWidgetState";
-import { stubOpenAiGlobals } from "../../../testing/internal";
+import { useWidgetState } from "../useWidgetState.js";
+import { stubOpenAiGlobals } from "../../../testing/internal/index.js";
 
 afterEach(() => {
   vi.unstubAllGlobals();

package/src/react/hooks/useOpenAiGlobal.ts

@@ -1,9 +1,6 @@
 import { useSyncExternalStore, useCallback } from "react";
-import {
-  SET_GLOBALS_EVENT_TYPE,
-  SetGlobalsEvent,
-  OpenAiGlobals,
-} from "../../types/openai";
+import type { SetGlobalsEvent, OpenAiGlobals } from "../../types/openai.js";
+import { SET_GLOBALS_EVENT_TYPE } from "../../types/openai.js";
 
 export function useOpenAiGlobal<K extends keyof OpenAiGlobals>(
   key: K

package/src/react/hooks/useOpenExternal.ts

@@ -1,5 +1,5 @@
 import { useCallback } from "react";
-import { API } from "../../types/openai";
+import type { API } from "../../types/openai.js";
 
 type OpenExternalFn = API<any>["openExternal"];
 

package/src/react/hooks/useRequestDisplayMode.ts

@@ -1,4 +1,4 @@
-import { DisplayMode } from "../../types/openai";
+import type { DisplayMode } from "../../types/openai.js";
 
 export const useRequestDisplayMode = () => {
   return async (args: { mode: DisplayMode }) => {

package/src/react/hooks/useToolEffect.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect } from "react";
-import { useToolName } from "./useToolName";
-import { useToolInput } from "./useToolInput";
-import { useToolUseState } from "../context/ToolUseContext";
+import { useToolName } from "./useToolName.js";
+import { useToolInput } from "./useToolInput.js";
+import { useToolUseState } from "../context/ToolUseContext.js";
 
 export const useToolEffect = (
   toolName: string | string[],

package/src/react/hooks/useToolInput.ts

@@ -1,4 +1,4 @@
-import { useOpenAiGlobal } from "./useOpenAiGlobal";
+import { useOpenAiGlobal } from "./useOpenAiGlobal.js";
 
 export const useToolInput = (): any => {
   const toolInput = useOpenAiGlobal("toolInput");

package/src/react/hooks/useToolName.ts

@@ -1,4 +1,4 @@
-import { useOpenAiGlobal } from "./useOpenAiGlobal";
+import { useOpenAiGlobal } from "./useOpenAiGlobal.js";
 
 export const useToolName = (): string | undefined => {
   const toolResponseMetadata = useOpenAiGlobal("toolResponseMetadata");

package/src/react/hooks/useToolOutput.ts

@@ -1,4 +1,4 @@
-import { useOpenAiGlobal } from "./useOpenAiGlobal";
+import { useOpenAiGlobal } from "./useOpenAiGlobal.js";
 
 export function useToolOutput() {
   return useOpenAiGlobal("toolOutput") ?? null;

package/src/react/hooks/useToolResponseMetadata.ts

@@ -1,4 +1,4 @@
-import { useOpenAiGlobal } from "./useOpenAiGlobal";
+import { useOpenAiGlobal } from "./useOpenAiGlobal.js";
 
 export function useToolResponseMetadata() {
   return useOpenAiGlobal("toolResponseMetadata") ?? null;

package/src/react/hooks/useWidgetState.ts

@@ -1,6 +1,7 @@
-import { SetStateAction, useCallback, useState } from "react";
-import { UnknownObject } from "../../types/openai";
-import { useOpenAiGlobal } from "./useOpenAiGlobal";
+import type { SetStateAction } from "react";
+import { useCallback, useState } from "react";
+import type { UnknownObject } from "../../types/openai.js";
+import { useOpenAiGlobal } from "./useOpenAiGlobal.js";
 
 export function useWidgetState<T extends UnknownObject>(
   defaultState: T | (() => T)

package/src/testing/internal/index.ts

@@ -1,2 +1,2 @@
-export { dispatchStateChange } from "./openai/dispatchStateChange";
-export { stubOpenAiGlobals } from "./openai/stubOpenAiGlobals";
+export { dispatchStateChange } from "./openai/dispatchStateChange.js";
+export { stubOpenAiGlobals } from "./openai/stubOpenAiGlobals.js";

package/src/testing/internal/matchers/index.ts

@@ -1 +1 @@
-import "./toRerender";
+import "./toRerender.js";

package/src/testing/internal/matchers/toRerender.ts

@@ -1,11 +1,11 @@
 // Vitest port of toRerender from
 // https://github.com/testing-library/react-render-stream-testing-library/blob/main/src/expect/renderStreamMatchers.ts
-import {
+import type {
   Assertable,
   NextRenderOptions,
   RenderStream,
-  WaitForRenderTimeoutError,
 } from "@testing-library/react-render-stream";
+import { WaitForRenderTimeoutError } from "@testing-library/react-render-stream";
 
 import { expect } from "vitest";
 

package/src/testing/internal/matchers/{index.d.ts → types.ts}

@@ -1,4 +1,4 @@
-import { NextRenderOptions } from "@testing-library/react-render-stream";
+import type { NextRenderOptions } from "@testing-library/react-render-stream";
 
 interface CustomMatchers<R = unknown> {
   toRerender: (options?: NextRenderOptions) => Promise<R>;

package/src/testing/internal/openai/dispatchStateChange.ts

@@ -1,4 +1,4 @@
-import { SET_GLOBALS_EVENT_TYPE } from "../../../types/openai";
+import { SET_GLOBALS_EVENT_TYPE } from "../../../types/openai.js";
 
 export function dispatchStateChange() {
   window.dispatchEvent(

package/src/testing/internal/openai/stubOpenAiGlobals.ts

@@ -1,6 +1,10 @@
 import { vi } from "vitest";
-import { API, OpenAiGlobals, UnknownObject } from "../../../types/openai";
-import { dispatchStateChange } from "./dispatchStateChange";
+import type {
+  API,
+  OpenAiGlobals,
+  UnknownObject,
+} from "../../../types/openai.js";
+import { dispatchStateChange } from "./dispatchStateChange.js";
 
 export function stubOpenAiGlobals(globals?: Partial<API<any> & OpenAiGlobals>) {
   vi.stubGlobal("openai", {

package/src/types/application-manifest.ts

@@ -7,6 +7,8 @@ export type ApplicationManifest = {
   resource: string;
   operations: ManifestOperation[];
   csp: ManifestCsp;
+  widgetSettings?: ManifestWidgetSettings;
+  labels?: ManifestLabels;
 };
 
 export type ManifestOperation = {
@@ -24,6 +26,13 @@ export type ManifestTool = {
   name: string;
   description: string;
   extraInputs?: ManifestExtraInput[];
+  labels?: ManifestLabels;
+};
+
+export type ManifestWidgetSettings = {
+  description?: string;
+  domain?: string;
+  prefersBorder?: boolean;
 };
 
 export type ManifestExtraInput = {
@@ -34,5 +43,12 @@ export type ManifestExtraInput = {
 
 export type ManifestCsp = {
   connectDomains: string[];
+  frameDomains: string[];
+  redirectDomains: string[];
   resourceDomains: string[];
 };
+
+export type ManifestLabels = {
+  "toolInvocation/invoking"?: string;
+  "toolInvocation/invoked"?: string;
+};

package/src/vite/__tests__/absolute_asset_imports_plugin.test.ts

@@ -1,5 +1,5 @@
-import { expect, test, vi, describe, beforeEach, Mock } from "vitest";
-import { AbsoluteAssetImportsPlugin } from "../absolute_asset_imports_plugin";
+import { expect, test } from "vitest";
+import { AbsoluteAssetImportsPlugin } from "../absolute_asset_imports_plugin.js";
 
 test("Should replace root relative scripts with full url when origin is provided", () => {
   const ctx = {