This editor combines A-Frame Inspector, A-Frame Watcher and a git client.
It uses aframe-watcher-bun to save changes made in the A-Frame Inspector directly back to your HTML files, provided your A-Frame elements carry a unique, valid DOM id.
Clone this repository, then run :
bun install
bun devserver.ts: A lightweight Bun server that serves yourindex.htmland provides a/saveendpoint.index.html: Your A-Frame scene. It includes a small script to tell the A-Frame Inspector where to send changes.- Persistence: When you press the save icon in the A-Frame Inspector (CTRL+ALT+I), the changes are sent to the Bun server, which updates your
index.htmlon disk.
- Run
bun dev. - Open
http://localhost:3000in your browser. - Press
CTRL + ALT + Ito open the Inspector. - Modify any entity (position, rotation, etc.).
- Click the Floppy Disk 💾 icon in the top left of the Inspector.
- Check your
index.htmlfile—the changes are saved!
Bun can compile the application into a standalone, self-contained executable :
bun run compilewill produce an executable aframe-git-editor linux amd64 binary that you can run without installing Bun.
Consult Bun's upstream documentation for more details.
