RNS Logo

rns.recipes

◈ 9ce92808be498e9e05590ff27cbfdfe4
Guest posting from WWW mirror disabled. Ident on Nomad @ 9ce92808be498e9e05590ff27cbfdfe4 or sign up to post

Micron VS Code/Codium Extension

Showcase

Started by Ivan f489752fbef161c6... ·

Ivan f489752fbef161c6...
#1

Made a useful little extension. I use it with VSCodium but should work for all VS Code based IDEs.

  • Live preview, including scripted pages execution.
  • Syntax highlighting, reference sheet, snippets
  • Color picker/preview and converters
  • Shows script errors for dynamic pages
  • Previewed using micron-parser-js by Zenith!
    ... and more, see README.

Currently its only on my rngit: 132f67e79d9b24aad014e93015fb858f:/page/repo.mu`g=public|r=rns-micron-vsix

clone/mirror: rns://06a54b505bb67b25ef3f8097e8001edc/public/rns-micron-vsix

Let me know if there are any issues or ideas.

#2

Screenshots:

static.png

scripted.png

Anonymous
#3

Wow 😍

Anonymous
#4

Wow nice! I was wondering Ivan I've been looking at micron and for better interactivity and smaller update there does seem to be a way to partially rerender a page. I have a couple of ideas on how to do that. (a custom mermaid like format that produces a dom tree of sorts, since line replace so you could do rerender by a specific line in the file). This would make micro more functional while also making it use less bandwidth when the page is interactive. I may just not have the knowledge and this already exists but in my searches, I didn't really find anything. What are your thoughts on the matter?

Post a Reply

Supports Markdown: **bold**, *italic*, `code`, ```code blocks```, [links](url)

Log in to upload images

Quote
Copied to clipboard