sunpeak 0.6.7 → 0.7.9

package/bin/commands/pull.mjs

@@ -0,0 +1,254 @@
+#!/usr/bin/env node
+import { existsSync, mkdirSync, writeFileSync, readFileSync } from 'fs';
+import { join } from 'path';
+import { homedir } from 'os';
+
+const SUNPEAK_API_URL = process.env.SUNPEAK_API_URL || 'https://app.sunpeak.ai';
+const CREDENTIALS_DIR = join(homedir(), '.sunpeak');
+const CREDENTIALS_FILE = join(CREDENTIALS_DIR, 'credentials.json');
+
+/**
+ * Load credentials from disk
+ */
+function loadCredentials() {
+  if (!existsSync(CREDENTIALS_FILE)) {
+    return null;
+  }
+  try {
+    return JSON.parse(readFileSync(CREDENTIALS_FILE, 'utf-8'));
+  } catch {
+    return null;
+  }
+}
+
+/**
+ * Lookup resources by tag and repository
+ * @returns {Promise<Array>} Array of matching resources
+ */
+async function lookupResources(tag, repository, accessToken, name = null) {
+  const params = new URLSearchParams({ tag, repository });
+  if (name) {
+    params.set('name', name);
+  }
+  const response = await fetch(`${SUNPEAK_API_URL}/api/v1/resources/lookup?${params}`, {
+    headers: {
+      Authorization: `Bearer ${accessToken}`,
+    },
+  });
+
+  if (!response.ok) {
+    const data = await response.json().catch(() => ({}));
+    throw new Error(data.message || data.error || `HTTP ${response.status}`);
+  }
+
+  const data = await response.json();
+  return data.resources;
+}
+
+/**
+ * Download the JS file for a resource
+ */
+async function downloadJsFile(resource) {
+  if (!resource.js_file?.url) {
+    throw new Error('Resource has no JS file attached');
+  }
+
+  // The URL is a pre-signed S3 URL, no additional auth needed
+  const response = await fetch(resource.js_file.url);
+
+  if (!response.ok) {
+    throw new Error(`Failed to download JS file: HTTP ${response.status}`);
+  }
+
+  return response.text();
+}
+
+/**
+ * Main pull command
+ * @param {string} projectRoot - Project root directory
+ * @param {Object} options - Command options
+ * @param {string} options.repository - Repository name in owner/repo format (required)
+ * @param {string} options.tag - Tag name to pull (required)
+ * @param {string} options.name - Resource name to filter by (optional)
+ * @param {string} options.output - Output directory (optional, defaults to current directory)
+ */
+export async function pull(projectRoot = process.cwd(), options = {}) {
+  // Handle help flag
+  if (options.help) {
+    console.log(`
+sunpeak pull - Pull resources from the Sunpeak repository
+
+Usage:
+  sunpeak pull -r <owner/repo> -t <tag> [options]
+
+Options:
+  -r, --repository <owner/repo>  Repository name (required)
+  -t, --tag <name>               Tag name to pull (required)
+  -n, --name <name>              Resource name to filter by (optional)
+  -o, --output <path>            Output directory (defaults to current directory)
+  -h, --help                     Show this help message
+
+Examples:
+  sunpeak pull -r myorg/my-app -t prod             Pull all resources tagged "prod"
+  sunpeak pull -r myorg/my-app -t prod -n counter  Pull only the "counter" resource
+  sunpeak pull -r myorg/my-app -t v1.0.0           Pull a specific version
+`);
+    return;
+  }
+
+  // Check credentials
+  const credentials = loadCredentials();
+  if (!credentials?.access_token) {
+    console.error('Error: Not logged in. Run "sunpeak login" first.');
+    process.exit(1);
+  }
+
+  // Require repository
+  if (!options.repository) {
+    console.error('Error: Repository is required. Use --repository or -r to specify a repository.');
+    console.error('Example: sunpeak pull -r myorg/my-app -t prod');
+    process.exit(1);
+  }
+
+  // Require tag
+  if (!options.tag) {
+    console.error('Error: Tag is required. Use --tag or -t to specify a tag.');
+    console.error('Example: sunpeak pull -r myorg/my-app -t prod');
+    process.exit(1);
+  }
+
+  const repository = options.repository;
+
+  const nameFilter = options.name ? ` with name "${options.name}"` : '';
+  console.log(`Pulling resources from repository "${repository}" with tag "${options.tag}"${nameFilter}...`);
+  console.log();
+
+  try {
+    // Lookup resources
+    const resources = await lookupResources(options.tag, repository, credentials.access_token, options.name);
+
+    if (!resources || resources.length === 0) {
+      console.error('Error: No resources found matching the criteria.');
+      process.exit(1);
+    }
+
+    console.log(`Found ${resources.length} resource(s):\n`);
+
+    // Determine output directory
+    const outputDir = options.output || projectRoot;
+
+    // Create output directory if it doesn't exist
+    if (!existsSync(outputDir)) {
+      mkdirSync(outputDir, { recursive: true });
+    }
+
+    // Process each resource
+    for (const resource of resources) {
+      console.log(`Resource: ${resource.name}`);
+      console.log(`  Title: ${resource.title}`);
+      console.log(`  URI: ${resource.uri}`);
+      console.log(`  Tags: ${resource.tags?.join(', ') || 'none'}`);
+      console.log(`  Created: ${resource.created_at}`);
+
+      if (!resource.js_file) {
+        console.log(`  ⚠ Skipping: No JS file attached.\n`);
+        continue;
+      }
+
+      // Download the JS file
+      console.log(`  Downloading JS file...`);
+      const jsContent = await downloadJsFile(resource);
+
+      const outputFile = join(outputDir, `${resource.name}.js`);
+      const metaFile = join(outputDir, `${resource.name}.json`);
+
+      // Write the JS file
+      writeFileSync(outputFile, jsContent);
+      console.log(`  ✓ Saved ${resource.name}.js`);
+
+      // Write metadata JSON
+      const meta = {
+        uri: resource.uri,
+        name: resource.name,
+        title: resource.title,
+        description: resource.description,
+        mimeType: resource.mime_type,
+        _meta: {
+          'openai/widgetDomain': resource.widget_domain,
+          'openai/widgetCSP': {
+            connect_domains: resource.widget_csp_connect_domains || [],
+            resource_domains: resource.widget_csp_resource_domains || [],
+          },
+        },
+      };
+      writeFileSync(metaFile, JSON.stringify(meta, null, 2));
+      console.log(`  ✓ Saved ${resource.name}.json\n`);
+    }
+
+    console.log(`✓ Successfully pulled ${resources.length} resource(s) to ${outputDir}`);
+  } catch (error) {
+    console.error(`Error: ${error.message}`);
+    process.exit(1);
+  }
+}
+
+/**
+ * Parse command line arguments
+ */
+function parseArgs(args) {
+  const options = {};
+  let i = 0;
+
+  while (i < args.length) {
+    const arg = args[i];
+
+    if (arg === '--repository' || arg === '-r') {
+      options.repository = args[++i];
+    } else if (arg === '--tag' || arg === '-t') {
+      options.tag = args[++i];
+    } else if (arg === '--name' || arg === '-n') {
+      options.name = args[++i];
+    } else if (arg === '--output' || arg === '-o') {
+      options.output = args[++i];
+    } else if (arg === '--help' || arg === '-h') {
+      console.log(`
+sunpeak pull - Pull resources from the Sunpeak repository
+
+Usage:
+  sunpeak pull -r <owner/repo> -t <tag> [options]
+
+Options:
+  -r, --repository <owner/repo>  Repository name (required)
+  -t, --tag <name>               Tag name to pull (required)
+  -n, --name <name>              Resource name to filter by (optional)
+  -o, --output <path>            Output directory (defaults to current directory)
+  -h, --help                     Show this help message
+
+Examples:
+  sunpeak pull -r myorg/my-app -t prod             Pull all resources tagged "prod"
+  sunpeak pull -r myorg/my-app -t prod -n counter  Pull only the "counter" resource
+  sunpeak pull -r myorg/my-app -t v1.0.0           Pull a specific version
+`);
+      process.exit(0);
+    } else if (!arg.startsWith('-')) {
+      // Positional argument - treat as tag
+      if (!options.tag) {
+        options.tag = arg;
+      }
+    }
+
+    i++;
+  }
+
+  return options;
+}
+
+// Allow running directly
+if (import.meta.url === `file://${process.argv[1]}`) {
+  const args = process.argv.slice(2);
+  const options = parseArgs(args);
+  pull(process.cwd(), options).catch((error) => {
+    console.error('Error:', error.message);
+    process.exit(1);
+  });
+}

