chore(deps): update dependency playroom to v0.40.0

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
playroom	0.25.0 -> 0.40.0

---

Release Notes

seek-oss/playroom (playroom)

v0.40.0

Compare Source

Minor Changes

• b8f89d2: Set default colour scheme to 'system'.

• 16ec1e7: Update react and react-dom peer dependency ranges to include ^19

• 857feab: Remove keybinding for copying Playroom link to clipboard.

• fab7863: Drop support for browser versions that do not support the IntersectionObserver API

  Playroom no longer provides a polyfill for [IntersectionObserver][IntersectionObserver].

Patch Changes

• 4412ef1: Ensure favicon is displayed on Preview links.
• 6095dc4: Replace polished dependency with CSS relative color syntax and color-mix
• 16ec1e7: Remove react-use dependency
• 67006f0: Fix bug in "Wrap selection in tag" command that caused the start cursor to sometimes be in the wrong position when selecting an empty line.
• fb14616: Restrict playroom's Vanilla Extract plugin to only process playroom's .css.ts files
• 719c957: Remove lodash dependency

v0.39.1

Compare Source

Patch Changes

• dbf3310: Update re-resizable dependency.

  Fix issue where resizable handles were stacked below the editor panel and could not be selected.

v0.39.0

Compare Source

Minor Changes

• d902e17: Save editor height and width preferences as a percentage of the viewport size, rather than a fixed pixel value.
  This prevents the editor from obscuring preview panels when toggling the browser tools on/off or resizing the window.

• 7aaa6d0: Save the state of the editor visibility to the Playroom URL.

  This allows you to share a Playroom link with the editor either open or closed on load.

• ee73b75: Update snippets behaviour to instantly navigate and scroll to the currently selected snippet.
  This eliminates sluggish feeling caused by smooth scroll.

Patch Changes

• c5d5808: Fixes a bug that was causing erroneous snippet previews and broken preview updates when moving the cursor in the snippets panel while the snippets panel was closing.

v0.38.1

Compare Source

Patch Changes

• a62002d: Apply title from url on page load

  Previously the document title would only update when the frames panel is open.
  The title is now correctly reflected from the url on page load.

• cf0fa9e: start: Disable webpack error overlay

  Prevent the default webpack dev server error overlay from blocking the preview frames in start mode.
  Playroom handles its own errors, and this would block the preview frames and need to be dismissed manually.

v0.38.0

Compare Source

Minor Changes

• 7df36e3: Improve frame filtering UX.

  • Allow users to select all checkboxes in a frame filter section, rather than automatically unselecting all checkboxes when all are selected.
  • Rename the "Show all" button to "Clear" to reinforce the filtering pattern.

• 384810e: Use CSS gap and grid for layout spacing in Playroom UI.

Patch Changes

• a0724d2: Fixes a bug in the side panel exit animation that was causing the contents to vanish abruptly
• 934a017: Exclude irrelevant files from published package
• 92a0039: Fix Playroom UI icon centering
• 422a259: Remove data-testid attributes from UI elements

v0.37.1

Compare Source

Patch Changes

• 2b6d5c5: Update lz-string to 1.5.0, and removed unnecessary @​types/lz-string

v0.37.0

Compare Source

Minor Changes

• 94c75f8: Add "Find", "Find and replace", and "Jump to line" functionality.

  Keybindings for these new commands are:

  • Cmd + F / Ctrl + F - Find
  • Cmd + Option + F / Ctrl + Alt + F - Find and replace
  • Cmd + G / Ctrl + G - Jump to line

Patch Changes

• 71f694a: Fix issue with "Toggle comment" command commenting certain code outside JSX tags with incorrect syntax.

v0.36.0

Compare Source

Minor Changes

• c3f0373: Drop support for Node versions <18.12.0

• 90edcc8: Add keybinding for copying Playroom link to clipboard with ⌘ + ⇧ + C (or, on Windows, Ctrl + Shift + C).

• c99cc30: Add keybinding to toggle comment syntax for the current selection.

  Pressing Cmd + / (or, on Windows, Ctrl + /) will toggle comment syntax for the currently selected text.
  If no text is selected, the line the cursor is on will toggle comment syntax.

Patch Changes

