This is Quick POC of an idea i had: what if you could edit Svelte components in place in the browser — using the File System Access API!
What if we didn't have to mentally map our source code rendered content? Just click on component, source pops up, we edit, save. No IDE needed!
note: this idea works only in development - which makes sense if you think about it
https://user-images.githubusercontent.com/6764957/120790682-d9b7c400-c565-11eb-9580-740279005543.mp4
npm install
npm run dev -- --open # localhost
load
button to open src/components/Comp.svelte
- you will have to navigate there yourself until this PR landssave
buttonYou now have a self-editing component!