Pinned
Je Xia
1,015 posts
Je Xia
@jexia_
Joined November 2020
Introducing modern-monaco, a modern version of Monaco Editor built by @Microsoft, which also powsers @code and it's forks. - no `MonacoEnvironment` & loader needed - highlighting using shiki with tons of grammars/themes @antfu7 - Lazy loading - Workspace - SSR - and more
- 🤯 Introducing esm.sh run, a 1KB script allows you to write JSX/TSX in HTML without build! 😋 Post: github.com/esm-dev/esm.sh… Try it Online: code.esm.sh/?template=run
- y'n, today JavaScript world(es6+) doesn't need these tiny polyfills which are downloaded MILLIONs times pre week on NPM, esm.sh replaces them with data url to reduce network requests, we call it modern!
- modern-monaco now supports custom file system. By default it uses IndexedDB to persist editor changes, with custom FS, you can persist code in your own file storage. Thanks to @yzuyr for contributing! 🙌
- rewriting monaco editor that uses types via esm.sh CDN with import maps support, highlighting by shiki with ton of themes and grammars, using custom typescript version, css lsp with nesting draft, and more... will open source very soon!
- mono-jsx builtin htmx support just dropped! github.com/ije/mono-jsx/r…
> no build step > zero deps > server side HTML generation we are so back jsbros 
wait you can just use mono-jsx in @bunjavascript without running `bun install mono-jsx`, no package.json, no tsconfig, no node_modules, it just works 🤯- The editor renders the source code that creates the editor🔁, via SSR, on @vercel
- HUGE thanks to @ValDotTown and @antfu7's support, esm.sh now serves over 5B requests (30TB) pre month via @Cloudflare CDN. when I created this project, I never expected it to reach such peak.
💖 This May and June, we have forwarded our Open Collective fund to support Maintainers: @vida_0905 @productdevbook @edison11051 @OikawaRizumu Projects: @pnpmjs @iconify_design @jexia_ Join us to show appreciation and help them be sustainable! opencollective.com/antfu/updates/… - Load a monaco-editor with LSP in browser: column-1: SSR (instant) column-2: lazy loading (faster) column-3: manual mode
00:00Introducing modern-monaco, a modern version of Monaco Editor built by @Microsoft, which also powsers @code and it's forks. - no `MonacoEnvironment` & loader needed - highlighting using shiki with tons of grammars/themes @antfu7 - Lazy loading - Workspace - SSR - and more