• dd95719: Add 'Insert snippet' shortcut to 'Keyboard Shortcuts' list in settings panel for better discoverability.

• cad1ded: Remove dependency on current-git-branch package

• 0215bb4: Replace query-string dependency with URLSearchParams

• 6ad5895: Update shortcut format for Windows users for consistency with standard styling.

• cb3c427: In the Settings Panel, sort keyboard shortcuts order by most frequently and widely used. Related shortcuts are grouped together.

• b1766c2: Move Title setting from Settings Panel to Frame Panel to group current playroom settings together and improve discoverability.

  Now, all settings that affect the current playroom tab live in the Frame Panel.
  Settings affecting all playroom tabs live in the Settings Panel.

• 41e8cfa: Fix an issue where new Playroom tabs without a set title would load a recently used title.

• 134c5a4: Upgrade webpack-dev-server to v5

• c3f0373: Update dependencies

• f88a4e6: Fix async import of playroom config on Windows

v0.35.0

Compare Source

Minor Changes

• ad60e01: Add support for specifying default subsets of themes and screen widths via the config.

Example usage

// playroom.config.js
module.exports = {
  ...,
  defaultVisibleWidths: [
    // subset of widths to display on first load
  ],
  defaultVisibleThemes: [
    // subset of themes to display on first load
  ],
}

• f45dd04: Add ability to customise tab titles via a "Title" section in the settings panel.

Patch Changes

• f491105: Fix bug in "Wrap selection in tag" command that caused the start cursor to occasionally be placed in the wrong postion.

v0.34.2

Compare Source

Patch Changes

• 88bd204: Fix playroom build by making favicon path relative to webpack config

v0.34.1

Compare Source

Patch Changes

• e3b820b: Add favicon to Playroom site.
• 4fb69cb: Improve affordance of error marker detail

v0.34.0

Compare Source

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

Compare Source

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

Compare Source

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

Compare Source

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

Compare Source

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

Compare Source

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

Compare Source

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

Compare Source

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

Compare Source

Bug Fixes

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

v0.28.0

Compare Source

Features

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

v0.27.9

Compare Source

Bug Fixes

• start: Add Access-Control-Allow-Origin header to dev server (#​252) (a7e478d)

v0.27.8

Compare Source

Bug Fixes

• Prevent exception on start when no TS config is found (#​248) (64afabe)

v0.27.7

Compare Source

Bug Fixes

• Parse tsconfig for static type generation (#​242) (27d7158)

v0.27.6

Compare Source

Bug Fixes

• Upgrade webpack-dev-server (#​240) (143d4ef)

v0.27.5

Compare Source

Bug Fixes

• Update webpack error reporting plugin (#​239) (05729cf)

v0.27.4

Compare Source

Bug Fixes

• Update classnames (#​238) (1cffaf7)

v0.27.3

Compare Source

Bug Fixes

• Correct rule.use to an array (#​237) (e7eac68)

v0.27.2

Compare Source

Bug Fixes

• Set preview mode public path correctly (#​235) (c6e178f)

v0.27.1

Compare Source

Bug Fixes

• Ensure preview mode loads static assets correctly (#​234) (9ad4af4)

v0.27.0

Compare Source

Features

• Update TS & react-docgen-typescript and support parser config (#​232) (76e585b)

Release notes

Update react-docgen-typescript and add support for customising the parser config by specifying reactDocgenTypescriptConfig in your playroom.config.js.

module.exports = {
  ...,
  reactDocgenTypescriptConfig: {
    propFilter: (prop, component) => {
      ...
    }
  }
};

Full change list:

• Update react-docgen-typescript to ^2.1.0
• Update typescript to ^4.3.2
• Support customising the docgen parser config
• Default parser config now supports TS enums and literal unions
• Default prop filtering no longer omits className, only children. Although you can now customise the the propFilter as per example above
• Enable noErrorTruncation on top of users tsconfig to ensure prop values are not truncated
• Removed internal examples folder due to rot and maintenance overhead

v0.26.0

Compare Source

Features

• Upgrade to Webpack 5 (#​218) (ce918e1)

---

Configuration

📅 Schedule: Branch creation - "* 0-3 * * 1" (UTC), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, check this box

---

This PR was generated by Mend Renovate. View the repository job log.