sunpeak 0.13.11 → 0.14.1

package/README.md

@@ -24,8 +24,7 @@ Quickstart, build, test, and ship your Claude or ChatGPT App!
 [Demo (Video)](https://cdn.sunpeak.ai/sunpeak-demo-prod.mp4) ~
 [Discord (NEW)](https://discord.gg/FB2QNXqRnw) ~
 [Documentation](https://docs.sunpeak.ai/) ~
-[GitHub](https://github.com/Sunpeak-AI/sunpeak) ~
-[Resource Repository](https://app.sunpeak.ai/)
+[GitHub](https://github.com/Sunpeak-AI/sunpeak)
 
 <div align="center">
   <a href="https://docs.sunpeak.ai/library/chatgpt-simulator">
@@ -73,29 +72,19 @@ my-app/
 ```
 
 1. Project scaffold: Complete development setup with the `sunpeak` library.
-2. UI components: Production-ready components following ChatGPT design guidelines and using OpenAI `apps-sdk-ui` React components.
+2. UI components: Production-ready components following ChatGPT design guidelines.
 3. Convention over configuration:
    1. Create a UI by creating a `-resource.tsx` file that exports a `ResourceConfig` and a React component ([example below](#resource-component)).
    2. Create test state (`Simulation`s) for local dev, ChatGPT dev, automated testing, and demos by creating a `-simulation.json` file. ([example below](#simulation))
 
 ### The `sunpeak` CLI
 
-Commands for managing MCP 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 MCP Apps.
+Commands for managing MCP Apps:
 
-Think Docker Hub for MCP Apps:
-
-<div align="center">
-  <a href="https://docs.sunpeak.ai/library/chatgpt-simulator">
-    <picture>
-      <img alt="ChatGPT Resource Repository" src="https://cdn.sunpeak.ai/blog/storybook-for-chatgpt-apps.png">
-    </picture>
-  </a>
-</div>
-
-1. Tag your app builds with version numbers and environment names (like `v1.0.0` and `prod`)
-2. `sunpeak push` built Apps to a central location
-3. `sunpeak pull` built Apps to be run in different environments, like your production MCP server.
-4. Share your fully-functional demo Apps with teammates, prospects, and strangers!
+- `sunpeak new [name] [resources]` - Create a new project
+- `sunpeak dev` - Start dev server with MCP endpoint and live simulator
+- `sunpeak build` - Build resources for production
+- `sunpeak upgrade` - Upgrade sunpeak to latest version
 
 ## Example App
 
@@ -219,4 +208,3 @@ test.describe('Review Resource', () => {
 - [MCP Apps](https://github.com/modelcontextprotocol/ext-apps)
 - [ChatGPT Apps SDK Design Guidelines](https://developers.openai.com/apps-sdk/concepts/design-guidelines)
 - [ChatGPT Apps SDK Documentation - UI](https://developers.openai.com/apps-sdk/build/chatgpt-ui)
-- [ChatGPT Apps SDK UI Documentation](https://openai.github.io/apps-sdk-ui/)

package/bin/commands/dev.mjs

@@ -77,7 +77,7 @@ export async function dev(projectRoot = process.cwd(), args = []) {
   const tailwindcss = tailwindPlugin.default;
 
   // Parse port from args or use default
-  let port = parseInt(process.env.PORT || '6767');
+  let port = parseInt(process.env.PORT || '3000');
   const portArgIndex = args.findIndex(arg => arg === '--port' || arg === '-p');
   if (portArgIndex !== -1 && args[portArgIndex + 1]) {
     port = parseInt(args[portArgIndex + 1]);
@@ -285,7 +285,7 @@ if (import.meta.hot) {
       name: pkg.name || 'Sunpeak',
       version: pkg.version || '0.1.0',
       simulations,
-      port: 6766,
+      port: 8000,
       ...(mcpViteServer && { viteServer: mcpViteServer }),
     });
 

package/bin/sunpeak.js

@@ -37,17 +37,7 @@ function getVersion() {
   }
 
   // Commands that don't require a package.json
-  const standaloneCommands = [
-    'new',
-    'login',
-    'logout',
-    'push',
-    'pull',
-    'deploy',
-    'upgrade',
-    'help',
-    undefined,
-  ];
+  const standaloneCommands = ['new', 'upgrade', 'help', undefined];
 
   if (command && !standaloneCommands.includes(command)) {
     checkPackageJson();
@@ -75,41 +65,6 @@ function getVersion() {
       }
       break;
 
-    case 'login':
-      {
-        const { login } = await import(join(COMMANDS_DIR, 'login.mjs'));
-        await login();
-      }
-      break;
-
-    case 'logout':
-      {
-        const { logout } = await import(join(COMMANDS_DIR, 'logout.mjs'));
-        await logout();
-      }
-      break;
-
-    case 'push':
-      {
-        const { push, parseArgs } = await import(join(COMMANDS_DIR, 'push.mjs'));
-        await push(process.cwd(), parseArgs(args));
-      }
-      break;
-
-    case 'pull':
-      {
-        const { pull, parseArgs } = await import(join(COMMANDS_DIR, 'pull.mjs'));
-        await pull(process.cwd(), parseArgs(args));
-      }
-      break;
-
-    case 'deploy':
-      {
-        const { deploy, parseArgs } = await import(join(COMMANDS_DIR, 'deploy.mjs'));
-        await deploy(process.cwd(), parseArgs(args));
-      }
-      break;
-
     case 'upgrade':
       {
         const { upgrade } = await import(join(COMMANDS_DIR, 'upgrade.mjs'));
@@ -136,18 +91,11 @@ Usage:
   sunpeak dev              Start dev server + MCP endpoint
     --no-begging           Suppress GitHub star message
   sunpeak build            Build resources
-  sunpeak login            Log in to Sunpeak
-  sunpeak logout           Log out of Sunpeak
-  sunpeak push             Push resources to repository
-  sunpeak pull             Pull resources from repository
-  sunpeak deploy           Push resources with "prod" tag
   sunpeak upgrade          Upgrade sunpeak to latest version
   sunpeak --version        Show version number
 
   Resources: ${resources.join(', ')} (comma/space separated)
   Example: sunpeak new my-app "${resources.slice(0, 2).join(',')}"
-
-For more information, visit: https://sunpeak.ai/
 `);
       }
       break;

package/dist/chatgpt/globals.css

@@ -6227,6 +6227,10 @@ background-color: var(--gray-200);
     display: inline;
   }
 
+  .inline-flex {
+    display: inline-flex;
+  }
+
   .table {
     display: table;
   }
@@ -6280,6 +6284,10 @@ background-color: var(--gray-200);
     height: calc(var(--spacing) * 9);
   }
 
+  .h-10 {
+    height: calc(var(--spacing) * 10);
+  }
+
   .h-12 {
     height: calc(var(--spacing) * 12);
   }
@@ -6530,6 +6538,10 @@ background-color: var(--gray-200);
     gap: calc(var(--spacing) * 1);
   }
 
+  .gap-1\.5 {
+    gap: calc(var(--spacing) * 1.5);
+  }
+
   .gap-2 {
     gap: calc(var(--spacing) * 2);
   }
@@ -6697,6 +6709,22 @@ background-color: var(--gray-200);
     border-color: #0000000f;
   }
 