package/bin/commands/push.mjs

@@ -0,0 +1,347 @@
+#!/usr/bin/env node
+import { existsSync, readFileSync, readdirSync } from 'fs';
+import { join, dirname, basename } from 'path';
+import { homedir } from 'os';
+import { execSync } from 'child_process';
+
+const SUNPEAK_API_URL = process.env.SUNPEAK_API_URL || 'https://app.sunpeak.ai';
+const CREDENTIALS_DIR = join(homedir(), '.sunpeak');
+const CREDENTIALS_FILE = join(CREDENTIALS_DIR, 'credentials.json');
+
+/**
+ * Load credentials from disk
+ */
+function loadCredentials() {
+  if (!existsSync(CREDENTIALS_FILE)) {
+    return null;
+  }
+  try {
+    return JSON.parse(readFileSync(CREDENTIALS_FILE, 'utf-8'));
+  } catch {
+    return null;
+  }
+}
+
+/**
+ * Get the current git repository name in owner/repo format
+ */
+function getGitRepoName() {
+  try {
+    // Try to get the remote URL first
+    const remoteUrl = execSync('git remote get-url origin 2>/dev/null', { encoding: 'utf-8' }).trim();
+    if (remoteUrl) {
+      // Extract owner/repo from URL
+      // Handles: https://github.com/owner/repo.git, git@github.com:owner/repo.git
+      const match = remoteUrl.match(/[/:]([^/:]+\/[^/]+?)(?:\.git)?$/);
+      if (match) {
+        return match[1];
+      }
+    }
+  } catch {
+    // No remote
+  }
+
+  return null;
+}
+
+/**
+ * Find all resources in the dist folder
+ * Returns array of { name, jsPath, metaPath, meta }
+ */
+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)) {
+      try {
+        meta = JSON.parse(readFileSync(metaPath, 'utf-8'));
+      } catch {
+        console.warn(`Warning: Could not parse ${name}.json`);
+      }
+    }
+
+    return { name, jsPath, metaPath, meta };
+  });
+}
+
+/**
+ * Build a resource from a specific JS file path
+ * Returns { name, jsPath, metaPath, meta }
+ */
+function buildResourceFromFile(jsPath) {
+  if (!existsSync(jsPath)) {
+    console.error(`Error: File not found: ${jsPath}`);
+    process.exit(1);
+  }
+
+  // Extract name from filename (remove .js extension)
+  const fileName = basename(jsPath);
+  const name = fileName.replace('.js', '');
+
+  // Look for .json in the same directory
+  const dir = dirname(jsPath);
+  const metaPath = join(dir, `${name}.json`);
+
+  let meta = null;
+  if (existsSync(metaPath)) {
+    try {
+      meta = JSON.parse(readFileSync(metaPath, 'utf-8'));
+    } catch {
+      console.warn(`Warning: Could not parse ${name}.json`);
+    }
+  }
+
+  return { name, jsPath, metaPath, meta };
+}
+
+/**
+ * Push a single resource to the API
+ */
+async function pushResource(resource, repository, tags, accessToken) {
+  if (!resource.meta?.uri) {
+    throw new Error('Resource is missing URI. Run "sunpeak build" to generate URIs.');
+  }
+
+  const jsContent = readFileSync(resource.jsPath);
+  const jsBlob = new Blob([jsContent], { type: 'application/javascript' });
+
+  // Build form data
+  const formData = new FormData();
+  formData.append('repository', repository);
+  formData.append('js_file', jsBlob, `${resource.name}.js`);
+
+  // Add metadata fields
+  if (resource.meta) {
+    formData.append('name', resource.meta.name || resource.name);
+    formData.append('title', resource.meta.title || resource.name);
+    if (resource.meta.description) {
+      formData.append('description', resource.meta.description);
+    }
+    formData.append('mime_type', resource.meta.mimeType || 'text/html+skybridge');
+    formData.append('uri', resource.meta.uri);
+
+    // Handle OpenAI widget metadata
+    if (resource.meta._meta) {
+      if (resource.meta._meta['openai/widgetDomain']) {
+        formData.append('widget_domain', resource.meta._meta['openai/widgetDomain']);
+      }
+      if (resource.meta._meta['openai/widgetCSP']) {
+        const csp = resource.meta._meta['openai/widgetCSP'];
+        if (csp.connect_domains) {
+          csp.connect_domains.forEach((domain) => {
+            formData.append('widget_csp_connect_domains[]', domain);
+          });
+        }
+        if (csp.resource_domains) {
+          csp.resource_domains.forEach((domain) => {
+            formData.append('widget_csp_resource_domains[]', domain);
+          });
+        }
+      }
+    }
+  } else {
+    // Fallback metadata
+    formData.append('name', resource.name);
+    formData.append('title', resource.name);
+    formData.append('mime_type', 'text/html+skybridge');
+  }
+
+  // Add tags if provided
+  if (tags && tags.length > 0) {
+    tags.forEach((tag) => {
+      formData.append('tags[]', tag);
+    });
+  }
+
+  const response = await fetch(`${SUNPEAK_API_URL}/api/v1/resources`, {
+    method: 'POST',
+    headers: {
+      Authorization: `Bearer ${accessToken}`,
+    },
+    body: formData,
+  });
+
+  if (!response.ok) {
+    const data = await response.json().catch(() => ({}));
+    let errorMessage = data.message || data.error || `HTTP ${response.status}`;
+    if (data.errors && Array.isArray(data.errors) && data.errors.length > 0) {
+      errorMessage += ': ' + data.errors.join(', ');
+    }
+    throw new Error(errorMessage);
+  }
+
+  return response.json();
+}
+
+/**
+ * Main push command
+ * @param {string} projectRoot - Project root directory
+ * @param {Object} options - Command options
+ * @param {string} options.repository - Repository name (optional, defaults to git repo name)
+ * @param {string} options.file - Path to a specific resource JS file (optional)
+ * @param {string[]} options.tags - Tags to assign to the pushed resources (optional)
+ */
+export async function push(projectRoot = process.cwd(), options = {}) {
+  // Handle help flag
+  if (options.help) {
+    console.log(`
+sunpeak push - Push resources to the Sunpeak repository
+
+Usage:
+  sunpeak push [file] [options]
+
+Options:
+  -r, --repository <owner/repo>  Repository name (defaults to git remote origin)
+  -t, --tag <name>               Tag to assign (can be specified multiple times)
+  -h, --help                     Show this help message
+
+Arguments:
+  file                           Optional JS file to push (e.g., dist/carousel.js)
+                                 If not provided, pushes all resources from dist/
+
+Examples:
+  sunpeak push                       Push all resources from dist/
+  sunpeak push dist/carousel.js      Push a single resource
+  sunpeak push -r myorg/my-app       Push to "myorg/my-app" repository
+  sunpeak push -t v1.0.0             Push with a version tag
+  sunpeak push -t v1.0.0 -t latest   Push with multiple tags
+`);
+    return;
+  }
+
+  // Check credentials
+  const credentials = loadCredentials();
+  if (!credentials?.access_token) {
+    console.error('Error: Not logged in. Run "sunpeak login" first.');
+    process.exit(1);
+  }
+
+  // Determine repository name (owner/repo format)
+  const repository = options.repository || getGitRepoName();
+  if (!repository) {
+    console.error('Error: Could not determine repository name.');
+    console.error('Please provide a repository name: sunpeak push --repository <owner/repo>');
+    console.error('Or run this command from within a git repository with a remote origin.');
+    process.exit(1);
+  }
+
+  // Find resources - either a specific file or all from dist directory
+  let resources;
+  if (options.file) {
+    // Push a single specific resource
+    resources = [buildResourceFromFile(options.file)];
+  } else {
+    // Default: find all resources in dist directory
+    const distDir = join(projectRoot, 'dist');
+    if (!existsSync(distDir)) {
+      console.error(`Error: dist/ directory not found`);
+      console.error('Run "sunpeak build" first to build your resources.');
+      process.exit(1);
+    }
+
+    resources = findResources(distDir);
+    if (resources.length === 0) {
+      console.error(`Error: No resources found in dist/`);
+      console.error('Run "sunpeak build" first to build your resources.');
+      process.exit(1);
+    }
+  }
+
+  console.log(`Pushing ${resources.length} resource(s) to repository "${repository}"...`);
+  if (options.tags && options.tags.length > 0) {
+    console.log(`Tags: ${options.tags.join(', ')}`);
+  }
+  console.log();
+
+  // Push each resource
+  let successCount = 0;
+  for (const resource of resources) {
+    try {
+      const result = await pushResource(resource, repository, options.tags, credentials.access_token);
+      console.log(`✓ Pushed ${resource.name} (id: ${result.id})`);
+      if (result.tags?.length > 0) {
+        console.log(`  Tags: ${result.tags.join(', ')}`);
+      }
+      successCount++;
+    } catch (error) {
+      console.error(`✗ Failed to push ${resource.name}: ${error.message}`);
+    }
+  }
+
+  console.log();
+  if (successCount === resources.length) {
+    console.log(`✓ Successfully pushed ${successCount} resource(s).`);
+  } else {
+    console.log(`Pushed ${successCount}/${resources.length} resource(s).`);
+    process.exit(1);
+  }
+}
+
+/**
+ * Parse command line arguments
+ */
+function parseArgs(args) {
+  const options = { tags: [] };
+  let i = 0;
+
+  while (i < args.length) {
+    const arg = args[i];
+
+    if (arg === '--repository' || arg === '-r') {
+      options.repository = args[++i];
+    } else if (arg === '--tag' || arg === '-t') {
+      options.tags.push(args[++i]);
+    } else if (arg === '--help' || arg === '-h') {
+      console.log(`
+sunpeak push - Push resources to the Sunpeak repository
+
+Usage:
+  sunpeak push [file] [options]
+
+Options:
+  -r, --repository <owner/repo>  Repository name (defaults to git remote origin)
+  -t, --tag <name>               Tag to assign (can be specified multiple times)
+  -h, --help                     Show this help message
+
+Arguments:
+  file                           Optional JS file to push (e.g., dist/carousel.js)
+                                 If not provided, pushes all resources from dist/
+
+Examples:
+  sunpeak push                       Push all resources from dist/
+  sunpeak push dist/carousel.js      Push a single resource
+  sunpeak push -r myorg/my-app       Push to "myorg/my-app" repository
+  sunpeak push -t v1.0.0             Push with a version tag
+  sunpeak push -t v1.0.0 -t latest   Push with multiple tags
+`);
+      process.exit(0);
+    } else if (!arg.startsWith('-')) {
+      // Positional argument - treat as file path
+      options.file = arg;
+    }
+
+    i++;
+  }
+
+  return options;
+}
+
+// Allow running directly
+if (import.meta.url === `file://${process.argv[1]}`) {
+  const args = process.argv.slice(2);
+  const options = parseArgs(args);
+  push(process.cwd(), options).catch((error) => {
+    console.error('Error:', error.message);
+    process.exit(1);
+  });
+}

