opencode-nanobanana 0.1.0

package/test-app-icons.ts

@@ -0,0 +1,55 @@
+import { GeminiProvider } from './src/providers/gemini.js';
+import { saveImage } from './src/utils/file-handler.js';
+import { IOS_ICON_SIZES } from './src/platforms/ios.js';
+import * as fs from 'fs/promises';
+import sharp from 'sharp';
+
+async function generateAppIcons() {
+  console.log('🚀 Generating iOS App Icon Set - Blue Rocket Ship\n');
+  
+  const provider = new GeminiProvider();
+  const outputDir = './generated-assets/ios-rocket-icons';
+  
+  // Create output directory
+  await fs.mkdir(outputDir, { recursive: true });
+  
+  const prompt = 'A sleek blue rocket ship icon on a beautiful gradient background, purple to blue gradient, minimalist flat design, app icon style, centered composition, clean and modern';
+  
+  console.log('📝 Prompt:', prompt);
+  console.log('⏳ Generating master icon (1024x1024)...\n');
+  
+  const startTime = Date.now();
+  const images = await provider.generateImage(prompt, { 
+    aspectRatio: '1:1', 
+    count: 1 
+  });
+  
+  const masterPath = `${outputDir}/icon-1024.png`;
+  await fs.writeFile(masterPath, images[0]);
+  console.log(`✅ Master icon saved: ${masterPath}`);
+  
+  console.log('\n📱 Generating all iOS sizes...\n');
+  
+  // Generate all iOS icon sizes
+  for (const iconSize of IOS_ICON_SIZES) {
+    const size = iconSize.size;
+    const scale = iconSize.scale;
+    const pixelSize = size * scale;
+    const filename = `icon-${size}@${scale}x.png`;
+    const filepath = `${outputDir}/${filename}`;
+    
+    await sharp(images[0])
+      .resize(pixelSize, pixelSize, { fit: 'fill' })
+      .png()
+      .toFile(filepath);
+    
+    console.log(`   ✅ ${filename} (${pixelSize}x${pixelSize}px) - ${iconSize.idiom}`);
+  }
+  
+  const duration = ((Date.now() - startTime) / 1000).toFixed(1);
+  
+  console.log(`\n🎉 Done! Generated ${IOS_ICON_SIZES.length + 1} icons in ${duration}s`);
+  console.log(`📁 Location: ${outputDir}`);
+}
+
+generateAppIcons().catch(console.error);

package/test-cat-sunset.ts

@@ -0,0 +1,30 @@
+import { GeminiProvider } from './src/providers/gemini.js';
+import { saveImage } from './src/utils/file-handler.js';
+
+async function generateCatSunset() {
+  console.log('🐱 Generating cat at sunset beach...\n');
+  
+  const provider = new GeminiProvider();
+  
+  const prompt = 'A silhouette of a cat sitting peacefully on a sandy beach, facing a beautiful vibrant sunset over the ocean, warm orange and pink sky colors reflecting on calm waves, golden hour lighting, serene and tranquil atmosphere, photorealistic style, wide-angle composition';
+  
+  console.log('📝 Prompt:', prompt);
+  console.log('⏳ Generating...\n');
+  
+  const startTime = Date.now();
+  const images = await provider.generateImage(prompt, { 
+    aspectRatio: '16:9', 
+    count: 1 
+  });
+  const duration = ((Date.now() - startTime) / 1000).toFixed(1);
+  
+  console.log(`✅ Generated in ${duration}s`);
+  console.log(`📦 Size: ${(images[0].length / 1024).toFixed(1)}KB\n`);
+  
+  const outputPath = await saveImage(images[0], './generated-assets', 'cat-sunset-beach', 0);
+  console.log(`💾 Saved to: ${outputPath}`);
+  
+  console.log('\n🎉 Done! Your peaceful sunset scene is ready.');
+}
+
+generateCatSunset().catch(console.error);

package/test-full-plugin.ts

