sunpeak 0.5.30 → 0.5.34

package/README.md

@@ -17,9 +17,12 @@
 
 The MCP App SDK.
 
-Quickstart, build, and test your ChatGPT App locally with OpenAI apps-sdk-ui React components.
+Quickstart, build, test, and ship your ChatGPT App locally!
 
-[Documentation](https://docs.sunpeak.ai/)
+[Demo (Hosted)](https://sunpeak.ai/#simulator) ~
+[Demo (Video)](https://d10djik02wlf6x.cloudfront.net/sunpeak-demo-prod.mp4) ~
+[Documentation](https://docs.sunpeak.ai/) ~
+[GitHub](https://github.com/Sunpeak-AI/sunpeak)
 
 <div align="center">
   <a href="https://docs.sunpeak.ai/library/chatgpt-simulator">
@@ -36,38 +39,35 @@ Quickstart, build, and test your ChatGPT App locally with OpenAI apps-sdk-ui Rea
 Requirements: Node (20+), pnpm (10+)
 
 ```bash
-# Create a new project (no install needed)
-npx sunpeak new my-app
-
-# Or with pnpm
-pnpm dlx sunpeak new my-app
-
-# Start developing
-cd my-app
-pnpm install
-pnpm dev
+pnpm dlx sunpeak new
 ```
 
 To add sunpeak to an existing project, refer to the [documentation](https://docs.sunpeak.ai/add-to-existing-project).
 
-## Key Features
+## Overview
+
+sunpeak is an npm package consisting of:
+
+1. **The `sunpeak` library** (`./src`). An npm package for running & testing MCP Apps. This standalone library contains:
+   1. Runtime APIs - Strongly typed, multi-platform APIs for interacting with the ChatGPT runtime, architected to support future platforms (Gemini, Claude).
+   2. ChatGPT simulator - React component replicating ChatGPT's runtime.
+   3. MCP server - Mock data MCP server for testing local Resources in the real ChatGPT.
+2. **The `sunpeak` framework** (`./template`). An end-to-end framework MCP Apps, from quickstart to shipped. This templated npm package includes:
+   1. Project scaffold - Complete development setup with build, test, and mcp tooling.
+   2. UI components - Production-ready components following ChatGPT design guidelines and using OpenAI apps-sdk-ui React components.
+   3. CLI utility (`./bin`) - Commands for working with the sunpeak framework.
 
-- 📺 [ChatGPT simulator](https://docs.sunpeak.ai/library/chatgpt-simulator) for local UI component development.
-- 📚 [Pre-built component library](https://docs.sunpeak.ai/template/ui-components) built on [openai/apps-sdk-ui](https://github.com/openai/apps-sdk-ui).
-- 📱 [Multi-platform interface](https://docs.sunpeak.ai/library/multi-platform-apis) for portable MCP UI App development.
-- 🛜 [Basic MCP server](https://docs.sunpeak.ai/library/mcp-server) to serve your UI to ChatGPT prod out-of-the-box.
-- 🧪 [Testing framework](https://docs.sunpeak.ai/guides/testing) that replicates advanced ChatGPT behavior locally.
+Note that the `sunpeak` library can be used without the framework.
 
 ## Example Component
 
 ```tsx
-import './styles/globals.css';
-import { Card } from './components/card';
+import { Card } from '../card';
 
-export default function App() {
+export function MCPResource() {
   return (
     <Card
-      image="https://images.unsplash.com/photo-1520950237264-dfe336995c34?w=400&h=400&fit=crop"
+      image="https://images.unsplash.com/photo-1520950237264-dfe336995c34"
       imageAlt="Lady Bird Lake"
       header="Lady Bird Lake"
       metadata="⭐ 4.5 • Austin, TX"
@@ -80,19 +80,6 @@ export default function App() {
 }
 ```
 
-## What is sunpeak exactly?
-
-sunpeak is an npm package consisting of:
-
-1. **A CLI utility** for working with sunpeak (`./bin`).
-2. **A templated npm package** (`./template`). This template includes:
-   1. Project scaffold - Complete development setup with build, test, and dev tooling.
-   2. Pre-built UI components - Production-ready components following ChatGPT design guidelines.
-3. **The `sunpeak` library** (`./src`). This library contains:
-   1. Multi-platform APIs - Abstraction layer for future platform support (Gemini, Claude).
-   2. ChatGPT simulator - Local development environment replicating ChatGPT's widget runtime.
-   3. MCP server - View local widgets in the real ChatGPT.
-
 ## Contributing
 
 We welcome your contributions!

package/package.json

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

package/template/README.md

@@ -31,13 +31,11 @@ The template includes a minimal test setup with Vitest. You can add additional t
 - Package.json scripts - Add your own tooling (lint, format, typecheck, etc.)
 - Component structure within `src/components/`
 - Package manager (pnpm, npm, or yarn auto-detected)
-- Vite dev server configuration
 
 **Do not customize (required by `sunpeak build`):**
 
 - `src/components/resources/` - Resource files must be here
 - `src/index-resource.tsx` - Build template (must have `// RESOURCE_IMPORT` and `// RESOURCE_MOUNT` comments)
-- `vite.config.build.ts` - Build configuration
 - Resource file naming: `*-resource.tsx` (e.g., `counter-resource.tsx`)
 
 If you need to customize these paths, create a custom build script instead of using `sunpeak build`.

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

@@ -7,67 +7,67 @@
     "react": {
       "src": "../../../../node_modules/.pnpm/react@19.2.0/node_modules/react/index.js",
       "file": "react.js",
-      "fileHash": "30a2ea3d",
+      "fileHash": "9056025c",
       "needsInterop": true
     },
     "react-dom": {
       "src": "../../../../node_modules/.pnpm/react-dom@19.2.0_react@19.2.0/node_modules/react-dom/index.js",
       "file": "react-dom.js",
-      "fileHash": "b7f12ae2",
+      "fileHash": "4bf92ba0",
       "needsInterop": true
     },
     "react/jsx-dev-runtime": {
       "src": "../../../../node_modules/.pnpm/react@19.2.0/node_modules/react/jsx-dev-runtime.js",
       "file": "react_jsx-dev-runtime.js",
-      "fileHash": "5ca0f833",
+      "fileHash": "3793059e",
       "needsInterop": true
     },
     "react/jsx-runtime": {
       "src": "../../../../node_modules/.pnpm/react@19.2.0/node_modules/react/jsx-runtime.js",
       "file": "react_jsx-runtime.js",
-      "fileHash": "0b96be6e",
+      "fileHash": "333cb8da",
       "needsInterop": true
     },
     "@openai/apps-sdk-ui/components/Button": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/dist/es/components/Button/index.js",
       "file": "@openai_apps-sdk-ui_components_Button.js",
-      "fileHash": "fc5e9090",
+      "fileHash": "cbb8e0ed",
       "needsInterop": false
     },
     "@openai/apps-sdk-ui/components/Icon": {
       "src": "../../../../node_modules/.pnpm/@openai+apps-sdk-ui@0.2.0_@types+react-dom@19.2.3_@types+react@19.2.7__@types+react@19._60630c8dcc43ec213b3e346c9e26579b/node_modules/@openai/apps-sdk-ui/dist/es/components/Icon/index.js",
       "file": "@openai_apps-sdk-ui_components_Icon.js",
-      "fileHash": "a1ba2056",
+      "fileHash": "c9ed12a2",
       "needsInterop": false
     },
     "clsx": {
       "src": "../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs",
       "file": "clsx.js",
-      "fileHash": "81ced829",
+      "fileHash": "45adfb82",
       "needsInterop": false
     },
     "embla-carousel-react": {
       "src": "../../../../node_modules/.pnpm/embla-carousel-react@8.6.0_react@19.2.0/node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js",
       "file": "embla-carousel-react.js",
-      "fileHash": "e9f0048f",
+      "fileHash": "84f414e3",
       "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": "9249acce",
+      "fileHash": "d8ac84d8",
       "needsInterop": false
     },
     "react-dom/client": {
       "src": "../../../../node_modules/.pnpm/react-dom@19.2.0_react@19.2.0/node_modules/react-dom/client.js",
       "file": "react-dom_client.js",
-      "fileHash": "45eac77f",
+      "fileHash": "2b396df8",
       "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": "59be0df7",
+      "fileHash": "641d32e3",
       "needsInterop": false
     }
   },

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

@@ -1 +1 @@
-{"version":"4.0.13","results":[[":src/components/album/fullscreen-viewer.test.tsx",{"duration":269.09346600000026,"failed":false}],[":src/components/album/albums.test.tsx",{"duration":333.004915,"failed":false}],[":src/components/resources/carousel-resource.test.tsx",{"duration":258.82853899999986,"failed":false}],[":src/components/carousel/carousel.test.tsx",{"duration":89.38576499999999,"failed":false}],[":src/components/resources/counter-resource.test.tsx",{"duration":301.93197299999974,"failed":false}],[":src/components/resources/albums-resource.test.tsx",{"duration":284.97863299999995,"failed":false}],[":src/components/album/film-strip.test.tsx",{"duration":470.7201100000002,"failed":false}],[":src/components/album/album-card.test.tsx",{"duration":387.06738199999995,"failed":false}],[":src/components/card/card.test.tsx",{"duration":54.93828200000007,"failed":false}]]}
+{"version":"4.0.13","results":[[":src/components/album/albums.test.tsx",{"duration":372.74884499999985,"failed":false}],[":src/components/resources/carousel-resource.test.tsx",{"duration":247.07823000000008,"failed":false}],[":src/components/album/fullscreen-viewer.test.tsx",{"duration":297.08260300000074,"failed":false}],[":src/components/resources/counter-resource.test.tsx",{"duration":306.71444999999994,"failed":false}],[":src/components/carousel/carousel.test.tsx",{"duration":88.42288999999982,"failed":false}],[":src/components/resources/albums-resource.test.tsx",{"duration":307.46733100000006,"failed":false}],[":src/components/album/film-strip.test.tsx",{"duration":464.6955840000003,"failed":false}],[":src/components/album/album-card.test.tsx",{"duration":384.5613500000002,"failed":false}],[":src/components/card/card.test.tsx",{"duration":55.76917900000012,"failed":false}]]}