ladle

Minor Changes

• #437 04a4662 Thanks @tajo! - Include all stories into optimizeDeps.entries so all deps get prebundled and there are no further reloads later.

Patch Changes

• #438 6d720ab Thanks @tajo! - Add support for args mapping

Patch Changes

• #427 180cfd5 Thanks @tajo! - Add i18n and onDevServerStart config options (undocumented for now)

Patch Changes

• #424 ebe1594 Thanks @tajo! - Fix iframe styles

Patch Changes

• #420 10456ac Thanks @tajo! - When the width of iframed story was bigger than the main canvas, the iframe was not properly centered and parts were missing.

Minor Changes

• #413 b75f5c4 Thanks @wojtekmaj! - Improved wording on "Story not found" page, added "Back to home" link, fixed typo in GitHub name

Patch Changes

• #418 27d90ed Thanks @tajo! - Fix context.globalState passed into decorators (second argument) was not updated.

Patch Changes

• #414 06bf239 Thanks @tajo! - Recent react-frame-component version bump causes iframe content to glitch - it sometimes doesn't load. It seems they switched some waiting logic. Pinning this dependency to 5.2.4 - the latest working version for now.

Minor Changes

• #412 6567b78 Thanks @tajo! - ## Global args and argTypes

  You can now define global args and argTypes in .ladle/components.tsx:

  export const args = {
    test: true,
  };
  
  export const argTypes = {
    cities: {
      control: { type: "select" },
      options: ["NYC", "London", "Tokyo"],
    },
  };
  

  These will be applied to all stories in your project and can be overriden on the story level.

  Background Control

  Introducing a new special control type background. You can use it to change the background color of your stories. You might want to place it into .ladle/components.tsx so it's available to all stories. There can be only one active background control.

  export const argTypes = {
    background: {
      control: { type: "background" },
      options: ["purple", "blue", "white", "pink"],
      defaultValue: "purple",
    },
  };
  

  Control Name and Labels

  You can now customize the name and labels of your controls and their options:

  Story.argTypes = {
    airports: {
      name: "International Airports",
      control: {
        type: "select",
        labels: {
          sfo: "San Francisco",
          lax: "Los Angeles",
          prg: "Prague",
        },
      },
      options: ["sfo", "lax", "prg"],
    },
  };
  

  Deterministic meta.json

  Stories are now sorted in the meta.json file in a deterministic way. Useful when creating a hash of the Ladle's output for caching purposes.

Patch Changes

• #409 0182092 Thanks @tajo! - Don't active tsconfig path plugin in yarn pnp env since it's buggy

Patch Changes

• #402 4737a54 Thanks @wojtekmaj! - Add type="button" to all buttons to reduce noise in Microsoft Edge DevTools Issues panel

• #403 c4e60d6 Thanks @wojtekmaj! - Rename manifest.json to manifest.webmanifest to reduce noise in Microsoft Edge DevTools Issues panel

Patch Changes

• #391 9433781 Thanks @wojtekmaj! - Fixed TypeScript error when using StoryDecorator type

Minor Changes

• #388 c4a7c96 Thanks @tajo! - Add StoryDefault type and support for satisfies. Update all the stories & docs with proper static types.

Patch Changes

• #389 cf0fc58 Thanks @azuline! - Add a CLI --host option for serve and preview commands that overrides vite.config.js settings.

Minor Changes

• #382 36f65d8 Thanks @tajo! - Add locStart and locEnd to SourceHeader

Patch Changes

• #380 2404878 Thanks @tajo! - Use create-react-app openBrowser script. Remove the default-browser logic.

Minor Changes

• #377 c6fb86b Thanks @tajo! - Add StorySourceHeader export into components.tsx to be able customizing the addon's header.

• #379 6bce3dd Thanks @tajo! - Add support for HTTP/2 for better dev performance.

Patch Changes

• #375 4f68427 Thanks @tajo! - Fix unmounting story when source code addon is open

• #378 6da7689 Thanks @tajo! - Allow to pass undefined into action()

Patch Changes

• #372 4fb1cf2 Thanks @tajo! - Add zindex to addons panel so it's always at the top.

Patch Changes

• #370 9b8667d Thanks @jharwig! - Fix range arguments loaded from search params being strings instead of numbers

Patch Changes

• #368 34b006e Thanks @tajo! - Pass programatic params into client's config. Add storyOrder e2e tests.

Patch Changes

• #367 c48817a Thanks @tajo! - Fix useLandleContext()

• #364 0c462a6 Thanks @justb3a! - Add --base cli option in preview mode

Minor Changes

• #361 54832e4 Thanks @tajo! - Add support for the SWC plugin.

Patch Changes

• #358 6a5c5a2 Thanks @tajo! - Fix absolute import path on windows.

Patch Changes

• #355 3277dce Thanks @tajo! - Change the way how values from config.mjs are passed to the client. We were doing direct import into the app but that breaks cases when config.mjs uses Node APIs. Also, it risks leaking potentially sensitive stuff from the CLI side. And it's cubersome when used through programatic API / wrapper libraries. The new solution picks just a subset of config.mjs values that are really needed in the client, serializes them and embeds them into our virtual module.

Patch Changes

• #352 efb6193 Thanks @tajo! - Use esbuild to compile JSX after MDX. Remove unused babel deps.