@@ -0,0 +1,88 @@
+import { GeminiProvider } from './src/providers/gemini.js';
+import { saveImage } from './src/utils/file-handler.js';
+import * as fs from 'fs/promises';
+
+async function runTests() {
+  console.log('🧪 FULL PLUGIN TEST SUITE\n');
+  console.log('=' .repeat(50));
+  
+  const provider = new GeminiProvider();
+  const results: {test: string, status: string, time: string}[] = [];
+  
+  // Test 1: Image Generation
+  console.log('\n1️⃣  Testing generate_image...');
+  try {
+    const start = Date.now();
+    const images = await provider.generateImage('A simple blue circle icon, minimal', { count: 1 });
+    const time = ((Date.now() - start) / 1000).toFixed(1);
+    await saveImage(images[0], './test-output', 'test-generate', 0);
+    results.push({test: 'generate_image', status: '✅ PASS', time: `${time}s`});
+    console.log(`   ✅ Generated image in ${time}s`);
+  } catch (e: any) {
+    results.push({test: 'generate_image', status: '❌ FAIL', time: e.message});
+    console.log(`   ❌ Failed: ${e.message}`);
+  }
+
+  // Test 2: Image Analysis
+  console.log('\n2️⃣  Testing analyze_image...');
+  try {
+    const start = Date.now();
+    const testImage = await fs.readFile('./test-output/test-generate.png');
+    const analysis = await provider.analyzeImage(testImage, 'What color is this shape?');
+    const time = ((Date.now() - start) / 1000).toFixed(1);
+    results.push({test: 'analyze_image', status: '✅ PASS', time: `${time}s`});
+    console.log(`   ✅ Analyzed in ${time}s: "${analysis.substring(0, 50)}..."`);
+  } catch (e: any) {
+    results.push({test: 'analyze_image', status: '❌ FAIL', time: e.message});
+    console.log(`   ❌ Failed: ${e.message}`);
+  }
+
+  // Test 3: Image Editing
+  console.log('\n3️⃣  Testing edit_image...');
+  try {
+    const start = Date.now();
+    const testImage = await fs.readFile('./test-output/test-generate.png');
+    const edited = await provider.editImage(testImage, 'Make the circle red instead of blue');
+    const time = ((Date.now() - start) / 1000).toFixed(1);
+    await saveImage(edited, './test-output', 'test-edit', 0);
+    results.push({test: 'edit_image', status: '✅ PASS', time: `${time}s`});
+    console.log(`   ✅ Edited image in ${time}s`);
+  } catch (e: any) {
+    results.push({test: 'edit_image', status: '❌ FAIL', time: e.message});
+    console.log(`   ❌ Failed: ${e.message}`);
+  }
+
+  // Test 4: Video Generation
+  console.log('\n4️⃣  Testing generate_video...');
+  try {
+    const start = Date.now();
+    const video = await provider.generateVideo('A simple animation of a bouncing ball');
+    const time = ((Date.now() - start) / 1000).toFixed(1);
+    await fs.writeFile('./test-output/test-video.mp4', video);
+    results.push({test: 'generate_video', status: '✅ PASS', time: `${time}s`});
+    console.log(`   ✅ Generated video in ${time}s (${(video.length/1024/1024).toFixed(1)}MB)`);
+  } catch (e: any) {
+    results.push({test: 'generate_video', status: '❌ FAIL', time: e.message});
+    console.log(`   ❌ Failed: ${e.message}`);
+  }
+
+  // Summary
+  console.log('\n' + '=' .repeat(50));
+  console.log('📊 TEST RESULTS SUMMARY\n');
+  console.log('| Test           | Status  | Time    |');
+  console.log('|----------------|---------|---------|');
+  for (const r of results) {
+    console.log(`| ${r.test.padEnd(14)} | ${r.status.padEnd(7)} | ${r.time.padEnd(7)} |`);
+  }
+  
+  const passed = results.filter(r => r.status.includes('PASS')).length;
+  console.log(`\n${passed}/${results.length} tests passed`);
+  
+  if (passed === results.length) {
+    console.log('\n🎉 ALL TESTS PASSED - Plugin is ready for production!');
+  } else {
+    console.log('\n⚠️  Some tests failed - review before merging');
+  }
+}
+
+fs.mkdir('./test-output', { recursive: true }).then(() => runTests()).catch(console.error);

package/test-icon-gen.ts

