Resources

import { MCPClient } from "@mcp-use/client";

const client = new MCPClient({
  mcpServers: {
    demo: { url: "http://localhost:3000/mcp" },
  },
});

try {
  const connection = await client.connect("demo");

  const { resources } = await connection.listAllResources();
  for (const resource of resources) {
    console.log(resource.uri, resource.name, resource.mimeType);
  }

  const result = await connection.readResource("file:///config.json");
  for (const content of result.contents) {
    if ("text" in content) {
      console.log(content.text);
    }
  }
} finally {
  await client.close();
}

import type { MCPConnection } from "@mcp-use/client";

async function logResourcePages(connection: MCPConnection): Promise<void> {
  let cursor: string | undefined;

  do {
    const page = await connection.listResources(cursor);
    for (const resource of page.resources) {
      console.log(resource.uri);
    }
    cursor = page.nextCursor;
  } while (cursor);
}

const page = await connection.listResourceTemplates();

for (const template of page.resourceTemplates) {
  console.log(template.uriTemplate, template.name);
}

await connection.subscribeToResource("file:///config.json");

// Receive notifications/resources/updated through your notification handler.

await connection.unsubscribeFromResource("file:///config.json");

import { useMcpServer } from "@mcp-use/client/react";

export function ReadResourceButton({ uri }: { uri: string }) {
  const server = useMcpServer("demo");

  async function handleRead() {
    if (server?.state !== "ready") return;

    const { contents } = await server.readResource(uri);
    console.log(contents);
  }

  return (
    <button disabled={server?.state !== "ready"} onClick={handleRead}>
      Read resource
    </button>
  );
}