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

Fix stories that need channel

Browse Source
This commit is contained in:
Tom Coleman 2022-07-18 20:06:46 +10:00
parent 80c2a5cb8e
commit bbecd18dd4
1 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
examples/official-storybook/stories/addon-docs/mdx.stories.js
View File

@ -2,6 +2,7 @@ import React from 'react';
import { DocsContainer } from '@storybook/addon-docs';
import { themes } from '@storybook/theming';
import { MDXProvider } from '@mdx-js/react';
import { Channel } from '@storybook/channels';
import markdown from './markdown.stories.mdx';
import { defaultComponents } from '../../../../addons/docs/src/DocsRenderer';
@ -11,6 +12,8 @@ export default {
parameters: { layout: 'fullscreen' },
};
const context = { channel: new Channel(), componentStories: () => [], storyById: () => ({}) };
// The purpose of these stories are to document that MDX renders properly in docs itself
// As tools like Chromatic cannot capture docs entries, we need to create a story that
// actually renders it's own docs, much like the DocsRenderer might.
@ -22,9 +25,7 @@ export const Typography = () => {
Typography.decorators = [
(storyFn) => (
<MDXProvider components={defaultComponents}>
<DocsContainer context={{ componentStories: () => [], storyById: () => ({}) }}>
{storyFn()}
</DocsContainer>
<DocsContainer context={context}>{storyFn()}</DocsContainer>
</MDXProvider>
),
];
@ -37,10 +38,7 @@ export const DarkModeDocs = () => {
DarkModeDocs.decorators = [
(storyFn) => (
<MDXProvider components={defaultComponents}>
<DocsContainer
context={{ componentStories: () => [], storyById: () => ({}) }}
theme={themes.dark}
>
<DocsContainer context={context} theme={themes.dark}>
{storyFn()}
</DocsContainer>
</MDXProvider>