bluedither 1.0.7 → 1.0.9

package/cli/commands/publish.js

@@ -5,18 +5,22 @@
  */
 
 import { existsSync, readFileSync, createReadStream } from 'fs';
-import { resolve } from 'path';
+import { resolve, extname } from 'path';
 import { execSync } from 'child_process';
 import { getCredentials } from '../lib/credentials.js';
-import { uploadPackage, publishTheme, REGISTRY_URL } from '../lib/registry.js';
+import { uploadPackage, publishTheme, uploadScreenshot, REGISTRY_URL } from '../lib/registry.js';
 
 export default async function publish(args) {
   if (args.includes('--help')) {
     console.log(`
-  bluedither publish
+  bluedither publish [--screenshot <path>]
 
   Validates, builds, and publishes your theme to the BlueDither marketplace.
   If you're not logged in, a browser window will open for authentication.
+
+  Options:
+    --screenshot <path>   Path to a screenshot image (png/jpg/webp)
+                          Auto-detected: screenshot.png, preview.png, etc.
     `);
     return;
   }
@@ -160,15 +164,55 @@ export default async function publish(args) {
 
   const { path: packagePath } = await uploadPackage(zipFile, slug, creds.access_token);
 
-  console.log('Step 7: Publishing theme...');
+  // Upload screenshot if available
+  let screenshotUrl = null;
+  const ssIdx = args.indexOf('--screenshot');
+  const ssPath = ssIdx !== -1 ? resolve(dir, args[ssIdx + 1]) : null;
+
+  // Auto-detect screenshot file
+  const screenshotFile = ssPath
+    || ['screenshot.png', 'screenshot.jpg', 'screenshot.webp', 'preview.png', 'preview.jpg'].map(f => resolve(dir, f)).find(f => existsSync(f));
+
+  if (screenshotFile && existsSync(screenshotFile)) {
+    console.log(`Step 7: Uploading screenshot (${screenshotFile.split(/[\\/]/).pop()})...`);
+    try {
+      const imgBuffer = readFileSync(screenshotFile);
+      const ext = extname(screenshotFile).slice(1) || 'png';
+      const mimeType = { png: 'image/png', jpg: 'image/jpeg', jpeg: 'image/jpeg', webp: 'image/webp' }[ext] || 'image/png';
+      const imgBlob = new Blob([imgBuffer], { type: mimeType });
+      const imgFile = new File([imgBlob], `screenshot.${ext}`, { type: mimeType });
+      const result = await uploadScreenshot(imgFile, slug, creds.access_token);
+      screenshotUrl = result.url;
+      console.log('  ✓ Screenshot uploaded');
+    } catch (e) {
+      console.log(`  ⚠ Screenshot upload failed: ${e.message}`);
+    }
+  } else {
+    console.log('Step 7: No screenshot found — skipping.');
+    console.log('  Tip: Add screenshot.png to your theme directory, or use --screenshot <path>');
+  }
+
+  console.log('\nStep 8: Publishing theme...');
   const tokens = JSON.parse(readFileSync(resolve(dir, config.tokens), 'utf-8'));
 
+  // Read template HTML if available
+  let templateHtml = null;
+  for (const tmplPath of ['template/index.html', 'theme/template/index.html']) {
+    const full = resolve(dir, tmplPath);
+    if (existsSync(full)) {
+      templateHtml = readFileSync(full, 'utf-8');
+      break;
+    }
+  }
+
   const theme = await publishTheme({
     name: config.name,
     slug,
     description: tokens.content?.subHeadline || '',
     tokens_json: tokens,
     package_path: packagePath,
+    screenshot_url: screenshotUrl,
+    template_html: templateHtml,
   }, creds.access_token);
 
   console.log(`

package/cli/lib/registry.js

@@ -39,6 +39,23 @@ export async function uploadPackage(file, slug, accessToken) {
   return res.json();
 }
 
+export async function uploadScreenshot(file, slug, accessToken) {
+  const formData = new FormData();
+  formData.append('file', file);
+  formData.append('slug', slug);
+
+  const res = await fetch(`${REGISTRY_URL}/api/upload/screenshot`, {
+    method: 'POST',
+    headers: { Authorization: `Bearer ${accessToken}` },
+    body: formData,
+  });
+  if (!res.ok) {
+    const err = await res.json().catch(() => ({}));
+    throw new Error(err.error || `Screenshot upload failed: ${res.statusText}`);
+  }
+  return res.json();
+}
+
 export async function publishTheme(metadata, accessToken) {
   const res = await fetch(`${REGISTRY_URL}/api/themes`, {
     method: 'POST',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bluedither",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "A bold, dithered-shader hero theme for Claude Code — skill + fine-tuner",
   "type": "module",
   "bin": {