GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-03-28 05:10:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

#12143 Addon-docs: Fix MDX IDs from CSF imports

Browse Source
This commit is contained in:
Michael Shilman 2020-08-20 14:40:31 +08:00
parent 4d274566ea
commit c7703d0b3b
2 changed files with 9 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
addons/docs/src/mdx/__testfixtures__/csf-imports.output.snapshot
View File

@ -26,9 +26,9 @@ function MDXContent({ components, ...props }) {
<MDXLayout {...layoutProps} {...props} components={components} mdxType=\\"MDXLayout\\">
<Meta title=\\"MDX/CSF imports\\" mdxType=\\"Meta\\" />
<h1>{\`Stories from CSF imports\`}</h1>
<Story story={MyStories.Basic} name=\\"BasicStory\\" mdxType=\\"Story\\" />
<Story story={MyStories.Basic} name=\\"_Basic_\\" mdxType=\\"Story\\" />
<Canvas mdxType=\\"Canvas\\">
<Story story={Other} name=\\"OtherStory\\" mdxType=\\"Story\\" />
<Story story={Other} name=\\"_Other_\\" mdxType=\\"Story\\" />
</Canvas>
<Story name=\\"renamed\\" story={MyStories.Foo} mdxType=\\"Story\\" />
</MDXLayout>
@ -37,23 +37,16 @@ function MDXContent({ components, ...props }) {
MDXContent.isMDXComponent = true;
export const BasicStory = MyStories.Basic;
export const _Basic_ = MyStories.Basic;
export const OtherStory = Other;
export const _Other_ = Other;
export const FooStory = MyStories.Foo;
FooStory.storyName = 'renamed';
export const _Foo_ = MyStories.Foo;
_Foo_.storyName = 'renamed';
const componentMeta = {
title: 'MDX/CSF imports',
includeStories: ['BasicStory', 'OtherStory', 'FooStory'],
};
const componentMeta = { title: 'MDX/CSF imports', includeStories: ['_Basic_', '_Other_', '_Foo_'] };
const mdxStoryNameToKey = {
BasicStory: 'BasicStory',
OtherStory: 'OtherStory',
renamed: 'FooStory',
};
const mdxStoryNameToKey = { _Basic_: '_Basic_', _Other_: '_Other_', renamed: '_Foo_' };
componentMeta.parameters = componentMeta.parameters || {};
componentMeta.parameters.docs = {

2
addons/docs/src/mdx/mdx-compiler-plugin.js
View File

@ -44,7 +44,7 @@ function genAttribute(key, element) {
function genImportStory(ast, storyDef, storyName, context) {
const { code: story } = generate(storyDef.expression, {});
const storyKey = `${story.split('.').pop()}Story`;
const storyKey = `_${story.split('.').pop()}_`;
const statements = [`export const ${storyKey} = ${story};`];
if (storyName) {