comfy-frontend
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data β all from the browser, and deployed in milliseconds.
React-based frontend for the ComfyUI interface.
Main application component that manages:
- Server IP configuration and status checking
- Tab navigation between upload, status, and history
- Global state management for jobs and history
Handles workflow file upload and execution:
- Drag & drop JSON file upload
- Manual JSON text editing with validation
- Workflow preview and node analysis
- Execute button with server status checking
Displays real-time job status and progress:
- Automatic polling for status updates
- Timeline visualization
- Progress bars for running jobs
- Error handling and display
Shows generated images with:
- Grid layout with thumbnails
- Full-size modal view
- Download functionality
- Loading states and error handling
- Real-time Updates: Automatic polling for job status
- Drag & Drop: Easy workflow file upload
- Responsive Design: Works on desktop and mobile
- Error Handling: Comprehensive error states
- Image Management: View, download, and share generated images
- History Tracking: Keep track of previous executions
The app uses React hooks for state management:
useStatefor component-level stateuseEffectfor side effects and pollinglocalStoragefor persisting server IP
Uses TailwindCSS for styling with custom CSS classes for:
- Drag & drop zones
- Status indicators
- Image galleries
- Modal overlays