/ proof-of-concept / minwebide-demo
Sign in
proof-of-concept / minwebide-demo
62f426b
Branches
main
minwebide-demo
Go to fileHistoryFork
Code
Clone with HTTP

Anyone can clone. Pushing asks for a username and a token.

Download 62f426b73d88b83cf010b55991c282fedf6eae81
Source as zipSource as tar.gz
Jeremy Magland minwebide demo app: deploys to GitHub Pages 62f426b 1 Commits
.githubminwebide demo app: deploys to GitHub Pages
scriptsminwebide demo app: deploys to GitHub Pages
srcminwebide demo app: deploys to GitHub Pages
.gitignoreminwebide demo app: deploys to GitHub Pages
index.htmlminwebide demo app: deploys to GitHub Pages
package-lock.jsonminwebide demo app: deploys to GitHub Pages
package.jsonminwebide demo app: deploys to GitHub Pages
README.mdminwebide demo app: deploys to GitHub Pages
tsconfig.jsonminwebide demo app: deploys to GitHub Pages
vite.config.tsminwebide demo app: deploys to GitHub Pages
README.md

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/

Things to 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.

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.

↑↓ move↵openescclose