svelte-focused-repl

It's like the svelte repl, but more focused

https://svelte-focused-repl.tomatrow.com

Features

• focused editing
• arbitrary npm imports via unpkg
• iframe for live app
• store source as base64 in url
• pwa
  • fullscreen
• works well on mobile

Todo

9/22/24

• install @rollup/browser
• add textarea for svelte code
• generate svelte code from text input
• actually run the component

9/23/24

• bring under git
• try to import watch from runed
  • well, didn't work, something about using runes outside
• import marked from marked
  • this one did work

Sources

• https://github.com/sveltejs/svelte/blob/main/sites/svelte-5-preview
• https://github.com/PuruVJ/neocodemirror
• https://github.com/joshnuss/use-svelte
• https://github.com/novacbn/svelte-simple-repl