+  .border-\[var\(--color-border-danger-outline\)\] {
+    border-color: var(--color-border-danger-outline);
+  }
+
+  .border-\[var\(--color-border-primary-outline\)\] {
+    border-color: var(--color-border-primary-outline);
+  }
+
+  .border-\[var\(--color-border-secondary-outline\)\] {
+    border-color: var(--color-border-secondary-outline);
+  }
+
+  .border-\[var\(--color-border-warning-outline\)\] {
+    border-color: var(--color-border-warning-outline);
+  }
+
   .border-black\/5 {
     border-color: var(--color-black);
   }
@@ -6741,10 +6769,42 @@ background-color: var(--gray-200);
     background-color: #3a3a3a;
   }
 
+  .bg-\[var\(--color-background-danger-soft-alpha\)\] {
+    background-color: var(--color-background-danger-soft-alpha);
+  }
+
+  .bg-\[var\(--color-background-danger-solid\)\] {
+    background-color: var(--color-background-danger-solid);
+  }
+
   .bg-\[var\(--color-background-primary-soft\)\] {
     background-color: var(--color-background-primary-soft);
   }
 
+  .bg-\[var\(--color-background-primary-soft-alpha\)\] {
+    background-color: var(--color-background-primary-soft-alpha);
+  }
+
+  .bg-\[var\(--color-background-primary-solid\)\] {
+    background-color: var(--color-background-primary-solid);
+  }
+
+  .bg-\[var\(--color-background-secondary-soft-alpha\)\] {
+    background-color: var(--color-background-secondary-soft-alpha);
+  }
+
+  .bg-\[var\(--color-background-secondary-solid\)\] {
+    background-color: var(--color-background-secondary-solid);
+  }
+
+  .bg-\[var\(--color-background-warning-soft-alpha\)\] {
+    background-color: var(--color-background-warning-soft-alpha);
+  }
+
+  .bg-\[var\(--color-background-warning-solid\)\] {
+    background-color: var(--color-background-warning-solid);
+  }
+
   .bg-black\/5 {
     background-color: var(--color-black);
   }
