@apollo/client-ai-apps 0.6.4 → 0.7.0

package/dist/react/index.openai.js

@@ -1,3 +0,0 @@
-export * from "./index.js";
-export { useApp, useHostContext, useToolInput, useToolInfo, createHydrationUtils, useToolMetadata, useToolName, } from "../openai/react/index.js";
-//# sourceMappingURL=index.openai.js.map

package/dist/react/index.openai.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.openai.js","sourceRoot":"","sources":["../../src/react/index.openai.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,OAAO,EACL,MAAM,EACN,cAAc,EACd,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,eAAe,EACf,WAAW,GACZ,MAAM,0BAA0B,CAAC","sourcesContent":["export * from \"./index.js\";\nexport {\n  useApp,\n  useHostContext,\n  useToolInput,\n  useToolInfo,\n  createHydrationUtils,\n  useToolMetadata,\n  useToolName,\n} from \"../openai/react/index.js\";\n"]}

package/dist/react/missingHook.d.ts

@@ -1,2 +0,0 @@
-export declare function missingHook<HookFn extends (...args: any[]) => any>(name: string): HookFn;
-//# sourceMappingURL=missingHook.d.ts.map

package/dist/react/missingHook.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"missingHook.d.ts","sourceRoot":"","sources":["../../src/react/missingHook.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,CAAC,MAAM,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EAChE,IAAI,EAAE,MAAM,GAMK,MAAM,CACxB"}

package/dist/react/missingHook.js

@@ -1,6 +0,0 @@
-export function missingHook(name) {
-    return (() => {
-        throw new Error(`Cannot use the '${name}' hook without export conditions. Please set export conditions or import from the \`/openai\` or \`/mcp\` subpath directly.`);
-    });
-}
-//# sourceMappingURL=missingHook.js.map

package/dist/react/missingHook.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"missingHook.js","sourceRoot":"","sources":["../../src/react/missingHook.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,WAAW,CACzB,IAAY;IAEZ,OAAO,CAAC,GAAG,EAAE;QACX,MAAM,IAAI,KAAK,CACb,mBAAmB,IAAI,6HAA6H,CACrJ,CAAC;IACJ,CAAC,CAAsB,CAAC;AAC1B,CAAC","sourcesContent":["export function missingHook<HookFn extends (...args: any[]) => any>(\n  name: string\n) {\n  return (() => {\n    throw new Error(\n      `Cannot use the '${name}' hook without export conditions. Please set export conditions or import from the \\`/openai\\` or \\`/mcp\\` subpath directly.`\n    );\n  }) as unknown as HookFn;\n}\n"]}

package/src/mcp/core/McpAppManager.ts

@@ -1,129 +0,0 @@
-import {
-  App,
-  PostMessageTransport,
-  type McpUiHostContextChangedNotification,
-} from "@modelcontextprotocol/ext-apps";
-import type { CallToolResult } from "@modelcontextprotocol/sdk/types.js";
-import type { ApplicationManifest } from "../../types/application-manifest";
-import type { FormattedExecutionResult } from "graphql";
-import type { DocumentNode, OperationVariables } from "@apollo/client";
-import { print } from "@apollo/client/utilities";
-import { cacheAsync, promiseWithResolvers } from "../../utilities";
-import type { ApolloMcpServerApps } from "../../core/types";
-
-type ExecuteQueryCallToolResult = Omit<CallToolResult, "structuredContent"> & {
-  structuredContent: FormattedExecutionResult;
-};
-
-/** @internal */
-export class McpAppManager {
-  readonly app: App;
-
-  #toolName: string | undefined;
-  #toolMetadata: ApolloMcpServerApps.CallToolResult["_meta"] | undefined;
-  #toolInput: Record<string, unknown> | undefined;
-
-  #hostContextCallbacks = new Set<
-    (params: McpUiHostContextChangedNotification["params"]) => void
-  >();
-
-  constructor(manifest: ApplicationManifest) {
-    this.app = new App({ name: manifest.name, version: manifest.appVersion });
-  }
-
-  get toolName() {
-    return this.#toolName;
-  }
-
-  get toolMetadata() {
-    return this.#toolMetadata;
-  }
-
-  get toolInput() {
-    return this.#toolInput;
-  }
-
-  onHostContextChanged(
-    cb: (params: McpUiHostContextChangedNotification["params"]) => void
-  ) {
-    this.#hostContextCallbacks.add(cb);
-
-    return () => {
-      this.#hostContextCallbacks.delete(cb);
-    };
-  }
-
-  connect = cacheAsync(async () => {
-    let toolResult = promiseWithResolvers<ApolloMcpServerApps.CallToolResult>();
-    let toolInput = promiseWithResolvers<Parameters<App["ontoolinput"]>[0]>();
-
-    this.app.ontoolresult = (params) => {
-      toolResult.resolve(
-        params as unknown as ApolloMcpServerApps.CallToolResult
-      );
-    };
-
-    this.app.ontoolinput = (params) => {
-      toolInput.resolve(params);
-    };
-
-    this.app.onhostcontextchanged = (params) => {
-      this.#hostContextCallbacks.forEach((cb) => cb(params));
-    };
-
-    await this.connectToHost();
-
-    const { structuredContent, _meta } = await toolResult.promise;
-    const { arguments: args } = await toolInput.promise;
-
-    // Some hosts do not provide toolInfo in the ui/initialize response, so we
-    // fallback to `_meta.toolName` provided by Apollo MCP server if the value
-    // is not available.
-    this.#toolName =
-      this.app.getHostContext()?.toolInfo?.tool.name ??
-      _meta?.toolName ??
-      // Some hosts do not forward `_meta` nor do they provide `toolInfo`. Our
-      // MCP server provides `toolName` in `structuredContent` as a workaround
-      // that we can use if all else fails
-      structuredContent.toolName;
-    this.#toolMetadata = _meta;
-    this.#toolInput = args;
-
-    return {
-      ...structuredContent,
-      toolName: this.toolName,
-      args,
-    };
-  });
-
-  close() {
-    return this.app.close();
-  }
-
-  async executeQuery({
-    query,
-    variables,
-  }: {
-    query: DocumentNode;
-    variables: OperationVariables | undefined;
-  }) {
-    const result = (await this.app.callServerTool({
-      name: "execute",
-      arguments: { query: print(query), variables },
-    })) as ExecuteQueryCallToolResult;
-
-    return result.structuredContent;
-  }
-
-  private async connectToHost() {
-    try {
-      return await this.app.connect(
-        new PostMessageTransport(window.parent, window.parent)
-      );
-    } catch (e) {
-      const error = e instanceof Error ? e : new Error("Failed to connect");
-
-      throw error;
-    }
-  }
-}