@@ -0,0 +1,30 @@
+import { GeminiProvider } from './src/providers/gemini.js';
+import { saveImage } from './src/utils/file-handler.js';
+
+async function generateIcon() {
+  console.log('🎨 Generating modern app icon...\n');
+  
+  const provider = new GeminiProvider();
+  
+  const prompt = 'A modern app icon with gradient colors, minimalist design, rounded square shape, professional and clean aesthetic, vibrant blue and purple gradient';
+  
+  console.log('📝 Prompt:', prompt);
+  console.log('⏳ Generating...\n');
+  
+  const startTime = Date.now();
+  const images = await provider.generateImage(prompt, { 
+    aspectRatio: '1:1', 
+    count: 1 
+  });
+  const duration = ((Date.now() - startTime) / 1000).toFixed(1);
+  
+  console.log(`✅ Generated in ${duration}s`);
+  console.log(`📦 Size: ${(images[0].length / 1024).toFixed(1)}KB\n`);
+  
+  const outputPath = await saveImage(images[0], './generated-assets', 'modern-app-icon', 0);
+  console.log(`💾 Saved to: ${outputPath}`);
+  
+  console.log('\n🎉 Done! Your modern app icon is ready.');
+}
+
+generateIcon().catch(console.error);

package/test-plugin-load.js

@@ -0,0 +1,45 @@
+#!/usr/bin/env node
+/**
+ * Test script to verify OpenCode Visual Toolkit plugin loads correctly
+ */
+
+import VisualToolkitPlugin from './dist/index.js';
+
+console.log('🧪 Testing OpenCode Visual Toolkit Plugin Load...\n');
+
+try {
+  // Check plugin structure
+  console.log('✓ Plugin imported successfully');
+  console.log('  Plugin is async function:', typeof VisualToolkitPlugin === 'function');
+
+  // Initialize the plugin (it's an async function)
+  console.log('\n🔄 Initializing plugin...\n');
+  const pluginInstance = await VisualToolkitPlugin({});
+
+  // Count tools
+  const tools = pluginInstance.tool || {};
+  const toolCount = Object.keys(tools).length;
+  console.log(`\n✓ Plugin has ${toolCount} tools registered:`);
+
+  // List all tools with descriptions
+  Object.entries(tools).forEach(([name, tool]) => {
+    console.log(`  • ${name}`);
+    if (tool.description) {
+      const desc = tool.description.substring(0, 70);
+      console.log(`    ${desc}${desc.length < tool.description.length ? '...' : ''}`);
+    }
+  });
+
+  console.log('\n✅ Plugin loaded successfully!\n');
+  console.log('To use in OpenCode Desktop:');
+  console.log('  1. Restart OpenCode Desktop app');
+  console.log('  2. Tools will be available automatically');
+  console.log('  3. Try: "Generate a modern app icon"');
+  console.log('  4. Or: "Create iOS app icons with a blue rocket"');
+
+  process.exit(0);
+} catch (error) {
+  console.error('❌ Plugin failed to load:', error.message);
+  console.error(error.stack);
+  process.exit(1);
+}

package/test-princess-emma-continue.ts

@@ -0,0 +1,35 @@
+import { generateStoryboardVideo } from './src/tools/video/storyboard-video.js';
+import { join } from 'path';
+import { mkdir } from 'fs/promises';
+
+const API_KEY = process.env.GEMINI_API_KEY || 'AIzaSyDROqIj3wBKod1ks16MI9rwo7BZipqug9w';
+const OUTPUT_DIR = './generated-assets/princess-emma';
+
+async function main() {
+  console.log('\n🏰 Princess Emma - Remaining Scenes (4-7)\n');
+  
+  await mkdir(OUTPUT_DIR, { recursive: true });
+
+  const result = await generateStoryboardVideo({
+    apiKey: API_KEY,
+    characterDescription: 'Princess Emma, a sweet toddler girl around 3 years old with chin-length wavy blonde hair, small pink flower hair clips on each side, big round blue-green eyes, rosy cheeks, and a gentle smile, wearing a flowing pink princess dress with puffy sleeves, accompanied by her fluffy small white dog Fifi',
+    style: 'magical fairy tale animation, soft pastel watercolor style, enchanted storybook illustration, warm lighting',
+    scenes: [
+      'Princess Emma kneels down in the tall green grass near an old stone fountain, searching carefully while her fluffy white dog Fifi sniffs around helping to look for something',
+      'Fifi the white dog barks excitedly and wags his tail as he finds a glowing blue gemstone near the fountain, Princess Emma picks it up with wonder in her eyes',
+      'Princess Emma gently hands the shimmering blue Aqua Stone to the grateful tiny blue fairy Aqua, both smiling with joy as magical sparkles surround them',
+      'The fairy Aqua waves her tiny wand and magical sparkles spread everywhere, all the flowers bloom in vibrant colors, trees sparkle with magic, butterflies appear, the garden transforms into a paradise'
+    ],
+    aspectRatio: '16:9',
+    transition: 'crossfade',
+    transitionDuration: 0.8,
+    outputPath: join(OUTPUT_DIR, 'princess-emma-part2.mp4'),
+  });
+
+  console.log(`\n✨ Part 2 complete!`);
+  console.log(`📁 Video: ${result.videoPath}`);
+  console.log(`⏱️  Total time: ${(result.totalTime / 1000 / 60).toFixed(1)} minutes`);
+  console.log(`🎬 Scenes: ${result.successCount}/${result.successCount + result.failureCount}`);
+}
+
+main().catch(console.error);

