sunpeak 0.12.5 → 0.12.7

package/bin/commands/dev.mjs

@@ -182,6 +182,14 @@ export async function dev(projectRoot = process.cwd(), args = []) {
     console.log(`\nStarting MCP server with ${simulations.length} simulation(s)...`);
 
     // Virtual entry module plugin for MCP
+    // For internal dev (template): Import sunpeak styles directly via JS to avoid CSS @import
+    // alias issues with Lightning CSS, then import app.css for user customizations.
+    // For external users: Import OpenAI SDK CSS directly (ensures Tailwind processes @theme static),
+    // then import globals.css for user's Tailwind config and custom styles.
+    const styleImports = isTemplate
+      ? `import '${parentSrc}/style.css';\nimport '/src/styles/app.css';`
+      : `import '@openai/apps-sdk-ui/css';\nimport '/src/styles/globals.css';`;
+
     const sunpeakEntryPlugin = () => ({
       name: 'sunpeak-entry',
       resolveId(id) {
@@ -202,7 +210,7 @@ export async function dev(projectRoot = process.cwd(), args = []) {
           return `
 import { createElement } from 'react';
 import { createRoot } from 'react-dom/client';
-import '/src/styles/globals.css';
+${styleImports}
 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.7",
   "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-mkluuf9x"
 }

package/template/dist/carousel/carousel.json

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

package/template/dist/map/map.json

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

package/template/dist/review/review.json

@@ -12,5 +12,5 @@
       ]
     }
   },
-  "uri": "ui://review-mkls9m5s"
+  "uri": "ui://review-mkluuf9x"
 }

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": "68dc0f02",
       "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": "5446589c",
       "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": "0a23553c",
       "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": "fa5dd730",
       "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": "ba570a31",
       "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": "0e6aaebb",
       "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": "6521463b",
       "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": "54023905",
       "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": "f3350575",
       "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": "15db8522",
       "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": "583bda3c",
       "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": "d6753dff",
       "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": "9cd4edc8",
       "needsInterop": false
     },
     "clsx": {
       "src": "../../../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs",
       "file": "clsx.js",
-      "fileHash": "4a3d3258",
+      "fileHash": "9aad0b97",
       "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": "ec2df46d",
       "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": "1e1f1958",
       "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": "f574facf",
       "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": "f4c61b2a",
       "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": "b156f85d",
       "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/review/review-resource.test.tsx",{"duration":489.6490319999998,"failed":false}],[":src/resources/carousel/carousel-resource.test.tsx",{"duration":236.49026400000002,"failed":false}],[":src/resources/albums/components/albums.test.tsx",{"duration":295.21579599999995,"failed":false}],[":src/resources/map/components/map-view.test.tsx",{"duration":73.76666100000011,"failed":false}],[":src/resources/map/components/place-inspector.test.tsx",{"duration":438.42766800000027,"failed":false}],[":src/resources/albums/components/fullscreen-viewer.test.tsx",{"duration":278.4219290000001,"failed":false}],[":src/resources/map/components/place-list.test.tsx",{"duration":165.29322599999978,"failed":false}],[":src/resources/map/components/place-card.test.tsx",{"duration":329.77714100000003,"failed":false}],[":src/resources/map/components/place-carousel.test.tsx",{"duration":374.22839,"failed":false}],[":src/resources/albums/components/album-carousel.test.tsx",{"duration":88.39537499999983,"failed":false}],[":src/resources/carousel/components/carousel.test.tsx",{"duration":89.71818899999994,"failed":false}],[":src/resources/map/map-resource.test.tsx",{"duration":278.1010369999999,"failed":false}],[":src/resources/albums/albums-resource.test.tsx",{"duration":282.94201099999987,"failed":false}],[":src/resources/albums/components/film-strip.test.tsx",{"duration":350.0485440000002,"failed":false}],[":src/resources/albums/components/album-card.test.tsx",{"duration":265.5273789999999,"failed":false}],[":src/resources/carousel/components/card.test.tsx",{"duration":72.41100800000004,"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";