phenixdigital/phoenix_storybook v0.4.0

on GitHub

A lot of necessary changes & refactoring have been made in this release which now requires you to
run it with brand new LiveView 0.18.0.

This is the first release containing feedbacks & contribution from outside users! Thank you all! 🔥

• change (breaking!): LiveView 0.18.0 is required. Attributes & slots declared in your components
  are supported by the component Playground.
• change (breaking!): configuration has been moved from config.exs files to your elixir backend module.
• change (breaking!): stories have been re-rebranded as variations, Story became Variation
  and StoryGroup became VariationGroup
• change (breaking!): entries have been re-rebranded as stories.
• change (breaking!): story (former entry) files must be created in *.story.exs files.
• change (breaking!): sidebar custom story names and icons are now defined in *.index.exs files.
• change (breaking!): live_storybook/2 is no longer serving assets. You must add
  storybook_assets/1 to your router in a non CSRF-protected scope.
• change (breaking!): attr options have been renamed to examples. A new values key is also
  available to enforce variation attribute values.
• change (breaking!): slots & block are no longer attributes. Define instead a slots/0 function
  returning a list of %Slot{}.
• change (breaking!): icon format has been updated, see this guide
• feature: run mix phx.gen.storybook to get started!
• feature: new search modal. Trigger it with cmd-k or / shortcuts.
• feature: new event log. In the playground, you can now track all events emitted by components.
• feature: theming. You can declare different themes in the application settings. The selected
  theme will be merged in all components assigns.
• feature: you can initialize the component playground with any variation.
• feature: templates. You can provide HTML templates to render stories, which can help with modals,
  slide-overs... (see this guide for more details).
• feature: provide custom aliases & imports to your stories/templates
  (see this guide for more details).
• feature: you can provide a let attribute to your inner blocks.
• feature: you can use late evaluation with {:eval, val} if you want to preserve the original
  expression in code preview.
• improvement: stories compilation is lazy in dev environment (and eager in other envs). This
  behavior can be tweaked with the :compilation_mode config key.
• improvement: storybook playground is now responsive.
• bugfix: fixed pre-opened folders always reopening themselves after each patch.
• bugfix: empty inner_block are no longer passed to all components.
• bugfix: fixed closing tag typo in code preview.
• documentation: new theming.md guide.
• documentation: new components.md guide.