package/test-princess-emma-full.ts

@@ -0,0 +1,38 @@
+import { generateStoryboardVideo } from './src/tools/video/storyboard-video.js';
+import { join } from 'path';
+import { mkdir } from 'fs/promises';
+
+const API_KEY = process.env.GEMINI_API_KEY || 'AIzaSyDROqIj3wBKod1ks16MI9rwo7BZipqug9w';
+const OUTPUT_DIR = './generated-assets/princess-emma';
+
+async function main() {
+  console.log('\n🏰 Princess Emma and Fifi - Full Story\n');
+  
+  await mkdir(OUTPUT_DIR, { recursive: true });
+
+  const result = await generateStoryboardVideo({
+    apiKey: API_KEY,
+    characterDescription: 'Princess Emma, a sweet toddler girl around 3 years old with chin-length wavy blonde hair, small pink flower hair clips on each side, big round blue-green eyes, rosy cheeks, and a gentle smile, wearing a flowing pink princess dress with puffy sleeves, accompanied by her fluffy small white dog Fifi',
+    style: 'magical fairy tale animation, soft pastel watercolor style, enchanted storybook illustration, warm lighting',
+    scenes: [
+      'A beautiful white castle with bright pink cone-shaped roofs and towers, surrounded by lush green gardens with colorful flowers and tiny glowing fairies flying around in the morning sunlight',
+      'Princess Emma and her fluffy white dog Fifi happily walk out through the grand castle doors into the sunny magical garden, birds singing in the trees',
+      'A tiny blue fairy named Aqua with sparkling translucent wings flies up to Princess Emma looking worried, pointing at the tall grass and explaining something',
+      'Princess Emma kneels down in the tall green grass near an old stone fountain, searching carefully while Fifi sniffs around helping to look',
+      'Fifi barks excitedly and wags his tail as he finds a glowing blue gemstone near the fountain, Princess Emma picks it up with wonder in her eyes',
+      'Princess Emma gently hands the shimmering blue Aqua Stone to the grateful fairy Aqua, both smiling with joy as sparkles surround them',
+      'The fairy Aqua waves her tiny wand and magical sparkles spread everywhere, all the flowers bloom in vibrant colors, trees sparkle with magic, butterflies appear, the garden transforms into a paradise'
+    ],
+    aspectRatio: '16:9',
+    transition: 'crossfade',
+    transitionDuration: 0.8,
+    outputPath: join(OUTPUT_DIR, 'princess-emma-full-story.mp4'),
+  });
+
+  console.log(`\n✨ Story complete!`);
+  console.log(`📁 Video: ${result.videoPath}`);
+  console.log(`⏱️  Total time: ${(result.totalTime / 1000 / 60).toFixed(1)} minutes`);
+  console.log(`🎬 Scenes: ${result.successCount}/${result.successCount + result.failureCount}`);
+}
+
+main().catch(console.error);

package/test-princess-emma-short.ts

