sunpeak 0.9.2 → 0.9.6

package/dist/types/simulation.d.ts

@@ -8,10 +8,13 @@ import type * as React from 'react';
 /**
  * A simulation packages a component with its example data and metadata.
  * Each simulation represents a complete tool experience in the simulator.
+ *
+ * Specify either `resourceComponent` (React component) or `resourceScript` (URL to built .js file).
  */
 export interface Simulation {
     name: string;
-    resourceComponent: React.ComponentType;
+    resourceComponent?: React.ComponentType;
+    resourceScript?: string;
     userMessage?: string;
     tool: Tool;
     resource: Resource;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sunpeak",
-  "version": "0.9.2",
+  "version": "0.9.6",
   "description": "The ChatGPT App framework. Quickstart, build, & test your ChatGPT App locally!",
   "type": "module",
   "main": "./dist/index.cjs",

package/template/.sunpeak/dev.tsx

@@ -10,101 +10,16 @@
  */
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
-import { ChatGPTSimulator, type Simulation } from 'sunpeak';
+import { ChatGPTSimulator, buildDevSimulations } from 'sunpeak';
 import resourceComponents from '../src/resources';
 import '../src/styles/globals.css';
 
-// Auto-discover all simulation and resource JSON files
-const simulationModules = import.meta.glob('../src/simulations/*-simulation.json', {
-  eager: true,
+// Build simulations from discovered files
+const simulations = buildDevSimulations({
+  simulationModules: import.meta.glob('../src/simulations/*-simulation.json', { eager: true }),
+  resourceModules: import.meta.glob('../src/resources/*-resource.json', { eager: true }),
+  resourceComponents: resourceComponents as Record<string, React.ComponentType>,
 });
-const resourceModules = import.meta.glob('../src/resources/*-resource.json', { eager: true });
-
-// Build resource map from discovered files
-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/review-resource.json' -> 'review'
-  const match = path.match(/\/([^/]+)-resource\.json$/);
-  const key = match?.[1];
-  if (key) {
-    resourcesMap.set(key, (module as { default: ResourceData }).default);
-  }
-}
-
-// Get sorted resource keys for best-match lookup (longest first)
-const resourceKeys = Array.from(resourcesMap.keys()).sort((a, b) => b.length - a.length);
-
-/**
- * Find the best matching resource for a simulation key.
- * Matches the longest resource name that is a prefix of the simulation key.
- * e.g., 'albums-show' matches 'albums' (not 'album' if both exist)
- */
-function findResourceKey(simulationKey: string): string | undefined {
-  // Simulation key format: {resource}-{tool} (e.g., 'albums-show')
-  // Find the longest resource name that matches as a prefix followed by '-'
-  for (const resourceKey of resourceKeys) {
-    if (simulationKey === resourceKey || simulationKey.startsWith(resourceKey + '-')) {
-      return resourceKey;
-    }
-  }
-  return undefined;
-}
-
-/**
- * Convert resource name to component name
- * Example: 'carousel' -> 'CarouselResource', 'review' -> 'ReviewResource'
- */
-function getResourceComponent(name: string): React.ComponentType {
-  const pascalName = name.charAt(0).toUpperCase() + name.slice(1);
-  const componentName = `${pascalName}Resource`;
-
-  const component = (resourceComponents as Record<string, React.ComponentType>)[componentName];
-
-  if (!component) {
-    throw new Error(
-      `Resource component "${componentName}" not found for resource "${name}". ` +
-        `Make sure src/resources/${name}-resource.tsx exists with a default export.`
-    );
-  }
-
-  return component;
-}
-
-// 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'
-  const match = path.match(/\/([^/]+)-simulation\.json$/);
-  const simulationKey = match?.[1];
-  if (!simulationKey) continue;
-
-  const simulation = (module as { default: SimulationData }).default;
-
-  // Find matching resource by best prefix match
-  const resourceKey = findResourceKey(simulationKey);
-  if (!resourceKey) {
-    console.warn(
-      `No matching resource found for simulation "${simulationKey}". ` +
-        `Expected a resource file like src/resources/${simulationKey.split('-')[0]}-resource.json`
-    );
-    continue;
-  }
-
-  const resource = resourcesMap.get(resourceKey)!;
-
-  simulations[simulationKey] = {
-    ...simulation,
-    name: simulationKey,
-    resource: {
-      uri: `ui://${resource.name}`, // Dummy URI.
-      ...resource,
-    },
-    resourceComponent: getResourceComponent(resource.name),
-  };
-}
 
 // Read app config from environment or use defaults
 const appName = import.meta.env?.VITE_APP_NAME || 'Sunpeak';

package/template/README.md

@@ -100,8 +100,8 @@ Each `.json` file is a copy of each of your resource MCP metadata files `src/res
 
 To add a new UI (MCP Resource), simply create the following files:
 
-- `src/resource/NAME-resource.tsx`
-- `src/resource/NAME-resource.json`
+- `src/resources/NAME-resource.tsx`
+- `src/resources/NAME-resource.json`
 - `src/simulations/NAME-TOOLNAME-simulation.json`
 
 Only the resource files are required to generate a production build and ship a UI. Create the simulation file if you want to preview your resource in `sunpeak dev` or `sunpeak mcp`.

package/template/dist/albums.json

@@ -12,5 +12,5 @@
       ]
     }
   },
-  "uri": "ui://albums-mk1rwc3i"
+  "uri": "ui://albums-mk8u79b0"
 }

package/template/dist/carousel.json

@@ -12,5 +12,5 @@
       ]
     }
   },
-  "uri": "ui://carousel-mk1rwc3i"
+  "uri": "ui://carousel-mk8u79b0"
 }

package/template/dist/map.json

@@ -18,5 +18,5 @@
       ]
     }
   },
-  "uri": "ui://map-mk1rwc3i"
+  "uri": "ui://map-mk8u79b0"
 }

package/template/dist/review.json

@@ -12,5 +12,5 @@
       ]
     }
   },
-  "uri": "ui://review-mk1rwc3i"
+  "uri": "ui://review-mk8u79b0"
 }

package/template/node_modules/.vite/deps/@openai_apps-sdk-ui_components_SegmentedControl.js

@@ -1,7 +1,3 @@
-import {
-  dist_exports4 as dist_exports
-} from "./chunk-TSEQUROC.js";
-import "./chunk-XZTIOEPG.js";
 import {
   useResizeObserver
 } from "./chunk-JAGHY6H6.js";
@@ -10,6 +6,10 @@ import {
   waitForAnimationFrame
 } from "./chunk-DYQDWJMS.js";
 import "./chunk-EGRHWZRV.js";
+import {
+  dist_exports4 as dist_exports
+} from "./chunk-TSEQUROC.js";
+import "./chunk-XZTIOEPG.js";
 import {
   clsx_default
 } from "./chunk-CNYJBM5F.js";

package/template/node_modules/.vite/deps/@openai_apps-sdk-ui_components_Select.js

@@ -1,12 +1,6 @@
 import {
   Input
 } from "./chunk-2DZGWGIP.js";
-import {
-  dist_exports,
-  dist_exports3 as dist_exports2,
-  dist_exports5 as dist_exports3
-} from "./chunk-TSEQUROC.js";
-import "./chunk-XZTIOEPG.js";
 import {
   Button,
   LoadingIndicator,
@@ -25,6 +19,12 @@ import {
   waitForAnimationFrame
 } from "./chunk-DYQDWJMS.js";
 import "./chunk-EGRHWZRV.js";
+import {
+  dist_exports,
+  dist_exports3 as dist_exports2,
+  dist_exports5 as dist_exports3
+} from "./chunk-TSEQUROC.js";
+import "./chunk-XZTIOEPG.js";
 import {
   clsx_default
 } from "./chunk-CNYJBM5F.js";

package/template/node_modules/.vite/deps/_metadata.json

@@ -7,115 +7,115 @@
     "react": {
       "src": "../../../../node_modules/.pnpm/react@19.2.3/node_modules/react/index.js",
       "file": "react.js",
-      "fileHash": "9f8922cb",
+      "fileHash": "5dce5a83",
       "needsInterop": true
     },
     "react-dom": {
       "src": "../../../../node_modules/.pnpm/react-dom@19.2.3_react@19.2.3/node_modules/react-dom/index.js",
       "file": "react-dom.js",
-      "fileHash": "b39e5f22",
+      "fileHash": "f1f9ceb7",
       "needsInterop": true
     },
     "react/jsx-dev-runtime": {
       "src": "../../../../node_modules/.pnpm/react@19.2.3/node_modules/react/jsx-dev-runtime.js",
       "file": "react_jsx-dev-runtime.js",
-      "fileHash": "98b0fafe",
+      "fileHash": "6d41e9e9",
       "needsInterop": true
     },
     "react/jsx-runtime": {
       "src": "../../../../node_modules/.pnpm/react@19.2.3/node_modules/react/jsx-runtime.js",
       "file": "react_jsx-runtime.js",
-      "fileHash": "589dec17",
+      "fileHash": "76d0ee1e",
       "needsInterop": true
     },
     "@openai/apps-sdk-ui/components/Avatar": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._90324f97b7190ccfdbe40a9e8bef3385/node_modules/@openai/apps-sdk-ui/dist/es/components/Avatar/index.js",
       "file": "@openai_apps-sdk-ui_components_Avatar.js",
-      "fileHash": "e1ca40fe",
+      "fileHash": "cc1e3682",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/Button": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._90324f97b7190ccfdbe40a9e8bef3385/node_modules/@openai/apps-sdk-ui/dist/es/components/Button/index.js",
       "file": "@openai_apps-sdk-ui_components_Button.js",
-      "fileHash": "4566ca48",
+      "fileHash": "ae4fe364",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/Checkbox": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._90324f97b7190ccfdbe40a9e8bef3385/node_modules/@openai/apps-sdk-ui/dist/es/components/Checkbox/index.js",
       "file": "@openai_apps-sdk-ui_components_Checkbox.js",
-      "fileHash": "b2edde35",
+      "fileHash": "1db3db7f",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/Icon": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._90324f97b7190ccfdbe40a9e8bef3385/node_modules/@openai/apps-sdk-ui/dist/es/components/Icon/index.js",
       "file": "@openai_apps-sdk-ui_components_Icon.js",
-      "fileHash": "e62f20ec",
+      "fileHash": "837c2737",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/Input": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._90324f97b7190ccfdbe40a9e8bef3385/node_modules/@openai/apps-sdk-ui/dist/es/components/Input/index.js",
       "file": "@openai_apps-sdk-ui_components_Input.js",
-      "fileHash": "0204cb80",
+      "fileHash": "062e2a54",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/SegmentedControl": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._90324f97b7190ccfdbe40a9e8bef3385/node_modules/@openai/apps-sdk-ui/dist/es/components/SegmentedControl/index.js",
       "file": "@openai_apps-sdk-ui_components_SegmentedControl.js",
-      "fileHash": "7bf18eee",
+      "fileHash": "6e036e2c",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/Select": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._90324f97b7190ccfdbe40a9e8bef3385/node_modules/@openai/apps-sdk-ui/dist/es/components/Select/index.js",
       "file": "@openai_apps-sdk-ui_components_Select.js",
-      "fileHash": "79ea3e4b",
+      "fileHash": "6ca9ce17",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/Textarea": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._90324f97b7190ccfdbe40a9e8bef3385/node_modules/@openai/apps-sdk-ui/dist/es/components/Textarea/index.js",
       "file": "@openai_apps-sdk-ui_components_Textarea.js",
-      "fileHash": "44843a19",
+      "fileHash": "6bbf0e0f",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/theme": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.1_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._90324f97b7190ccfdbe40a9e8bef3385/node_modules/@openai/apps-sdk-ui/dist/es/lib/theme.js",
       "file": "@openai_apps-sdk-ui_theme.js",
-      "fileHash": "e60dca1c",
+      "fileHash": "125dd763",
       "needsInterop": false
     },
     "clsx": {
       "src": "../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs",
       "file": "clsx.js",
-      "fileHash": "f15d30c1",
+      "fileHash": "adae7188",
       "needsInterop": false
     },
     "embla-carousel-react": {
       "src": "../../../../node_modules/.pnpm/embla-carousel-react@8.6.0_react@19.2.3/node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js",
       "file": "embla-carousel-react.js",
-      "fileHash": "6b3141d4",
+      "fileHash": "27e70439",
       "needsInterop": false
     },
     "embla-carousel-wheel-gestures": {
       "src": "../../../../node_modules/.pnpm/embla-carousel-wheel-gestures@8.1.0_embla-carousel@8.6.0/node_modules/embla-carousel-wheel-gestures/dist/embla-carousel-wheel-gestures.esm.js",
       "file": "embla-carousel-wheel-gestures.js",
-      "fileHash": "efa2153a",
+      "fileHash": "03d5e96c",
       "needsInterop": false
     },
     "mapbox-gl": {
       "src": "../../../../node_modules/.pnpm/mapbox-gl@3.17.0/node_modules/mapbox-gl/dist/mapbox-gl.js",
       "file": "mapbox-gl.js",
-      "fileHash": "2b20f694",
+      "fileHash": "af8061a4",
       "needsInterop": true
     },
     "react-dom/client": {
       "src": "../../../../node_modules/.pnpm/react-dom@19.2.3_react@19.2.3/node_modules/react-dom/client.js",
       "file": "react-dom_client.js",
-      "fileHash": "5e9ee085",
+      "fileHash": "9add8d51",
       "needsInterop": true
     },
     "tailwind-merge": {
       "src": "../../../../node_modules/.pnpm/tailwind-merge@3.4.0/node_modules/tailwind-merge/dist/bundle-mjs.mjs",
       "file": "tailwind-merge.js",
-      "fileHash": "487e9f49",
+      "fileHash": "eaf80d9a",
       "needsInterop": false
     }
   },
@@ -123,12 +123,6 @@
     "chunk-2DZGWGIP": {
       "file": "chunk-2DZGWGIP.js"
     },
-    "chunk-TSEQUROC": {
-      "file": "chunk-TSEQUROC.js"
-    },
-    "chunk-XZTIOEPG": {
-      "file": "chunk-XZTIOEPG.js"
-    },
     "chunk-N6DVYEXK": {
       "file": "chunk-N6DVYEXK.js"
     },
@@ -144,6 +138,12 @@
     "chunk-EGRHWZRV": {
       "file": "chunk-EGRHWZRV.js"
     },
+    "chunk-TSEQUROC": {
+      "file": "chunk-TSEQUROC.js"
+    },
+    "chunk-XZTIOEPG": {
+      "file": "chunk-XZTIOEPG.js"
+    },
     "chunk-CNYJBM5F": {
       "file": "chunk-CNYJBM5F.js"
     },

package/template/node_modules/.vite/vitest/da39a3ee5e6b4b0d3255bfef95601890afd80709/results.json

@@ -1 +1 @@
-{"version":"4.0.16","results":[[":src/components/album/albums.test.tsx",{"duration":337.9990579999999,"failed":false}],[":src/resources/carousel-resource.test.tsx",{"duration":249.7428500000001,"failed":false}],[":src/resources/review-resource.test.tsx",{"duration":532.4556819999998,"failed":false}],[":src/components/map/place-inspector.test.tsx",{"duration":402.02946900000006,"failed":false}],[":src/components/map/map-view.test.tsx",{"duration":91.84771499999988,"failed":false}],[":src/components/album/fullscreen-viewer.test.tsx",{"duration":254.4845110000001,"failed":false}],[":src/components/map/place-list.test.tsx",{"duration":157.57383200000004,"failed":false}],[":src/components/map/place-card.test.tsx",{"duration":353.70146399999976,"failed":false}],[":src/components/map/place-carousel.test.tsx",{"duration":461.7055280000002,"failed":false}],[":src/components/album/album-carousel.test.tsx",{"duration":96.31957500000021,"failed":false}],[":src/components/carousel/carousel.test.tsx",{"duration":88.95574399999987,"failed":false}],[":src/resources/map-resource.test.tsx",{"duration":294.10313500000007,"failed":false}],[":src/resources/albums-resource.test.tsx",{"duration":276.18517599999996,"failed":false}],[":src/components/album/film-strip.test.tsx",{"duration":478.3753600000002,"failed":false}],[":src/components/album/album-card.test.tsx",{"duration":350.313899,"failed":false}],[":src/components/carousel/card.test.tsx",{"duration":99.09871700000008,"failed":false}]]}
+{"version":"4.0.16","results":[[":src/resources/review-resource.test.tsx",{"duration":559.5211790000001,"failed":false}],[":src/resources/carousel-resource.test.tsx",{"duration":274.45098800000005,"failed":false}],[":src/components/album/albums.test.tsx",{"duration":293.8420480000002,"failed":false}],[":src/components/map/place-inspector.test.tsx",{"duration":419.9698040000003,"failed":false}],[":src/components/map/map-view.test.tsx",{"duration":74.87890800000014,"failed":false}],[":src/components/album/fullscreen-viewer.test.tsx",{"duration":268.03875199999993,"failed":false}],[":src/components/map/place-list.test.tsx",{"duration":144.34349999999995,"failed":false}],[":src/components/map/place-card.test.tsx",{"duration":357.63647600000013,"failed":false}],[":src/components/map/place-carousel.test.tsx",{"duration":430.33475,"failed":false}],[":src/components/album/album-carousel.test.tsx",{"duration":88.78069400000004,"failed":false}],[":src/components/carousel/carousel.test.tsx",{"duration":88.54834000000005,"failed":false}],[":src/resources/map-resource.test.tsx",{"duration":280.1168210000001,"failed":false}],[":src/resources/albums-resource.test.tsx",{"duration":286.3251439999999,"failed":false}],[":src/components/album/film-strip.test.tsx",{"duration":479.77164000000016,"failed":false}],[":src/components/album/album-card.test.tsx",{"duration":331.31021499999997,"failed":false}],[":src/components/carousel/card.test.tsx",{"duration":85.36528099999987,"failed":false}]]}

package/template/src/resources/index.ts

@@ -8,32 +8,10 @@
  * - Default export: export default MyComponent
  * - Named export: export const ReviewResource = ...
  */
+import { createResourceExports } from 'sunpeak';
 
 // 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: './review-resource.tsx' -> 'review'
-  const match = path.match(/\.\/(.+)-resource\.tsx$/);
-  const key = match?.[1];
-  if (!key) continue;
-
-  // Convert to PascalCase and append 'Resource': 'review' -> 'ReviewResource'
-  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;
+// Build exports object from discovered files using library helper
+export default createResourceExports(resourceModules);

package/template/src/simulations/index.ts

@@ -7,17 +7,10 @@
  * This file can be safely imported in Node.js contexts (like MCP servers)
  * without causing issues with CSS imports or React components.
  */
+import { createSimulationIndex } from 'sunpeak';
 
 // Auto-discover all simulation JSON files
 const simulationModules = import.meta.glob('./*-simulation.json', { eager: true });
 
-// 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>;
+// Build SIMULATIONS object from discovered files using library helper
+export const SIMULATIONS = createSimulationIndex(simulationModules);