live-codes/livecodes v44 on GitHub

v44 (2025-04-10)

This release adds multiple new features and fixes, including:

Significant improvements in editor support for Vue (e.g. auto-complete, hover info, defineProps can now infer props from locally declared types, and more).
Vue and Svelte single file components can import (and recursively compile) other components encoded as data URLs (docs).
CSS processors (e.g. Tailwind CSS) can now process style blocks (e.g. @apply) in Vue and Svelete SFCs.
ESM imports for full, relative and data URLs no longer show typescript error.
React native now uses React v19 (see starter template).
A new config option foldRegions was added. When set to true, regions marked by #region and #endregion comments are folded when the project is loaded.
Editor configurations (config.markup, config.style, config.script) have a new property foldLines that accepts an array of objects (e.g. [{ from: 1, to: 5 }]) that indicates which lines to fold. This can be useful for less relevant code in embedded playgrounds.
config.editor now supports the value "auto", which indicates that Monaco editor is used on desktop and CodeMirror is used on mobile regardless of other settings. This can be useful in "simple" mode.
The loading screen now uses an animated logo.
A new command menu action was added for selecting editor theme.
Various UI improvements and fixes.

Thank you ❤️

Command Menu: add editor theme option with translations (314b97c)
CommandMenu: add editor theme action to command menu (88b67e3)
Compilers: allow SFC to import other SFCs encoded as data URLs (11cef05)
Compilers: run processors on SFC blocks (7208924)
Compilers: vue, infer props from types (af91b7d)
Config: add the value "auto" to config.editor options (0f62de8)
Editor: add monaco-volar to improve Vue editor experience (badaf6a)
Editor: allow folding lines and regions (984c913)
Loading: replace logo with loading animation SVG in index.html (d8254f4)
Templates: edit Vue template to infer props from types (9269d30)
Translations: add editor theme translation to command menu (04fb14a)
UI: pulsating loading logo (9c62d48)

Build: fix incrementing release version (b12c8f9)
Compilers: fix react native (support react v19) (ed3a533)
Editor: fix TS errors for data url imports (60d9563)
Editor: fix TS errors for http & relative imports (f6943cd)
UI: fix gutter overflow (9c48c05)
UI: fix hidden editor horizontal scroll bar (f368f1b)
UI: fix modal focus in inputs (92f9416)