package/bin/sunpeak.js

@@ -232,10 +232,53 @@ See README.md for more details.
 
 const [, , command, ...args] = process.argv;
 
+/**
+ * Parse arguments for resource commands (push, pull, deploy)
+ */
+function parseResourceArgs(args) {
+  const options = { tags: [] };
+  let i = 0;
+
+  while (i < args.length) {
+    const arg = args[i];
+
+    if (arg === '--repository' || arg === '-r') {
+      options.repository = args[++i];
+    } else if (arg === '--tag' || arg === '-t') {
+      options.tags.push(args[++i]);
+    } else if (arg === '--name' || arg === '-n') {
+      options.name = args[++i];
+    } else if (arg === '--output' || arg === '-o') {
+      options.output = args[++i];
+    } else if (arg === '--help' || arg === '-h') {
+      options.help = true;
+    } else if (!arg.startsWith('-')) {
+      // Positional argument - treat as file path
+      options.file = arg;
+    }
+
+    i++;
+  }
+
+  // Set singular tag for commands that expect it (e.g., pull)
+  options.tag = options.tags[0];
+
+  return options;
+}
+
 // Main CLI handler
 (async () => {
   // Commands that don't require a package.json
-  const standaloneCommands = ['new', 'help', undefined];
+  const standaloneCommands = [
+    'new',
+    'login',
+    'logout',
+    'push',
+    'pull',
+    'deploy',
+    'help',
+    undefined,
+  ];
 
   if (command && !standaloneCommands.includes(command)) {
     checkPackageJson();
@@ -267,10 +310,45 @@ const [, , command, ...args] = process.argv;
       }
       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 } = await import(join(COMMANDS_DIR, 'push.mjs'));
+        await push(process.cwd(), parseResourceArgs(args));
+      }
+      break;
+
+    case 'pull':
+      {
+        const { pull } = await import(join(COMMANDS_DIR, 'pull.mjs'));
+        await pull(process.cwd(), parseResourceArgs(args));
+      }
+      break;
+
+    case 'deploy':
+      {
+        const { deploy } = await import(join(COMMANDS_DIR, 'deploy.mjs'));
+        await deploy(process.cwd(), parseResourceArgs(args));
+      }
+      break;
+
     case 'help':
     case undefined:
       console.log(`
-☀️ 🏔️ sunpeak - The MCP App framework
+☀️ 🏔️ sunpeak - The ChatGPT App framework
 
 Usage:
   npx sunpeak new [name] [resources]   Create a new project (no install needed)
@@ -290,6 +368,11 @@ Direct CLI commands (when sunpeak is installed):
   sunpeak dev              Start dev server
   sunpeak build            Build resources
   sunpeak mcp              Start MCP server
+  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
 
 For more information, visit: https://sunpeak.ai/
 `);