package/src/mcp/link/ToolCallLink.ts

@@ -1,40 +0,0 @@
-import { ApolloLink, Observable } from "@apollo/client";
-import { from } from "rxjs";
-import type { ApolloClient as McpApolloClient } from "../core/ApolloClient";
-
-/**
- * A terminating link that sends a GraphQL request through an agent tool call.
- * When providing a custom link chain to `ApolloClient`, `ApolloClient` will
- * validate that the terminating link is an instance of this link.
- *
- * @example Providing a custom link chain
- *
- * ```ts
- * import { ApolloLink } from "@apollo/client";
- * import { ApolloClient, ToolCallLink } from "@apollo/client-ai-apps";
- *
- * const link = ApolloLink.from([
- *   ...otherLinks,
- *   new ToolCallLink()
- * ]);
- *
- * const client = new ApolloClient({
- *   link,
- *   // ...
- * });
- * ```
- */
-export class ToolCallLink extends ApolloLink {
-  readonly name = "ToolCallLink";
-
-  request(operation: ApolloLink.Operation): Observable<ApolloLink.Result> {
-    const client = operation.client as McpApolloClient;
-
-    return from(
-      client["appManager"].executeQuery({
-        query: operation.query,
-        variables: operation.variables,
-      })
-    );
-  }
-}

package/src/mcp/link/__tests__/ToolCallLink.test.ts

@@ -1,62 +0,0 @@
-import { expect, test } from "vitest";
-import { gql, InMemoryCache } from "@apollo/client";
-import { execute } from "@apollo/client/link";
-import { ApolloClient } from "../../core/ApolloClient.js";
-import {
-  minimalHostContextWithToolName,
-  mockApplicationManifest,
-  mockMcpHost,
-  ObservableStream,
-  spyOnConsole,
-} from "../../../testing/internal/index.js";
-import { ToolCallLink } from "../ToolCallLink.js";
-
-test("delegates query execution to MCP host", async () => {
-  using _ = spyOnConsole("debug");
-  const query = gql`
-    query GreetingQuery {
-      greeting
-    }
-  `;
-
-  const client = new ApolloClient({
-    cache: new InMemoryCache(),
-    manifest: mockApplicationManifest(),
-  });
-
-  using host = await mockMcpHost({
-    hostContext: minimalHostContextWithToolName("GetProduct"),
-  });
-  host.onCleanup(() => client.stop());
-
-  host.sendToolInput({ arguments: {} });
-  host.sendToolResult({
-    _meta: { toolName: "GetProduct" },
-    content: [],
-    structuredContent: {
-      result: {
-        data: {
-          product: null,
-        },
-      },
-    },
-  });
-
-  host.mockToolCall("execute", () => ({
-    content: [],
-    structuredContent: {
-      data: { greeting: "Hello, world" },
-    },
-  }));
-
-  await client.connect();
-
-  const observable = execute(new ToolCallLink(), { query }, { client });
-  const stream = new ObservableStream(observable);
-
-  await expect(stream).toEmitValue({
-    data: { greeting: "Hello, world" },
-  });
-
-  await expect(stream).toComplete();
-});