sunpeak 0.7.11 → 0.8.1

package/template/src/components/map/place-list.test.tsx

@@ -1,7 +1,7 @@
 import { render, screen, fireEvent } from '@testing-library/react';
 import { describe, it, expect, vi } from 'vitest';
 import { PlaceList } from './place-list';
-import type { Place } from '../../simulations/map-simulation';
+import type { Place } from './types';
 
 describe('PlaceList', () => {
   const mockPlaces: Place[] = [

package/template/src/components/map/place-list.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Settings } from '@openai/apps-sdk-ui/components/Icon';
 import { cn } from '../../lib/index';
 import { PlaceCard } from './place-card';
-import type { Place } from '../../simulations/map-simulation';
+import type { Place } from './types';
 
 export type PlaceListProps = {
   places: Place[];

package/template/src/components/map/types.ts

@@ -0,0 +1,18 @@
+/**
+ * Types for map components
+ */
+
+export interface Place {
+  id: string;
+  name: string;
+  coords: [number, number];
+  description: string;
+  city: string;
+  rating: number;
+  price: string;
+  thumbnail: string;
+}
+
+export interface MapData extends Record<string, unknown> {
+  places: Place[];
+}

package/template/src/resources/index.ts

@@ -1,4 +1,39 @@
-export { CounterResource } from './counter-resource';
-export { AlbumsResource } from './albums-resource';
-export { CarouselResource } from './carousel-resource';
-export { MapResource } from './map-resource';
+/**
+ * Auto-discovers and re-exports all resource components.
+ *
+ * Discovers all *-resource.tsx files and exports their component
+ * with a PascalCase name (e.g., counter-resource.tsx -> CounterResource).
+ *
+ * Supports both export styles:
+ * - Default export: export default MyComponent
+ * - Named export: export const CounterResource = ...
+ */
+
+// Auto-discover all resource component files
+const resourceModules = import.meta.glob('./*-resource.tsx', { eager: true });
+
+// Build exports object from discovered files
+const resources: Record<string, React.ComponentType> = {};
+
+for (const [path, module] of Object.entries(resourceModules)) {
+  // Extract key from path: './counter-resource.tsx' -> 'counter'
+  const match = path.match(/\.\/(.+)-resource\.tsx$/);
+  const key = match?.[1];
+  if (!key) continue;
+
+  // Convert to PascalCase and append 'Resource': 'counter' -> 'CounterResource'
+  const pascalKey = key.charAt(0).toUpperCase() + key.slice(1);
+  const exportName = `${pascalKey}Resource`;
+
+  const mod = module as Record<string, unknown>;
+
+  // Try default export first, then named export matching the expected name
+  const component = mod.default ?? mod[exportName];
+
+  // Accept functions (regular components) or objects (forwardRef/memo components)
+  if (component && (typeof component === 'function' || typeof component === 'object')) {
+    resources[exportName] = component as React.ComponentType;
+  }
+}
+
+export default resources;

package/template/src/simulations/albums-show-simulation.json

@@ -0,0 +1,131 @@
+{
+  "userMessage": "Pizza time",
+  "tool": {
+    "name": "show-albums",
+    "description": "Show photo albums",
+    "inputSchema": { "type": "object", "properties": {}, "additionalProperties": false },
+    "title": "Show Albums",
+    "annotations": { "readOnlyHint": true },
+    "_meta": {
+      "openai/toolInvocation/invoking": "Loading albums",
+      "openai/toolInvocation/invoked": "Album loaded",
+      "openai/widgetAccessible": true,
+      "openai/resultCanProduceWidget": true
+    }
+  },
+  "toolCall": {
+    "structuredContent": {
+      "albums": [
+        {
+          "id": "summer-escape",
+          "title": "Summer Slice",
+          "cover": "https://persistent.oaistatic.com/pizzaz/pizzaz-1.png",
+          "photos": [
+            {
+              "id": "s1",
+              "title": "Waves",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-2.png"
+            },
+            {
+              "id": "s2",
+              "title": "Palm trees",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-3.png"
+            },
+            {
+              "id": "s3",
+              "title": "Sunset",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-6.png"
+            }
+          ]
+        },
+        {
+          "id": "city-lights",
+          "title": "Pepperoni Nights",
+          "cover": "https://persistent.oaistatic.com/pizzaz/pizzaz-4.png",
+          "photos": [
+            {
+              "id": "c1",
+              "title": "Downtown",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-5.png"
+            },
+            {
+              "id": "c2",
+              "title": "Neon",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-1.png"
+            },
+            {
+              "id": "c3",
+              "title": "Streets",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-2.png"
+            }
+          ]
+        },
+        {
+          "id": "into-the-woods",
+          "title": "Truffle Forest",
+          "cover": "https://persistent.oaistatic.com/pizzaz/pizzaz-3.png",
+          "photos": [
+            {
+              "id": "n1",
+              "title": "Forest path",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-6.png"
+            },
+            {
+              "id": "n2",
+              "title": "Misty",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-4.png"
+            },
+            {
+              "id": "n3",
+              "title": "Waterfall",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-5.png"
+            }
+          ]
+        },
+        {
+          "id": "pizza-tour",
+          "title": "Pizza tour",
+          "cover": "https://persistent.oaistatic.com/pizzaz/pizzaz-1.png",
+          "photos": [
+            {
+              "id": "tonys-pizza-napoletana",
+              "title": "Tony's Pizza Napoletana",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-2.png"
+            },
+            {
+              "id": "golden-boy-pizza",
+              "title": "Golden Boy Pizza",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-3.png"
+            },
+            {
+              "id": "pizzeria-delfina-mission",
+              "title": "Pizzeria Delfina (Mission)",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-6.png"
+            },
+            {
+              "id": "ragazza",
+              "title": "Ragazza",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-4.png"
+            },
+            {
+              "id": "del-popolo",
+              "title": "Del Popolo",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-5.png"
+            },
+            {
+              "id": "square-pie-guys",
+              "title": "Square Pie Guys",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-1.png"
+            },
+            {
+              "id": "zero-zero",
+              "title": "Zero Zero",
+              "url": "https://persistent.oaistatic.com/pizzaz/pizzaz-2.png"
+            }
+          ]
+        }
+      ]
+    },
+    "_meta": {}
+  }
+}

package/template/src/simulations/carousel-show-simulation.json

@@ -0,0 +1,68 @@
+{
+  "userMessage": "Show me popular places to visit in Austin Texas",
+  "tool": {
+    "name": "show-carousel",
+    "description": "Show popular places to visit",
+    "inputSchema": { "type": "object", "properties": {}, "additionalProperties": false },
+    "title": "Show Carousel",
+    "annotations": { "readOnlyHint": true },
+    "_meta": {
+      "openai/toolInvocation/invoking": "Loading carousel",
+      "openai/toolInvocation/invoked": "Carousel loaded",
+      "openai/widgetAccessible": true,
+      "openai/resultCanProduceWidget": true
+    }
+  },
+  "toolCall": {
+    "structuredContent": {
+      "places": [
+        {
+          "id": "1",
+          "name": "Lady Bird Lake",
+          "rating": 4.5,
+          "category": "Waterfront",
+          "location": "Austin",
+          "image": "https://images.unsplash.com/photo-1520950237264-dfe336995c34?w=400&h=400&fit=crop",
+          "description": "Scenic lake perfect for kayaking, paddleboarding, and trails."
+        },
+        {
+          "id": "2",
+          "name": "Texas State Capitol",
+          "rating": 4.8,
+          "category": "Historic Site",
+          "location": "Austin",
+          "image": "https://images.unsplash.com/photo-1664231978322-4d0b45c7027b?w=400&h=400&fit=crop",
+          "description": "Stunning capitol building with free tours and beautiful grounds."
+        },
+        {
+          "id": "3",
+          "name": "The Paramount Theatre",
+          "rating": 4.7,
+          "category": "Architecture",
+          "location": "Austin",
+          "image": "https://images.unsplash.com/photo-1583097090970-4d3b940ea1a0?w=400&h=400&fit=crop",
+          "description": "Century-old performance and movie theatre in the heart of downtown Austin."
+        },
+        {
+          "id": "4",
+          "name": "Zilker Park",
+          "rating": 4.7,
+          "category": "Park",
+          "location": "Austin",
+          "image": "https://images.unsplash.com/photo-1563828568124-f800803ba13c?w=400&h=400&fit=crop",
+          "description": "Popular park with trails, sports fields, and Barton Springs Pool."
+        },
+        {
+          "id": "5",
+          "name": "South Congress Avenue",
+          "rating": 4.6,
+          "category": "Landmark",
+          "location": "Austin",
+          "image": "https://images.unsplash.com/photo-1588993608283-7f0eda4438be?w=400&h=400&fit=crop",
+          "description": "Vibrant street with unique shops, restaurants, and live music."
+        }
+      ]
+    },
+    "_meta": {}
+  }
+}

package/template/src/simulations/counter-show-simulation.json

@@ -0,0 +1,20 @@
+{
+  "userMessage": "Help me count something",
+  "tool": {
+    "name": "show-counter",
+    "description": "Show a simple counter tool",
+    "inputSchema": { "type": "object", "properties": {}, "additionalProperties": false },
+    "title": "Show Counter",
+    "annotations": { "readOnlyHint": true },
+    "_meta": {
+      "openai/toolInvocation/invoking": "Counting beans",
+      "openai/toolInvocation/invoked": "Beans counted",
+      "openai/widgetAccessible": true,
+      "openai/resultCanProduceWidget": true
+    }
+  },
+  "toolCall": {
+    "structuredContent": null,
+    "_meta": {}
+  }
+}

package/template/src/simulations/index.ts

@@ -1,18 +1,23 @@
 /**
  * Server-safe simulation configurations
  *
- * This file contains only metadata and can be safely imported in Node.js contexts
- * (like MCP servers) without causing issues with CSS imports or React components.
+ * Auto-discovers all *-simulation.json files in this directory.
+ * File naming: {resource}-{tool}-simulation.json (e.g., albums-show-simulation.json)
+ *
+ * This file can be safely imported in Node.js contexts (like MCP servers)
+ * without causing issues with CSS imports or React components.
  */
 
-import { counterSimulation } from './counter-simulation.js';
-import { albumsSimulation } from './albums-simulation.js';
-import { carouselSimulation } from './carousel-simulation.js';
-import { mapSimulation } from './map-simulation.js';
+// Auto-discover all simulation JSON files
+const simulationModules = import.meta.glob('./*-simulation.json', { eager: true });
 
-export const SIMULATIONS = {
-  counter: counterSimulation,
-  albums: albumsSimulation,
-  carousel: carouselSimulation,
-  map: mapSimulation,
-} as const;
+// Build SIMULATIONS object from discovered files
+// Key is the full name without -simulation.json suffix (e.g., 'albums-show')
+export const SIMULATIONS = Object.fromEntries(
+  Object.entries(simulationModules).map(([path, module]) => {
+    // Extract simulation key from path: './albums-show-simulation.json' -> 'albums-show'
+    const match = path.match(/\.\/(.+)-simulation\.json$/);
+    const key = match?.[1] ?? path;
+    return [key, (module as { default: unknown }).default];
+  })
+) as Record<string, unknown>;

package/template/src/simulations/map-show-simulation.json

@@ -0,0 +1,123 @@
+{
+  "userMessage": "Find pizza near me",
+  "tool": {
+    "name": "show-map",
+    "description": "Show the map",
+    "inputSchema": { "type": "object", "properties": {}, "additionalProperties": false },
+    "title": "Show Map",
+    "annotations": { "readOnlyHint": true },
+    "_meta": {
+      "openai/toolInvocation/invoking": "Finding pizza places",
+      "openai/toolInvocation/invoked": "Found pizza places",
+      "openai/widgetAccessible": true,
+      "openai/resultCanProduceWidget": true
+    }
+  },
+  "toolCall": {
+    "structuredContent": {
+      "places": [
+        {
+          "id": "nova-slice-lab",
+          "name": "Nova Slice Lab",
+          "coords": [-122.4098, 37.8001],
+          "description": "Award-winning Neapolitan pies in North Beach.",
+          "city": "North Beach",
+          "rating": 4.8,
+          "price": "$$$",
+          "thumbnail": "https://persistent.oaistatic.com/pizzaz/pizzaz-1.png"
+        },
+        {
+          "id": "midnight-marinara",
+          "name": "Midnight Marinara",
+          "coords": [-122.4093, 37.799],
+          "description": "Focaccia-style squares, late-night favorite.",
+          "city": "North Beach",
+          "rating": 4.6,
+          "price": "$",
+          "thumbnail": "https://persistent.oaistatic.com/pizzaz/pizzaz-2.png"
+        },
+        {
+          "id": "cinder-oven-co",
+          "name": "Cinder Oven Co.",
+          "coords": [-122.4255, 37.7613],
+          "description": "Thin-crust classics on 18th Street.",
+          "city": "Mission",
+          "rating": 4.5,
+          "price": "$$",
+          "thumbnail": "https://persistent.oaistatic.com/pizzaz/pizzaz-3.png"
+        },
+        {
+          "id": "neon-crust-works",
+          "name": "Neon Crust Works",
+          "coords": [-122.4388, 37.7775],
+          "description": "Deep-dish and cornmeal crust favorites.",
+          "city": "Alamo Square",
+          "rating": 4.5,
+          "price": "$$",
+          "thumbnail": "https://persistent.oaistatic.com/pizzaz/pizzaz-6.png"
+        },
+        {
+          "id": "luna-pie-collective",
+          "name": "Luna Pie Collective",
+          "coords": [-122.4077, 37.799],
+          "description": "Wood-fired pies and burrata in North Beach.",
+          "city": "North Beach",
+          "rating": 4.6,
+          "price": "$$",
+          "thumbnail": "https://persistent.oaistatic.com/pizzaz/pizzaz-4.png"
+        },
+        {
+          "id": "bricklight-deep-dish",
+          "name": "Bricklight Deep Dish",
+          "coords": [-122.4097, 37.7992],
+          "description": "Chicago-style pies from Tony Gemignani.",
+          "city": "North Beach",
+          "rating": 4.4,
+          "price": "$$$",
+          "thumbnail": "https://persistent.oaistatic.com/pizzaz/pizzaz-5.png"
+        },
+        {
+          "id": "garden-ember-pies",
+          "name": "Garden Ember Pies",
+          "coords": [-122.438, 37.7722],
+          "description": "Neighborhood spot with seasonal toppings.",
+          "city": "Lower Haight",
+          "rating": 4.4,
+          "price": "$$",
+          "thumbnail": "https://persistent.oaistatic.com/pizzaz/pizzaz-1.png"
+        },
+        {
+          "id": "atlas-fire-pizzeria",
+          "name": "Atlas Fire Pizzeria",
+          "coords": [-122.4123, 37.7899],
+          "description": "Sourdough, wood-fired pies near Nob Hill.",
+          "city": "Nob Hill",
+          "rating": 4.6,
+          "price": "$$$",
+          "thumbnail": "https://persistent.oaistatic.com/pizzaz/pizzaz-2.png"
+        },
+        {
+          "id": "circuit-slice-garage",
+          "name": "Circuit Slice Garage",
+          "coords": [-122.4135, 37.7805],
+          "description": "Crispy-edged Detroit-style in SoMa.",
+          "city": "SoMa",
+          "rating": 4.5,
+          "price": "$$",
+          "thumbnail": "https://persistent.oaistatic.com/pizzaz/pizzaz-3.png"
+        },
+        {
+          "id": "velvet-mozza-lounge",
+          "name": "Velvet Mozza Lounge",
+          "coords": [-122.4019, 37.7818],
+          "description": "Bianca pies and cocktails near Yerba Buena.",
+          "city": "Yerba Buena",
+          "rating": 4.3,
+          "price": "$$",
+          "thumbnail": "https://persistent.oaistatic.com/pizzaz/pizzaz-6.png"
+        }
+      ]
+    },
+    "_meta": {}
+  }
+}

package/template/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/template/tsconfig.json

@@ -18,5 +18,5 @@
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true
   },
-  "include": ["src", "dev"]
+  "include": ["src", ".sunpeak"]
 }

package/template/src/simulations/albums-simulation.ts

@@ -1,147 +0,0 @@
-/**
- * Server-safe configuration for the albums simulation.
- * This file contains only metadata and doesn't import React components or CSS.
- */
-
-import albumsResourceMeta from '../resources/albums-resource.json';
-
-const albumsData = {
-  albums: [
-    {
-      id: 'summer-escape',
-      title: 'Summer Slice',
-      cover: 'https://persistent.oaistatic.com/pizzaz/pizzaz-1.png',
-      photos: [
-        {
-          id: 's1',
-          title: 'Waves',
-          url: 'https://persistent.oaistatic.com/pizzaz/pizzaz-2.png',
-        },
-        {
-          id: 's2',
-          title: 'Palm trees',
-          url: 'https://persistent.oaistatic.com/pizzaz/pizzaz-3.png',
-        },
-        {
-          id: 's3',
-          title: 'Sunset',
-          url: 'https://persistent.oaistatic.com/pizzaz/pizzaz-6.png',
-        },
-      ],
-    },
-    {
-      id: 'city-lights',
-      title: 'Pepperoni Nights',
-      cover: 'https://persistent.oaistatic.com/pizzaz/pizzaz-4.png',
-      photos: [
-        {
-          id: 'c1',
-          title: 'Downtown',
-          url: 'https://persistent.oaistatic.com/pizzaz/pizzaz-5.png',
-        },
-        {
-          id: 'c2',
-          title: 'Neon',
-          url: 'https://persistent.oaistatic.com/pizzaz/pizzaz-1.png',
-        },
-        {
-          id: 'c3',
-          title: 'Streets',
-          url: 'https://persistent.oaistatic.com/pizzaz/pizzaz-2.png',
-        },
-      ],
-    },
-    {
-      id: 'into-the-woods',
-      title: 'Truffle Forest',
-      cover: 'https://persistent.oaistatic.com/pizzaz/pizzaz-3.png',
-      photos: [
-        {
-          id: 'n1',
-          title: 'Forest path',
-          url: 'https://persistent.oaistatic.com/pizzaz/pizzaz-6.png',
-        },
-        {
-          id: 'n2',
-          title: 'Misty',
-          url: 'https://persistent.oaistatic.com/pizzaz/pizzaz-4.png',
-        },
-        {
-          id: 'n3',
-          title: 'Waterfall',
-          url: 'https://persistent.oaistatic.com/pizzaz/pizzaz-5.png',
-        },
-      ],
-    },
-    {
-      id: 'pizza-tour',
-      title: 'Pizza tour',
-      cover: 'https://persistent.oaistatic.com/pizzaz/pizzaz-1.png',
-      photos: [
-        {
-          id: 'tonys-pizza-napoletana',
-          title: "Tony's Pizza Napoletana",
-          url: 'https://persistent.oaistatic.com/pizzaz/pizzaz-2.png',
-        },
-        {
-          id: 'golden-boy-pizza',
-          title: 'Golden Boy Pizza',
-          url: 'https://persistent.oaistatic.com/pizzaz/pizzaz-3.png',
-        },
-        {
-          id: 'pizzeria-delfina-mission',
-          title: 'Pizzeria Delfina (Mission)',
-          url: 'https://persistent.oaistatic.com/pizzaz/pizzaz-6.png',
-        },
-        {
-          id: 'ragazza',
-          title: 'Ragazza',
-          url: 'https://persistent.oaistatic.com/pizzaz/pizzaz-4.png',
-        },
-        {
-          id: 'del-popolo',
-          title: 'Del Popolo',
-          url: 'https://persistent.oaistatic.com/pizzaz/pizzaz-5.png',
-        },
-        {
-          id: 'square-pie-guys',
-          title: 'Square Pie Guys',
-          url: 'https://persistent.oaistatic.com/pizzaz/pizzaz-1.png',
-        },
-        {
-          id: 'zero-zero',
-          title: 'Zero Zero',
-          url: 'https://persistent.oaistatic.com/pizzaz/pizzaz-2.png',
-        },
-      ],
-    },
-  ],
-};
-
-export const albumsSimulation = {
-  userMessage: 'Pizza time',
-
-  // MCP Tool protocol - official Tool type from MCP SDK used in ListTools response
-  tool: {
-    name: 'show-albums',
-    description: 'Show photo albums',
-    inputSchema: { type: 'object', properties: {}, additionalProperties: false } as const,
-    title: 'Show Albums',
-    annotations: { readOnlyHint: true },
-    _meta: {
-      'openai/toolInvocation/invoking': 'Loading albums',
-      'openai/toolInvocation/invoked': 'Album loaded',
-      'openai/widgetAccessible': true,
-      'openai/resultCanProduceWidget': true,
-    },
-  },
-
-  // MCP Resource protocol - imported from resource meta file
-  resource: albumsResourceMeta,
-
-  // MCP CallTool protocol - data for CallTool response
-  toolCall: {
-    structuredContent: albumsData,
-    _meta: {},
-  },
-} as const;