live-codes/livecodes v43

on GitHub

v43 (2025-03-15)

Highlights for this release

This release added multiple new features and fixes, including:

• Vue and Svelte can now be used in the markup editor, in addition to the script editor. This allows having 2 components in a single project. (see docs).
• Vue and Svelte starter templates were updated to use multiple components.
• The editor (markup, style, script) order in the UI can now be set using a new order option in the editor configuration. (e.g. config.markup.order). This can be useful, specially after adding support for Vue and Svelte in the markup editor, for example to have components followed by the styles. (see example).
• Tailwind CSS plugins: In addition to allowing importing plugins from URLs, now plugins can be imported as bare modules (from npm) e.g. @plugin "daisyui"{ /* ... */ }.
• A new daisyui starter template was added (https://livecodes.io/?template=daisyui).
• Significant improvements in docs website, including a dark mode, changing the default theme color used for demo playgrounds, and adding support for llms.txt files.
• Multiple fixes, notably, avoiding autofocus in embeds, fixing preact module resolution and type fixes.

Credits

• @logaretm suggested having multiple Vue components.
• @jcubic reported the conflicting modules in preact.

Thank you ❤️

This is the full list of changes:

Features

• Compilers: add svelte to markup languages (16e5091)
• Compilers: add vue to markup languages (70f5b33)
• Compilers: allow bare module tailwindcss plugins (c9e156c)
• Config: allow re-ordering code editors (5d73064)
• Import-maps: allow using custom file names to import from script editor (4499458)
• SDK: Change SDK react component type from JSX.Element to React.ReactElement<Props> (962d4da)
• Templates: add daisyUI starter template (c24fc56)
• Templates: update vue and svelte templates to use multiple SFCs (3c42c61)

Bug Fixes

• App: avoid autofocusing embeds (cd33134)
• App: fix changing modes (84cf763)
• App: fix loading types in embeds (d5f727c)
• ci: update output variable for skip condition in i18n-update-scheduled (dc2b625)
• Editor: disable monaco mouse wheel zoom (b1596ef)
• Import-maps: fix importing duplicate instances of vue (ceb2868)
• Import-maps: fix preact module resolution (198becf), closes #752
• Types: fix importing react types in jsx/tsx (db605d3)