ladle

Patch Changes

• #568 b6d0f10 Thanks @hiddenist! - Exports meta.json types from library

• #571 c98d1af Thanks @wojtekmaj! - Automatically disable http2 when Vite proxy is used

Minor Changes

• #562 8165a95 Thanks @tajo! - Add option to disable http2 when using https. We observed that some bigger Ladle instances throw ERR_HTTP2_PROTOCOL_ERROR errors after upgrading from Node18 to Node20. This setting can be used as a workaround.

• #558 55de74a Thanks @park-g! - Add option to set HMR host and port via the ladle config and update the docs with these options.

Patch Changes

• #556 755fd68 Thanks @i-am-the-slime! - Allow export of stories in export blocks

Patch Changes

• #551 faf818d Thanks @tajo! - Update all dependencies

Patch Changes

• #539 2212d01 Thanks @tajo! - Fix mockServiceWorker base url, reexport browser/node APIs

Patch Changes

• #537 213cbc8 Thanks @nulladdict! - Scope @reach/dialog styles in ladle.css to prevent leaking on user stories

Major Changes

• #533 5b9f4ef Thanks @tajo! - Upgrade to Vite5, MSW2, MDX3 and all other deps as well.

  BREAKING changes

  • The biggest breaking change is upgrading MSW to v2. Ladle ships its own copy of msw. You will need to update your existing MSW handlers. There are codemods and migration gudie that should ease the transition. If you don't use this addon, you can ignore this.
  • Ladle v3 has already dropped support for older Node versions. However, there are more Ladle v4 dependencies following the suit (including Vite) to support only Node v18+. So now it's really time to upgrade your Node.
  • Vite v5 should not really break anything for you unless you were using some more exotic rollup plugins. Check Vite 4 to Vite 5 migration guide if you run into any issues.

Patch Changes

• #528 c9be1d7 Thanks @LeelandClenista! - Export programmatic meta API

Minor Changes

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

Patch Changes

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

Patch Changes

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

Minor Changes

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

https://github.com/tajo/ladle/assets/1387913/97b56b95-0945-47ed-ab71-14ef09d93ccb

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

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

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

Patch Changes

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

Patch Changes

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

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,
  };
  

Patch Changes

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

Minor Changes

• #460 29c4e6c Thanks @tajo! - Support argTypes boolean, text, number, color and date.

Patch Changes

• #458 8ee198f Thanks @tajo! - Bump all dependencies

Minor Changes

• #449 d3e0200 Thanks @tajo! - Add args and argTypes to context for Storybook compat

• #447 802b351 Thanks @tajo! - Pass legacy parameters through context into decorators (Storybook compat)

• #450 7ce734a Thanks @tajo! - Quicker side-navigation for deeply nested stories. The sub-tree is automatically expanded and the first story/link activated.

Minor Changes

• #444 1272570 Thanks @dtgreene! - Use Vite v4.3.9