@ladle/[email protected]

Minor Changes

• #529 3ce9390 Thanks @chasestarr! - disable hmr when --noWatch flag is passed to serve command

@ladle/[email protected]

Patch Changes

• #523 6138c7f Thanks @chasestarr! - Add --noWatch option to serve command

@ladle/[email protected]

Patch Changes

• 4676d63 Thanks @tajo! - Remove console.log

@ladle/[email protected]

Minor Changes

• #517 9727dc8 Thanks @tajo! - Make the side navigation resizeable and remember it

ladle-resizable.mov

@ladle/[email protected]

Minor Changes

• #505 740378d Thanks @tajo! - Add out-of-the-box support for msw and API mocking

Patch Changes

• #503 36d3b8d Thanks @fskuteken! - Switch rotated chevron icon

• #513 67bb6ec Thanks @tajo! - Add .mdx into the default story glob

@ladle/[email protected]

Major Changes

• #481 8050652 Thanks @tajo! - Switch Ladle to SWC compiler by using react-plugin-swc as the default. The babel based one (react-plugin) can still be used by adding setting it up through vite.config.js.

• #479 657329a Thanks @tajo! - Convert StoryDefault type into interface, add hotkeys into Meta type, relax type of Meta.width

• #485 fcf448f Thanks @tajo! - Update to Node v20

• Only React v18+ is supported.

Patch Changes

• #495 7cc65f8 Thanks @tajo! - Don't use CSS transform for sidebar chevrons so it doesn't create layering (stacking context) issues

• #442 da95b96 Thanks @hiddenist! - Changes Meta from a type to an interface so it can be extended by declaring a module

• #441 1b048c4 Thanks @calloc134! - Fixed the type of the "ArgType" object so that options are properly loaded into the type

• #482 cf1a4a9 Thanks @tajo! - Inline react-frame-component

• #486 0c3c5ff Thanks @tajo! - Add meta.mockDate feature so stories can mock/fix Date() values, great for testing and snapshots

• #483 b1983a4 Thanks @tajo! - Add better styling for both markdown and MDX elements everywhere.

• #478 7650d11 Thanks @tajo! - Preserve number type for controls (includes select, radio...). Previously, we incorrectly turned these values into strings on change.

• #484 35eaece Thanks @tajo! - Set tab-size to 2 for the source code addon

• #480 e22508e Thanks @tajo! - Bump vite-react-plugin to v4

@ladle/[email protected]

Patch Changes

• #472 d51e5f4 Thanks @tajo! - Global hotkeys should work from inside of the iframe as well.

@ladle/[email protected]

Patch Changes

• #470 9eb9731 Thanks @tajo! - Increase chunk size warning

@ladle/[email protected]

Minor Changes

• #468 92ea9b1 Thanks @tajo! - Ladle is adding a few hotkeys to make your life easier:

  • / or ⌘ cmd ＋ p - Focus search input in the sidebar
  • ⌥ opt ＋ → - Go to the next story
  • ⌥ opt ＋ ← - Go to the previous story
  • ⌥ opt ＋ ↓ - Go to the next component
  • ⌥ opt ＋ ↑ - Go to the previous component
  • c - Toggle controls addon
  • d - Toggle dark mode
  • f - Toggle fullscreen mode
  • w - Toggle width addon
  • r - Toggle right-to-left mode
  • s - Toggle story source addon
  • a - Toggle accessibility addon

  These defaults can be customized through the configuration. Some stories might have utilize their own set of hotkeys. If you want to prevent conflicts with Ladle, you can disable all Ladle shortcuts for a specific story by using the meta parameter:

  export default {
    meta: {
      hotkeys: false,
    },
  };
  Story.meta = {
    hotkeys: false,
  };

@ladle/[email protected]

Patch Changes

• #462 3739ddb Thanks @tajo! - Pin react-frame-component to 5.2.4 (again)