@@ -0,0 +1,32 @@
+import { generateStoryboardVideo } from './src/tools/video/storyboard-video.js';
+import { join } from 'path';
+import { mkdir } from 'fs/promises';
+
+const API_KEY = process.env.GEMINI_API_KEY || 'AIzaSyDROqIj3wBKod1ks16MI9rwo7BZipqug9w';
+const OUTPUT_DIR = './generated-assets/princess-emma';
+
+async function main() {
+  console.log('\n🏰 Princess Emma - Short Test (2 scenes)\n');
+  
+  await mkdir(OUTPUT_DIR, { recursive: true });
+
+  const result = await generateStoryboardVideo({
+    apiKey: API_KEY,
+    characterDescription: 'Princess Emma, a young girl with golden hair wearing a pink princess dress, and her fluffy white dog Fifi',
+    style: 'magical fairy tale animation, soft dreamy colors',
+    scenes: [
+      'A beautiful white castle with pink cone towers surrounded by lush green gardens and tiny glowing fairies',
+      'Princess Emma and her fluffy white dog Fifi walk out of the castle into the sunny garden'
+    ],
+    aspectRatio: '16:9',
+    transition: 'crossfade',
+    transitionDuration: 0.5,
+    outputPath: join(OUTPUT_DIR, 'princess-emma-short-test.mp4'),
+  });
+
+  console.log(`\n✨ Test complete!`);
+  console.log(`📁 Video: ${result.videoPath}`);
+  console.log(`⏱️  Total time: ${(result.totalTime / 1000 / 60).toFixed(1)} minutes`);
+}
+
+main().catch(console.error);

package/test-princess-emma-with-reference.ts

@@ -0,0 +1,34 @@
+import { generateStoryboardVideo } from './src/tools/video/storyboard-video.js';
+import { join } from 'path';
+import { mkdir } from 'fs/promises';
+
+const API_KEY = process.env.GEMINI_API_KEY || 'AIzaSyDROqIj3wBKod1ks16MI9rwo7BZipqug9w';
+const OUTPUT_DIR = './generated-assets/princess-emma';
+const REFERENCE_IMAGE = './generated-assets/princess-emma/IMG_3609.jpeg';
+
+async function main() {
+  console.log('\n🏰 Princess Emma with Reference Image Test\n');
+  
+  await mkdir(OUTPUT_DIR, { recursive: true });
+
+  const result = await generateStoryboardVideo({
+    apiKey: API_KEY,
+    characterDescription: 'Princess Emma, a young toddler girl with short blonde wavy hair and pink hair clips, wearing a pink princess dress, with her fluffy white small dog Fifi',
+    style: 'magical fairy tale animation, soft pastel colors, enchanted storybook illustration',
+    referenceImages: [REFERENCE_IMAGE],
+    scenes: [
+      'A beautiful white castle with bright pink cone-shaped roofs, surrounded by lush green gardens with colorful flowers and tiny glowing fairies flying around',
+      'Princess Emma and her fluffy white dog Fifi happily walk out of the castle gate into the sunny magical garden, birds singing'
+    ],
+    aspectRatio: '16:9',
+    transition: 'crossfade',
+    transitionDuration: 0.5,
+    outputPath: join(OUTPUT_DIR, 'princess-emma-with-reference.mp4'),
+  });
+
+  console.log(`\n✨ Test complete!`);
+  console.log(`📁 Video: ${result.videoPath}`);
+  console.log(`⏱️  Total time: ${(result.totalTime / 1000 / 60).toFixed(1)} minutes`);
+}
+
+main().catch(console.error);

package/test-princess-emma.ts