@@ -6755,6 +6815,16 @@ background-color: var(--gray-200);
     }
   }
 
+  .bg-black\/10 {
+    background-color: var(--color-black);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-black\/10 {
+      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
+    }
+  }
+
   .bg-black\/50 {
     background-color: var(--color-black);
   }
@@ -6871,6 +6941,10 @@ background-color: var(--gray-200);
     padding-inline: calc(var(--spacing) * 3);
   }
 
+  .px-3\.5 {
+    padding-inline: calc(var(--spacing) * 3.5);
+  }
+
   .px-4 {
     padding-inline: calc(var(--spacing) * 4);
   }
@@ -7001,6 +7075,11 @@ background-color: var(--gray-200);
     font-size: 10px;
   }
 
+  .leading-none {
+    --tw-leading: 1;
+    line-height: 1;
+  }
+
   .leading-normal {
     --tw-leading: var(--leading-normal);
     line-height: var(--leading-normal);
@@ -7064,6 +7143,70 @@ background-color: var(--gray-200);
     color: var(--color-error);
   }
 
+  .text-\[var\(--color-text-danger-ghost\)\] {
+    color: var(--color-text-danger-ghost);
+  }
+
+  .text-\[var\(--color-text-danger-outline\)\] {
+    color: var(--color-text-danger-outline);
+  }
+
+  .text-\[var\(--color-text-danger-soft\)\] {
+    color: var(--color-text-danger-soft);
+  }
+
+  .text-\[var\(--color-text-danger-solid\)\] {
+    color: var(--color-text-danger-solid);
+  }
+
+  .text-\[var\(--color-text-primary-ghost\)\] {
+    color: var(--color-text-primary-ghost);
+  }
+
+  .text-\[var\(--color-text-primary-outline\)\] {
+    color: var(--color-text-primary-outline);
+  }
+
+  .text-\[var\(--color-text-primary-soft\)\] {
+    color: var(--color-text-primary-soft);
+  }
+
+  .text-\[var\(--color-text-primary-solid\)\] {
+    color: var(--color-text-primary-solid);
+  }
+
+  .text-\[var\(--color-text-secondary-ghost\)\] {
+    color: var(--color-text-secondary-ghost);
+  }
+
+  .text-\[var\(--color-text-secondary-outline\)\] {
+    color: var(--color-text-secondary-outline);
+  }
+
+  .text-\[var\(--color-text-secondary-soft\)\] {
+    color: var(--color-text-secondary-soft);
+  }
+
+  .text-\[var\(--color-text-secondary-solid\)\] {
+    color: var(--color-text-secondary-solid);
+  }
+
+  .text-\[var\(--color-text-warning-ghost\)\] {
+    color: var(--color-text-warning-ghost);
+  }
+
+  .text-\[var\(--color-text-warning-outline\)\] {
+    color: var(--color-text-warning-outline);
+  }
+
+  .text-\[var\(--color-text-warning-soft\)\] {
+    color: var(--color-text-warning-soft);
+  }
+
+  .text-\[var\(--color-text-warning-solid\)\] {
+    color: var(--color-text-warning-solid);
+  }
+
   .text-primary {
     color: var(--color-text-primary);
   }
