sunpeak 0.17.3 → 0.17.4

package/bin/commands/build.mjs

@@ -5,6 +5,7 @@ import { createRequire } from 'module';
 import { pathToFileURL } from 'url';
 import { toPascalCase } from '../lib/patterns.mjs';
 import { extractResourceExport } from '../lib/extract-resource.mjs';
+import { lightningcssConfig } from '../lib/css.mjs';
 
 /**
  * Resolve the ESM entry point for a package from a specific project directory.
@@ -237,6 +238,9 @@ export async function build(projectRoot = process.cwd(), { quiet = false } = {})
             define: {
               'process.env.NODE_ENV': JSON.stringify('production'),
             },
+            css: {
+              lightningcss: lightningcssConfig,
+            },
             resolve: {
               conditions: ['style', 'import', 'module', 'browser', 'default'],
               alias: {

package/bin/commands/dev.mjs

@@ -8,6 +8,7 @@ import { pathToFileURL } from 'url';
 import { spawn } from 'child_process';
 import { getPort } from '../lib/get-port.mjs';
 import { startSandboxServer } from '../lib/sandbox-server.mjs';
+import { lightningcssConfig } from '../lib/css.mjs';
 import { inspectServer } from './inspect.mjs';
 
 /**
@@ -422,6 +423,7 @@ if (import.meta.hot) {
     root: projectRoot,
     cacheDir: 'node_modules/.vite-mcp',
     plugins: [react(), tailwindcss(), sunpeakEntryPlugin()],
+    css: { lightningcss: lightningcssConfig },
     resolve: {
       alias: {
         '@': path.resolve(projectRoot, 'src'),

package/bin/lib/css.mjs

@@ -0,0 +1,13 @@
+/**
+ * Shared lightningcss configuration for all Vite instances that process Tailwind CSS.
+ *
+ * Tailwind v4's `@source` directive is consumed by `@tailwindcss/vite` but may
+ * still be visible to lightningcss during parsing/minification, producing
+ * "Unknown at rule: @source" warnings. Declaring it as a custom at-rule
+ * tells lightningcss the rule is intentional.
+ */
+export const lightningcssConfig = {
+  customAtRules: {
+    source: { prelude: '<string>' },
+  },
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sunpeak",
-  "version": "0.17.3",
+  "version": "0.17.4",
   "description": "Local-first MCP Apps framework. Quickstart, build, test, and ship your Claude Connector or ChatGPT App!",
   "type": "module",
   "main": "./dist/index.cjs",

package/template/dist/albums/albums.json

@@ -12,5 +12,5 @@
     }
   },
   "name": "albums",
-  "uri": "ui://albums-mn3hdmxc"
+  "uri": "ui://albums-mn3jnkfe"
 }

package/template/dist/carousel/carousel.json

@@ -12,5 +12,5 @@
     }
   },
   "name": "carousel",
-  "uri": "ui://carousel-mn3hdmxc"
+  "uri": "ui://carousel-mn3jnkfe"
 }

package/template/dist/map/map.json

@@ -18,5 +18,5 @@
     }
   },
   "name": "map",
-  "uri": "ui://map-mn3hdmxc"
+  "uri": "ui://map-mn3jnkfe"
 }

package/template/dist/review/review.json

@@ -12,5 +12,5 @@
     }
   },
   "name": "review",
-  "uri": "ui://review-mn3hdmxc"
+  "uri": "ui://review-mn3jnkfe"
 }

package/template/tests/e2e/review.spec.ts

@@ -318,7 +318,9 @@ for (const host of hosts) {
         const iframe = page.frameLocator('iframe').frameLocator('iframe');
         const publishButton = iframe.locator('button:has-text("Publish")');
         await expect(publishButton).toBeVisible();
-        await publishButton.click();
+        // Use evaluate to dispatch click directly — Playwright's coordinate-based
+        // click can miss the target inside the double cross-origin iframe.
+        await publishButton.evaluate((el) => (el as HTMLElement).click());
 
         // Should show the server's success message from serverTools mock
         await expect(iframe.locator('text=Completed.')).toBeVisible({ timeout: 10000 });
@@ -338,7 +340,7 @@ for (const host of hosts) {
         const iframe = page.frameLocator('iframe').frameLocator('iframe');
         const cancelButton = iframe.locator('button:has-text("Cancel")');
         await expect(cancelButton).toBeVisible();
-        await cancelButton.click();
+        await cancelButton.evaluate((el) => (el as HTMLElement).click());
 
         // Server returned cancelled status via serverTools when condition
         await expect(iframe.locator('text=Cancelled.')).toBeVisible({ timeout: 10000 });
@@ -378,7 +380,7 @@ for (const host of hosts) {
         const iframe = page.frameLocator('iframe').frameLocator('iframe');
         const placeOrderButton = iframe.locator('button:has-text("Place Order")');
         await expect(placeOrderButton).toBeVisible();
-        await placeOrderButton.click();
+        await placeOrderButton.evaluate((el) => (el as HTMLElement).click());
 
         // After server responds, should show what the user clicked and the server result
         await expect(iframe.locator('text=Placing order...')).toBeVisible({ timeout: 10000 });
@@ -399,7 +401,7 @@ for (const host of hosts) {
         const iframe = page.frameLocator('iframe').frameLocator('iframe');
         const applyButton = iframe.locator('button:has-text("Apply Changes")');
         await expect(applyButton).toBeVisible();
-        await applyButton.click();
+        await applyButton.evaluate((el) => (el as HTMLElement).click());
 
         // Should show the decision label and server response
         await expect(iframe.locator('text=Applying changes...')).toBeVisible({ timeout: 10000 });
@@ -418,7 +420,7 @@ for (const host of hosts) {
         const iframe = page.frameLocator('iframe').frameLocator('iframe');
         const cancelButton = iframe.locator('button:has-text("Cancel")');
         await expect(cancelButton).toBeVisible();
-        await cancelButton.click();
+        await cancelButton.evaluate((el) => (el as HTMLElement).click());
 
         // Server returned cancelled status via when condition matching
         await expect(iframe.locator('text=Cancelled.')).toBeVisible({ timeout: 10000 });