/ concept-collection / minwebide-demo
Sign in
concept-collection / minwebide-demo
minwebide-demo / README.md
34 lines · 1.4 KBCodeBlameHistory
62f426bminwebide demo app: deploys to GitHub PagesJeremy Magland 1# minwebide-demo
3Live demo of [minwebide](https://github.com/magland/minwebide) — a
4minimalistic web IDE built from VS Code's own source code, with the file
5system persisted in your browser's IndexedDB.
7**Live site:** https://concept-collection.github.io/minwebide-demo/
68d072bProject picker landing page with per-project file systemsJeremy Magland 9The landing page manages **projects**: each project is its own workspace in
10your browser's IndexedDB (create / rename / duplicate / delete), and the open
11project is addressed in the URL as `#/project/<id>`. Create a **sample
12project** to see the showcase content, then try:
14- Open files from the Explorer; edit and press **Ctrl+S**; reload — changes persist.
15- `data/measurements.csv` opens as a table; `README.md` has a markdown preview
16 (icons in the tab bar switch representations).
17- Open `scripts/sine-wave.js` and press **▶**: console output goes to the
18 bottom Output panel, plots render in the secondary side bar.
19- Search across files from the activity bar.
68d072bProject picker landing page with per-project file systemsJeremy Magland 20- The project name in the status bar takes you back to the project list.
22## Development
24minwebide is consumed as a sibling checkout (`file:../minwebide`):
26```sh
27git clone https://github.com/magland/minwebide ../minwebide
28(cd ../minwebide && npm install) # fetches the pinned VS Code source
29npm install
30npm run dev
31```
33CI does the same: the deploy workflow checks out `magland/minwebide` next to
34this repo, installs both, builds, and publishes `dist/` to GitHub Pages.
moveopenescclose