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)

v33

v33 (2024-07-13)

Highlights for this release:

• BREAKING: Most compilers were upgraded to their latest versions. Some compilers do have breaking changes. The full list of compilers upgraded and their new versions can be found here.

  If your code stops working as intended, you may want to use a permanent URL to a previous LiveCodes version (e.g. https://v32.livecodes.io), till you upgrade your code.

• A custom build for Monaco editor is now used to allow matching the playground TypeScript version and the use of ESM bundled version of Monaco. This now makes it much faster (than previously used CDN), and avoids some bugs related to the Monaco loader.

• Fixed a bug that sometimes caused formatting to change the code in Monaco.

• Added support for Vento template engine.

Bug Fixes

• Editor: destroy editors in modals onClose (84736cb)
• Editor: fix formatting on monaco (85cd72a)
• Editor: when formatting in monaco, avoid referring to editors destroyed after closing modals (c6234bd)

Features

• Compilers: add vento (cba3a35)
• Editor: use custom build of monaco (a11b23b)

v32

v32 (2024-06-30)

Highlights for this release:

• Brython upgraded to v3.12.3 and fixed a bug that caused Python code to run twice.

Bug Fixes

• Compilers: upgrade brython to v3.12.3 and fix bug of running code twice (28c2922)

v31

v31 (2024-06-29)

Highlights for this release:

• CodeMirror TypeScript editor support:

  This release adds TypeScript editor support for CodeMirror (the default editor on mobile).
  This includes auto-complete, type info on hover and linting (showing type errors).
  This also includes automatically loading types for imported npm modules and the support of custom (user-defined) types.

  All of these features (except showing type errors) are also available in JS & JSX.

• The AI code assistant now works on CodeMirror editor.

Bug Fixes

• App: fix race condition for AMD define between monaco editor and localforage (847d567)
• Editor: fix multiple registers for twoslash completions (2f0147e)
• Types: fix loading custom types (33458af)

Features

• Editor: support adding types on codemirror (7ef6551)

v30

v30 (2024-06-21)

Highlights for this release:

• Upgrade typescript compiler to v5.5.
• Improvements in imports.
• Bug fixes.

Thanks to @sharno for bug reports and suggestions.

Bug Fixes

• App: do not format when auto-saving (10a3f44)
• App: fix loading AMD modules (for autocomplete & qrcode) (da0f9a5)
• Deploy: fix deploy user info (0e67a61)
• Editor: fix solid jsx/tsx in monaco (0040f31)

Features

• Compilers: upgrade typescript compiler to v5.5.2 (14fbf52)
• Import: set activeEditor when importing (7f6fcd0)
• Import: use files query param for file selection when importing (b787e03)

v29

v29 (2024-05-15)

Highlights for this release:

• Add TypeScript twoslash support in monaco editor. This works in JS, TS, JSX and TSX. See docs.
• Change the way TypeScript types are loaded using Automatic Type Acquisition (ATA) to overcome some edge cases.
• Use same typescript version for editor and compiler (currently v5.4.5).

in addition to other improvements and fixes listed below.

Bug Fixes

• Compilers: add rest of official gleam modules (903e32b)
• prevent using AMD when building (e.g. lz-string) (f4f7154)
• ToolsPane: fix show test results in projects with no tests (0f1b25b)
• ToolsPane: fix unnecessarily changing language of compiled code editor (4b0f023)
• ToolsPane: hide loading spinner when tests complete (db1c7fc)
• Types: fix type loader (cfbdec4)
• Types: fix types in test editor (874f2ee)

Features

• Editor: add twoslash support in monaco editor (b024c84)
• Editor: use same typescript version for editor and compiler (9d65622)
• Modules: add more CDNs (616bae7)
• Types: enable Automatic Type Acquisition (ATA) for Monaco editor (1f2ab60)

Thanks to @dai-shi for feautre suggestions & bug reports

v28

v28 (2024-04-24)

Highlights for this release:

• Add support for Gleam language (starter template - docs)
• Enable AI code completion on mobile editor (codemirror) - (experimental)
• Upgrade monaco editor to v0.48.0, TypeScript compiler to v5.4.5, and prettier formatter to v3.2.5

Bug Fixes

• Types: fix type bundler for subpaths (f4d88e1)

Features

• App: upgrade monaco editor to v0.48.0 (88253f9)
• Compilers: add support for gleam language (a1bb21e)
• Compilers: allow gleam code to use npm modules without import maps (52a269a)
• Compilers: allow loading custom gleam modules (cf13102)
• Compilers: dynamically load gleam stdlib (9352da4)
• Compilers: make official gleam packages available by default (5aed5ea)
• Compilers: upgrade TypeScript to v5.4.5 (0d020ef)
• Editor: enable AI code completion for codemirror (ac2c6f3)
• Formatter: upgrade prettier to v3.2.5 (bf0ee4f)
• Import-maps: allow config imports to override auto-generated user imports (e87018f)
• Templates: add gleam starter template (cc57e38)

v27

v27 (2024-04-17)

Highlights for this release:

• Add support for PostgreSQL using pglite (starter template - docs)
• Add focus and simple modes for a cleaner and less complex layout for the app and embedded playgrounds.
• Add vertical layout.
  Now the default layout is responsive (in small view ports, the layout is vertical if the playground height is larger than its width). This can be changed from the UI (App menu) or with the layout config option.
• Allow loading assets when importing a file or directory from GitHub.
  examples:
  • https://livecodes.io/?x=https://github.com/atherosai/ui/tree/main/accordion-01
  • https://livecodes.io/?x=https://github.com/atherosai/ui/blob/main/accordion-01/index.html

In addition to many other improvements and bug fixes.

Thanks to @dai-shi , @gapmiss, @ahmadalfy and @medhatdawoud for suggesting features and reporting issues 💚.

Bug Fixes

• App: fix ?view=result when loading external content (1314202)
• App: fix popup window failing to use importmap (52b0e48)
• compilers: change python-wasm default extension to wasm.py (db7f5c4)
• Deploy: fix deploy for runtime languages with code in custom script block (use single file) (6caf303)
• Import: fix import deployed projects (1877959)
• Import: fix importing for github dir name with spaces (620898b)
• UI: improve settings menu layout (fd5f243)

Features

• Compilers: add support for PostgreSQL (1a49363)
• compilers: allow compiler factory to be async (d76b351)
• Config: make Config.tools fields optional (42342a7)
• Deploy: add link to deploy status (8c49c58)
• Import: load linked assets when importing from GitHub (bf0660d)
• Modes: add focus mode (3608df4)
• Modes: add simple mode (6690806)
• SDK: allow the SDK watch method to watch for changes to external resources (a2aabf7)
• SDK: allow the SDK watch method to watch for changes to processors (f23c848)
• ToolsPane: show indicator for console output (eaa33de)
• UI: allow changing layout horizontal/vertical (df3796f)
• UI: make app menu responsive (46b7580)
• UI: remove load buttons from screens. (94ee5d6)