Monorepo for Aesthetic.Computer
aesthetic.computer
1# Aesthetic Computer - VS Code Extension
2
3Live code, preview, and publish interactive pieces on [aesthetic.computer](https://aesthetic.computer) directly from VS Code.
4
5## ✨ Features
6
7### 🎨 Live Preview Panel
8- Embedded `aesthetic.computer` preview right in your sidebar
9- Real-time piece execution as you save files
10- Seamless authentication with your Aesthetic Computer account
11
12### 💻 Local Development Mode
13- Connect to your local Netlify dev server (`localhost:8888`)
14- Smart server detection - shows "Waiting for server..." until ready
15- Auto-refreshes when local server becomes available
16- Toggle with command: `Aesthetic Computer: Local Server`
17
18### 🚀 One-Click Publishing
19- Run a piece and type `publish` in the prompt to go live
20- Your piece gets a unique URL on `aesthetic.computer`
21
22### 🔗 Jump Integration
23- Connect VSCode to your browser via WebSocket
24- Use the `ac` command to jump between pieces seamlessly
25
26### 🌈 KidLisp.com Window
27- Open a dedicated KidLisp editor window
28- Perfect for creative coding with Lisp-style syntax
29
30### 📚 Documentation Hover
31- Hover over API functions for inline documentation
32- Quick access to the full docs via command palette
33
34## 🛠️ Commands
35
36| Command | Description |
37|---------|-------------|
38| `Aesthetic Computer: Run Piece` | Execute the current file as a piece |
39| `Aesthetic Computer: Local Server` | Toggle local development mode |
40| `Aesthetic Computer: Clear Slug` | Clear the stored piece URL |
41| `Aesthetic Computer: Open Docs` | Browse system documentation |
42| `Aesthetic Computer: Open Aesthetic Window` | Open piece in separate window |
43| `Aesthetic Computer: Open KidLisp Window` | Open KidLisp.com editor |
44
45## 🏁 Getting Started
46
471. **Install** the extension from the VS Code Marketplace
482. **Click** the Aesthetic Computer icon in the sidebar
493. **Save** any `.mjs` file to run it as a piece
504. **Authenticate** to publish and save your work
51
52## 💡 Tips
53
54- Use `channel` command in the prompt to sync multiple devices
55- Open Developer Tools (`Help > Toggle Developer Tools`) for debugging
56- In local mode, toggle `Aesthetic Computer: Local Server` and start your dev server
57
58## 📬 Support
59
60Need help? Reach out to `mail@aesthetic.computer`