MCP App framework for ChatGPT Apps. MCP App framework for Claude Connectors. MCP App framework for ChatGPT Apps. MCP App framework for Claude Connectors.

// src/resources/review/review.tsx

import { useToolData } from 'sunpeak';
import type { ResourceConfig } from 'sunpeak';

export const resource: ResourceConfig = {
  description: 'Visualize and review a code change',
  _meta: { ui: { csp: { resourceDomains: ['https://cdn.openai.com'] } } },
};

export function ReviewResource() {
  const { output: data } = useToolData<unknown, { title: string }>();

  return <h1>Review: {data?.title}</h1>;
}

// src/tools/review-diff.ts

import { z } from 'zod';
import type { AppToolConfig, ToolHandlerExtra } from 'sunpeak/mcp';

export const tool: AppToolConfig = {
  resource: 'review',
  title: 'Review Diff',
  description: 'Review a code change before merging',
  annotations: { readOnlyHint: true },
};

export const schema = {
  pr: z.number().describe('Pull request number to review'),
};

export default async function (args: Record<string, unknown>, _extra: ToolHandlerExtra) {
  // Fetch PR data from your API, return structured content for the resource
  return { structuredContent: { title: 'PR #' + args.pr } };
}