@imgly/plugin-ai-generation-web 0.2.10 → 0.2.12

package/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 ## [Unreleased]
 
+## [0.2.12] - 2025-11-21
+
+## [0.2.11] - 2025-11-21
+
+### New Features
+
+-   [generation-web] **Input Placeholder Customization**: Added support for customizing placeholder text in input fields (e.g., prompt textarea) through the i18n translation system. Placeholders follow the same priority chain as labels:
+    1. Provider-specific: `ly.img.plugin-ai-{kind}-generation-web.{provider.id}.property.{field}.placeholder`
+    2. Global: `ly.img.plugin-ai-generation-web.property.{field}.placeholder`
+    3. Provider defaults: `ly.img.plugin-ai-{kind}-generation-web.{provider.id}.defaults.property.{field}.placeholder`
+    4. Global defaults: `ly.img.plugin-ai-generation-web.defaults.property.{field}.placeholder`
+-   [image-generation] **Gemini Provider Placeholders**: Added example placeholder text to Gemini providers (GeminiFlash25 and Gemini25FlashImageEdit) demonstrating provider-specific placeholder customization
+-   [image-generation] **NanoBananaPro Provider**: Added NanoBananaPro text-to-image provider via fal.ai, an enhanced version of NanoBanana with advanced configuration options including 10 aspect ratio presets (1:1, 3:2, 2:3, 4:3, 3:4, 16:9, 9:16, 21:9, 9:21, 2.4:1), resolution multipliers (1K, 2K, 4K for standard/high/ultra quality), dynamic dimension calculation based on aspect ratio and resolution, and remixPageWithPrompt quick action support
+-   [image-generation] **NanoBananaProEdit Provider**: Added NanoBananaProEdit image-to-image provider via fal.ai for professional-grade image editing with text prompts, supporting resolution control (1K/2K/4K), all standard quick actions (editImage, swapBackground, styleTransfer, artistTransfer, createVariant, combineImages with up to 10 images, remixPage, remixPageWithPrompt), and automatic dimension preservation from source images
+
 ## [0.2.10] - 2025-10-22
 
 ### New Features

package/README.md

@@ -826,6 +826,38 @@ cesdk.i18n.setTranslations({
 });
 ```
 
+### Customizing Input Placeholders
+
+You can customize placeholder text for input fields (like the prompt textarea) using the same translation system. Placeholders help guide users on what to enter:
+
+```typescript
+cesdk.i18n.setTranslations({
+  en: {
+    // Generic placeholder (applies to ALL AI plugins)
+    'ly.img.plugin-ai-generation-web.property.prompt.placeholder':
+      'e.g., A serene mountain landscape at sunset...',
+
+    // Provider-specific placeholders (highest priority)
+    'ly.img.plugin-ai-image-generation-web.fal-ai/recraft-v3.property.prompt.placeholder':
+      'Describe your image in detail...',
+
+    'ly.img.plugin-ai-image-generation-web.fal-ai/gemini-25-flash-image/edit.property.prompt.placeholder':
+      'Describe the changes you want to make...',
+
+    'ly.img.plugin-ai-video-generation-web.fal-ai/veo3.property.prompt.placeholder':
+      'Describe the video scene, camera movements, and style...'
+  }
+});
+```
+
+**Translation Priority for Placeholders:**
+
+Placeholders follow the same priority chain as labels:
+1. `ly.img.plugin-ai-{kind}-generation-web.{provider.id}.property.{field}.placeholder` (highest)
+2. `ly.img.plugin-ai-generation-web.property.{field}.placeholder`
+3. `ly.img.plugin-ai-{kind}-generation-web.{provider.id}.defaults.property.{field}.placeholder`
+4. `ly.img.plugin-ai-generation-web.defaults.property.{field}.placeholder` (lowest)
+
 ### Dropdown Options
 
 For dropdown menus, add the option value to the translation key: