sunpeak 0.12.3 → 0.12.6

package/README.md

@@ -49,13 +49,13 @@ To add sunpeak to an existing project, refer to the [documentation](https://docs
 
 sunpeak is an npm package that helps you build ChatGPT Apps (MCP Resources) while keeping your MCP server client-agnostic. sunpeak consists of:
 
-### The `sunpeak` library (`./src`)
+### The `sunpeak` library
 
 1. Runtime APIs: Strongly typed APIs for interacting with the ChatGPT runtime, **architected to support future platforms** (Gemini, Claude, etc.).
 2. ChatGPT simulator: React component replicating ChatGPT's runtime to **test Apps locally and automatically**.
 3. MCP server: Serve Resources with mock data to the real ChatGPT with HMR (**no more cache issues or 5-click manual refreshes**).
 
-### The `sunpeak` framework (`./template`)
+### The `sunpeak` framework
 
 Next.js for ChatGPT Apps. Using a Review page as an example, sunpeak projects look like:
 
@@ -78,7 +78,7 @@ my-app/
    1. Create UIs by creating a `-resource.tsx` component file ([example](#resource-component)) and `-resource.json` MCP metadata file ([example](#resource-mcp-metadata)).
    2. Create test state (simulations) for local dev, ChatGPT dev, automated testing, and demos by creating a `-simulation.json` file. ([example](#simulation))
 
-### The `sunpeak` CLI (`./bin`)
+### The `sunpeak` CLI
 
 Commands for managing ChatGPT Apps. Includes a client for the [sunpeak Resource Repository](https://app.sunpeak.ai/). The repository helps you & your CI/CD decouple your App from your client-agnostic MCP server while also providing a hosted runtime to collaborate, demo, and share your ChatGPT Apps.
 

package/bin/commands/dev.mjs

@@ -182,6 +182,10 @@ export async function dev(projectRoot = process.cwd(), args = []) {
     console.log(`\nStarting MCP server with ${simulations.length} simulation(s)...`);
 
     // Virtual entry module plugin for MCP
+    // Import sunpeak styles directly via JS to avoid CSS @import alias issues with Lightning CSS.
+    // Then import app.css for user's @source directives and custom styles (no sunpeak import).
+    const sunpeakStylePath = isTemplate ? `${parentSrc}/style.css` : 'sunpeak/style.css';
+
     const sunpeakEntryPlugin = () => ({
       name: 'sunpeak-entry',
       resolveId(id) {
@@ -202,6 +206,8 @@ export async function dev(projectRoot = process.cwd(), args = []) {
           return `
 import { createElement } from 'react';
 import { createRoot } from 'react-dom/client';
+import '${sunpeakStylePath}';
+import '/src/styles/app.css';
 import * as ResourceModule from '${srcPath}';
 
 const Component = ResourceModule.default || ResourceModule['${componentName}'];

package/package.json

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

package/template/dist/albums/albums.json

@@ -12,5 +12,5 @@
       ]
     }
   },
-  "uri": "ui://albums-mkkjnihu"
+  "uri": "ui://albums-mklu15cn"
 }

package/template/dist/carousel/carousel.json

@@ -12,5 +12,5 @@
       ]
     }
   },
-  "uri": "ui://carousel-mkkjnihu"
+  "uri": "ui://carousel-mklu15cn"
 }

package/template/dist/map/map.json

@@ -18,5 +18,5 @@
       ]
     }
   },
-  "uri": "ui://map-mkkjnihu"
+  "uri": "ui://map-mklu15cn"
 }

package/template/dist/review/review.json

@@ -12,5 +12,5 @@
       ]
     }
   },
-  "uri": "ui://review-mkkjnihu"
+  "uri": "ui://review-mklu15cn"
 }

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": "d095fee4",
+      "fileHash": "2d3e614d",
       "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": "1e17fbda",
+      "fileHash": "64a9bce9",
       "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": "e5905a96",
+      "fileHash": "1585c8e1",
       "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": "88837a56",
+      "fileHash": "0cac3bfe",
       "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.8__@types+react@19._10810175a7ab45acace17e46639bb69b/node_modules/@openai/apps-sdk-ui/dist/es/components/Avatar/index.js",
       "file": "@openai_apps-sdk-ui_components_Avatar.js",
-      "fileHash": "c237d5bb",
+      "fileHash": "ee988656",
       "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.8__@types+react@19._10810175a7ab45acace17e46639bb69b/node_modules/@openai/apps-sdk-ui/dist/es/components/Button/index.js",
       "file": "@openai_apps-sdk-ui_components_Button.js",
-      "fileHash": "948e95c2",
+      "fileHash": "3f81f32d",
       "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.8__@types+react@19._10810175a7ab45acace17e46639bb69b/node_modules/@openai/apps-sdk-ui/dist/es/components/Checkbox/index.js",
       "file": "@openai_apps-sdk-ui_components_Checkbox.js",
-      "fileHash": "3b5f4737",
+      "fileHash": "d9f17f66",
       "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.8__@types+react@19._10810175a7ab45acace17e46639bb69b/node_modules/@openai/apps-sdk-ui/dist/es/components/Icon/index.js",
       "file": "@openai_apps-sdk-ui_components_Icon.js",
-      "fileHash": "0e905522",
+      "fileHash": "a9e12398",
       "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.8__@types+react@19._10810175a7ab45acace17e46639bb69b/node_modules/@openai/apps-sdk-ui/dist/es/components/Input/index.js",
       "file": "@openai_apps-sdk-ui_components_Input.js",
-      "fileHash": "1d6514b2",
+      "fileHash": "01701689",
       "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.8__@types+react@19._10810175a7ab45acace17e46639bb69b/node_modules/@openai/apps-sdk-ui/dist/es/components/SegmentedControl/index.js",
       "file": "@openai_apps-sdk-ui_components_SegmentedControl.js",
-      "fileHash": "b84fd36d",
+      "fileHash": "530135b9",
       "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.8__@types+react@19._10810175a7ab45acace17e46639bb69b/node_modules/@openai/apps-sdk-ui/dist/es/components/Select/index.js",
       "file": "@openai_apps-sdk-ui_components_Select.js",
-      "fileHash": "4e415289",
+      "fileHash": "087afc9b",
       "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.8__@types+react@19._10810175a7ab45acace17e46639bb69b/node_modules/@openai/apps-sdk-ui/dist/es/components/Textarea/index.js",
       "file": "@openai_apps-sdk-ui_components_Textarea.js",
-      "fileHash": "1dc1716b",
+      "fileHash": "8b1a7246",
       "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.8__@types+react@19._10810175a7ab45acace17e46639bb69b/node_modules/@openai/apps-sdk-ui/dist/es/lib/theme.js",
       "file": "@openai_apps-sdk-ui_theme.js",
-      "fileHash": "8110e333",
+      "fileHash": "a74f1a27",
       "needsInterop": false
     },
     "clsx": {
       "src": "../../../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs",
       "file": "clsx.js",
-      "fileHash": "84d4f90a",
+      "fileHash": "5fbcfbd6",
       "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": "9bbfcc5f",
+      "fileHash": "e3d405a1",
       "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": "ca8d9d05",
+      "fileHash": "8fa2e39c",
       "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": "e51e5a05",
+      "fileHash": "9fe61aee",
       "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": "a9fd71fd",
+      "fileHash": "9b3062b5",
       "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": "1d97d123",
+      "fileHash": "36a64166",
       "needsInterop": false
     }
   },

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

@@ -1 +1 @@
-{"version":"4.0.17","results":[[":src/resources/carousel/carousel-resource.test.tsx",{"duration":263.06405599999994,"failed":false}],[":src/resources/review/review-resource.test.tsx",{"duration":548.430705,"failed":false}],[":src/resources/albums/components/albums.test.tsx",{"duration":320.8849439999999,"failed":false}],[":src/resources/map/components/map-view.test.tsx",{"duration":79.95350200000007,"failed":false}],[":src/resources/map/components/place-inspector.test.tsx",{"duration":441.76726099999996,"failed":false}],[":src/resources/albums/components/fullscreen-viewer.test.tsx",{"duration":295.9413319999999,"failed":false}],[":src/resources/map/components/place-list.test.tsx",{"duration":144.25632099999984,"failed":false}],[":src/resources/map/components/place-card.test.tsx",{"duration":309.59726099999966,"failed":false}],[":src/resources/map/components/place-carousel.test.tsx",{"duration":440.8106090000001,"failed":false}],[":src/resources/albums/components/album-carousel.test.tsx",{"duration":86.08935299999985,"failed":false}],[":src/resources/carousel/components/carousel.test.tsx",{"duration":84.26376400000004,"failed":false}],[":src/resources/map/map-resource.test.tsx",{"duration":292.795488,"failed":false}],[":src/resources/albums/albums-resource.test.tsx",{"duration":270.16239199999995,"failed":false}],[":src/resources/albums/components/film-strip.test.tsx",{"duration":342.9590240000002,"failed":false}],[":src/resources/albums/components/album-card.test.tsx",{"duration":279.50529500000016,"failed":false}],[":src/resources/carousel/components/card.test.tsx",{"duration":93.31263399999989,"failed":false}]]}
+{"version":"4.0.17","results":[[":src/resources/albums/components/albums.test.tsx",{"duration":293.1135629999999,"failed":false}],[":src/resources/carousel/carousel-resource.test.tsx",{"duration":245.7196939999999,"failed":false}],[":src/resources/review/review-resource.test.tsx",{"duration":503.8595849999999,"failed":false}],[":src/resources/map/components/map-view.test.tsx",{"duration":73.40496200000007,"failed":false}],[":src/resources/map/components/place-inspector.test.tsx",{"duration":427.93922999999995,"failed":false}],[":src/resources/albums/components/fullscreen-viewer.test.tsx",{"duration":257.09176100000013,"failed":false}],[":src/resources/map/components/place-list.test.tsx",{"duration":128.982528,"failed":false}],[":src/resources/map/components/place-card.test.tsx",{"duration":310.63125100000025,"failed":false}],[":src/resources/map/components/place-carousel.test.tsx",{"duration":435.226844,"failed":false}],[":src/resources/albums/components/album-carousel.test.tsx",{"duration":89.13493199999994,"failed":false}],[":src/resources/carousel/components/carousel.test.tsx",{"duration":73.44270699999993,"failed":false}],[":src/resources/map/map-resource.test.tsx",{"duration":243.26033099999995,"failed":false}],[":src/resources/albums/albums-resource.test.tsx",{"duration":269.594881,"failed":false}],[":src/resources/albums/components/film-strip.test.tsx",{"duration":377.1749520000003,"failed":false}],[":src/resources/albums/components/album-card.test.tsx",{"duration":278.11962800000015,"failed":false}],[":src/resources/carousel/components/card.test.tsx",{"duration":63.54608200000007,"failed":false}]]}

package/template/src/styles/app.css

@@ -0,0 +1,12 @@
+/* User-specific Tailwind configuration and custom styles */
+
+/* Scan app-specific source files for Tailwind classes */
+@source "../**/*.{ts,tsx}";
+
+/* Required for Tailwind to find class references in Apps SDK UI components. */
+@source "../../node_modules/@openai/apps-sdk-ui";
+
+/* Configure dark mode to use data-theme attribute (OpenAI SDK standard) */
+@custom-variant dark (&:where([data-theme="dark"], [data-theme="dark"] *));
+
+/* Add your custom styles below */

package/template/src/styles/globals.css

@@ -1,11 +1,5 @@
-/* sunpeak/style.css handles tailwindcss and @openai/apps-sdk-ui/css imports */
+/* Base styles: Tailwind CSS + OpenAI Apps SDK UI */
 @import "sunpeak/style.css";
 
-/* Scan app-specific source files for Tailwind classes */
-@source "../**/*.{ts,tsx}";
-
-/* Required for Tailwind to find class references in Apps SDK UI components. */
-@source "../../node_modules/@openai/apps-sdk-ui";
-
-/* Configure dark mode to use data-theme attribute (OpenAI SDK standard) */
-@custom-variant dark (&:where([data-theme="dark"], [data-theme="dark"] *));
+/* App-specific configuration and custom styles */
+@import "./app.css";

package/template/node_modules/.vite-mcp/{deps_temp_47c3a576 → deps_temp_48e8c71a}/@openai_apps-sdk-ui_components_SegmentedControl.js

@@ -1,7 +1,3 @@
-import {
-  dist_exports4 as dist_exports
-} from "./chunk-L2PWLFDO.js";
-import "./chunk-JSPMUVNT.js";
 import {
   useResizeObserver
 } from "./chunk-EXGLAROW.js";
@@ -10,6 +6,10 @@ import {
   waitForAnimationFrame
 } from "./chunk-OMOWBQDU.js";
 import "./chunk-EGRHWZRV.js";
+import {
+  dist_exports4 as dist_exports
+} from "./chunk-L2PWLFDO.js";
+import "./chunk-JSPMUVNT.js";
 import {
   clsx_default
 } from "./chunk-WSHFT23M.js";

package/template/node_modules/.vite-mcp/{deps_temp_47c3a576 → deps_temp_48e8c71a}/@openai_apps-sdk-ui_components_Select.js

@@ -1,12 +1,6 @@
 import {
   Input
 } from "./chunk-R3BTL4CL.js";
-import {
-  dist_exports,
-  dist_exports3 as dist_exports2,
-  dist_exports5 as dist_exports3
-} from "./chunk-L2PWLFDO.js";
-import "./chunk-JSPMUVNT.js";
 import {
   Button,
   LoadingIndicator,
@@ -33,6 +27,12 @@ import {
   waitForAnimationFrame
 } from "./chunk-OMOWBQDU.js";
 import "./chunk-EGRHWZRV.js";
+import {
+  dist_exports,
+  dist_exports3 as dist_exports2,
+  dist_exports5 as dist_exports3
+} from "./chunk-L2PWLFDO.js";
+import "./chunk-JSPMUVNT.js";
 import {
   clsx_default
 } from "./chunk-WSHFT23M.js";