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)

sdk-v0.5.0

sdk-v0.5.0 (2024-04-16)

• Config: make Config.tools fields optional (42342a7)
• 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)
• UI: allow changing layout horizontal/vertical (df3796f)

v26

v26 (2024-03-04)

Bug Fixes

• Editor: revert css nesting workaround (66bd226)
• Embed: fix embed UI code snippets (e01315e)
• UI: fix toolspane double-click (3114e6c)

Features

• compilers: upgrade markedjs (7555c4a)
• Editor: add Monaspace font (434ba96)

v25

v25 (2024-03-01)

Most notable changes in this release:

• Adds support for JSR, the new JavaScript package registry, using esm.sh. Use the prefix jsr: in imports.

  Example:

  import { yassify } from 'jsr:@kwhinnery/yassify';
  
  console.log(yassify('Hello, World!'));

• Adds BBCode language support.

• Changes polyfill CDN to https://cdnjs.cloudflare.com/polyfill/. See #519 (Thanks @gapmiss).

• Adds a noscript block to notify users that JavaScript is required. (Thanks @saidbakr)

• Adds a temporary workaround for CSS nesting in Monaco editor. See #515 (Thanks @gapmiss).

Bug Fixes

• Editor: monaco editor css nesting workaround (c932c29)
• Templates: fix preact template imports (efbab86)

Features

• App: add noscript block (e455240)
• App: change polyfill CDN (1606b3f), closes #519
• compilers: add support for BBCode (2f15b95)
• Modules: add support for jsr package registry (e574ec3)

v24

v24 (2024-02-17)

This is a hotfix for embeds failing to load.

Bug Fixes

• Embed: fix setting on undefined (theme toggle in embeds) (1b845da)