@@ -0,0 +1,38 @@
+import { generateStoryboardVideo } from './src/tools/video/storyboard-video.js';
+import { join } from 'path';
+import { mkdir } from 'fs/promises';
+
+const API_KEY = process.env.GEMINI_API_KEY || 'AIzaSyDROqIj3wBKod1ks16MI9rwo7BZipqug9w';
+const OUTPUT_DIR = './generated-assets/princess-emma';
+
+async function main() {
+  console.log('\n🏰 Princess Emma and Fifi - Storyboard Video Test\n');
+  
+  await mkdir(OUTPUT_DIR, { recursive: true });
+
+  const result = await generateStoryboardVideo({
+    apiKey: API_KEY,
+    characterDescription: 'Princess Emma, a young girl with golden hair wearing a pink princess dress, and her fluffy white dog Fifi',
+    style: 'magical fairy tale animation, soft dreamy colors, enchanted atmosphere',
+    scenes: [
+      'A beautiful white castle with pink cone towers surrounded by lush green gardens, flowers, and tiny glowing fairies flying around',
+      'Princess Emma and her fluffy white dog Fifi walk out of the castle door into the sunny garden, birds singing',
+      'A tiny blue fairy named Aqua with sparkling wings flies up to Princess Emma, looking worried and pointing at the tall grass',
+      'Princess Emma and Fifi search through the tall grass near a stone fountain, looking carefully for something',
+      'Fifi finds a glowing blue Aqua Stone near the fountain, barking happily while Princess Emma picks it up',
+      'Princess Emma hands the blue stone to the grateful fairy Aqua, everyone smiling with joy',
+      'The fairy waves her wand and all the flowers bloom, trees sparkle with magic, the garden transforms into a paradise'
+    ],
+    aspectRatio: '16:9',
+    transition: 'crossfade',
+    transitionDuration: 0.8,
+    outputPath: join(OUTPUT_DIR, 'princess-emma-and-fifi.mp4'),
+  });
+
+  console.log(`\n✨ Story complete!`);
+  console.log(`📁 Video: ${result.videoPath}`);
+  console.log(`⏱️  Total time: ${(result.totalTime / 1000 / 60).toFixed(1)} minutes`);
+  console.log(`🎬 Scenes: ${result.successCount}/${result.successCount + result.failureCount}`);
+}
+
+main().catch(console.error);

package/test-product-ad.ts

@@ -0,0 +1,66 @@
+import { GoogleGenAI } from '@google/genai';
+import { createWriteStream } from 'fs';
+import { Readable } from 'stream';
+import * as fs from 'fs/promises';
+
+async function generateProductAd() {
+  console.log('🎬 Generating Product Advertisement Video...\n');
+  
+  const ai = new GoogleGenAI({ apiKey: process.env.GEMINI_API_KEY });
+  
+  const prompt = `Professional product advertisement video: An attractive woman in her 30s with long blonde-brown hair, wearing a grey tweed blazer over a white collared blouse, standing in a modern bright kitchen. She is holding a white cylindrical sports nutrition container with a grey lid, presenting it to the camera with a warm confident smile. She gestures towards the product while talking, professional lighting, clean modern kitchen with marble countertops in background, advertisement commercial style, high production value, 4K quality`;
+
+  console.log('📝 Prompt:', prompt);
+  console.log('\n⏳ Starting video generation (30-90 seconds)...\n');
+  
+  const startTime = Date.now();
+  
+  let operation = await ai.models.generateVideos({
+    model: 'veo-2.0-generate-001',
+    prompt: prompt,
+    config: {
+      numberOfVideos: 1,
+      aspectRatio: '16:9',
+    }
+  });
+
+  console.log('🔄 Operation started:', operation.name);
+  
+  let pollCount = 0;
+  while (!operation.done) {
+    pollCount++;
+    const elapsed = ((Date.now() - startTime) / 1000).toFixed(0);
+    console.log(`⏳ Generating... (${elapsed}s elapsed, poll #${pollCount})`);
+    
+    await new Promise(resolve => setTimeout(resolve, 10000));
+    operation = await ai.operations.getVideosOperation({ operation });
+  }
+
+  const duration = ((Date.now() - startTime) / 1000).toFixed(1);
+  console.log(`\n✅ Generation complete in ${duration}s`);
+
+  if (operation.response?.generatedVideos && operation.response.generatedVideos.length > 0) {
+    const video = operation.response.generatedVideos[0];
+    const videoUrl = `${video.video?.uri}&key=${process.env.GEMINI_API_KEY}`;
+    
+    console.log('📥 Downloading video...');
+    
+    await fs.mkdir('./generated-assets', { recursive: true });
+    const outputPath = './generated-assets/sponser-product-ad.mp4';
+    
+    const resp = await fetch(videoUrl);
+    const writer = createWriteStream(outputPath);
+    Readable.fromWeb(resp.body as any).pipe(writer);
+    
+    await new Promise(resolve => writer.on('finish', resolve));
+    
+    console.log(`💾 Saved to: ${outputPath}`);
+    console.log('\n🎉 Done! Product ad video ready (no audio).');
+    console.log('\n⚠️  Note: Product is generic (not exact Sponser branding)');
+    console.log('⚠️  Note: Person is AI-generated (similar style, not the actual person)');
+  } else {
+    console.log('❌ No videos were generated');
+  }
+}
+
+generateProductAd().catch(console.error);

