sunpeak 0.8.6 → 0.9.1

package/dist/types/simulation.d.ts

@@ -1,47 +1,21 @@
-import { Tool, Resource } from '@modelcontextprotocol/sdk/types.js';
-import { Theme, DisplayMode, UserAgent, SafeArea, View } from './index';
+import { Tool, Resource, CallToolRequestParams, CallToolResult } from '@modelcontextprotocol/sdk/types.js';
 /**
  * Core simulation types for development and testing.
  * These types define how simulations are configured and used in both
  * the dev simulator and MCP server contexts.
  */
 import type * as React from 'react';
-/**
- * Simulation globals that configure the simulator environment.
- * These values are passed to the mock runtime to set initial values for development/testing.
- * All fields are optional as simulations can use defaults.
- * Globals initialized based on tool responses are instead set in SimulationCallToolResult:
- *  (structuredContent > toolOutput, _meta > toolResponseMetadata)
- */
-export interface SimulationGlobals {
-    theme?: Theme;
-    userAgent?: UserAgent;
-    locale?: string;
-    maxHeight?: number;
-    displayMode?: DisplayMode;
-    safeArea?: SafeArea;
-    view?: View | null;
-    toolInput?: Record<string, unknown>;
-    widgetState?: Record<string, unknown> | null;
-}
-/**
- * MCP CallTool response data (subset used in simulations).
- * Note: toolOutput (structuredContent) and toolResponseMetadata (_meta)
- * are set here for use by the MCP server as well, not in SimulationGlobals.
- */
-export interface SimulationCallToolResult {
-    structuredContent?: Record<string, unknown> | null;
-    _meta?: Record<string, unknown>;
-}
 /**
  * A simulation packages a component with its example data and metadata.
  * Each simulation represents a complete tool experience in the simulator.
  */
 export interface Simulation {
+    name: string;
     resourceComponent: React.ComponentType;
     userMessage?: string;
-    simulationGlobals?: SimulationGlobals;
     tool: Tool;
-    resource?: Resource;
-    toolCall?: SimulationCallToolResult;
+    resource: Resource;
+    callToolResult?: CallToolResult;
+    callToolRequestParams?: CallToolRequestParams;
+    widgetState?: Record<string, unknown> | null;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sunpeak",
-  "version": "0.8.6",
+  "version": "0.9.1",
   "description": "The ChatGPT App framework. Quickstart, build, & test your ChatGPT App locally!",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -17,6 +17,12 @@
         "default": "./dist/index.cjs"
       }
     },
+    "./chatgpt": {
+      "import": {
+        "types": "./dist/chatgpt/index.d.ts",
+        "default": "./dist/chatgpt/index.js"
+      }
+    },
     "./style.css": "./dist/style.css",
     "./chatgpt/globals.css": "./dist/chatgpt/globals.css",
     "./mcp": {
@@ -68,7 +74,6 @@
     "zod": "^3.25.76"
   },
   "devDependencies": {
-    "@playwright/test": "^1.57.0",
     "@tailwindcss/vite": "^4.1.18",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.1",
@@ -110,7 +115,6 @@
     "lint": "eslint . --ext .ts,.tsx --fix",
     "typecheck": "tsc --noEmit",
     "test": "vitest run",
-    "test:e2e": "playwright test",
     "validate": "node scripts/validate.mjs"
   }
 }

package/template/.sunpeak/dev.tsx

@@ -23,7 +23,7 @@ const resourceModules = import.meta.glob('../src/resources/*-resource.json', { e
 type ResourceData = { name: string; [key: string]: unknown };
 const resourcesMap = new Map<string, ResourceData>();
 for (const [path, module] of Object.entries(resourceModules)) {
-  // Extract key from path: '../src/resources/counter-resource.json' -> 'counter'
+  // Extract key from path: '../src/resources/review-resource.json' -> 'review'
   const match = path.match(/\/([^/]+)-resource\.json$/);
   const key = match?.[1];
   if (key) {
@@ -52,7 +52,7 @@ function findResourceKey(simulationKey: string): string | undefined {
 
 /**
  * Convert resource name to component name
- * Example: 'carousel' -> 'CarouselResource', 'counter' -> 'CounterResource'
+ * Example: 'carousel' -> 'CarouselResource', 'review' -> 'ReviewResource'
  */
 function getResourceComponent(name: string): React.ComponentType {
   const pascalName = name.charAt(0).toUpperCase() + name.slice(1);
@@ -70,9 +70,9 @@ function getResourceComponent(name: string): React.ComponentType {
   return component;
 }
 
-// Build simulations array from discovered files
-type SimulationData = Omit<Simulation, 'resourceComponent' | 'resource'>;
-const simulations: Simulation[] = [];
+// Build simulations object from discovered files
+type SimulationData = Omit<Simulation, 'name' | 'resourceComponent' | 'resource'>;
+const simulations: Record<string, Simulation> = {};
 
 for (const [path, module] of Object.entries(simulationModules)) {
   // Extract simulation key from path: '../src/simulations/albums-show-simulation.json' -> 'albums-show'
@@ -94,11 +94,12 @@ for (const [path, module] of Object.entries(simulationModules)) {
 
   const resource = resourcesMap.get(resourceKey)!;
 
-  simulations.push({
+  simulations[simulationKey] = {
     ...simulation,
+    name: simulationKey,
     resource,
     resourceComponent: getResourceComponent(resource.name),
-  });
+  };
 }
 
 // Read app config from environment or use defaults

package/template/README.md

@@ -30,8 +30,8 @@ The template includes a minimal test setup with Vitest. You can add additional t
 
 - `src/resources/` - Resource files must be here
 - `src/simulations/` - Simulation files must be here
-- Resource file naming: `*-resource.tsx` (e.g., `counter-resource.tsx`)
-- Simulation file naming: `*-simulation.tsx` (e.g., `counter-simulation.tsx`)
+- Resource file naming: `*-resource.tsx` (e.g., `review-resource.tsx`)
+- Simulation file naming: `*-simulation.json` (e.g., `review-purchase-simulation.json`)
 - `src/index-resource.tsx` - Build template (must have `// RESOURCE_IMPORT` and `// RESOURCE_MOUNT` comments)
 
 **You can customize:**
@@ -71,7 +71,7 @@ ngrok http 6766
 
 You can then connect to the tunnel forwarding URL at the `/mcp` path from ChatGPT **in developer mode** to see your UI in action: `User > Settings > Apps & Connectors > Create`
 
-Once your app is connected, send the name of the app and a tool, like `/sunpeak show counter`, to ChatGPT.
+Once your app is connected, send the name of the app and a tool, like `/sunpeak show review`, to ChatGPT.
 
 When you make changes to the UI, refresh your app in ChatGPT after the MCP server has finished rebuilding your app: `User > Settings > Apps & Connectors > My App > Refresh`
 
@@ -87,8 +87,8 @@ This creates optimized builds in `dist/`:
 
 - `dist/albums.js`
 - `dist/albums.json`
-- `dist/counter.js`
-- `dist/counter.json`
+- `dist/review.js`
+- `dist/review.json`
 - _(One .js file per resource in src/resources/)_
 - _(One .json file per resource in src/resources/)_