v39

v39 (2024-12-22)

Bug Fixes

• UI: hide code to image button in embeds (648654b)

v38

v38 (2024-12-21)

Highlights for this release

• This release adds the new feature "Code to Image". It allows generating nice-looking code screenshots. Many customization options are available to change the look of the generated image. In addition, many presets are available for quick selection. See docs.
• Catppuccin themes were added for Monaco, CodeMirror and CodeJar.
• User-defined import map in a <script type="importmap"> tag added to markup is now supported.
• In addition to many bugs fixes and improvements.

Credits:

Many thanks to our contributors:

• @zyf722: for improving the i18n workflow and sync with Lokalise, helping with translations and reviewing the "Code to Image" feature.
• @Shlok-Bhakta: for adding Catppuccin themes.

Bug Fixes

• App: fix changing themes in embeds (5ad16f4)
• App: show selected screen after importing external content (3e473b8)
• Compilers: fix cannot find TS compiler in JS (76a7345)
• Compilers: fix Svelte backward compatibility (c9a7412)
• Editor: fix codejar changing cursor position on highlight (84baf7d)
• SDK: fix changing appLanguage from SDK (bd23174)
• Templates: fix/upgrade testing-library (c292807)
• ToolsPane: improve console output for HTMLCollection (d4df4ac)
• ToolsPane: improve console output for nodelist and event objects (e7821cf)

Features

• ci: update .lokalise.json after pulling from Lokalise (ba305c6)
• Code-to-Image: add Code to Image feature (f9a2856)
• Code-to-Image: add copy code link (d883d4e)
• Code-to-Image: apply preset (c7f1db5)
• Code-to-Image: prefill empty editor (f1fe6fa)
• Code-to-Image: re-calculate width on window resize (7dbc1f5)
• Code-to-Image: save custom preset (cf1143c)
• Code-to-Image: set fileName from title (02095a2)
• Code-to-Image: share image (d7611e3)
• Code-to-Image: specify image file name (b3266e2)
• Compilers: upgrade Svelte to v5.12.0 (63d2e2c)
• Import-maps: allow user-defined import map in <script type="importmap"> (d7d34d2)
• UI: add accordion (a8f37fc)

sdk-v0.7.2

sdk-v0.7.2 (2024-12-21)

Features

• SDK: Add Catppuccin themes for Monaco, CodeMirror and CodeJar (catppuccin-latte, catppuccin-frappe, catppuccin-macchiato and catppuccin-mocha)

v37

v37 (2024-12-09)

Features

• Compilers: add support for React Compiler (353ed97). The React starter template now uses the React compiler.
• Compilers: upgrade Svelte to version 5 (db3053c)

Breaking Changes

• Svelte 5 is mostly compatible with Svelte 4, but there are some breaking changes. See release notes

sdk-v0.7.1

sdk-v0.7.1 (2024-12-09)

Features

• Add react and react-tsx to supported languages for React compiler.

v36

v36 (2024-12-07)

Highlights for this release

This is a big release, featuring:

• Total redesign of the UI to a cleaner, more modern, more consistent and more accessible design. In addition, a customizable themeColor allows for a lot of customization (see livecodes.io/docs/configuration/configuration-object#themecolor).
• Internationalization (i18n) support for the entire UI. The app can be displayed in multiple languages - currently 12. The new config option appLanguage allows setting the app language (see livecodes.io/docs/configuration/configuration-object#applanguage).

Credits:

A huge shout-out to our contributors for making this release possible!

• @gigamaster for the design and implementation of the new UI.
• @zyf722 for the i18n support.

Thank you :)

Bug Fixes

• App: do not clear console in style-only update (f6ebeb5)
• docs: align code block for e2e tests (751c766)
• docs: fix links to CDNs (4150510)
• services: fix CORS error in firefox when calling jsdelivr API (d00c7e5)
• ToolsPane: fix console themes (58da00c)
• UI: fix external resources screen styles in firefox (ff9f347)
• Templates modify React Native template till React Native Web supports React 19.

Features

• Config: add appLanguage config property to set i18n language (c682d7c)
• Config: add themeColor config property to set theme color.

• abstract tag for innerHTML (7c942e3)
• add a script to generate English .ts and .json template from .html for i18n (7ab9473)
• add i18n integration for html pages (e426d0f)
• App: add console message (c17c4ed)
• export i18n keys in alphabetical order to have better diff (7c72fda)
• extract i18n from .ts files with translateString (1f1f507)
• i18n: add getLanguageDirection to get ltr/rtl layout (016b62c)
• i18n: add placeholder as translatable attribute (6c9a27c)
• i18n: add a ci script to push source texts to lokalise (0eaa5e7)
• i18n: add an overwrite flag for i18n-export (eb9ba81)
• i18n: add app language in editor settings (861a26b)
• i18n: add branching and rename i18n-push-to-lokalise (d304f09)
• i18n: add i18n for loading screen (1ff478d)
• i18n: add i18n-import (83a040a)
• i18n: add i18n-lokalise-json (35471c7)
• i18n: add interpolation for element-level translation (647849a)
• i18n: add types for translation keys (d44159e)
• i18n: async lazy load i18n for language-info (a7bc906)
• i18n: change escapeValue to false to prevent HTML tag escaping (4d3c04b)
• i18n: change tag numbering to left-to-right in abstractifyHTML (f995c76)
• i18n: change translate to support multiple properties (f482820)
• i18n: custom event driven translation (a6c60cf)
• i18n: deprecate outdated keys when importing (2c4b49a)
• i18n: enhance type-safety and intellisense of i18n (cb4d9d6)
• i18n: enhance type-safety for translateString (12bdeea)
• i18n: lazy-load i18n (56411fc)
• i18n: only allow supported appLanguages (4114d98)
• i18n: remove empty translation entries (5d05602)
• i18n: set dir based on appLanguage (cf115c1)
• i18n: string-level i18n (d01bab0)
• i18n: use ts to have type-safe translation (b38e1a9)
• i18n: utility function to support dynamically-added elements (fe69071)
• Import: import local files by dropping in editor (09c69f6)
• Import: improve file selection criteria on import (c96c541)
• load appLanguage in getUserConfig (2e73a96)
• set document language with i18n (0149c4a)
• UI: add fallback when css masking is not supported (bde3df7)
• use i18next (73d74e2)

sdk-v0.7.0

sdk-v0.7.0 (2024-12-07)

Features

• Config: add appLanguage config property to set i18n language (c682d7c)

• Config: add themeColor config property to set theme color.

v35

v35 (2024-08-01)

Highlights for this release:

• Added starter templates for D3 and Phaser:

  • https://livecodes.io/?template=d3
  • https://livecodes.io/?template=phaser

• Fixed solid-js compiler

Bug Fixes

• Compilers: fix solid-js compiler (f96032d)

Features

• Templates: add Phaser starter template (3eb208b)
• Templates: restore D3 template (56d064f)

v34

v34 (2024-07-27)

• Config: allow setting custom editor title (95287d0)

• SDK v0.6.0

sdk-v0.6.0

sdk-v0.6.0 (2024-07-27)

Features

• Config: allow setting custom editor title (95287d0)
• SDK: add JSDoc comments (323ce5a)
• SDK: add JSDoc comments for react & vue SDKs (cf7b46d)
• SDK: change react SDK build to use react-jsx (d603103)