nested components in Story.block ? about phoenix_storybook HOT 9 CLOSED

can you try with a fully qualified name in your block?

%Story{
  id: :tabs,
  attributes: %{},
  block: """
  <BrmblWeb.UI.Navigation.Tabs.tab is_active to="/" label="Tab1" />
  <BrmblWeb.UI.Navigation.Tabs.tab to="/hi" label="Tab2" />
  """
}

from phoenix_storybook.

Thanks for that - this un-blocks me for now!

from phoenix_storybook.

from phoenix_storybook.

An entry example using new custom aliases / imports

defmodule NestedComponent do
  use PhxLiveStorybook.Entry, :component
  def function, do: &NestedComponent.nested_component/1

  def aliases, do: [MyStorybook.Helpers.JSHelpers]
  def imports, do: [{NestedComponent, nested: 1}]

  def stories do
    [
      %Story{
        id: :default,
        block: """
        <.nested phx-click={JSHelpers.toggle()}>hello</.nested>
        <.nested phx-click={JSHelpers.toggle()}>world</.nested>
        """
      }
    ]
  end
end

from phoenix_storybook.

@cblavier just spotted this. Awesome stuff mate.

You got a release candidate, or some other tag we can pull from?

from phoenix_storybook.

no release now, still a few tickets to ship.

In the meantime you can pull main branch. The issue is that, since it's not a proper hex release, you won't have the assets

in your mix.exs :

defp deps do 
  [{:phx_live_storybook, github: "phenixdigital/phx_live_storybook"}]
end

then from your shell

mix deps.get
cd deps/phx_live_storybook
mix deps.get
npm ci --prefix assets
mix assets.build

you should be ready to go, and take care of recent changes in router.ex (see CHANGELOG.md)

from phoenix_storybook.

That gets it to compile

The generated story remains verbose however:

<.tabs>
  <BrmblWeb.UI.Navigation.Tabs.tab is_active to="/" label="Tab1" />
<BrmblWeb.UI.Navigation.Tabs.tab to="/hi" label="Tab2" />
<./tabs>

(indentation appears broken, but Ive noticed that elsewhere)

from phoenix_storybook.

proper slots indentation 👌

from phoenix_storybook.

yeah I spotted those changes in the Changelog. I gave it a stab yesterday, but the assets were tripping me up. Thanks a bunch for the workaround!

from phoenix_storybook.