Code Editor Overview
The Urumi Code Editor is a browser-based VS Code-like editor that lets you edit your store's files directly in the browser without any local setup.
What is the Code Editor?
The Code Editor provides a full-featured development environment:
- Browser-based - No local installation required
- VS Code interface - Familiar editing experience
- Full file access - Browse and edit all WordPress files
- Integrated terminal - Run commands directly
- Syntax highlighting - Support for PHP, JavaScript, CSS, and more
Development Environment Only
The Code Editor connects to your Development environment only:
- All changes are made to Development files
- Production remains safe and unchanged
- Use deployments to push tested changes to Production
Safe Editing
Changes in the Code Editor only affect your Development environment. Deploy to Production when you're ready.
Accessing the Code Editor
From Urumi AI
- Navigate to a store's Urumi AI page
- Click Open Full Chat to enter the split-panel interface
- Click the Code tab on the right panel
- The code editor loads in the preview area
Direct Access
The Code Editor can also be accessed at:
https://yourstore-staging-claude.myscalablesite.com/code/
Replace yourstore with your actual store slug.
System Requirements
The Code Editor works in any modern browser:
| Browser | Supported |
|---|---|
| Chrome | Yes |
| Firefox | Yes |
| Safari | Yes |
| Edge | Yes |
A stable internet connection is required for real-time file editing.
When to Use the Code Editor
Good use cases:
- Quick file edits without local setup
- Reviewing code suggested by Urumi AI
- Debugging issues in Development
- Making small theme customizations
Consider alternatives for:
- Large-scale development projects
- Working with large files
- When offline access is needed
For extensive development work, consider using SSH/SFTP access with your preferred local editor.