Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 14 days 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 (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-08-20T09:50:29.000Z (about 1 year ago)
- Last Synced: 2024-10-03T18:54:16.033Z (about 1 month 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.
![Monaco editor](./assets/monacoEditor.png)
```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.