v0.44.0

Minor Changes

• #421 6fd2aab Thanks @askoufis! - Playroom's utility API is now bundled for both ESM and CJS

  BREAKING CHANGE:

  Migrating the utils entries to TypeScript has necessitated an internal build step to produce both ESM and CJS versions.
  As a result, these APIs are now exposed as named exports at the top level of the playroom package.

  MIGRATION GUIDE:

  For ESM imports:

  -import { createUrl } from 'playroom/utils';
  +import { createUrl } from 'playroom';

  or for CJS usage:

  -const { createUrl } = require('playroom/utils');
  +const { createUrl } = require('playroom');

• #417 03d145d Thanks @michaeltaranto! - Improved handling of rendering errors

  Errors occurring during render no longer replace the frame contents with a red error message.
  Instead, the error is caught and overlaid on top of the last successful render result (when possible).

• #414 e69f698 Thanks @felixhabib! - Improve snippets search ranking algorithm.
  Results are now sorted primarily by the group property over the name property, making it easier to see related snippets together.

  Replace fuzzy dependency with fuse.js to enable result sorting.

• #410 6b5eaa3 Thanks @felixhabib! - Refactor layout.

  Improve the code editor show/hide animation.
  Prevent code contents from being searchable when the editor is hidden.

Patch Changes

• #424 8795fde Thanks @michaeltaranto! - Use clsx consistently for building class lists

  Remove classnames in favor of clsx for building class lists in the Playroom codebase.

• #423 4640ca1 Thanks @michaeltaranto! - Preview: Improve accessibility of loading screen

• #418 1d59ba3 Thanks @felixhabib! - Migrate some internal files from Javascript to Typescript.

v0.43.1

Patch Changes

• #408 059e9c7 Thanks @askoufis! - CLI: Only require modules that are relevant to the CLI command being executed

v0.43.0

Minor Changes

• #402 6f30915 Thanks @felixhabib! - Add 'Fit to window' frame width option

  Introduces a width option that dynamically sizes to use the maximum available frame space. This option will be available in addition to the existing supplied or default widths.

Patch Changes

• #402 6f30915 Thanks @felixhabib! - Fix styling issue, ensuring frame names and shadows show at a dimmed opacity except on hover

v0.42.0

Minor Changes

• #397 15a44bb Thanks @askoufis! - Replace fast-glob dependency with tinyglobby, removing 6 transitive dependencies

  BREAKING CHANGE:

  While tinyglobby aims to mimic fast-glob's behaviour, not all behavior is guaranteed to be the same. The typescriptFiles property in your playroom config is the only property that is affected by this change. Please ensure any custom globs are functioning as expected.

• #392 dc14423 Thanks @askoufis! - Enable embedded CSS formatting on save

  CSS authored inside style tags with a jsx attribute will now be formatted as CSS. This takes advantage of prettier's embedded language formatting capabilities.

  For example:

  <style jsx>
    {`
      .foo {
        color: red;
      }
    `}
  </style>

v0.41.0

Minor Changes

• #396 3ceb0af Thanks @askoufis! - Drop support for React 17

  BREAKING CHANGE: React 17 is no longer supported. Playroom now requires React 18 or later.

Patch Changes

• #396 3ceb0af Thanks @askoufis! - Loosen @types/react and @types/react-dom dependencies to include ^18.0.0

• #393 199c1e0 Thanks @askoufis! - Use the URL hash for passing params to each playroom iframe even when paramType: 'search' is configured

  This change prevents a full React re-render from occurring whenever code is changed in a playroom in projects that configure paramType: 'search', resulting in a much smoother prototyping experience.

v0.40.0

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.

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

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

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

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

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