sunpeak 0.7.9 → 0.7.11

package/README.md

@@ -53,12 +53,15 @@ sunpeak is an npm package consisting of:
    1. Runtime APIs - Strongly typed, multi-platform APIs for interacting with the ChatGPT runtime, architected to support future platforms (Gemini, Claude).
    2. ChatGPT simulator - React component replicating ChatGPT's runtime.
    3. MCP server - Mock data MCP server for testing local Resources in the real ChatGPT.
-2. **The `sunpeak` framework** (`./template`). An end-to-end framework for ChatGPT Apps, from quickstart to shipped. This templated npm package includes:
-   1. Project scaffold - Complete development setup with build, test, and mcp tooling.
+2. **The `sunpeak` framework** (`./template`). Next.js for ChatGPT Apps. This templated npm package includes:
+   1. Project scaffold - Complete development setup with build, test, and mcp tooling, including the sunpeak library.
    2. UI components - Production-ready components following ChatGPT design guidelines and using OpenAI apps-sdk-ui React components.
-   3. CLI utility (`./bin`) - Commands for working with the sunpeak framework.
+3. **The `sunpeak` CLI** (`./bin`). Commands for managing ChatGPT Apps. Includes a client for the [sunpeak Resource Repository](https://app.sunpeak.ai/) (ECR for ChatGPT Apps). The repository helps you & your CI/CD decouple your App from your client-agnostic MCP server:
+   1. Tag your app builds with version numbers and environment names (like `v1.0.0` and `prod`)
+   2. `push` built Apps to a central location
+   3. `pull` built Apps to be run in different environments
 
-Note that the `sunpeak` library can be used without the framework.
+Note that each `sunpeak` component can be used in isolation if preferred, though the most seamless experience combines all 3.
 
 ## Example Component
 
@@ -81,12 +84,6 @@ export function MCPResource() {
 }
 ```
 
-## Contributing
-
-We welcome your contributions!
-
-For development quickstart on this package, see [DEVELOPMENT.md](./DEVELOPMENT.md).
-
 ## Resources
 
 - [ChatGPT Apps SDK Design Guidelines](https://developers.openai.com/apps-sdk/concepts/design-guidelines)

package/bin/commands/deploy.mjs

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { push } from './push.mjs';
+import { push, findResources } from './push.mjs';
 
 /**
  * Deploy command - same as push but with tag="prod"
@@ -17,33 +17,48 @@ Usage:
 
 Options:
   -r, --repository <owner/repo>  Repository name (defaults to git remote origin)
-  -t, --tag <name>               Tag to assign (defaults to "prod")
+  -t, --tag <name>               Additional tag(s) to assign (always includes "prod")
   -h, --help                     Show this help message
 
 Arguments:
   file                           Optional JS file to deploy (e.g., dist/carousel.js)
-                                 If not provided, deploys all resources from dist/
+                                 If not provided, looks for resources in current
+                                 directory first, then falls back to dist/
 
 Examples:
   sunpeak deploy                     Push all resources with "prod" tag
   sunpeak deploy dist/carousel.js    Deploy a single resource
   sunpeak deploy -r myorg/my-app     Deploy to "myorg/my-app" repository
-  sunpeak deploy -t production       Deploy with custom tag
+  sunpeak deploy -t v1.0              Deploy with "prod" and "v1.0" tags
 
 This command is equivalent to: sunpeak push --tag prod
 `);
     return;
   }
 
-  // Default tag to "prod" for deploy
+  // Always include "prod" tag, supplemented by any additional tags
+  const additionalTags = options.tags?.filter((t) => t !== 'prod') ?? [];
   const deployOptions = {
     ...options,
-    tags: options.tags && options.tags.length > 0 ? options.tags : ['prod'],
+    tags: ['prod', ...additionalTags],
   };
 
   console.log('Deploying to production...');
   console.log();
 
+  // If no specific file provided, check current directory first, then dist/
+  if (!deployOptions.file) {
+    const cwdResources = findResources(projectRoot);
+    if (cwdResources.length > 0) {
+      // Found resources in current directory, push each one
+      for (const resource of cwdResources) {
+        await push(projectRoot, { ...deployOptions, file: resource.jsPath });
+      }
+      return;
+    }
+    // Fall back to dist/ directory (handled by push)
+  }
+
   await push(projectRoot, deployOptions);
 }
 
@@ -70,18 +85,19 @@ Usage:
 
 Options:
   -r, --repository <owner/repo>  Repository name (defaults to git remote origin)
