sunpeak 0.7.10 → 0.8.1

package/dist/style.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
 @layer properties {
   @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
     *, :before, :after, ::backdrop {

package/dist/types/simulation.d.ts

@@ -42,6 +42,6 @@ export interface Simulation {
     userMessage?: string;
     simulationGlobals?: SimulationGlobals;
     tool: Tool;
-    resource: Resource;
+    resource?: Resource;
     toolCall?: SimulationCallToolResult;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sunpeak",
-  "version": "0.7.10",
+  "version": "0.8.1",
   "description": "The ChatGPT App framework. Quickstart, build, & test your ChatGPT App locally!",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -57,40 +57,40 @@
   "author": "Sunpeak AI",
   "license": "MIT",
   "peerDependencies": {
-    "@openai/apps-sdk-ui": "^0.2.0",
+    "@openai/apps-sdk-ui": "^0.2.1",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@modelcontextprotocol/sdk": "^0.5.0",
+    "@modelcontextprotocol/sdk": "^1.25.1",
     "clsx": "^2.1.1",
     "tailwind-merge": "^3.4.0",
-    "zod": "^3.23.8"
+    "zod": "^3.25.76"
   },
   "devDependencies": {
-    "@playwright/test": "^1.56.1",
-    "@tailwindcss/vite": "^4.1.17",
+    "@playwright/test": "^1.57.0",
+    "@tailwindcss/vite": "^4.1.18",
     "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.0",
+    "@testing-library/react": "^16.3.1",
     "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^24.10.1",
+    "@types/node": "^22.15.3",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
-    "@typescript-eslint/eslint-plugin": "^8.47.0",
-    "@typescript-eslint/parser": "^8.47.0",
-    "@vitejs/plugin-react": "^4.3.4",
-    "eslint": "^9.39.1",
+    "@typescript-eslint/eslint-plugin": "^8.50.1",
+    "@typescript-eslint/parser": "^8.50.1",
+    "@vitejs/plugin-react": "^4.5.2",
+    "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
-    "jsdom": "^27.2.0",
-    "prettier": "^3.6.2",
+    "jsdom": "^27.3.0",
+    "prettier": "^3.7.4",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "tailwindcss": "^4.1.17",
+    "tailwindcss": "^4.1.18",
     "ts-node": "^10.9.2",
-    "tsx": "^4.20.6",
-    "typescript": "^5.6.3",
+    "tsx": "^4.21.0",
+    "typescript": "^5.9.3",
     "vite": "^5.4.21",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.0.12"

package/template/.sunpeak/dev.tsx

@@ -1,44 +1,107 @@
 /**
  * Bootstrap file for Sunpeak dev server
  * This file bootstraps the ChatGPT simulator for development
+ *
+ * Auto-discovers simulations and resources by file naming convention:
+ * - simulations/{resource}-{tool}-simulation.json (e.g., albums-show-simulation.json)
+ * - resources/{resource}-resource.json
+ * - resources/{Resource}Resource component (PascalCase)
  */
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
 import { ChatGPTSimulator, type Simulation } from 'sunpeak';
-import { SIMULATIONS } from '../src/simulations';
-import * as Resources from '../src/resources';
+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,
+});
+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/counter-resource.json' -> 'counter'
+  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', 'counter' -> 'CounterResource'
  */
-function getResourceComponentFromName(name: string): React.ComponentType {
-  // Convert name to PascalCase and append 'Resource'
+function getResourceComponent(name: string): React.ComponentType {
   const pascalName = name.charAt(0).toUpperCase() + name.slice(1);
   const componentName = `${pascalName}Resource`;
 
-  const component = Resources[componentName as keyof typeof Resources];
+  const component = resourceComponents[componentName];
 
   if (!component) {
     throw new Error(
       `Resource component "${componentName}" not found for resource "${name}". ` +
-        `Make sure it's exported from src/resources/index.ts`
+        `Make sure src/resources/${name}-resource.tsx exists with a default export.`
     );
   }
 
-  return component as React.ComponentType;
+  return component;
 }
 
-// Package the resource component with the simulation
-const simulations: Simulation[] = Object.values(
-  SIMULATIONS as Record<string, Omit<Simulation, 'resourceComponent'>>
-).map((simulation) => ({
-  ...simulation,
-  resourceComponent: getResourceComponentFromName(simulation.resource.name),
-}));
+// Build simulations array from discovered files
+type SimulationData = Omit<Simulation, 'resourceComponent' | 'resource'>;
+const simulations: 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.push({
+    ...simulation,
+    resource,
+    resourceComponent: getResourceComponent(resource.name),
+  });
+}
 
-// Read app config from package.json or use defaults
+// Read app config from environment or use defaults
 const appName = import.meta.env?.VITE_APP_NAME || 'Sunpeak';
 const appIcon = import.meta.env?.VITE_APP_ICON || '🌄';
 

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

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

package/template/README.md

@@ -8,7 +8,7 @@ For an initial overview of your new app and the sunpeak API, refer to the [docum
 
 ```bash
 pnpm install
-pnpm dev
+sunpeak dev
 ```
 
 That's it! Edit the resource files in [./src/resources/](./src/resources/) to build your resource UI.
@@ -16,9 +16,9 @@ That's it! Edit the resource files in [./src/resources/](./src/resources/) to bu
 ## Commands
 
 ```bash
-pnpm dev            # Start development server
-pnpm build          # Build all resources for production
-pnpm mcp            # Start MCP server with auto-reload
+sunpeak dev            # Start development server
+sunpeak build          # Build all resources for production
+sunpeak mcp            # Start MCP server with auto-reload
 pnpm test           # Run tests with Vitest
 ```
 
@@ -62,7 +62,7 @@ Test your app directly in ChatGPT using the built-in MCP server:
 
 ```bash
 # Start the MCP server (rebuilds and restarts on file changes).
-pnpm mcp
+sunpeak mcp
 
 # In another terminal, run a tunnel. For example:
 ngrok http 6766
@@ -79,7 +79,7 @@ When you make changes to the UI, refresh your app in ChatGPT after the MCP serve
 Build your app for production:
 
 ```bash
-pnpm build
+sunpeak build
 ```
 
 This creates optimized builds in `dist/`: