Code Editor
Use the built-in code editor to view and modify generated code.
Omma includes a built-in code editor. You can view, edit, and manage the code generated by the AI.
Features#
Syntax Highlighting#
The editor supports syntax highlighting for:
- JavaScript / TypeScript
- HTML
- CSS
- JSX / React
Code Versioning#
Every change is tracked with version history:
- Automatic versioning — Each AI-generated update creates a new version
- Version browser — Navigate through previous versions
- Restore — Revert to any previous version
Live Preview Sync#
Changes in the editor are reflected in the live preview in real-time. You can:
- Edit code manually in the editor
- See the preview update instantly
- Ask the AI to iterate on your manual changes
Auto-Fix#
If the generated code has errors, Omma can automatically detect and fix common issues:
- Syntax errors
- Missing imports
- Incorrect API usage
- React component errors
Editor Modes#
Default Mode#
The standard code editing mode with full editor functionality.
Visual Editor Mode#
A visual editing mode that lets you manipulate scene elements directly:
- Click to select objects
- Drag to move, rotate, or scale
- Property panel for fine-tuning values
- Real-time code synchronization
Keyboard Shortcuts#
| Shortcut | Action |
|---|---|
Ctrl/Cmd + S | Save current state |
Ctrl/Cmd + Z | Undo |
Ctrl/Cmd + Shift + Z | Redo |
Ctrl/Cmd + / | Toggle comment |
Ctrl/Cmd + D | Duplicate line |
Alt + Up/Down | Move line up/down |
Code Export#
You can export your project code:
- Copy to clipboard — Quick copy of the full source
- Download as ZIP — Package with all assets
- Publish — Deploy to a public URL