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.