https://github.com/jakubandrysek/esp32-monaco-editor-spiffs
This is the example that is possible to create VSCode like editor on ESP32 based on Monaco editor.
https://github.com/jakubandrysek/esp32-monaco-editor-spiffs
arduino esp32 javascript monaco-editor spiffs transpiler typescript vscode
Last synced: 3 months ago
JSON representation
This is the example that is possible to create VSCode like editor on ESP32 based on Monaco editor.
- Host: GitHub
- URL: https://github.com/jakubandrysek/esp32-monaco-editor-spiffs
- Owner: JakubAndrysek
- License: mit
- Created: 2023-08-20T00:43:06.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-08-20T09:50:29.000Z (almost 2 years ago)
- Last Synced: 2025-02-10T07:17:11.712Z (5 months ago)
- Topics: arduino, esp32, javascript, monaco-editor, spiffs, transpiler, typescript, vscode
- Language: JavaScript
- Homepage:
- Size: 921 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ESP32-monaco-editor-spiffs
This is the example that is possible to create VSCode like editor on ESP32 based on [Monaco](https://microsoft.github.io/monaco-editor/) editor.
```bash
Connecting to WiFi...
Connected to WiFi
IP address: 192.168.0.175
SPIFFS mounted
{"action":"list","files":["/example.ts","/Xtest.ts"]}
Opening file: /Xtest.ts
{"action":"load","content":"console.log(\"Hi there!\");\n"}
```
## How to use
- Build firmware and upload them to the ESP32 - use PIO
- Upload `arduino-webserver` -> `data/` using `pio run -t uploadfs`
- Open `html-webserver` -> `index.html` in browser (or serv them locally - `http-server ./` ) and connect to the ESP32 (have to be configured WS address - `webSocketAddress`)
## Known issues
- server does not serve the editor page page - will be added later (or you can do it and create PR)
- `html-webserver` that contains `Monaco editor` and `TS Compiler` is smaller than 4 MB - it will be possible to save them in `SPIFFS` on ESP32.