sunpeak 0.12.5 → 0.12.6

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,7 +206,8 @@ export async function dev(projectRoot = process.cwd(), args = []) {
           return `
 import { createElement } from 'react';
 import { createRoot } from 'react-dom/client';
-import '/src/styles/globals.css';
+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.5",
+  "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-mkls9m5s"
+  "uri": "ui://albums-mklu15cn"
 }

package/template/dist/carousel/carousel.json

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

package/template/dist/map/map.json

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

package/template/dist/review/review.json

@@ -12,5 +12,5 @@
       ]
     }
   },
-  "uri": "ui://review-mkls9m5s"
+  "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": "7454f8b5",
+      "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": "38ae4acc",
+      "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": "ec491f2c",
+      "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": "7e737008",
+      "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": "351c9543",
+      "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": "cfdc91cd",
+      "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": "414831a8",
+      "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": "70c13d50",
+      "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": "a7e29248",
+      "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": "27b4c4f7",
+      "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": "f62d959e",
+      "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": "3f32510a",
+      "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": "53da4341",
+      "fileHash": "a74f1a27",
       "needsInterop": false
     },
     "clsx": {
       "src": "../../../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs",
       "file": "clsx.js",
-      "fileHash": "4a3d3258",
+      "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": "994a2681",
+      "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": "2980a2c0",
+      "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": "01365499",
+      "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": "d42241f8",
+      "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": "75d8d307",
+      "fileHash": "36a64166",
       "needsInterop": false
     }
   },

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

@@ -1 +1 @@
-{"version":"4.0.17","results":[[":src/resources/albums/components/albums.test.tsx",{"duration":280.2579269999999,"failed":false}],[":src/resources/review/review-resource.test.tsx",{"duration":555.1973849999999,"failed":false}],[":src/resources/carousel/carousel-resource.test.tsx",{"duration":246.35541899999998,"failed":false}],[":src/resources/map/components/map-view.test.tsx",{"duration":87.52636399999983,"failed":false}],[":src/resources/map/components/place-inspector.test.tsx",{"duration":405.08604900000046,"failed":false}],[":src/resources/albums/components/fullscreen-viewer.test.tsx",{"duration":274.5886740000001,"failed":false}],[":src/resources/map/components/place-list.test.tsx",{"duration":165.77518899999995,"failed":false}],[":src/resources/map/components/place-card.test.tsx",{"duration":324.0438609999999,"failed":false}],[":src/resources/map/components/place-carousel.test.tsx",{"duration":410.7097430000001,"failed":false}],[":src/resources/albums/components/album-carousel.test.tsx",{"duration":89.19724999999971,"failed":false}],[":src/resources/carousel/components/carousel.test.tsx",{"duration":86.8330289999999,"failed":false}],[":src/resources/map/map-resource.test.tsx",{"duration":295.75197500000013,"failed":false}],[":src/resources/albums/albums-resource.test.tsx",{"duration":267.73186899999996,"failed":false}],[":src/resources/albums/components/film-strip.test.tsx",{"duration":354.9482449999998,"failed":false}],[":src/resources/albums/components/album-card.test.tsx",{"duration":334.6352619999998,"failed":false}],[":src/resources/carousel/components/card.test.tsx",{"duration":65.94643700000006,"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";