sunpeak 0.12.12 → 0.12.14

package/bin/commands/dev.mjs

@@ -98,9 +98,17 @@ export async function dev(projectRoot = process.cwd(), args = []) {
   // Import sunpeak modules (MCP server and discovery utilities)
   let sunpeakMcp, sunpeak;
   if (isTemplate) {
-    // In workspace dev mode, import from local dist folder
-    sunpeakMcp = await import(pathToFileURL(resolve(projectRoot, '../dist/mcp/index.js')).href);
-    sunpeak = await import(pathToFileURL(resolve(projectRoot, '../dist/index.js')).href);
+    // In workspace dev mode, use Vite to load TypeScript source directly
+    // Import from specific modules to avoid pulling in React components
+    const loaderServer = await createServer({
+      root: resolve(projectRoot, '..'),
+      server: { middlewareMode: true },
+      appType: 'custom',
+      logLevel: 'silent',
+    });
+    sunpeakMcp = await loaderServer.ssrLoadModule('./src/mcp/index.ts');
+    sunpeak = await loaderServer.ssrLoadModule('./src/lib/index.ts');
+    await loaderServer.close();
   } else {
     // Import from installed sunpeak package
     const sunpeakBase = require.resolve('sunpeak').replace(/dist\/index\.(c)?js$/, '');
@@ -189,14 +197,6 @@ export async function dev(projectRoot = process.cwd(), args = []) {
 
     if (!prodMcp) {
       // 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) {
@@ -217,7 +217,7 @@ export async function dev(projectRoot = process.cwd(), args = []) {
             return `
 import { createElement } from 'react';
 import { createRoot } from 'react-dom/client';
-${styleImports}
+import '/src/styles/globals.css';
 import * as ResourceModule from '${srcPath}';
 
 const Component = ResourceModule.default || ResourceModule['${componentName}'];

package/dist/chatgpt/globals.css

@@ -4,9 +4,6 @@
 /* Scan simulator 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"] *));
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sunpeak",
-  "version": "0.12.12",
+  "version": "0.12.14",
   "description": "The ChatGPT App framework. Quickstart, build, & test your ChatGPT App locally!",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -110,7 +110,7 @@
   "homepage": "https://sunpeak.ai/",
   "scripts": {
     "build": "vite build",
-    "dev": "pnpm --filter my-sunpeak-app dev",
+    "dev": "pnpm -C template dev",
     "format": "prettier --write --list-different \"**/*.{ts,tsx,js,jsx,json,md}\"",
     "lint": "eslint . --ext .ts,.tsx --fix",
     "typecheck": "tsc --noEmit",

package/template/dist/albums/albums.json

@@ -12,5 +12,5 @@
       ]
     }
   },
-  "uri": "ui://albums-mkpwujia"
+  "uri": "ui://albums-mkq2ag7l"
 }

package/template/dist/carousel/carousel.json

@@ -12,5 +12,5 @@
       ]
     }
   },
-  "uri": "ui://carousel-mkpwujia"
+  "uri": "ui://carousel-mkq2ag7l"
 }

package/template/dist/map/map.json

@@ -18,5 +18,5 @@
       ]
     }
   },
-  "uri": "ui://map-mkpwujia"
+  "uri": "ui://map-mkq2ag7l"
 }

package/template/dist/review/review.json

@@ -12,5 +12,5 @@
       ]
     }
   },
-  "uri": "ui://review-mkpwujia"
+  "uri": "ui://review-mkq2ag7l"
 }

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": "c6fd219f",
+      "fileHash": "facc7903",
       "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": "dec1054e",
+      "fileHash": "841f417e",
       "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": "8f27232a",
+      "fileHash": "44b262af",
       "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": "46530c75",
+      "fileHash": "f7769ced",
       "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": "0942257c",
+      "fileHash": "263c9a42",
       "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": "009a464a",
+      "fileHash": "0d457d3b",
       "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": "e1440349",
+      "fileHash": "5ba895ea",
       "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": "2b92d872",
+      "fileHash": "0803922e",
       "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": "d2d49d4b",
+      "fileHash": "ef04262d",
       "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": "949654d1",
+      "fileHash": "1213ba52",
       "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": "1731fa3f",
+      "fileHash": "03446e4b",
       "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": "4ccaab3c",
+      "fileHash": "42d221f8",
       "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": "31dd5f41",
+      "fileHash": "852c81fe",
       "needsInterop": false
     },
     "clsx": {
       "src": "../../../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs",
       "file": "clsx.js",
-      "fileHash": "c77b32d2",
+      "fileHash": "67029af0",
       "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": "b9f860a6",
+      "fileHash": "82bf6e8d",
       "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": "1aea54bf",
+      "fileHash": "8affe2a3",
       "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": "09d9e458",
+      "fileHash": "ed749476",
       "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": "98459218",
+      "fileHash": "77686724",
       "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": "f872c2d1",
+      "fileHash": "5bb21a84",
       "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":295.423669,"failed":false}],[":src/resources/carousel/carousel-resource.test.tsx",{"duration":290.7618030000001,"failed":false}],[":src/resources/review/review-resource.test.tsx",{"duration":519.2370700000001,"failed":false}],[":src/resources/map/components/map-view.test.tsx",{"duration":86.074523,"failed":false}],[":src/resources/map/components/place-inspector.test.tsx",{"duration":392.8848829999997,"failed":false}],[":src/resources/albums/components/fullscreen-viewer.test.tsx",{"duration":258.2971010000001,"failed":false}],[":src/resources/map/components/place-list.test.tsx",{"duration":168.3002120000001,"failed":false}],[":src/resources/map/components/place-card.test.tsx",{"duration":315.314216,"failed":false}],[":src/resources/map/components/place-carousel.test.tsx",{"duration":414.6321270000001,"failed":false}],[":src/resources/albums/components/album-carousel.test.tsx",{"duration":79.72683899999993,"failed":false}],[":src/resources/carousel/components/carousel.test.tsx",{"duration":89.35028800000009,"failed":false}],[":src/resources/map/map-resource.test.tsx",{"duration":279.4671189999999,"failed":false}],[":src/resources/albums/albums-resource.test.tsx",{"duration":284.00268000000005,"failed":false}],[":src/resources/albums/components/film-strip.test.tsx",{"duration":373.6241500000001,"failed":false}],[":src/resources/albums/components/album-card.test.tsx",{"duration":289.40934400000015,"failed":false}],[":src/resources/carousel/components/card.test.tsx",{"duration":68.34203400000001,"failed":false}]]}
+{"version":"4.0.17","results":[[":src/resources/albums/components/albums.test.tsx",{"duration":282.58957899999996,"failed":false}],[":src/resources/review/review-resource.test.tsx",{"duration":511.08176800000024,"failed":false}],[":src/resources/carousel/carousel-resource.test.tsx",{"duration":269.01163599999995,"failed":false}],[":src/resources/map/components/map-view.test.tsx",{"duration":66.55626900000016,"failed":false}],[":src/resources/map/components/place-inspector.test.tsx",{"duration":429.2572359999999,"failed":false}],[":src/resources/albums/components/fullscreen-viewer.test.tsx",{"duration":252.02407799999992,"failed":false}],[":src/resources/map/components/place-list.test.tsx",{"duration":130.8322159999998,"failed":false}],[":src/resources/map/components/place-card.test.tsx",{"duration":318.12354300000015,"failed":false}],[":src/resources/map/components/place-carousel.test.tsx",{"duration":399.29690200000005,"failed":false}],[":src/resources/albums/components/album-carousel.test.tsx",{"duration":84.66767200000004,"failed":false}],[":src/resources/carousel/components/carousel.test.tsx",{"duration":92.64764500000001,"failed":false}],[":src/resources/map/map-resource.test.tsx",{"duration":298.5781800000002,"failed":false}],[":src/resources/albums/albums-resource.test.tsx",{"duration":239.366215,"failed":false}],[":src/resources/albums/components/film-strip.test.tsx",{"duration":328.40491299999985,"failed":false}],[":src/resources/albums/components/album-card.test.tsx",{"duration":304.01273900000024,"failed":false}],[":src/resources/carousel/components/card.test.tsx",{"duration":86.74167299999999,"failed":false}]]}

package/template/node_modules/.vite-mcp/{deps_temp_ed5fce0f → deps_temp_f4f48826}/@openai_apps-sdk-ui_components_Button.js

@@ -2,13 +2,13 @@ import {
   Button,
   ButtonLink,
   CopyButton
-} from "./chunk-24D227QE.js";
+} from "./chunk-IFPDCKUT.js";
+import "./chunk-ZNFXUT4Q.js";
 import "./chunk-EXGLAROW.js";
 import "./chunk-SPDZ46BB.js";
 import "./chunk-OMOWBQDU.js";
 import "./chunk-EGRHWZRV.js";
 import "./chunk-WSHFT23M.js";
-import "./chunk-ZNFXUT4Q.js";
 import "./chunk-Y7UNCRGH.js";
 import "./chunk-6CR5OFLH.js";
 import "./chunk-ILHRZGIS.js";

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

@@ -1,17 +1,19 @@
 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,
   TransitionGroup
-} from "./chunk-24D227QE.js";
+} from "./chunk-IFPDCKUT.js";
+import {
+  Check_default,
+  ChevronDownVector_default,
+  DropdownVector_default,
+  Info_default,
+  Search_default,
+  X_default
+} from "./chunk-ZNFXUT4Q.js";
 import {
   useTimeout
 } from "./chunk-EXGLAROW.js";
@@ -25,17 +27,15 @@ 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";
-import {
-  Check_default,
-  ChevronDownVector_default,
-  DropdownVector_default,
-  Info_default,
-  Search_default,
-  X_default
-} from "./chunk-ZNFXUT4Q.js";
 import {
   require_jsx_runtime
 } from "./chunk-Y7UNCRGH.js";

package/template/node_modules/.vite-mcp/{deps_temp_ed5fce0f/chunk-24D227QE.js → deps_temp_f4f48826/chunk-IFPDCKUT.js}

@@ -1,3 +1,7 @@
+import {
+  Check_default,
+  Copy_default
+} from "./chunk-ZNFXUT4Q.js";
 import {
   useTimeout
 } from "./chunk-EXGLAROW.js";
@@ -18,10 +22,6 @@ import {
 import {
   clsx_default
 } from "./chunk-WSHFT23M.js";
-import {
-  Check_default,
-  Copy_default
-} from "./chunk-ZNFXUT4Q.js";
 import {
   require_jsx_runtime
 } from "./chunk-Y7UNCRGH.js";
@@ -625,4 +625,4 @@ export {
   ButtonLink,
   CopyButton
 };
-//# sourceMappingURL=chunk-24D227QE.js.map
+//# sourceMappingURL=chunk-IFPDCKUT.js.map

package/template/src/styles/globals.css

@@ -1,5 +1,11 @@
 /* Base styles: Tailwind CSS + OpenAI Apps SDK UI */
-@import "sunpeak/style.css";
+@import "sunpeak/chatgpt/globals.css";
 
-/* App-specific configuration and custom styles */
-@import "./app.css";
+/* Scan app-specific source files for Tailwind classes */
+@source "../**/*.{ts,tsx}";
+
+/* Required for Tailwind to find class references in sunpeak simulator and SDK UI components. */
+@source "../../node_modules/sunpeak";
+@source "../../node_modules/@openai/apps-sdk-ui";
+
+/* Add your custom styles below */

package/template/src/styles/app.css

@@ -1,12 +0,0 @@
-/* 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/node_modules/.vite-mcp/{deps_temp_ed5fce0f → deps_temp_f4f48826}/@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";