v41

v41 (2025-01-25)

This release fixes invalid cache for codemirror build and simplifies the build process.

Note: This fix has been back-ported to v40.

v40

v40 (2025-01-24)

Highlights for this release

This release markedly improves accessibility and keyboard support in addition to other features and fixes. The most notable include:

• A new command menu (using the keyboard shortcut Ctrl/Cmd + K or from the help menu), that allows running a large set of commands from the UI.
• A large number of keyboard shortcuts are added (the list can be opened from the help menu or the command menu).
• Keyboard navigation for the app is significantly improved, including menus, tabs and modals.
• A new starter template for shadcn/ui is added.
• Relative line numbers support is added in code editors (can be configured in editors settings screen). This can be useful in vim mode.
• The SDK can hide a specific editor while still running its code using the new hideTitle option.

Edit: a fix from v41 regarding invalid cache for codemirror editor has been back-ported to this release.

Credits

@zyf722 provided significant contributions.

Many features and fixes in this release were suggested by:
@dai-shi , @sharno , @Mohmed-Refaay & @ibrahimSP

Thank you ❤️

Features

• Accessibility: allow switching tabs in modals using keyboard (9bb17cc)
• Accessibility: allow toggle tab focus mode (bf93fb6)
• Accessibility: improve focus on opening and closing modal (992b456)
• Accessibility: show outline for focusable elements (0230afe)
• App: add keyboard shortcuts (2972855)
• App: add keyboard shortcuts screen (a4491ee)
• Code-to-Image: add share/copy image menu (3b0491f)
• Code-to-Image: copy image on desktop (de60e72)
• CommandMenu: add command menu (9cba67a)
• CommandMenu: add command menu items (b08aabc)
• CommandMenu: add keyboard shortcuts menu (2d60494)
• Config: add the property hideTitle for editors. (43f25b0)
• Editor: allow relative line numbers in code editors (c88ad99)
• Templates: add shadcn-ui starter template (ac31801)
• Templates: add themes for shadcn-ui starter template (1a89ffb)
• UI: allow keyboard navigation for menus (d9fad50)
• UI: show keyboard shortcuts in UI (8860f67)

Bug Fixes

• App: fix copy to clipboard (87ab701)
• avoid trapping focus in tags input (19531b6)
• ci: fix false positive in lokalise json files (df9e114)
• ci: make locale exclusion in base tsconfig and include in full tsconfig (4fa8db7)
• Editor: fix autocompleting TS generics as JSX (81402c8)
• Editor: fix losing multicursor on pressing ctrl in monaco (601a517)
• fix typos in CHANGELOG (7fb3e58)
• i18n: fix i18n-export (prop indexing vs getAttribute) (a3e83d4)
• i18n: rename 'lang-info' to 'language-info' for consistency (35174d0)
• Import-maps: avoid duplicate react instances (f3f0607)
• Result: fix result mode drawer reappearing after closure (34fed4f)
• services: fix auth service bug for undefined user (9daa9a5)
• Templates: fix loading diagrams template (feb14ed)
• UI: fix loading spinner colors (7659a3f)
• UI: fix styles for search box and tags (66caeed)

sdk-v0.8.0

sdk-v0.8.0 (2025-01-24)

This release introduces backward-compatible changes for the SDK. The use of the old SDK API is still supported, but a deprecation notice is shown in the console. The old API will be removed in a future release.

SDK Changes (and deprecations)

• SDK: move embed option view to config.view (e5f6ad3)
• SDK: move embed option lite to config.mode:"lite" (e5f6ad3)
• SDK: change embed option view:"headles" to headless:true (e5f6ad3)

Features

• Config: add the property hideTitle for editors. (43f25b0)
• Editor: allow relative line numbers in code editors (c88ad99)
• SDK: add a new value toggle-result for SDK show method (8e7e0aa)
• SDK: add value code to SDK show method to show active editor (3069d17)

Bug Fixes

• SDK: fix changing result mode (eeaab42)
• SDK: fix creating duplicate plygrounds (fad9edd)
• SDK: fix the SDK method show with inconsistent toolspane behaviour (a8acfad)
• SDK: fix unavailable compiler on changing mode (224a6ba)
• SDK: reload editors when sdk changes mode (993f5cf)

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.