@@ -7188,6 +7331,22 @@ background-color: var(--gray-200);
   }
 
   @media (hover: hover) and (pointer: fine) {
+    .hover\:border-\[var\(--color-border-danger-outline-hover\)\]:hover {
+      border-color: var(--color-border-danger-outline-hover);
+    }
+
+    .hover\:border-\[var\(--color-border-primary-outline-hover\)\]:hover {
+      border-color: var(--color-border-primary-outline-hover);
+    }
+
+    .hover\:border-\[var\(--color-border-secondary-outline-hover\)\]:hover {
+      border-color: var(--color-border-secondary-outline-hover);
+    }
+
+    .hover\:border-\[var\(--color-border-warning-outline-hover\)\]:hover {
+      border-color: var(--color-border-warning-outline-hover);
+    }
+
     .hover\:border-transparent:hover {
       border-color: #0000;
     }
@@ -7196,6 +7355,70 @@ background-color: var(--gray-200);
       background-color: #6a6a6a;
     }
 
+    .hover\:bg-\[var\(--color-background-danger-ghost-hover\)\]:hover {
+      background-color: var(--color-background-danger-ghost-hover);
+    }
+
+    .hover\:bg-\[var\(--color-background-danger-outline-hover\)\]:hover {
+      background-color: var(--color-background-danger-outline-hover);
+    }
+
+    .hover\:bg-\[var\(--color-background-danger-soft-alpha-hover\)\]:hover {
+      background-color: var(--color-background-danger-soft-alpha-hover);
+    }
+
+    .hover\:bg-\[var\(--color-background-danger-solid-hover\)\]:hover {
+      background-color: var(--color-background-danger-solid-hover);
+    }
+
+    .hover\:bg-\[var\(--color-background-primary-ghost-hover\)\]:hover {
+      background-color: var(--color-background-primary-ghost-hover);
+    }
+
+    .hover\:bg-\[var\(--color-background-primary-outline-hover\)\]:hover {
+      background-color: var(--color-background-primary-outline-hover);
+    }
+
+    .hover\:bg-\[var\(--color-background-primary-soft-alpha-hover\)\]:hover {
+      background-color: var(--color-background-primary-soft-alpha-hover);
+    }
+
+    .hover\:bg-\[var\(--color-background-primary-solid-hover\)\]:hover {
+      background-color: var(--color-background-primary-solid-hover);
+    }
+
+    .hover\:bg-\[var\(--color-background-secondary-ghost-hover\)\]:hover {
+      background-color: var(--color-background-secondary-ghost-hover);
+    }
+
+    .hover\:bg-\[var\(--color-background-secondary-outline-hover\)\]:hover {
+      background-color: var(--color-background-secondary-outline-hover);
+    }
+
+    .hover\:bg-\[var\(--color-background-secondary-soft-alpha-hover\)\]:hover {
+      background-color: var(--color-background-secondary-soft-alpha-hover);
+    }
+
+    .hover\:bg-\[var\(--color-background-secondary-solid-hover\)\]:hover {
+      background-color: var(--color-background-secondary-solid-hover);
+    }
+
+    .hover\:bg-\[var\(--color-background-warning-ghost-hover\)\]:hover {
+      background-color: var(--color-background-warning-ghost-hover);
+    }
+
+    .hover\:bg-\[var\(--color-background-warning-outline-hover\)\]:hover {
+      background-color: var(--color-background-warning-outline-hover);
+    }
+
+    .hover\:bg-\[var\(--color-background-warning-soft-alpha-hover\)\]:hover {
+      background-color: var(--color-background-warning-soft-alpha-hover);
+    }
+
+    .hover\:bg-\[var\(--color-background-warning-solid-hover\)\]:hover {
+      background-color: var(--color-background-warning-solid-hover);
+    }
+
     .hover\:bg-black\/5:hover {
       background-color: var(--color-black);
     }
@@ -7210,6 +7433,22 @@ background-color: var(--gray-200);
       background-color: #0000;
     }
 
