v0.34.0

Minor Changes

• 1c8ae6b: Use smaller React pragmas to reduce the payload sent to iframes
• c4b639c: Replace @babel/standalone with sucrase for JSX compilation

Patch Changes

• 1c8ae6b: Highlight the correct error location when code has syntax errors

v0.33.0

Minor Changes

• 2d3571b: Add support for loading mjs config files

  Consumers should now be able to write their configuration files using ES modules. By default Playroom will look for playroom.config.js with either a .js, .mjs or .cjs file extension.

v0.32.1

Patch Changes

• a044864: Allow overriding Webpack module rules

  Consumers may have complex Webpack configurations that can clash with Playroom's.
  In this case, it's useful to be able to override the module rules that Playroom defines.
  For example, overriding loaders defined for CSS files:

  // playroom.config.js
  module.exports = {
    webpackConfig: () => ({
      module: {
        rules: [
          // use your own CSS loaders
          { test: /\.css$/, use: ['style-loader', 'css-loader'] },
        ],
      },
    }),
  };

v0.32.0

Minor Changes

• 720d542: Drop support for React 16. Consumers are encouraged to upgrade to React 17+, which is a drop-in replacement.
• 720d542: Support TypeScript 5.0+

v0.31.0

Minor Changes

• 8ce01ff: Add keyboard shortcuts legend to the settings panel, to help with discoverability.

• 8ce01ff: Adds keybinding for wrapping the current selection in a tag.

  Pressing Cmd+Shift+, (or, on Windows, Ctrl+Shift+,) will wrap the currently selected text in an empty fragment that is ready to be typed in.

  Works for single cursors (doesn't wrap anything), single line selections, multi-line selections, and multiple cursors.

v0.30.0

Minor Changes

• b247e88: Adds multi-cursor support.

  The keyboard shortcuts added in the previous version (swap/duplicate line up/down) now support multiple cursors being on screen.
  "Select next occurrence" and "add cursor up/down" have also been implemented.

  Keybinding	Action
  Alt + Up	Swap line up
  Alt + Down	Swap line down
  Shift + Alt + Up	Duplicate line up
  Shift + Alt + Down	Duplicate line down
  Cmd + Alt + Up	Add cursor to prev line
  Cmd + Alt + Down	Add cursor to next line
  Cmd + D	Select next occurrence

v0.29.0

Minor Changes

• 9fc8c0d: Adds VSCode-style keybindings for move line up/down and copy line up/down.
  Works for selections as well as single lines.

  See the VSCode keyboard shortcut reference for details (Mac/Windows).

v0.28.2

Patch Changes

• 8030325: Update all dependencies

• 8030325: Fix error message on gutter marker tooltip

  Playroom wraps the code in a Fragment to compile it and then removes it from the error message displayed as a tooltip on the gutter marker if it fails to compile.

  The logic has been improved to remove the first occurence of an opening <React.Fragment> and the last occurence of </React.Fragment>.

  Errors should no longer incorrectly have a stray closing fragment:

  "unknown: Expected corresponding JSX closing tag for <Boxerror>. (3:0)
  
     1 | <Boxerror>
     2 |   ...
  -> 3 | </Box></React.Fragment>
  +> 3 | </Box>
       | ^"

• cbcf1cf: Update dependencies (and move to pnpm internally)

v0.28.1

0.28.1 (2022-12-08)

Bug Fixes

• Add support for React 18 (#265) (b846abb)

v0.28.0

0.28.0 (2022-04-26)

Features

• Add dark mode support (#258) (1b996eb)