package/test-ralph-droid.ts

@@ -0,0 +1,30 @@
+import { GeminiProvider } from './src/providers/gemini.js';
+import { saveImage } from './src/utils/file-handler.js';
+
+async function generateRalphDroid() {
+  console.log('🤖 Generating Ralph Wiggum in Cyberpunk Droid Suit...\n');
+  
+  const provider = new GeminiProvider();
+  
+  const prompt = 'A chubby cartoon character with a round face and buck teeth wearing a futuristic cyberpunk droid suit, neon purple and orange colors, mechanical armor with glowing circuits, retro-futuristic aesthetic, digital art style, detailed tech armor, cheerful expression';
+  
+  console.log('📝 Prompt:', prompt);
+  console.log('⏳ Generating...\n');
+  
+  const startTime = Date.now();
+  const images = await provider.generateImage(prompt, { 
+    aspectRatio: '1:1', 
+    count: 1 
+  });
+  const duration = ((Date.now() - startTime) / 1000).toFixed(1);
+  
+  console.log(`✅ Generated in ${duration}s`);
+  console.log(`📦 Size: ${(images[0].length / 1024).toFixed(1)}KB\n`);
+  
+  const outputPath = await saveImage(images[0], './generated-assets', 'ralph-cyberpunk-droid', 0);
+  console.log(`💾 Saved to: ${outputPath}`);
+  
+  console.log('\n🎉 Done! Your cyberpunk character is ready.');
+}
+
+generateRalphDroid().catch(console.error);

package/test-social-preview.ts

@@ -0,0 +1,61 @@
+import { GeminiProvider } from './src/providers/gemini.js';
+import { saveImage } from './src/utils/file-handler.js';
+
+async function generateSocialPreview() {
+  console.log('🌐 Generating Social Preview for Ralph Ultra...\n');
+  
+  const provider = new GeminiProvider();
+  
+  const projectName = "Ralph Ultra";
+  const description = "Production-grade autonomous AI agent orchestration with health monitoring, cost tracking, and auto-recovery";
+  const style = "bold";
+  
+  const prompt = `Create a professional social media preview image (Open Graph) for a project called "${projectName}" with the description: "${description}".
+
+Use a high-contrast design with vibrant colors.
+Dark background (navy blue, deep purple, or black) with bright accent colors.
+Display the project name "Ralph Ultra" in extra-bold, large white or yellow text.
+Show the description in bright white text below.
+Add dramatic lighting effects, glows, or neon-style elements.
+Create a strong visual impact - this should grab attention immediately.
+Bold, modern, energetic design.
+
+Requirements:
+- Image must be in landscape orientation (wider than tall) at approximately 1200x630 pixels ratio
+- Text must be large and highly readable even at small sizes
+- Composition should be centered and balanced
+- Professional quality suitable for social media sharing (Facebook, Twitter, LinkedIn)
+- Design should work well as a thumbnail preview`;
+
+  console.log(`📝 Project: ${projectName}`);
+  console.log(`📄 Description: ${description}`);
+  console.log(`🎨 Style: ${style}`);
+  console.log('\n⏳ Generating...\n');
+  
+  const startTime = Date.now();
+  const images = await provider.generateImage(prompt, { 
+    aspectRatio: '16:9',
+    count: 1 
+  });
+  const duration = ((Date.now() - startTime) / 1000).toFixed(1);
+  
+  console.log(`✅ Generated in ${duration}s`);
+  console.log(`📦 Size: ${(images[0].length / 1024).toFixed(1)}KB\n`);
+  
+  const outputPath = await saveImage(images[0], './generated-assets', 'ralph-ultra-social-preview', 0);
+  console.log(`💾 Saved to: ${outputPath}`);
+  
+  console.log(`
+📝 Add this to your HTML <head>:
+\`\`\`html
+<meta property="og:image" content="${outputPath}" />
+<meta property="og:title" content="${projectName}" />
+<meta property="og:description" content="${description}" />
+<meta name="twitter:card" content="summary_large_image" />
+\`\`\`
+`);
+
+  console.log('🎉 Done! Your social preview is ready for sharing.');
+}
+
+generateSocialPreview().catch(console.error);