+    .hover\:text-\[var\(--color-text-danger-outline-hover\)\]:hover {
+      color: var(--color-text-danger-outline-hover);
+    }
+
+    .hover\:text-\[var\(--color-text-primary-outline-hover\)\]:hover {
+      color: var(--color-text-primary-outline-hover);
+    }
+
+    .hover\:text-\[var\(--color-text-secondary-outline-hover\)\]:hover {
+      color: var(--color-text-secondary-outline-hover);
+    }
+
+    .hover\:text-\[var\(--color-text-warning-outline-hover\)\]:hover {
+      color: var(--color-text-warning-outline-hover);
+    }
+
     .hover\:text-primary:hover {
       color: var(--color-text-primary);
     }
@@ -7224,6 +7463,78 @@ background-color: var(--gray-200);
     outline-style: none;
   }
 
+  .active\:bg-\[var\(--color-background-danger-ghost-active\)\]:active {
+    background-color: var(--color-background-danger-ghost-active);
+  }
+
+  .active\:bg-\[var\(--color-background-danger-outline-active\)\]:active {
+    background-color: var(--color-background-danger-outline-active);
+  }
+
+  .active\:bg-\[var\(--color-background-danger-soft-alpha-active\)\]:active {
+    background-color: var(--color-background-danger-soft-alpha-active);
+  }
+
+  .active\:bg-\[var\(--color-background-danger-solid-active\)\]:active {
+    background-color: var(--color-background-danger-solid-active);
+  }
+
+  .active\:bg-\[var\(--color-background-primary-ghost-active\)\]:active {
+    background-color: var(--color-background-primary-ghost-active);
+  }
+
+  .active\:bg-\[var\(--color-background-primary-outline-active\)\]:active {
+    background-color: var(--color-background-primary-outline-active);
+  }
+
+  .active\:bg-\[var\(--color-background-primary-soft-alpha-active\)\]:active {
+    background-color: var(--color-background-primary-soft-alpha-active);
+  }
+
+  .active\:bg-\[var\(--color-background-primary-solid-active\)\]:active {
+    background-color: var(--color-background-primary-solid-active);
+  }
+
+  .active\:bg-\[var\(--color-background-secondary-ghost-active\)\]:active {
+    background-color: var(--color-background-secondary-ghost-active);
+  }
+
+  .active\:bg-\[var\(--color-background-secondary-outline-active\)\]:active {
+    background-color: var(--color-background-secondary-outline-active);
+  }
+
+  .active\:bg-\[var\(--color-background-secondary-soft-alpha-active\)\]:active {
+    background-color: var(--color-background-secondary-soft-alpha-active);
+  }
+
+  .active\:bg-\[var\(--color-background-secondary-solid-active\)\]:active {
+    background-color: var(--color-background-secondary-solid-active);
+  }
+
+  .active\:bg-\[var\(--color-background-warning-ghost-active\)\]:active {
+    background-color: var(--color-background-warning-ghost-active);
+  }
+
+  .active\:bg-\[var\(--color-background-warning-outline-active\)\]:active {
+    background-color: var(--color-background-warning-outline-active);
+  }
+
+  .active\:bg-\[var\(--color-background-warning-soft-alpha-active\)\]:active {
+    background-color: var(--color-background-warning-soft-alpha-active);
+  }
+
+  .active\:bg-\[var\(--color-background-warning-solid-active\)\]:active {
+    background-color: var(--color-background-warning-solid-active);
+  }
+
+  .disabled\:cursor-not-allowed:disabled {
+    cursor: not-allowed;
+  }
+
+  .disabled\:opacity-50:disabled {
+    opacity: .5;
+  }
+
   @media not all and (min-width: 768px) {
     .max-md\:fixed {
       position: fixed;
@@ -7464,6 +7775,16 @@ background-color: var(--gray-200);
     }
   }
 
+  .dark\:bg-white\/10:where([data-theme="dark"], [data-theme="dark"] *) {
+    background-color: var(--color-white);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:bg-white\/10:where([data-theme="dark"], [data-theme="dark"] *) {
+      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+    }
+  }
+
   .dark\:from-white\/15:where([data-theme="dark"], [data-theme="dark"] *) {
     --tw-gradient-from: var(--color-white);
   }

package/dist/cli/commands.test.new.d.ts

@@ -0,0 +1 @@
+export {};