@cli4ai/nanobanana 1.0.0

package/c4ai.json

@@ -0,0 +1,21 @@
+{
+  "name": "nanobanana",
+  "version": "1.0.0",
+  "description": "Image generation with Gemini (Nano Banana Pro)",
+  "author": "cliforai",
+  "license": "MIT",
+  "entry": "run.ts",
+  "runtime": "bun",
+  "keywords": ["gemini", "image", "generation", "ai", "browser"],
+  "commands": {
+    "image": { "description": "Generate image with Gemini", "args": [{ "name": "prompt", "required": true }] }
+  },
+  "dependencies": {
+    "puppeteer": "^24.0.0",
+    "commander": "^14.0.0"
+  },
+  "peerDependencies": {
+    "chrome": "c4ai chrome tool must be connected with Google account logged in"
+  },
+  "mcp": { "enabled": true, "transport": "stdio" }
+}

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@cli4ai/nanobanana",
+  "version": "1.0.0",
+  "description": "Image generation with Gemini (Nano Banana Pro)",
+  "author": "cliforai",
+  "license": "MIT",
+  "main": "run.ts",
+  "bin": {
+    "nanobanana": "./run.ts"
+  },
+  "type": "module",
+  "keywords": [
+    "c4ai",
+    "cli",
+    "ai-tools",
+    "gemini",
+    "image",
+    "generation",
+    "ai",
+    "browser"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/cli4ai/packages",
+    "directory": "packages/nanobanana"
+  },
+  "homepage": "https://github.com/cli4ai/packages/tree/main/packages/nanobanana",
+  "bugs": {
+    "url": "https://github.com/cli4ai/packages/issues"
+  },
+  "peerDependencies": {
+    "chrome": "c4ai chrome tool must be connected with Google account logged in"
+  },
+  "files": [
+    "run.ts",
+    "c4ai.json",
+    "README.md",
+    "LICENSE"
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/run.ts

@@ -0,0 +1,173 @@
+#!/usr/bin/env bun
+import puppeteer from '../chrome/node_modules/puppeteer';
+import { readFileSync } from 'fs';
+import { execSync } from 'child_process';
+import { join } from 'path';
+import { homedir } from 'os';
+import { cli, output, outputError, withErrorHandling, sleep } from '../lib/cli.ts';
+
+// List Gemini files in Downloads using shell (bypasses sandbox)
+function getGeminiFiles(): string[] {
+  try {
+    const result = execSync('ls -t ~/Downloads/Gemini_Generated_Image_* 2>/dev/null', { encoding: 'utf-8' });
+    return result.trim().split('\n').filter(Boolean);
+  } catch {
+    return [];
+  }
+}
+
+const WS_FILE = join(import.meta.dir, '../chrome/.ws-endpoint');
+const DOWNLOADS_DIR = join(homedir(), 'Downloads');
+
+const program = cli('nanobanana', '1.0.0', 'Image generation with Gemini (Nano Banana Pro)');
+
+program
+  .command('image <prompt>')
+  .description('Generate image with Gemini')
+  .action(withErrorHandling(async (prompt: string) => {
+    // Prepend "Create an image of" if not already an image prompt
+    const imagePrompt = prompt.toLowerCase().startsWith('create') ? prompt : `Create an image of ${prompt}`;
+
+    let ws: string;
+    try {
+      ws = readFileSync(WS_FILE, 'utf-8');
+    } catch {
+      outputError('NOT_FOUND', 'Not connected to Chrome', { hint: 'Run: chrome connect' });
+    }
+
+    const browser = await puppeteer.connect({ browserWSEndpoint: ws! });
+    const page = await browser.newPage();
+    await page.setViewport({ width: 2560, height: 1440 });
+
+    // Reset download behavior to default (~/Downloads)
+    const client = await page.createCDPSession();
+    await client.send('Browser.setDownloadBehavior', {
+      behavior: 'default'
+    });
+
+    try {
+      console.error('Navigating to Gemini...');
+      await page.goto('https://gemini.google.com/app', { waitUntil: 'networkidle2', timeout: 60000 });
+      await sleep(2000);
+
+      // Wait for the input area
+      console.error('Waiting for input area...');
+      const inputSelector = 'div[contenteditable="true"], rich-textarea div[contenteditable="true"], .ql-editor';
+      await page.waitForSelector(inputSelector, { timeout: 30000 });
+      await sleep(1000);
+
+      // Type the prompt
+      console.error(`Typing prompt: "${imagePrompt}"`);
+      const inputElement = await page.$(inputSelector);
+      await inputElement!.click();
+      await sleep(500);
+      await page.keyboard.type(imagePrompt, { delay: 30 });
+      await sleep(500);
+
+      // Click the Send message button
+      console.error('Submitting prompt...');
+      const sendBtn = await page.$('button[aria-label="Send message"]');
+      if (sendBtn) {
+        await sendBtn.click();
+      } else {
+        await page.keyboard.press('Enter');
+      }
+
+      // Wait for image generation (up to 120 seconds)
+      console.error('Waiting for image generation (up to 120 seconds)...');
+
+      let imageElement: puppeteer.ElementHandle | null = null;
+      const maxWait = 120000;
+      const startTime = Date.now();
+
+      while (Date.now() - startTime < maxWait) {
+        await sleep(3000);
+
+        // Look for generated images (large ones from googleusercontent)
+        const imgs = await page.$$('img[src*="googleusercontent.com"]');
+        for (const img of imgs) {
+          const box = await img.boundingBox();
+          if (box && box.width > 200 && box.height > 200) {
+            imageElement = img;
+            break;
+          }
+        }
+
+        if (imageElement) {
+          console.error('Image generated!');
+          break;
+        }
+
+        process.stderr.write('.');
+      }
+      console.error('');
+
+      if (!imageElement) {
+        outputError('TIMEOUT', 'No image generated within timeout');
+      }
+
+      // Click on the image to open the preview modal
+      console.error('Opening image preview...');
+      await imageElement!.click();
+      await sleep(2000);
+
+      // Click the download button (has mat-icon with download fonticon)
+      console.error('Clicking download button...');
+      await sleep(1000);
+
+      const downloadClicked = await page.evaluate(() => {
+        const btns = document.querySelectorAll('button');
+        for (const btn of btns) {
+          const icon = btn.querySelector('mat-icon[fonticon="download"]');
+          if (icon) {
+            btn.click();
+            return true;
+          }
+        }
+        return false;
+      });
+
+      if (!downloadClicked) {
+        outputError('NOT_FOUND', 'Could not find download button');
+      }
+      console.error('Download initiated');
+
+      // Poll for new file in Downloads
+      const beforeFiles = new Set(getGeminiFiles());
+      let newFile: string | null = null;
+
+      for (let i = 0; i < 30; i++) {
+        await sleep(1000);
+        const afterFiles = getGeminiFiles();
+        const newFiles = afterFiles.filter(f => !beforeFiles.has(f));
+        if (newFiles.length > 0) {
+          newFile = newFiles[0];
+          break;
+        }
+        process.stderr.write('.');
+      }
+      console.error('');
+
+      // Close the preview modal
+      await page.keyboard.press('Escape');
+
+      if (newFile) {
+        output({
+          prompt: imagePrompt,
+          image: newFile
+        });
+      } else {
+        output({
+          prompt: imagePrompt,
+          downloadDir: DOWNLOADS_DIR,
+          hint: 'Check Downloads folder for Gemini_Generated_Image_*.jpeg'
+        });
+      }
+
+    } finally {
+      // Keep page open, just disconnect
+      browser.disconnect();
+    }
+  }));
+
+program.parse();