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

Merge pull request #19563 from joshwooding/tidy-up-vite-mdx-plugin

Browse Source 
Tidy up vite mdx-plugin
This commit is contained in:
Ian VanSchooten 2022-10-24 17:19:25 -04:00 committed by GitHub
commit 26973f232d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
code/lib/builder-vite/src/plugins/mdx-plugin.ts
View File

@ -1,23 +1,13 @@
import type { Options } from '@storybook/core-common';
import type { Plugin } from 'vite';
import { createFilter } from 'vite';
const isStorybookMdx = (id: string) => id.endsWith('stories.mdx') || id.endsWith('story.mdx');
function injectRenderer(code: string, mdx2: boolean) {
if (mdx2) {
return `
function injectRenderer(code: string) {
return `
import React from 'react';
${code}
`;
}
return `
/* @jsx mdx */
import React from 'react';
import { mdx } from '@mdx-js/react';
${code}
`;
}
/**
@ -28,9 +18,7 @@ function injectRenderer(code: string, mdx2: boolean) {
*
* @see https://github.com/storybookjs/storybook/blob/next/addons/docs/docs/recipes.md#csf-stories-with-arbitrary-mdx
*/
export function mdxPlugin(options: Options): Plugin {
const { features } = options;
export function mdxPlugin(): Plugin {
let reactRefresh: Plugin | undefined;
const include = /\.mdx?$/;
const filter = createFilter(include);
@ -60,7 +48,7 @@ export function mdxPlugin(options: Options): Plugin {
const mdxCode = String(await compile(src, { skipCsf: !isStorybookMdx(id) }));
const modifiedCode = injectRenderer(mdxCode, true);
const modifiedCode = injectRenderer(mdxCode);
// Hooks in recent rollup versions can be functions or objects, and though react hasn't changed, the typescript defs have
const rTransform = reactRefresh?.transform;

2
code/lib/builder-vite/src/vite-config.ts
View File

@ -79,7 +79,7 @@ export async function pluginConfig(options: ExtendedOptions) {
const plugins = [
codeGeneratorPlugin(options),
// sourceLoaderPlugin(options),
mdxPlugin(options),
mdxPlugin(),
injectExportOrderPlugin,
stripStoryHMRBoundary(),
{