Browse Source

Add changelog and update README with AI Quickstart docs

- Create CHANGELOG.md documenting all recent features and fixes
- Update README with AI Quickstart feature description
- Add Testing section with test commands
- Add Group Locking to features list

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
handoff-20260429-1057
Tom Spencer 6 months ago
parent
commit
185d47ebbf
  1. 48
      CHANGELOG.md
  2. 26
      README.md

48
CHANGELOG.md

@ -0,0 +1,48 @@
# Changelog
All notable changes to Node Banana will be documented in this file.
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
## [Unreleased]
### Added
- **AI Quickstart Feature** - Generate complete workflows from natural language descriptions
- Welcome screen appears on empty canvas with preset templates and custom description input
- 6 preset workflow templates: Product Shot, Model + Product, Color Variations, Background Swap, Style Transfer, Scene Composite
- Content level selector (empty/minimal/full) to control how much detail is pre-filled
- Uses Gemini LLM to generate custom workflows from descriptions
- JSON validation and repair for generated workflows
- Sample images included in `/public/sample-images/` for templates
- **Test Suite** - Comprehensive testing with Vitest
- 108 tests covering quickstart templates, validation, and prompts
- 90%+ code coverage for quickstart module
- Run tests with `npm test` or `npm run test:coverage`
- **Node Expansion & Run** - Expand nodes to full-screen modal and run individual nodes
- **Group Locking** - Lock node groups to skip them during workflow execution
- **Image Carousel** - Browse through image history on generation nodes
### Fixed
- Run button and global modal state issues
- Carousel image inversion
- Two-finger pan behavior on Mac
- Comment tooltip z-index issues
## [1.0.0] - Initial Release
### Added
- Visual node editor with drag-and-drop canvas
- Image Input node for loading images
- Prompt node for text input
- Annotation node with full-screen drawing tools (rectangles, circles, arrows, freehand, text)
- NanoBanana node for AI image generation using Gemini
- LLM Generate node for text generation (Gemini and OpenAI)
- Output node for displaying results
- Workflow save/load as JSON files
- Connection validation (image-to-image, text-to-text)
- Multi-image input support for generation nodes

26
README.md

@ -8,12 +8,14 @@ Node Banana is node-based workflow application for generating images with NBP. B
## Features
- **AI Quickstart** - Generate complete workflows from natural language descriptions or choose from preset templates
- **Visual Node Editor** - Drag-and-drop nodes onto an infinite canvas with pan and zoom
- **Image Annotation** - Full-screen editor with drawing tools (rectangles, circles, arrows, freehand, text)
- **AI Image Generation** - Generate images using Google Gemini models
- **Text Generation** - Generate text using Google Gemini or OpenAI models
- **Workflow Chaining** - Connect multiple nodes to create complex pipelines
- **Save/Load Workflows** - Export and import workflows as JSON files
- **Group Locking** - Lock node groups to skip them during execution
## Tech Stack
@ -78,6 +80,20 @@ The `/examples` directory contains some example workflow files from my personal
4. **Run workflow** - Click the Run button to execute the pipeline
5. **Save/Load** - Use the header menu to save or load workflows
## AI Quickstart
When you open the app with an empty canvas, you'll see the AI Quickstart welcome screen. You can:
1. **Choose a preset template** - Click one of 6 preset workflow templates:
- Product Shot, Model + Product, Color Variations, Background Swap, Style Transfer, Scene Composite
2. **Describe your workflow** - Enter a natural language description and let Gemini generate a custom workflow
3. **Select content level** - Choose how much detail to pre-fill:
- Empty: Blank nodes for you to fill in
- Minimal: Placeholder prompts as starting points
- Full: Complete example prompts demonstrating the workflow
The generated workflow includes properly connected nodes with sample images ready to customize.
## Connection Rules
- **Image** handles connect to **Image** handles only
@ -85,6 +101,16 @@ The `/examples` directory contains some example workflow files from my personal
- Image inputs on generation nodes accept multiple connections
- Text inputs accept single connections
## Testing
Run the test suite with:
```bash
npm test # Watch mode
npm run test:run # Single run
npm run test:coverage # With coverage report
```
## Contributions
PRs are welcome, please pull the latest changes from develop before creating a PR and make it to the develop branch, not master. Not that I'm primarily making this for my own workflows, if the PR conflicts with my own plans I'll politely reject it. If you want to collaborate, consider joining the Discord and we can hash something out.

Loading…
Cancel
Save