Storybook hangs viewing Doggo source

[ahacking]

Describe the bug
When using storybook and viewing there source of a Doggo component the file is so large that the browser hangs mand becomes unresponsive processing the mark up.

To Reproduce
Steps to reproduce the behavior:

1. Using Doggo 0.5.0, setup storybook as per the docs.
2. Click the source button in the top right when viewing a component.
3. Wait, .. wait some more, browser is unresponsive.

Expected behavior

1. Just display the minimal and relevant code.
2. Code is organised into component module files rather than a single huge file.

Whilst this seems like the root cause may be a storybook issue, a single large file with all components is not ideal.

Please consider breaking out components into separate module files such as accordion.ex, button.ex etc

[woylie]

Which browser are you using? It works just fine for me in Firefox (browser is responsive).

[woylie]

Safari doesn't have an issue with this either, but Chrome is weak.

[woylie]

Anyway, I don't think putting each function component into its own module is reasonable. Maybe phoenix_storybook could be updated to extract the relevant lines from the source code.

I'm planning to make the components customizable in a future version, which would have an impact on the source code display, though, so I don't think it's worth it to think about the module structure of doggo at this point.

[ahacking]

Which browser are you using? It works just fine for me in Firefox (browser is responsive).

Sorry I intended to provide that in the original report. I was just testing it with Brave which is chromium based.

[woylie]

I'll close this for now. Storybook renders the source code of the whole module where the component is defined. With the new build macros, you will only see the macro calls, which is even less helpful. We'll look into whether we can modify Storybook to allow overriding the default source view. This is tracked separately in #308.