-  -t, --tag <name>               Tag to assign (defaults to "prod")
+  -t, --tag <name>               Additional tag(s) to assign (always includes "prod")
   -h, --help                     Show this help message
 
 Arguments:
   file                           Optional JS file to deploy (e.g., dist/carousel.js)
-                                 If not provided, deploys all resources from dist/
+                                 If not provided, looks for resources in current
+                                 directory first, then falls back to dist/
 
 Examples:
   sunpeak deploy                     Deploy all resources with "prod" tag
   sunpeak deploy dist/carousel.js    Deploy a single resource
   sunpeak deploy -r myorg/my-app     Deploy to "myorg/my-app" repository
-  sunpeak deploy -t production       Deploy with custom tag
+  sunpeak deploy -t v1.0              Deploy with "prod" and "v1.0" tags
 
 This command is equivalent to: sunpeak push --tag prod
 `);

package/bin/commands/push.mjs

@@ -45,33 +45,38 @@ function getGitRepoName() {
 }
 
 /**
- * Find all resources in the dist folder
+ * Find all resources in a directory
  * Returns array of { name, jsPath, metaPath, meta }
  */
-function findResources(distDir) {
+export function findResources(distDir) {
   if (!existsSync(distDir)) {
     return [];
   }
 
   const files = readdirSync(distDir);
-  const jsFiles = files.filter((f) => f.endsWith('.js') && !f.endsWith('.meta.js'));
-
-  return jsFiles.map((jsFile) => {
-    const name = jsFile.replace('.js', '');
-    const jsPath = join(distDir, jsFile);
-    const metaPath = join(distDir, `${name}.json`);
-
-    let meta = null;
-    if (existsSync(metaPath)) {
+  const jsFiles = files.filter((f) => f.endsWith('.js'));
+  const jsonFiles = new Set(files.filter((f) => f.endsWith('.json')));
+
+  // Only include .js files that have a matching .json file
+  return jsFiles
+    .filter((jsFile) => {
+      const name = jsFile.replace('.js', '');
+      return jsonFiles.has(`${name}.json`);
+    })
+    .map((jsFile) => {
+      const name = jsFile.replace('.js', '');
+      const jsPath = join(distDir, jsFile);
+      const metaPath = join(distDir, `${name}.json`);
+
+      let meta = null;
       try {
         meta = JSON.parse(readFileSync(metaPath, 'utf-8'));
       } catch {
         console.warn(`Warning: Could not parse ${name}.json`);
       }
-    }
 
-    return { name, jsPath, metaPath, meta };
-  });
+      return { name, jsPath, metaPath, meta };
+    });
 }
 
 /**

package/bin/sunpeak.js

@@ -232,6 +232,15 @@ See README.md for more details.
 
 const [, , command, ...args] = process.argv;
 
+/**
+ * Get the sunpeak version from package.json
+ */
+function getVersion() {
+  const pkgPath = join(__dirname, '..', 'package.json');
+  const pkg = JSON.parse(readFileSync(pkgPath, 'utf-8'));
+  return pkg.version;
+}
+
 /**
  * Parse arguments for resource commands (push, pull, deploy)
  */
@@ -268,6 +277,12 @@ function parseResourceArgs(args) {
 
 // Main CLI handler
 (async () => {
+  // Handle --version / -v flags early
+  if (command === '--version' || command === '-v' || command === 'version') {
+    console.log(getVersion());
+    process.exit(0);
+  }
+
   // Commands that don't require a package.json
   const standaloneCommands = [
     'new',
@@ -373,6 +388,7 @@ Direct CLI commands (when sunpeak is installed):
   sunpeak push             Push resources to repository
   sunpeak pull             Pull resources from repository
   sunpeak deploy           Push resources with "prod" tag
+  sunpeak --version        Show version number
 
 For more information, visit: https://sunpeak.ai/
 `);

package/dist/index.cjs

@@ -1742,6 +1742,12 @@ function RemoveScrollSideCar(props) {
     if ("touches" in event && moveDirection === "h" && target.type === "range") {
       return false;
     }
+    var selection = window.getSelection();
+    var anchorNode = selection && selection.anchorNode;
+    var isTouchingSelection = anchorNode ? anchorNode === target || anchorNode.contains(target) : false;
+    if (isTouchingSelection) {
+      return false;
+    }
     var canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);
     if (!canBeScrolledInMainDirection) {
       return true;