Livecodes Versions Save

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 (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 (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 (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 (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 (2024-02-17)

This is a hotfix for embeds failing to load.

Bug Fixes

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

v23 (2024-02-15)

This release allows using the AI code assistant without browser extension, with no account or API token required, totally for free, by just flipping a switch! (Powered by codeium)

The AI code assistant can be enabled from editor settings. Also the new config property enableAI allows enabling it using the SDK.

In addition, new monochrome (light and dark) editor themes and the font Astigmata have been added.

Bug Fixes

• UI: fix theme switch status (ce0fe2c)

Features

• App: AI code assistant with no accounts or browser extensions (39916cf)
• UI: allow enabling/disabling AI from UI (editor settings screen) (c422ded)
• Editor: add Astigmata font (39cd99b)
• Editor: add monochrome prism themes (0a507d1)
• Editor: add monochrome themes for codemirror (3ad8b37)
• Editor: add monochrome themes for monaco (876294a)
• Editor: use AI context from content of multiple editors (e2066c5)
• Result: load stylesheets in importmap (b943274)

v22 (2024-02-03)

Add more docs, including for the Preview in LiveCodes GitHub action.

Bug Fixes

• fix importing data url stylesheet (d57a06c)

v21 (2024-01-27)

The major changes in this release include:

• Auto-rendering of default export from JSX/TSX: This significantly reduces the boilerplate code required in JSX (to create and render react-dom root). This is mostly backward-compatible. Manual rendering still works. See JSX docs.
• Use React new JSX transform
• Apply same changes to react-native and solid
• Change React, React-Native and Solid starter templates to use default export with auto-rendering
• Allow the use of JSX fragments in Vue SFC
• Improve fetching and bundling of types for editor intellisense. This should significantly improve code auto-completion and type info for imported modules, without the need for manual type-bundling or the use of custom types.
• Add docs for: JSX, TSX, Solid, Solid(TS), React-Native, React-Native(TSX)

Thank you @dai-shi for suggesting some of these changes.

In addition to various improvements and fixes (see below).

Bug Fixes

• App: fix loading mode & view (f982fe0)
• App: fix result mode toolspane visibility (cd1861a)
• Result: fix removing/ignoring stylesheet imports in scripts (c77980a)
• Result: remove extra scripts added to detect classes for CSS processors (c63a32f)
• Types: fix race condition in loading types (a85ba31)

Features

• compilers: allow using JSX fragments in Vue SFC (32270d8)
• compilers: render React component if it is the default export (6daace7)
• compilers: render React component if it is the default export (2ba144f)
• compilers: render react-native component if it is the default export (7db03f6)
• compilers: render Solid component if it is the default export (4968f03)
• compilers: set typescript option { jsx: 'react-jsx' } (e46450d)
• compilers: set typescript option { jsx: 'react-jsx' } (8793627)
• Config: allow disabling JSX auto-render from custom settings (20d5b5b)
• Templates: update react and jest-react starter templates to use the new jsx runtime (2e5b9d1)
• Types: bundle types in the browser (f9a7951)
• UI: add links to docs in language info (0bf80a5)
• UI: add share button to toolbar (9a1cb6d)
• UI: use the new X/Twitter logo in share screen (848db7e)

v20 (2024-01-17)

Features

• Editor: support editor themes (7eaafeb)
• App: use esm.sh as default CDN
• UI: add buttons for project info and custom settings in editor toolbar (e92a4f6)
• UI: add editor settings button to editor toolbar (213cfc9)