minwebide-demo#

Live demo of minwebide — a minimalistic web IDE built from VS Code's own source code, with the file system persisted in your browser's IndexedDB.

Live site: https://concept-collection.github.io/minwebide-demo/

The landing page manages projects: each project is its own workspace in your browser's IndexedDB (create / rename / duplicate / delete), and the open project is addressed in the URL as #/project/<id>. Create a sample project to see the showcase content, then try:

• Open files from the Explorer; edit and press Ctrl+S; reload — changes persist.
• data/measurements.csv opens as a table; README.md has a markdown preview (icons in the tab bar switch representations).
• Open scripts/sine-wave.js and press ▶: console output goes to the bottom Output panel, plots render in the secondary side bar.
• Search across files from the activity bar.
• The project name in the status bar takes you back to the project list.

Development#

minwebide is consumed as a sibling checkout (file:../minwebide):

git clone https://github.com/magland/minwebide ../minwebide
(cd ../minwebide && npm install)   # fetches the pinned VS Code source
npm install
npm run dev

CI does the same: the deploy workflow checks out magland/minwebide next to this repo, installs both, builds, and publishes dist/ to GitHub Pages.