[Bug] Autodocs does not render Component name properly. about addon-svelte-csf HOT 8 CLOSED

I'm using "storybook": "^7.6.4","@storybook/addon-svelte-csf": "^4.0.13",

and I am using the template

<Page {...args} />

I still having this issue.

from addon-svelte-csf.

What version of storybook/this addon are you using ?

from addon-svelte-csf.

What version of storybook/this addon are you using ?

We are using version 7.4.6 of storybook and 4.0.9 of this plug-in. Thank you!

from addon-svelte-csf.

This issue has been fixed in storybook v7.5.0 through storybookjs/storybook#24008

from addon-svelte-csf.

btw you don't have to define argTypes, they should be automatically inferred by storybook.

from addon-svelte-csf.

I just upgraded to 7.5.2 and no joy. I also deleted package-lock.json and node_modules just to be sure and verified the behavior. I was looking at the previous issue and thought I'd try removing let:args from the Template and when I do that, it does in fact work.

I can add this to the storybook repo instead though, doesn't seem to be an issue of the addon-svelte-csf package.

from addon-svelte-csf.

Do you have a repo where I can check ?

Storybook, when it parses the component for extracting the documentation/argTypes, add a hidden property with the component name deduced from the file location. This property is used to generate the source snippet. If the property is not present, then it will try to generate a component name from the javascript constructor.

However, when Storybook is in dev mode, it activates Svelte HMR which replace the class by a Proxy (for reloading/keeping states/etc).

So you can see Proxy as the component name when:

• Storybook is in dev mode
• The component couldn't parsed

However, in sb 7.5, the hidden property should always be present, even if the composant is not valid.

from addon-svelte-csf.

from addon-svelte-csf.