sunpeak 0.5.24 → 0.5.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sunpeak",
-  "version": "0.5.24",
+  "version": "0.5.26",
   "description": "The MCP App SDK. Quickstart, build, & test your ChatGPT App locally!",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -25,7 +25,6 @@
         "default": "./dist/mcp/index.js"
       }
     },
-    "./dev/entry": "./src/dev/entry.tsx",
     "./mcp/entry": "./dist/mcp/entry.js",
     "./package.json": "./package.json"
   },
@@ -35,8 +34,6 @@
   "files": [
     "dist",
     "bin",
-    "src/dev",
-    "src/vite-env.d.ts",
     "template",
     "README.md"
   ],

package/template/.sunpeak/dev.tsx

@@ -1,5 +1,51 @@
 /**
  * Bootstrap file for Sunpeak dev server
- * This file imports the framework's internal dev entry point
+ * This file bootstraps the ChatGPT simulator for development
  */
-import 'sunpeak/dev/entry';
+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/components/resources';
+import '../src/styles/globals.css';
+
+/**
+ * Extract the resource component name from a URI
+ * Example: 'ui://CounterResource' -> 'CounterResource'
+ */
+function getResourceComponentFromURI(uri: string): React.ComponentType {
+  const match = uri.match(/^ui:\/\/(.+)$/);
+  if (!match) {
+    throw new Error(`Invalid resource URI format: ${uri}. Expected format: ui://ComponentName`);
+  }
+
+  const componentName = match[1];
+  const component = Resources[componentName as keyof typeof Resources];
+
+  if (!component) {
+    throw new Error(
+      `Resource component "${componentName}" not found. ` +
+        `Make sure it's exported from src/components/resources/index.ts`
+    );
+  }
+
+  return component as React.ComponentType;
+}
+
+// Package the resource component with the simulation
+const simulations: Simulation[] = Object.values(
+  SIMULATIONS as Record<string, Omit<Simulation, 'resourceComponent'>>
+).map((simulation) => ({
+  ...simulation,
+  resourceComponent: getResourceComponentFromURI(simulation.resource.uri),
+}));
+
+// Read app config from package.json or use defaults
+const appName = import.meta.env?.VITE_APP_NAME || 'Sunpeak App';
+const appIcon = import.meta.env?.VITE_APP_ICON || '🌄';
+
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <ChatGPTSimulator simulations={simulations} appName={appName} appIcon={appIcon} />
+  </StrictMode>
+);