@storybook/builder-vite 0.2.2 → 0.2.4

package/.eslintignore

@@ -0,0 +1,4 @@
+.github
+.yarn
+storybook-static
+dist

package/.eslintrc.js

@@ -0,0 +1,32 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true,
+  },
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaVersion: 2021,
+  },
+  plugins: ['@typescript-eslint', 'only-warn'],
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/eslint-recommended',
+    'plugin:storybook/recommended',
+    'prettier',
+  ],
+  rules: {
+    // Set line length to 120
+    'max-len': ['error', { code: 120, ignoreComments: true }],
+    // Ignore arguments starting from an underscore `_`
+    '@typescript-eslint/no-unused-vars': ['error', { argsIgnorePattern: '^_', varsIgnorePattern: '^_' }],
+  },
+  overrides: [
+    // Fix: disable `no-unused-vars` for TypeScript files
+    {
+      files: '**/*.ts',
+      rules: {
+        'no-unused-vars': 'off',
+      },
+    },
+  ],
+};

package/.prettierignore

@@ -0,0 +1,5 @@
+.yarn
+**/*/storybook-static/*
+*.yml
+**/dist
+public

package/.yarnrc.yml

@@ -0,0 +1,3 @@
+---
+
+cacheFolder: "../../.yarn/cache"

package/build.ts

@@ -15,6 +15,11 @@ export async function build(options: ExtendedOptions) {
       emptyOutDir: false, // do not clean before running Vite build - Storybook has already added assets in there!
       sourcemap: true,
     },
+    esbuild: {
+      // Workaround for #206: https://github.com/storybookjs/builder-vite/issues/206#issuecomment-1122347230
+      // Makes sure that mocked actions can be recognized in the production build.
+      keepNames: true,
+    },
   };
 
   const finalConfig = await presets.apply('viteFinal', config, options);

package/dist/build.js

@@ -14,6 +14,11 @@ async function build(options) {
             emptyOutDir: false,
             sourcemap: true,
         },
+        esbuild: {
+            // Workaround for #206: https://github.com/storybookjs/builder-vite/issues/206#issuecomment-1122347230
+            // Makes sure that mocked actions can be recognized in the production build.
+            keepNames: true,
+        },
     };
     const finalConfig = await presets.apply('viteFinal', config, options);
     const envsRaw = await presets.apply('env');

package/dist/build.js.map

@@ -1 +1 @@
-{"version":3,"file":"build.js","sourceRoot":"","sources":["../build.ts"],"names":[],"mappings":";;;AAAA,+BAA0C;AAC1C,iCAA8C;AAC9C,+CAA6C;AAItC,KAAK,UAAU,KAAK,CAAC,OAAwB;IAClD,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;IAE5B,MAAM,UAAU,GAAG,MAAM,IAAA,0BAAY,EAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IACxD,MAAM,MAAM,GAAG;QACb,GAAG,UAAU;QACb,KAAK,EAAE;YACL,MAAM,EAAE,OAAO,CAAC,SAAS;YACzB,WAAW,EAAE,KAAK;YAClB,SAAS,EAAE,IAAI;SAChB;KACF,CAAC;IAEF,MAAM,WAAW,GAAG,MAAM,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IAEtE,MAAM,OAAO,GAAG,MAAM,OAAO,CAAC,KAAK,CAAmB,KAAK,CAAC,CAAC;IAC7D,0EAA0E;IAC1E,MAAM,IAAI,GAAG,IAAA,2BAAoB,EAAC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAClE,kBAAkB;IAClB,WAAW,CAAC,MAAM,GAAG;QACnB,GAAG,WAAW,CAAC,MAAM;QACrB,GAAG,IAAI;KACR,CAAC;IAEF,MAAM,IAAA,YAAS,EAAC,WAAW,CAAC,CAAC;AAC/B,CAAC;AAzBD,sBAyBC","sourcesContent":["import { build as viteBuild } from 'vite';\nimport { stringifyProcessEnvs } from './envs';\nimport { commonConfig } from './vite-config';\n\nimport type { EnvsRaw, ExtendedOptions } from './types';\n\nexport async function build(options: ExtendedOptions) {\n  const { presets } = options;\n\n  const baseConfig = await commonConfig(options, 'build');\n  const config = {\n    ...baseConfig,\n    build: {\n      outDir: options.outputDir,\n      emptyOutDir: false, // do not clean before running Vite build - Storybook has already added assets in there!\n      sourcemap: true,\n    },\n  };\n\n  const finalConfig = await presets.apply('viteFinal', config, options);\n\n  const envsRaw = await presets.apply<Promise<EnvsRaw>>('env');\n  // Stringify env variables after getting `envPrefix` from the final config\n  const envs = stringifyProcessEnvs(envsRaw, finalConfig.envPrefix);\n  // Update `define`\n  finalConfig.define = {\n    ...finalConfig.define,\n    ...envs,\n  };\n\n  await viteBuild(finalConfig);\n}\n"]}
+{"version":3,"file":"build.js","sourceRoot":"","sources":["../build.ts"],"names":[],"mappings":";;;AAAA,+BAA0C;AAC1C,iCAA8C;AAC9C,+CAA6C;AAItC,KAAK,UAAU,KAAK,CAAC,OAAwB;IAClD,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;IAE5B,MAAM,UAAU,GAAG,MAAM,IAAA,0BAAY,EAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IACxD,MAAM,MAAM,GAAG;QACb,GAAG,UAAU;QACb,KAAK,EAAE;YACL,MAAM,EAAE,OAAO,CAAC,SAAS;YACzB,WAAW,EAAE,KAAK;YAClB,SAAS,EAAE,IAAI;SAChB;QACD,OAAO,EAAE;YACP,sGAAsG;YACtG,4EAA4E;YAC5E,SAAS,EAAE,IAAI;SAChB;KACF,CAAC;IAEF,MAAM,WAAW,GAAG,MAAM,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IAEtE,MAAM,OAAO,GAAG,MAAM,OAAO,CAAC,KAAK,CAAmB,KAAK,CAAC,CAAC;IAC7D,0EAA0E;IAC1E,MAAM,IAAI,GAAG,IAAA,2BAAoB,EAAC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAClE,kBAAkB;IAClB,WAAW,CAAC,MAAM,GAAG;QACnB,GAAG,WAAW,CAAC,MAAM;QACrB,GAAG,IAAI;KACR,CAAC;IAEF,MAAM,IAAA,YAAS,EAAC,WAAW,CAAC,CAAC;AAC/B,CAAC;AA9BD,sBA8BC","sourcesContent":["import { build as viteBuild } from 'vite';\nimport { stringifyProcessEnvs } from './envs';\nimport { commonConfig } from './vite-config';\n\nimport type { EnvsRaw, ExtendedOptions } from './types';\n\nexport async function build(options: ExtendedOptions) {\n  const { presets } = options;\n\n  const baseConfig = await commonConfig(options, 'build');\n  const config = {\n    ...baseConfig,\n    build: {\n      outDir: options.outputDir,\n      emptyOutDir: false, // do not clean before running Vite build - Storybook has already added assets in there!\n      sourcemap: true,\n    },\n    esbuild: {\n      // Workaround for #206: https://github.com/storybookjs/builder-vite/issues/206#issuecomment-1122347230\n      // Makes sure that mocked actions can be recognized in the production build.\n      keepNames: true,\n    },\n  };\n\n  const finalConfig = await presets.apply('viteFinal', config, options);\n\n  const envsRaw = await presets.apply<Promise<EnvsRaw>>('env');\n  // Stringify env variables after getting `envPrefix` from the final config\n  const envs = stringifyProcessEnvs(envsRaw, finalConfig.envPrefix);\n  // Update `define`\n  finalConfig.define = {\n    ...finalConfig.define,\n    ...envs,\n  };\n\n  await viteBuild(finalConfig);\n}\n"]}

package/dist/optimizeDeps.js

@@ -46,6 +46,7 @@ const INCLUDE_CANDIDATES = [
     '@storybook/react > acorn-jsx',
     '@storybook/react',
     '@storybook/svelte',
+    '@storybook/vue',
     '@storybook/vue3',
     'acorn-jsx',
     'acorn-walk',

package/dist/optimizeDeps.js.map

@@ -1 +1 @@
-{"version":3,"file":"optimizeDeps.js","sourceRoot":"","sources":["../optimizeDeps.ts"],"names":[],"mappings":"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","sourcesContent":["import * as path from 'path';\nimport { normalizePath, resolveConfig, UserConfig } from 'vite';\nimport { listStories } from './list-stories';\n\nimport type { ExtendedOptions } from './types';\n\nconst INCLUDE_CANDIDATES = [\n  '@base2/pretty-print-object',\n  '@emotion/core',\n  '@emotion/is-prop-valid',\n  '@emotion/styled',\n  '@mdx-js/react',\n  '@storybook/addon-docs > acorn-jsx',\n  '@storybook/addon-docs',\n  '@storybook/addons',\n  '@storybook/channel-postmessage',\n  '@storybook/channel-websocket',\n  '@storybook/client-api',\n  '@storybook/client-logger',\n  '@storybook/core/client',\n  '@storybook/csf',\n  '@storybook/preview-web',\n  '@storybook/react > acorn-jsx',\n  '@storybook/react',\n  '@storybook/svelte',\n  '@storybook/vue3',\n  'acorn-jsx',\n  'acorn-walk',\n  'acorn',\n  'airbnb-js-shims',\n  'ansi-to-html',\n  'axe-core',\n  'color-convert',\n  'deep-object-diff',\n  'doctrine',\n  'emotion-theming',\n  'escodegen',\n  'estraverse',\n  'fast-deep-equal',\n  'global',\n  'html-tags',\n  'isobject',\n  'jest-mock',\n  'loader-utils',\n  'lodash/cloneDeep',\n  'lodash/isFunction',\n  'lodash/isPlainObject',\n  'lodash/isString',\n  'lodash/mapKeys',\n  'lodash/mapValues',\n  'lodash/pick',\n  'lodash/pickBy',\n  'lodash/startCase',\n  'lodash/throttle',\n  'lodash/uniq',\n  'markdown-to-jsx',\n  'memoizerific',\n  'overlayscrollbars',\n  'polished',\n  'prettier/parser-babel',\n  'prettier/parser-flow',\n  'prettier/parser-typescript',\n  'prop-types',\n  'qs',\n  'react-dom',\n  'react-dom/client',\n  'react-fast-compare',\n  'react-is',\n  'react-textarea-autosize',\n  'react',\n  'react/jsx-runtime',\n  'refractor/core',\n  'refractor/lang/bash.js',\n  'refractor/lang/css.js',\n  'refractor/lang/graphql.js',\n  'refractor/lang/js-extras.js',\n  'refractor/lang/json.js',\n  'refractor/lang/jsx.js',\n  'refractor/lang/markdown.js',\n  'refractor/lang/markup.js',\n  'refractor/lang/tsx.js',\n  'refractor/lang/typescript.js',\n  'refractor/lang/yaml.js',\n  'regenerator-runtime/runtime.js',\n  'slash',\n  'stable',\n  'store2',\n  'synchronous-promise',\n  'telejson',\n  'ts-dedent',\n  'unfetch',\n  'util-deprecate',\n  'uuid-browser/v4',\n  'vue',\n  'warning',\n];\n\n/**\n * Helper function which allows us to `filter` with an async predicate.  Uses Promise.all for performance.\n */\nconst asyncFilter = async (arr: string[], predicate: (val: string) => Promise<boolean>) =>\n  Promise.all(arr.map(predicate)).then((results) => arr.filter((_v, index) => results[index]));\n\nexport async function getOptimizeDeps(\n  config: UserConfig & { configFile: false; root: string },\n  options: ExtendedOptions\n) {\n  const { root } = config;\n  const absoluteStories = await listStories(options);\n  const stories = absoluteStories.map((storyPath) => normalizePath(path.relative(root, storyPath)));\n  const resolvedConfig = await resolveConfig(config, 'serve', 'development');\n\n  // This function converts ids which might include ` > ` to a real path, if it exists on disk.\n  // See https://github.com/vitejs/vite/blob/67d164392e8e9081dc3f0338c4b4b8eea6c5f7da/packages/vite/src/node/optimizer/index.ts#L182-L199\n  const resolve = resolvedConfig.createResolver({ asSrc: false });\n  const include = await asyncFilter(INCLUDE_CANDIDATES, async (id) => Boolean(await resolve(id)));\n\n  return {\n    // We don't need to resolve the glob since vite supports globs for entries.\n    entries: stories,\n    // We need Vite to precompile these dependencies, because they contain non-ESM code that would break\n    // if we served it directly to the browser.\n    include,\n  };\n}\n"]}
+{"version":3,"file":"optimizeDeps.js","sourceRoot":"","sources":["../optimizeDeps.ts"],"names":[],"mappings":"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","sourcesContent":["import * as path from 'path';\nimport { normalizePath, resolveConfig, UserConfig } from 'vite';\nimport { listStories } from './list-stories';\n\nimport type { ExtendedOptions } from './types';\n\nconst INCLUDE_CANDIDATES = [\n  '@base2/pretty-print-object',\n  '@emotion/core',\n  '@emotion/is-prop-valid',\n  '@emotion/styled',\n  '@mdx-js/react',\n  '@storybook/addon-docs > acorn-jsx',\n  '@storybook/addon-docs',\n  '@storybook/addons',\n  '@storybook/channel-postmessage',\n  '@storybook/channel-websocket',\n  '@storybook/client-api',\n  '@storybook/client-logger',\n  '@storybook/core/client',\n  '@storybook/csf',\n  '@storybook/preview-web',\n  '@storybook/react > acorn-jsx',\n  '@storybook/react',\n  '@storybook/svelte',\n  '@storybook/vue',\n  '@storybook/vue3',\n  'acorn-jsx',\n  'acorn-walk',\n  'acorn',\n  'airbnb-js-shims',\n  'ansi-to-html',\n  'axe-core',\n  'color-convert',\n  'deep-object-diff',\n  'doctrine',\n  'emotion-theming',\n  'escodegen',\n  'estraverse',\n  'fast-deep-equal',\n  'global',\n  'html-tags',\n  'isobject',\n  'jest-mock',\n  'loader-utils',\n  'lodash/cloneDeep',\n  'lodash/isFunction',\n  'lodash/isPlainObject',\n  'lodash/isString',\n  'lodash/mapKeys',\n  'lodash/mapValues',\n  'lodash/pick',\n  'lodash/pickBy',\n  'lodash/startCase',\n  'lodash/throttle',\n  'lodash/uniq',\n  'markdown-to-jsx',\n  'memoizerific',\n  'overlayscrollbars',\n  'polished',\n  'prettier/parser-babel',\n  'prettier/parser-flow',\n  'prettier/parser-typescript',\n  'prop-types',\n  'qs',\n  'react-dom',\n  'react-dom/client',\n  'react-fast-compare',\n  'react-is',\n  'react-textarea-autosize',\n  'react',\n  'react/jsx-runtime',\n  'refractor/core',\n  'refractor/lang/bash.js',\n  'refractor/lang/css.js',\n  'refractor/lang/graphql.js',\n  'refractor/lang/js-extras.js',\n  'refractor/lang/json.js',\n  'refractor/lang/jsx.js',\n  'refractor/lang/markdown.js',\n  'refractor/lang/markup.js',\n  'refractor/lang/tsx.js',\n  'refractor/lang/typescript.js',\n  'refractor/lang/yaml.js',\n  'regenerator-runtime/runtime.js',\n  'slash',\n  'stable',\n  'store2',\n  'synchronous-promise',\n  'telejson',\n  'ts-dedent',\n  'unfetch',\n  'util-deprecate',\n  'uuid-browser/v4',\n  'vue',\n  'warning',\n];\n\n/**\n * Helper function which allows us to `filter` with an async predicate.  Uses Promise.all for performance.\n */\nconst asyncFilter = async (arr: string[], predicate: (val: string) => Promise<boolean>) =>\n  Promise.all(arr.map(predicate)).then((results) => arr.filter((_v, index) => results[index]));\n\nexport async function getOptimizeDeps(\n  config: UserConfig & { configFile: false; root: string },\n  options: ExtendedOptions\n) {\n  const { root } = config;\n  const absoluteStories = await listStories(options);\n  const stories = absoluteStories.map((storyPath) => normalizePath(path.relative(root, storyPath)));\n  const resolvedConfig = await resolveConfig(config, 'serve', 'development');\n\n  // This function converts ids which might include ` > ` to a real path, if it exists on disk.\n  // See https://github.com/vitejs/vite/blob/67d164392e8e9081dc3f0338c4b4b8eea6c5f7da/packages/vite/src/node/optimizer/index.ts#L182-L199\n  const resolve = resolvedConfig.createResolver({ asSrc: false });\n  const include = await asyncFilter(INCLUDE_CANDIDATES, async (id) => Boolean(await resolve(id)));\n\n  return {\n    // We don't need to resolve the glob since vite supports globs for entries.\n    entries: stories,\n    // We need Vite to precompile these dependencies, because they contain non-ESM code that would break\n    // if we served it directly to the browser.\n    include,\n  };\n}\n"]}

package/dist/plugins/mdx-plugin.js

@@ -72,7 +72,10 @@ function mdxPlugin(options) {
                     : await Promise.resolve().then(() => __importStar(require('@storybook/mdx1-csf')));
                 const mdxCode = String(await compile(src, { skipCsf: !isStorybookMdx(id) }));
                 const modifiedCode = injectRenderer(mdxCode, Boolean(features === null || features === void 0 ? void 0 : features.previewMdx2));
-                const result = await (reactRefresh === null || reactRefresh === void 0 ? void 0 : reactRefresh.transform.call(this, modifiedCode, `${id}.jsx`, options));
+                // Hooks in recent rollup versions can be functions or objects, and though react hasn't changed, the typescript defs have
+                const rTransform = reactRefresh === null || reactRefresh === void 0 ? void 0 : reactRefresh.transform;
+                const transform = rTransform && 'handler' in rTransform ? rTransform.handler : rTransform;
+                const result = await transform.call(this, modifiedCode, `${id}.jsx`, options);
                 if (!result)
                     return modifiedCode;
                 if (typeof result === 'string')

package/dist/plugins/mdx-plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"mdx-plugin.js","sourceRoot":"","sources":["../../plugins/mdx-plugin.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM,cAAc,GAAG,CAAC,EAAU,EAAE,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;AAE9F,SAAS,cAAc,CAAC,IAAY,EAAE,IAAa;IACjD,IAAI,IAAI,EAAE;QACR,OAAO;;aAEE,IAAI;YACL,CAAC;KACV;IAED,OAAO;;;;UAIC,IAAI;SACL,CAAC;AACV,CAAC;AAED;;;;;;;GAOG;AACH,SAAgB,SAAS,CAAC,OAAgB;IACxC,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;IAE7B,IAAI,YAAgC,CAAC;IAErC,OAAO;QACL,IAAI,EAAE,2BAA2B;QACjC,OAAO,EAAE,KAAK;QACd,cAAc,CAAC,EAAE,OAAO,EAAE;YACxB,0EAA0E;YAC1E,iHAAiH;YACjH,0DAA0D;YAC1D,gIAAgI;YAChI,MAAM,mBAAmB,GAAG,OAAO,CAAC,MAAM,CACxC,CAAC,CAAC,EAAE,EAAE,CACJ,CAAC,CAAC,IAAI,KAAK,eAAe;gBAC1B,CAAC,CAAC,IAAI,KAAK,kBAAkB;gBAC7B,CAAC,CAAC,IAAI,KAAK,oBAAoB;gBAC/B,CAAC,CAAC,IAAI,KAAK,gBAAgB,CAC9B,CAAC;YACF,YAAY,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QAC9D,CAAC;QACD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,EAAE,EAAE,OAAO;YAC9B,IAAI,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE;gBACvB,aAAa;gBACb,MAAM,EAAE,OAAO,EAAE,GAAG,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW;oBACvC,CAAC,CAAC,wDAAa,qBAAqB,GAAC;oBACrC,CAAC,CAAC,wDAAa,qBAAqB,GAAC,CAAC;gBAExC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,OAAO,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;gBAE7E,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,CAAC,CAAC,CAAC;gBAE7E,MAAM,MAAM,GAAG,MAAM,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CAAE,IAAI,CAAC,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA,CAAC;gBAE7F,IAAI,CAAC,MAAM;oBAAE,OAAO,YAAY,CAAC;gBAEjC,IAAI,OAAO,MAAM,KAAK,QAAQ;oBAAE,OAAO,MAAM,CAAC;gBAE9C,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;gBAExC,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,SAAS,IAAI,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;aACjH;QACH,CAAC;KACF,CAAC;AACJ,CAAC;AA7CD,8BA6CC","sourcesContent":["import type { Options } from '@storybook/core-common';\nimport { Plugin } from 'vite';\n\nconst isStorybookMdx = (id: string) => id.endsWith('stories.mdx') || id.endsWith('story.mdx');\n\nfunction injectRenderer(code: string, mdx2: boolean) {\n  if (mdx2) {\n    return `\n           import React from 'react';\n           ${code}\n           `;\n  }\n\n  return `\n        /* @jsx mdx */\n        import React from 'react';\n        import { mdx } from '@mdx-js/react';\n        ${code}\n        `;\n}\n\n/**\n * Storybook uses two different loaders when dealing with MDX:\n *\n * - *stories.mdx and *story.mdx are compiled with the CSF compiler\n * - *.mdx are compiled with the MDX compiler directly\n *\n * @see https://github.com/storybookjs/storybook/blob/next/addons/docs/docs/recipes.md#csf-stories-with-arbitrary-mdx\n */\nexport function mdxPlugin(options: Options): Plugin {\n  const { features } = options;\n\n  let reactRefresh: Plugin | undefined;\n\n  return {\n    name: 'storybook-vite-mdx-plugin',\n    enforce: 'pre',\n    configResolved({ plugins }) {\n      // @vitejs/plugin-react-refresh has been upgraded to @vitejs/plugin-react,\n      // and the name of the plugin performing `transform` has been changed from 'react-refresh' to 'vite:react-babel',\n      // to be compatible, we need to look for both plugin name.\n      // We should also look for the other plugins names exported from @vitejs/plugin-react in case there are some internal refactors.\n      const reactRefreshPlugins = plugins.filter(\n        (p) =>\n          p.name === 'react-refresh' ||\n          p.name === 'vite:react-babel' ||\n          p.name === 'vite:react-refresh' ||\n          p.name === 'vite:react-jsx'\n      );\n      reactRefresh = reactRefreshPlugins.find((p) => p.transform);\n    },\n    async transform(src, id, options) {\n      if (id.match(/\\.mdx?$/)) {\n        // @ts-ignore\n        const { compile } = features?.previewMdx2\n          ? await import('@storybook/mdx2-csf')\n          : await import('@storybook/mdx1-csf');\n\n        const mdxCode = String(await compile(src, { skipCsf: !isStorybookMdx(id) }));\n\n        const modifiedCode = injectRenderer(mdxCode, Boolean(features?.previewMdx2));\n\n        const result = await reactRefresh?.transform!.call(this, modifiedCode, `${id}.jsx`, options);\n\n        if (!result) return modifiedCode;\n\n        if (typeof result === 'string') return result;\n\n        const { code, map: resultMap } = result;\n\n        return { code, map: !resultMap || typeof resultMap === 'string' ? resultMap : { ...resultMap, sources: [id] } };\n      }\n    },\n  };\n}\n"]}
+{"version":3,"file":"mdx-plugin.js","sourceRoot":"","sources":["../../plugins/mdx-plugin.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM,cAAc,GAAG,CAAC,EAAU,EAAE,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;AAE9F,SAAS,cAAc,CAAC,IAAY,EAAE,IAAa;IACjD,IAAI,IAAI,EAAE;QACR,OAAO;;aAEE,IAAI;YACL,CAAC;KACV;IAED,OAAO;;;;UAIC,IAAI;SACL,CAAC;AACV,CAAC;AAED;;;;;;;GAOG;AACH,SAAgB,SAAS,CAAC,OAAgB;IACxC,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;IAE7B,IAAI,YAAgC,CAAC;IAErC,OAAO;QACL,IAAI,EAAE,2BAA2B;QACjC,OAAO,EAAE,KAAK;QACd,cAAc,CAAC,EAAE,OAAO,EAAE;YACxB,0EAA0E;YAC1E,iHAAiH;YACjH,0DAA0D;YAC1D,gIAAgI;YAChI,MAAM,mBAAmB,GAAG,OAAO,CAAC,MAAM,CACxC,CAAC,CAAC,EAAE,EAAE,CACJ,CAAC,CAAC,IAAI,KAAK,eAAe;gBAC1B,CAAC,CAAC,IAAI,KAAK,kBAAkB;gBAC7B,CAAC,CAAC,IAAI,KAAK,oBAAoB;gBAC/B,CAAC,CAAC,IAAI,KAAK,gBAAgB,CAC9B,CAAC;YACF,YAAY,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;QAC9D,CAAC;QACD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,EAAE,EAAE,OAAO;YAC9B,IAAI,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE;gBACvB,aAAa;gBACb,MAAM,EAAE,OAAO,EAAE,GAAG,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW;oBACvC,CAAC,CAAC,wDAAa,qBAAqB,GAAC;oBACrC,CAAC,CAAC,wDAAa,qBAAqB,GAAC,CAAC;gBAExC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,OAAO,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;gBAE7E,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,CAAC,CAAC,CAAC;gBAE7E,yHAAyH;gBACzH,MAAM,UAAU,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CAAC;gBAC3C,MAAM,SAAS,GAAG,UAAU,IAAI,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;gBAE1F,MAAM,MAAM,GAAG,MAAM,SAAU,CAAC,IAAI,CAAC,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;gBAE/E,IAAI,CAAC,MAAM;oBAAE,OAAO,YAAY,CAAC;gBAEjC,IAAI,OAAO,MAAM,KAAK,QAAQ;oBAAE,OAAO,MAAM,CAAC;gBAE9C,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC;gBAExC,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,SAAS,IAAI,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;aACjH;QACH,CAAC;KACF,CAAC;AACJ,CAAC;AAjDD,8BAiDC","sourcesContent":["import type { Options } from '@storybook/core-common';\nimport { Plugin } from 'vite';\n\nconst isStorybookMdx = (id: string) => id.endsWith('stories.mdx') || id.endsWith('story.mdx');\n\nfunction injectRenderer(code: string, mdx2: boolean) {\n  if (mdx2) {\n    return `\n           import React from 'react';\n           ${code}\n           `;\n  }\n\n  return `\n        /* @jsx mdx */\n        import React from 'react';\n        import { mdx } from '@mdx-js/react';\n        ${code}\n        `;\n}\n\n/**\n * Storybook uses two different loaders when dealing with MDX:\n *\n * - *stories.mdx and *story.mdx are compiled with the CSF compiler\n * - *.mdx are compiled with the MDX compiler directly\n *\n * @see https://github.com/storybookjs/storybook/blob/next/addons/docs/docs/recipes.md#csf-stories-with-arbitrary-mdx\n */\nexport function mdxPlugin(options: Options): Plugin {\n  const { features } = options;\n\n  let reactRefresh: Plugin | undefined;\n\n  return {\n    name: 'storybook-vite-mdx-plugin',\n    enforce: 'pre',\n    configResolved({ plugins }) {\n      // @vitejs/plugin-react-refresh has been upgraded to @vitejs/plugin-react,\n      // and the name of the plugin performing `transform` has been changed from 'react-refresh' to 'vite:react-babel',\n      // to be compatible, we need to look for both plugin name.\n      // We should also look for the other plugins names exported from @vitejs/plugin-react in case there are some internal refactors.\n      const reactRefreshPlugins = plugins.filter(\n        (p) =>\n          p.name === 'react-refresh' ||\n          p.name === 'vite:react-babel' ||\n          p.name === 'vite:react-refresh' ||\n          p.name === 'vite:react-jsx'\n      );\n      reactRefresh = reactRefreshPlugins.find((p) => p.transform);\n    },\n    async transform(src, id, options) {\n      if (id.match(/\\.mdx?$/)) {\n        // @ts-ignore\n        const { compile } = features?.previewMdx2\n          ? await import('@storybook/mdx2-csf')\n          : await import('@storybook/mdx1-csf');\n\n        const mdxCode = String(await compile(src, { skipCsf: !isStorybookMdx(id) }));\n\n        const modifiedCode = injectRenderer(mdxCode, Boolean(features?.previewMdx2));\n\n        // Hooks in recent rollup versions can be functions or objects, and though react hasn't changed, the typescript defs have\n        const rTransform = reactRefresh?.transform;\n        const transform = rTransform && 'handler' in rTransform ? rTransform.handler : rTransform;\n\n        const result = await transform!.call(this, modifiedCode, `${id}.jsx`, options);\n\n        if (!result) return modifiedCode;\n\n        if (typeof result === 'string') return result;\n\n        const { code, map: resultMap } = result;\n\n        return { code, map: !resultMap || typeof resultMap === 'string' ? resultMap : { ...resultMap, sources: [id] } };\n      }\n    },\n  };\n}\n"]}

package/dist/plugins/react-docgen.js

@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.reactDocgen = void 0;
 const path_1 = __importDefault(require("path"));
-const pluginutils_1 = require("@rollup/pluginutils");
 const react_docgen_1 = require("react-docgen");
 const magic_string_1 = __importDefault(require("magic-string"));
+const vite_1 = require("vite");
 const actualNameHandler_1 = __importDefault(require("./docgen-handlers/actualNameHandler"));
 // TODO: None of these are able to be overridden, so `default` is aspirational here.
 const defaultHandlers = Object.values(react_docgen_1.handlers).map((handler) => handler);
@@ -16,7 +16,7 @@ const defaultImporter = react_docgen_1.importers.makeFsImporter();
 const handlers = [...defaultHandlers, actualNameHandler_1.default];
 function reactDocgen({ include = /\.(mjs|tsx?|jsx?)$/, exclude = [/node_modules\/.*/, '**/**.stories.tsx'], } = {}) {
     const cwd = process.cwd();
-    const filter = (0, pluginutils_1.createFilter)(include, exclude);
+    const filter = (0, vite_1.createFilter)(include, exclude);
     return {
         name: 'react-docgen',
         enforce: 'pre',

package/dist/plugins/react-docgen.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-docgen.js","sourceRoot":"","sources":["../../plugins/react-docgen.ts"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AACxB,qDAAmD;AACnD,+CAKsB;AAEtB,gEAAuC;AAEvC,4FAAoE;AAIpE,oFAAoF;AACpF,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAc,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC;AAChF,MAAM,eAAe,GAAG,uBAAc,CAAC,mCAAmC,CAAC;AAC3E,MAAM,eAAe,GAAG,wBAAe,CAAC,cAAc,EAAE,CAAC;AACzD,MAAM,QAAQ,GAAG,CAAC,GAAG,eAAe,EAAE,2BAAiB,CAAC,CAAC;AAOzD,SAAgB,WAAW,CAAC,EAC1B,OAAO,GAAG,oBAAoB,EAC9B,OAAO,GAAG,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,MACxC,EAAE;IACb,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC;IAC1B,MAAM,MAAM,GAAG,IAAA,0BAAY,EAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAE9C,OAAO;QACL,IAAI,EAAE,cAAc;QACpB,OAAO,EAAE,KAAK;QACd,KAAK,CAAC,SAAS,CAAC,GAAW,EAAE,EAAU;YACrC,MAAM,OAAO,GAAG,cAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;YACvC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;gBAAE,OAAO;YAE7B,IAAI;gBACF,yFAAyF;gBACzF,MAAM,aAAa,GAAG,IAAA,oBAAK,EAAC,GAAG,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC3F,CAAC;gBACb,MAAM,CAAC,GAAG,IAAI,sBAAW,CAAC,GAAG,CAAC,CAAC;gBAE/B,aAAa,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;oBAC7B,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,GAAG,IAAI,CAAC;oBAC3C,IAAI,UAAU,EAAE;wBACd,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;wBAC3C,CAAC,CAAC,MAAM,CAAC,IAAI,UAAU,iBAAiB,OAAO,EAAE,CAAC,CAAC;qBACpD;gBACH,CAAC,CAAC,CAAC;gBAEH,OAAO;oBACL,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE;oBAClB,GAAG,EAAE,CAAC,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;iBAChD,CAAC;aACH;YAAC,OAAO,CAAC,EAAE;gBACV,oFAAoF;gBACpF,qCAAqC;gBACrC,oBAAoB;aACrB;QACH,CAAC;KACF,CAAC;AACJ,CAAC;AAvCD,kCAuCC","sourcesContent":["import path from 'path';\nimport { createFilter } from '@rollup/pluginutils';\nimport {\n  parse,\n  handlers as docgenHandlers,\n  resolver as docgenResolver,\n  importers as docgenImporters,\n} from 'react-docgen';\nimport type { DocumentationObject } from 'react-docgen/lib/Documentation';\nimport MagicString from 'magic-string';\nimport type { Plugin } from 'vite';\nimport actualNameHandler from './docgen-handlers/actualNameHandler';\n\ntype DocObj = DocumentationObject & { actualName: string };\n\n// TODO: None of these are able to be overridden, so `default` is aspirational here.\nconst defaultHandlers = Object.values(docgenHandlers).map((handler) => handler);\nconst defaultResolver = docgenResolver.findAllExportedComponentDefinitions;\nconst defaultImporter = docgenImporters.makeFsImporter();\nconst handlers = [...defaultHandlers, actualNameHandler];\n\ntype Options = {\n  include?: string | RegExp | (string | RegExp)[];\n  exclude?: string | RegExp | (string | RegExp)[];\n};\n\nexport function reactDocgen({\n  include = /\\.(mjs|tsx?|jsx?)$/,\n  exclude = [/node_modules\\/.*/, '**/**.stories.tsx'],\n}: Options = {}): Plugin {\n  const cwd = process.cwd();\n  const filter = createFilter(include, exclude);\n\n  return {\n    name: 'react-docgen',\n    enforce: 'pre',\n    async transform(src: string, id: string) {\n      const relPath = path.relative(cwd, id);\n      if (!filter(relPath)) return;\n\n      try {\n        // Since we're using `findAllExportedComponentDefinitions`, this will always be an array.\n        const docgenResults = parse(src, defaultResolver, handlers, { importer: defaultImporter, filename: id }) as\n          | DocObj[];\n        const s = new MagicString(src);\n\n        docgenResults.forEach((info) => {\n          const { actualName, ...docgenInfo } = info;\n          if (actualName) {\n            const docNode = JSON.stringify(docgenInfo);\n            s.append(`;${actualName}.__docgenInfo=${docNode}`);\n          }\n        });\n\n        return {\n          code: s.toString(),\n          map: s.generateMap({ hires: true, source: id }),\n        };\n      } catch (e) {\n        // Usually this is just an error from react-docgen that it couldn't find a component\n        // Only uncomment for troubleshooting\n        // console.error(e);\n      }\n    },\n  };\n}\n"]}
+{"version":3,"file":"react-docgen.js","sourceRoot":"","sources":["../../plugins/react-docgen.ts"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AACxB,+CAKsB;AAEtB,gEAAuC;AAEvC,+BAAoC;AACpC,4FAAoE;AAIpE,oFAAoF;AACpF,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAc,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC;AAChF,MAAM,eAAe,GAAG,uBAAc,CAAC,mCAAmC,CAAC;AAC3E,MAAM,eAAe,GAAG,wBAAe,CAAC,cAAc,EAAE,CAAC;AACzD,MAAM,QAAQ,GAAG,CAAC,GAAG,eAAe,EAAE,2BAAiB,CAAC,CAAC;AAOzD,SAAgB,WAAW,CAAC,EAC1B,OAAO,GAAG,oBAAoB,EAC9B,OAAO,GAAG,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,MACxC,EAAE;IACb,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC;IAC1B,MAAM,MAAM,GAAG,IAAA,mBAAY,EAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAE9C,OAAO;QACL,IAAI,EAAE,cAAc;QACpB,OAAO,EAAE,KAAK;QACd,KAAK,CAAC,SAAS,CAAC,GAAW,EAAE,EAAU;YACrC,MAAM,OAAO,GAAG,cAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;YACvC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;gBAAE,OAAO;YAE7B,IAAI;gBACF,yFAAyF;gBACzF,MAAM,aAAa,GAAG,IAAA,oBAAK,EAAC,GAAG,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC3F,CAAC;gBACb,MAAM,CAAC,GAAG,IAAI,sBAAW,CAAC,GAAG,CAAC,CAAC;gBAE/B,aAAa,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;oBAC7B,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,EAAE,GAAG,IAAI,CAAC;oBAC3C,IAAI,UAAU,EAAE;wBACd,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;wBAC3C,CAAC,CAAC,MAAM,CAAC,IAAI,UAAU,iBAAiB,OAAO,EAAE,CAAC,CAAC;qBACpD;gBACH,CAAC,CAAC,CAAC;gBAEH,OAAO;oBACL,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE;oBAClB,GAAG,EAAE,CAAC,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;iBAChD,CAAC;aACH;YAAC,OAAO,CAAC,EAAE;gBACV,oFAAoF;gBACpF,qCAAqC;gBACrC,oBAAoB;aACrB;QACH,CAAC;KACF,CAAC;AACJ,CAAC;AAvCD,kCAuCC","sourcesContent":["import path from 'path';\nimport {\n  parse,\n  handlers as docgenHandlers,\n  resolver as docgenResolver,\n  importers as docgenImporters,\n} from 'react-docgen';\nimport type { DocumentationObject } from 'react-docgen/lib/Documentation';\nimport MagicString from 'magic-string';\nimport type { Plugin } from 'vite';\nimport { createFilter } from 'vite';\nimport actualNameHandler from './docgen-handlers/actualNameHandler';\n\ntype DocObj = DocumentationObject & { actualName: string };\n\n// TODO: None of these are able to be overridden, so `default` is aspirational here.\nconst defaultHandlers = Object.values(docgenHandlers).map((handler) => handler);\nconst defaultResolver = docgenResolver.findAllExportedComponentDefinitions;\nconst defaultImporter = docgenImporters.makeFsImporter();\nconst handlers = [...defaultHandlers, actualNameHandler];\n\ntype Options = {\n  include?: string | RegExp | (string | RegExp)[];\n  exclude?: string | RegExp | (string | RegExp)[];\n};\n\nexport function reactDocgen({\n  include = /\\.(mjs|tsx?|jsx?)$/,\n  exclude = [/node_modules\\/.*/, '**/**.stories.tsx'],\n}: Options = {}): Plugin {\n  const cwd = process.cwd();\n  const filter = createFilter(include, exclude);\n\n  return {\n    name: 'react-docgen',\n    enforce: 'pre',\n    async transform(src: string, id: string) {\n      const relPath = path.relative(cwd, id);\n      if (!filter(relPath)) return;\n\n      try {\n        // Since we're using `findAllExportedComponentDefinitions`, this will always be an array.\n        const docgenResults = parse(src, defaultResolver, handlers, { importer: defaultImporter, filename: id }) as\n          | DocObj[];\n        const s = new MagicString(src);\n\n        docgenResults.forEach((info) => {\n          const { actualName, ...docgenInfo } = info;\n          if (actualName) {\n            const docNode = JSON.stringify(docgenInfo);\n            s.append(`;${actualName}.__docgenInfo=${docNode}`);\n          }\n        });\n\n        return {\n          code: s.toString(),\n          map: s.generateMap({ hires: true, source: id }),\n        };\n      } catch (e) {\n        // Usually this is just an error from react-docgen that it couldn't find a component\n        // Only uncomment for troubleshooting\n        // console.error(e);\n      }\n    },\n  };\n}\n"]}

package/dist/plugins/vue-docgen.d.ts

@@ -1,2 +1,2 @@
 import type { Plugin } from 'vite';
-export declare function vueDocgen(): Plugin;
+export declare function vueDocgen(vueVersion: 2 | 3): Plugin;

package/dist/plugins/vue-docgen.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.vueDocgen = void 0;
 const vue_docgen_api_1 = require("vue-docgen-api");
 const magic_string_1 = __importDefault(require("magic-string"));
-function vueDocgen() {
+function vueDocgen(vueVersion) {
     return {
         name: 'vue-docgen',
         async transform(src, id) {
@@ -14,7 +14,8 @@ function vueDocgen() {
                 const metaData = await (0, vue_docgen_api_1.parse)(id);
                 const metaSource = JSON.stringify(metaData);
                 const s = new magic_string_1.default(src);
-                s.append(`;_sfc_main.__docgenInfo = ${metaSource}`);
+                const componentLocation = vueVersion === 3 ? '_sfc_main' : '__component__.exports';
+                s.append(`;${componentLocation}.__docgenInfo = ${metaSource}`);
                 return {
                     code: s.toString(),
                     map: s.generateMap({ hires: true, source: id }),

package/dist/plugins/vue-docgen.js.map

@@ -1 +1 @@
-{"version":3,"file":"vue-docgen.js","sourceRoot":"","sources":["../../plugins/vue-docgen.ts"],"names":[],"mappings":";;;;;;AAAA,mDAAuC;AAEvC,gEAAuC;AAEvC,SAAgB,SAAS;IACvB,OAAO;QACL,IAAI,EAAE,YAAY;QAElB,KAAK,CAAC,SAAS,CAAC,GAAW,EAAE,EAAU;YACrC,IAAI,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;gBACvB,MAAM,QAAQ,GAAG,MAAM,IAAA,sBAAK,EAAC,EAAE,CAAC,CAAC;gBACjC,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;gBAC5C,MAAM,CAAC,GAAG,IAAI,sBAAW,CAAC,GAAG,CAAC,CAAC;gBAC/B,CAAC,CAAC,MAAM,CAAC,6BAA6B,UAAU,EAAE,CAAC,CAAC;gBAEpD,OAAO;oBACL,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE;oBAClB,GAAG,EAAE,CAAC,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;iBAChD,CAAC;aACH;QACH,CAAC;KACF,CAAC;AACJ,CAAC;AAlBD,8BAkBC","sourcesContent":["import { parse } from 'vue-docgen-api';\nimport type { Plugin } from 'vite';\nimport MagicString from 'magic-string';\n\nexport function vueDocgen(): Plugin {\n  return {\n    name: 'vue-docgen',\n\n    async transform(src: string, id: string) {\n      if (/\\.(vue)$/.test(id)) {\n        const metaData = await parse(id);\n        const metaSource = JSON.stringify(metaData);\n        const s = new MagicString(src);\n        s.append(`;_sfc_main.__docgenInfo = ${metaSource}`);\n\n        return {\n          code: s.toString(),\n          map: s.generateMap({ hires: true, source: id }),\n        };\n      }\n    },\n  };\n}\n"]}
+{"version":3,"file":"vue-docgen.js","sourceRoot":"","sources":["../../plugins/vue-docgen.ts"],"names":[],"mappings":";;;;;;AAAA,mDAAuC;AAEvC,gEAAuC;AAEvC,SAAgB,SAAS,CAAC,UAAiB;IACzC,OAAO;QACL,IAAI,EAAE,YAAY;QAElB,KAAK,CAAC,SAAS,CAAC,GAAW,EAAE,EAAU;YACrC,IAAI,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;gBACvB,MAAM,QAAQ,GAAG,MAAM,IAAA,sBAAK,EAAC,EAAE,CAAC,CAAC;gBACjC,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;gBAC5C,MAAM,CAAC,GAAG,IAAI,sBAAW,CAAC,GAAG,CAAC,CAAC;gBAC/B,MAAM,iBAAiB,GAAG,UAAU,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,uBAAuB,CAAC;gBACnF,CAAC,CAAC,MAAM,CAAC,IAAI,iBAAiB,mBAAmB,UAAU,EAAE,CAAC,CAAC;gBAE/D,OAAO;oBACL,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE;oBAClB,GAAG,EAAE,CAAC,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;iBAChD,CAAC;aACH;QACH,CAAC;KACF,CAAC;AACJ,CAAC;AAnBD,8BAmBC","sourcesContent":["import { parse } from 'vue-docgen-api';\nimport type { Plugin } from 'vite';\nimport MagicString from 'magic-string';\n\nexport function vueDocgen(vueVersion: 2 | 3): Plugin {\n  return {\n    name: 'vue-docgen',\n\n    async transform(src: string, id: string) {\n      if (/\\.(vue)$/.test(id)) {\n        const metaData = await parse(id);\n        const metaSource = JSON.stringify(metaData);\n        const s = new MagicString(src);\n        const componentLocation = vueVersion === 3 ? '_sfc_main' : '__component__.exports';\n        s.append(`;${componentLocation}.__docgenInfo = ${metaSource}`);\n\n        return {\n          code: s.toString(),\n          map: s.generateMap({ hires: true, source: id }),\n        };\n      }\n    },\n  };\n}\n"]}

package/dist/vite-config.d.ts

@@ -2,7 +2,7 @@ import { Plugin } from 'vite';
 import type { UserConfig } from 'vite';
 import type { ExtendedOptions } from './types';
 export declare type PluginConfigType = 'build' | 'development';
-export declare function readPackageJson(): Record<string, any> | false;
+export declare function readPackageJson(dir?: string): Record<string, any> | false;
 export declare function commonConfig(options: ExtendedOptions, _type: PluginConfigType): Promise<UserConfig & {
     configFile: false;
     root: string;

package/dist/vite-config.js

@@ -30,14 +30,15 @@ exports.pluginConfig = exports.commonConfig = exports.readPackageJson = void 0;
 const path = __importStar(require("path"));
 const fs_1 = __importDefault(require("fs"));
 const plugin_react_1 = __importDefault(require("@vitejs/plugin-react"));
+const semver_1 = __importDefault(require("@storybook/semver"));
 const envs_1 = require("./envs");
 const code_generator_plugin_1 = require("./code-generator-plugin");
 const inject_export_order_plugin_1 = require("./inject-export-order-plugin");
 const mdx_plugin_1 = require("./plugins/mdx-plugin");
 const no_fouc_1 = require("./plugins/no-fouc");
 const source_loader_plugin_1 = require("./source-loader-plugin");
-function readPackageJson() {
-    const packageJsonPath = path.resolve('package.json');
+function readPackageJson(dir = process.cwd()) {
+    const packageJsonPath = path.resolve(dir, 'package.json');
     if (!fs_1.default.existsSync(packageJsonPath)) {
         return false;
     }
@@ -48,16 +49,17 @@ exports.readPackageJson = readPackageJson;
 // Vite config that is common to development and production mode
 async function commonConfig(options, _type) {
     const { framework } = options;
+    const vuePath = framework === 'vue3' ? 'vue/dist/vue.esm-bundler.js' : 'vue/dist/vue.esm.js';
     return {
         configFile: false,
         root: path.resolve(options.configDir, '..'),
         cacheDir: 'node_modules/.vite-storybook',
         envPrefix: envs_1.allowedEnvPrefix,
         define: {},
-        resolve: framework === 'vue3'
+        resolve: /^vue3?$/.test(framework)
             ? {
                 alias: {
-                    vue: 'vue/dist/vue.esm-bundler.js',
+                    vue: vuePath,
                 },
             }
             : {},
@@ -66,8 +68,10 @@ async function commonConfig(options, _type) {
 }
 exports.commonConfig = commonConfig;
 async function pluginConfig(options, _type) {
+    var _a, _b, _c;
     const { framework, presets } = options;
     const svelteOptions = await presets.apply('svelteOptions', {}, options);
+    const root = path.resolve(options.configDir, '..');
     const plugins = [
         (0, code_generator_plugin_1.codeGeneratorPlugin)(options),
         (0, source_loader_plugin_1.sourceLoaderPlugin)(options),
@@ -94,17 +98,59 @@ async function pluginConfig(options, _type) {
             },
         },
     ];
-    if (framework === 'vue' || framework === 'vue3') {
+    if (framework === 'vue') {
+        const pkgJson = readPackageJson(root);
+        const vueVer = pkgJson && ((_b = (_a = pkgJson === null || pkgJson === void 0 ? void 0 : pkgJson.dependencies) === null || _a === void 0 ? void 0 : _a.vue) !== null && _b !== void 0 ? _b : (_c = pkgJson === null || pkgJson === void 0 ? void 0 : pkgJson.devDependencies) === null || _c === void 0 ? void 0 : _c.vue);
+        // Default to 2.7, but check if package.json has a version that is less than 2.7
+        const is26 = vueVer && semver_1.default.gtr('2.7.0', vueVer);
+        try {
+            const vuePlugin = is26 ? require('vite-plugin-vue2').createVuePlugin : require('@vitejs/plugin-vue2');
+            plugins.push(vuePlugin());
+        }
+        catch (err) {
+            if (err.code === 'MODULE_NOT_FOUND') {
+                throw new Error(`
+          @storybook/builder-vite requires ${is26 ? 'vite-plugin-vue2' : '@vitejs/plugin-vue2'} to be installed when using @storybook/vue.
+          Please install it and start storybook again.
+        `);
+            }
+            throw err;
+        }
+        try {
+            const { vueDocgen } = await Promise.resolve().then(() => __importStar(require('./plugins/vue-docgen')));
+            plugins.push(vueDocgen(2));
+        }
+        catch (err) {
+            if (err.code === 'MODULE_NOT_FOUND') {
+                throw new Error('@storybook/builder-vite requires vue-docgen-api to be installed ' +
+                    'when using @storybook/vue.' +
+                    '  Please install it and start storybook again.');
+            }
+            throw err;
+        }
+    }
+    if (framework === 'vue3') {
         try {
             const vuePlugin = require('@vitejs/plugin-vue');
             plugins.push(vuePlugin());
+        }
+        catch (err) {
+            if (err.code === 'MODULE_NOT_FOUND') {
+                throw new Error(`
+          @storybook/builder-vite requires @vitejs/plugin-vue to be installed when using @storybook/vue3.
+          Please install it and start storybook again.
+        `);
+            }
+            throw err;
+        }
+        try {
             const { vueDocgen } = await Promise.resolve().then(() => __importStar(require('./plugins/vue-docgen')));
-            plugins.push(vueDocgen());
+            plugins.push(vueDocgen(3));
         }
         catch (err) {
             if (err.code === 'MODULE_NOT_FOUND') {
-                throw new Error('@storybook/builder-vite requires @vitejs/plugin-vue to be installed ' +
-                    'when using @storybook/vue or @storybook/vue3.' +
+                throw new Error('@storybook/builder-vite requires vue-docgen-api to be installed ' +
+                    'when using @storybook/vue3.' +
                     '  Please install it and start storybook again.');
             }
             throw err;
@@ -170,7 +216,15 @@ async function pluginConfig(options, _type) {
     }
     if (framework === 'react') {
         const { reactDocgen: reactDocgenOption, reactDocgenTypescriptOptions } = await presets.apply('typescript', {});
-        if (reactDocgenOption === 'react-docgen-typescript') {
+        let typescriptPresent;
+        try {
+            require.resolve('typescript');
+            typescriptPresent = true;
+        }
+        catch (e) {
+            typescriptPresent = false;
+        }
+        if (reactDocgenOption === 'react-docgen-typescript' && typescriptPresent) {
             plugins.push(require('@joshwooding/vite-plugin-react-docgen-typescript')({
                 ...reactDocgenTypescriptOptions,
                 // We *need* this set so that RDT returns default values in the same format as react-docgen

package/dist/vite-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"vite-config.js","sourceRoot":"","sources":["../vite-config.ts"],"names":[],"mappings":"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","sourcesContent":["import * as path from 'path';\nimport fs from 'fs';\nimport { Plugin } from 'vite';\nimport { TypescriptConfig } from '@storybook/core-common';\nimport viteReact from '@vitejs/plugin-react';\n\nimport { allowedEnvPrefix as envPrefix } from './envs';\nimport { codeGeneratorPlugin } from './code-generator-plugin';\nimport { injectExportOrderPlugin } from './inject-export-order-plugin';\nimport { mdxPlugin } from './plugins/mdx-plugin';\nimport { noFouc } from './plugins/no-fouc';\nimport { sourceLoaderPlugin } from './source-loader-plugin';\n\nimport type { UserConfig } from 'vite';\nimport type { ExtendedOptions } from './types';\n\nexport type PluginConfigType = 'build' | 'development';\n\nexport function readPackageJson(): Record<string, any> | false {\n  const packageJsonPath = path.resolve('package.json');\n  if (!fs.existsSync(packageJsonPath)) {\n    return false;\n  }\n\n  const jsonContent = fs.readFileSync(packageJsonPath, 'utf8');\n  return JSON.parse(jsonContent);\n}\n\n// Vite config that is common to development and production mode\nexport async function commonConfig(\n  options: ExtendedOptions,\n  _type: PluginConfigType\n): Promise<UserConfig & { configFile: false; root: string }> {\n  const { framework } = options;\n\n  return {\n    configFile: false,\n    root: path.resolve(options.configDir, '..'),\n    cacheDir: 'node_modules/.vite-storybook',\n    envPrefix,\n    define: {},\n    resolve:\n      framework === 'vue3'\n        ? {\n            alias: {\n              vue: 'vue/dist/vue.esm-bundler.js',\n            },\n          }\n        : {},\n    plugins: await pluginConfig(options, _type),\n  };\n}\n\nexport async function pluginConfig(options: ExtendedOptions, _type: PluginConfigType) {\n  const { framework, presets } = options;\n  const svelteOptions: Record<string, any> = await presets.apply('svelteOptions', {}, options);\n\n  const plugins = [\n    codeGeneratorPlugin(options),\n    sourceLoaderPlugin(options),\n    mdxPlugin(options),\n    noFouc(),\n    injectExportOrderPlugin,\n    // We need the react plugin here to support MDX.\n    viteReact({\n      // Do not treat story files as HMR boundaries, storybook itself needs to handle them.\n      exclude: [/\\.stories\\.([tj])sx?$/, /node_modules/].concat(framework === 'react' ? [] : [/\\.([tj])sx?$/]),\n    }),\n    {\n      name: 'vite-plugin-storybook-allow',\n      enforce: 'post',\n      config(config) {\n        // if there is no allow list then Vite allows anything in the root directory\n        // if there is an allow list then Vite allows anything in the listed directories\n        // add the .storybook directory only if there's an allow list so that we don't end up\n        // disallowing the root directory unless it's already disallowed\n        if (config?.server?.fs?.allow) {\n          config.server.fs.allow.push('.storybook');\n        }\n      },\n    },\n  ] as Plugin[];\n  if (framework === 'vue' || framework === 'vue3') {\n    try {\n      const vuePlugin = require('@vitejs/plugin-vue');\n      plugins.push(vuePlugin());\n      const { vueDocgen } = await import('./plugins/vue-docgen');\n      plugins.push(vueDocgen());\n    } catch (err) {\n      if ((err as NodeJS.ErrnoException).code === 'MODULE_NOT_FOUND') {\n        throw new Error(\n          '@storybook/builder-vite requires @vitejs/plugin-vue to be installed ' +\n            'when using @storybook/vue or @storybook/vue3.' +\n            '  Please install it and start storybook again.'\n        );\n      }\n      throw err;\n    }\n  }\n  if (framework === 'svelte') {\n    try {\n      const sveltePlugin = require('@sveltejs/vite-plugin-svelte').svelte;\n\n      // We need to create two separate svelte plugins, one for stories, and one for other svelte files\n      // because stories.svelte files cannot be hot-module-reloaded.\n      // Suggested in: https://github.com/sveltejs/vite-plugin-svelte/issues/321#issuecomment-1113205509\n\n      // First, create an array containing user exclude patterns, to combine with ours.\n      const userExclude = Array.isArray(svelteOptions?.exclude)\n        ? svelteOptions?.exclude\n        : svelteOptions?.exclude\n        ? [svelteOptions?.exclude]\n        : [];\n\n      // These are the svelte stories we need to exclude from HMR\n      const storyPatterns = ['**/*.story.svelte', '**/*.stories.svelte'];\n      // Non-story svelte files\n      // Starting in 1.0.0-next.42, svelte.config.js is included by default.\n      // We disable that, but allow it to be overridden in svelteOptions\n      plugins.push(sveltePlugin({ ...svelteOptions, exclude: [...userExclude, ...storyPatterns] }));\n      // Svelte stories without HMR\n      const storySveltePlugin = sveltePlugin({\n        ...svelteOptions,\n        exclude: userExclude,\n        include: storyPatterns,\n        hot: false,\n      });\n      plugins.push({\n        // Starting in 1.0.0-next.43, the plugin function returns an array of plugins.  We only want the first one here.\n        ...(Array.isArray(storySveltePlugin) ? storySveltePlugin[0] : storySveltePlugin),\n        name: 'vite-plugin-svelte-stories',\n      });\n    } catch (err) {\n      if ((err as NodeJS.ErrnoException).code === 'MODULE_NOT_FOUND') {\n        throw new Error(\n          '@storybook/builder-vite requires @sveltejs/vite-plugin-svelte to be installed' +\n            ' when using @storybook/svelte.' +\n            '  Please install it and start storybook again.'\n        );\n      }\n      throw err;\n    }\n\n    const { loadSvelteConfig } = require('@sveltejs/vite-plugin-svelte');\n    const config = { ...loadSvelteConfig(), ...svelteOptions };\n\n    try {\n      const csfPlugin = require('./svelte/csf-plugin').default;\n      plugins.push(csfPlugin(config));\n    } catch (err) {\n      // Not all projects use `.stories.svelte` for stories, and by default 6.5+ does not auto-install @storybook/addon-svelte-csf.\n      // If it's any other kind of error, re-throw.\n      if ((err as NodeJS.ErrnoException).code !== 'MODULE_NOT_FOUND') {\n        throw err;\n      }\n    }\n\n    const { svelteDocgen } = await import('./plugins/svelte-docgen');\n    plugins.push(svelteDocgen(config));\n  }\n\n  if (framework === 'preact') {\n    plugins.push(require('@preact/preset-vite').default());\n  }\n\n  if (framework === 'react') {\n    const { reactDocgen: reactDocgenOption, reactDocgenTypescriptOptions } = await presets.apply(\n      'typescript',\n      {} as TypescriptConfig\n    );\n\n    if (reactDocgenOption === 'react-docgen-typescript') {\n      plugins.push(\n        require('@joshwooding/vite-plugin-react-docgen-typescript')({\n          ...reactDocgenTypescriptOptions,\n          // We *need* this set so that RDT returns default values in the same format as react-docgen\n          savePropValueAsString: true,\n        })\n      );\n    }\n\n    // Add react-docgen so long as the option is not false\n    if (typeof reactDocgenOption === 'string') {\n      const { reactDocgen } = await import('./plugins/react-docgen');\n      // Needs to run before the react plugin, so add to the front\n      plugins.unshift(\n        // If react-docgen is specified, use it for everything, otherwise only use it for non-typescript files\n        reactDocgen({ include: reactDocgenOption === 'react-docgen' ? /\\.(mjs|tsx?|jsx?)$/ : /\\.(mjs|jsx?)$/ })\n      );\n    }\n  }\n\n  if (framework === 'glimmerx') {\n    const plugin = require('vite-plugin-glimmerx/index.cjs');\n    plugins.push(plugin.default());\n  }\n\n  return plugins;\n}\n"]}
+{"version":3,"file":"vite-config.js","sourceRoot":"","sources":["../vite-config.ts"],"names":[],"mappings":"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","sourcesContent":["import * as path from 'path';\nimport fs from 'fs';\nimport { Plugin } from 'vite';\nimport { TypescriptConfig } from '@storybook/core-common';\nimport viteReact from '@vitejs/plugin-react';\nimport semver from '@storybook/semver';\n\nimport { allowedEnvPrefix as envPrefix } from './envs';\nimport { codeGeneratorPlugin } from './code-generator-plugin';\nimport { injectExportOrderPlugin } from './inject-export-order-plugin';\nimport { mdxPlugin } from './plugins/mdx-plugin';\nimport { noFouc } from './plugins/no-fouc';\nimport { sourceLoaderPlugin } from './source-loader-plugin';\n\nimport type { UserConfig } from 'vite';\nimport type { ExtendedOptions } from './types';\n\nexport type PluginConfigType = 'build' | 'development';\n\nexport function readPackageJson(dir: string = process.cwd()): Record<string, any> | false {\n  const packageJsonPath = path.resolve(dir, 'package.json');\n  if (!fs.existsSync(packageJsonPath)) {\n    return false;\n  }\n\n  const jsonContent = fs.readFileSync(packageJsonPath, 'utf8');\n  return JSON.parse(jsonContent);\n}\n\n// Vite config that is common to development and production mode\nexport async function commonConfig(\n  options: ExtendedOptions,\n  _type: PluginConfigType\n): Promise<UserConfig & { configFile: false; root: string }> {\n  const { framework } = options;\n  const vuePath = framework === 'vue3' ? 'vue/dist/vue.esm-bundler.js' : 'vue/dist/vue.esm.js';\n\n  return {\n    configFile: false,\n    root: path.resolve(options.configDir, '..'),\n    cacheDir: 'node_modules/.vite-storybook',\n    envPrefix,\n    define: {},\n    resolve: /^vue3?$/.test(framework)\n      ? {\n          alias: {\n            vue: vuePath,\n          },\n        }\n      : {},\n    plugins: await pluginConfig(options, _type),\n  };\n}\n\nexport async function pluginConfig(options: ExtendedOptions, _type: PluginConfigType) {\n  const { framework, presets } = options;\n  const svelteOptions: Record<string, any> = await presets.apply('svelteOptions', {}, options);\n  const root = path.resolve(options.configDir, '..');\n\n  const plugins = [\n    codeGeneratorPlugin(options),\n    sourceLoaderPlugin(options),\n    mdxPlugin(options),\n    noFouc(),\n    injectExportOrderPlugin,\n    // We need the react plugin here to support MDX.\n    viteReact({\n      // Do not treat story files as HMR boundaries, storybook itself needs to handle them.\n      exclude: [/\\.stories\\.([tj])sx?$/, /node_modules/].concat(framework === 'react' ? [] : [/\\.([tj])sx?$/]),\n    }),\n    {\n      name: 'vite-plugin-storybook-allow',\n      enforce: 'post',\n      config(config) {\n        // if there is no allow list then Vite allows anything in the root directory\n        // if there is an allow list then Vite allows anything in the listed directories\n        // add the .storybook directory only if there's an allow list so that we don't end up\n        // disallowing the root directory unless it's already disallowed\n        if (config?.server?.fs?.allow) {\n          config.server.fs.allow.push('.storybook');\n        }\n      },\n    },\n  ] as Plugin[];\n\n  if (framework === 'vue') {\n    const pkgJson = readPackageJson(root);\n    const vueVer: string | false | undefined = pkgJson && (pkgJson?.dependencies?.vue ?? pkgJson?.devDependencies?.vue);\n    // Default to 2.7, but check if package.json has a version that is less than 2.7\n    const is26 = vueVer && semver.gtr('2.7.0', vueVer);\n    try {\n      const vuePlugin = is26 ? require('vite-plugin-vue2').createVuePlugin : require('@vitejs/plugin-vue2');\n      plugins.push(vuePlugin());\n    } catch (err) {\n      if ((err as NodeJS.ErrnoException).code === 'MODULE_NOT_FOUND') {\n        throw new Error(`\n          @storybook/builder-vite requires ${\n            is26 ? 'vite-plugin-vue2' : '@vitejs/plugin-vue2'\n          } to be installed when using @storybook/vue.\n          Please install it and start storybook again.\n        `);\n      }\n      throw err;\n    }\n    try {\n      const { vueDocgen } = await import('./plugins/vue-docgen');\n      plugins.push(vueDocgen(2));\n    } catch (err) {\n      if ((err as NodeJS.ErrnoException).code === 'MODULE_NOT_FOUND') {\n        throw new Error(\n          '@storybook/builder-vite requires vue-docgen-api to be installed ' +\n            'when using @storybook/vue.' +\n            '  Please install it and start storybook again.'\n        );\n      }\n      throw err;\n    }\n  }\n\n  if (framework === 'vue3') {\n    try {\n      const vuePlugin = require('@vitejs/plugin-vue');\n      plugins.push(vuePlugin());\n    } catch (err) {\n      if ((err as NodeJS.ErrnoException).code === 'MODULE_NOT_FOUND') {\n        throw new Error(`\n          @storybook/builder-vite requires @vitejs/plugin-vue to be installed when using @storybook/vue3.\n          Please install it and start storybook again.\n        `);\n      }\n      throw err;\n    }\n\n    try {\n      const { vueDocgen } = await import('./plugins/vue-docgen');\n      plugins.push(vueDocgen(3));\n    } catch (err) {\n      if ((err as NodeJS.ErrnoException).code === 'MODULE_NOT_FOUND') {\n        throw new Error(\n          '@storybook/builder-vite requires vue-docgen-api to be installed ' +\n            'when using @storybook/vue3.' +\n            '  Please install it and start storybook again.'\n        );\n      }\n      throw err;\n    }\n  }\n\n  if (framework === 'svelte') {\n    try {\n      const sveltePlugin = require('@sveltejs/vite-plugin-svelte').svelte;\n\n      // We need to create two separate svelte plugins, one for stories, and one for other svelte files\n      // because stories.svelte files cannot be hot-module-reloaded.\n      // Suggested in: https://github.com/sveltejs/vite-plugin-svelte/issues/321#issuecomment-1113205509\n\n      // First, create an array containing user exclude patterns, to combine with ours.\n      const userExclude = Array.isArray(svelteOptions?.exclude)\n        ? svelteOptions?.exclude\n        : svelteOptions?.exclude\n        ? [svelteOptions?.exclude]\n        : [];\n\n      // These are the svelte stories we need to exclude from HMR\n      const storyPatterns = ['**/*.story.svelte', '**/*.stories.svelte'];\n      // Non-story svelte files\n      // Starting in 1.0.0-next.42, svelte.config.js is included by default.\n      // We disable that, but allow it to be overridden in svelteOptions\n      plugins.push(sveltePlugin({ ...svelteOptions, exclude: [...userExclude, ...storyPatterns] }));\n      // Svelte stories without HMR\n      const storySveltePlugin = sveltePlugin({\n        ...svelteOptions,\n        exclude: userExclude,\n        include: storyPatterns,\n        hot: false,\n      });\n      plugins.push({\n        // Starting in 1.0.0-next.43, the plugin function returns an array of plugins.  We only want the first one here.\n        ...(Array.isArray(storySveltePlugin) ? storySveltePlugin[0] : storySveltePlugin),\n        name: 'vite-plugin-svelte-stories',\n      });\n    } catch (err) {\n      if ((err as NodeJS.ErrnoException).code === 'MODULE_NOT_FOUND') {\n        throw new Error(\n          '@storybook/builder-vite requires @sveltejs/vite-plugin-svelte to be installed' +\n            ' when using @storybook/svelte.' +\n            '  Please install it and start storybook again.'\n        );\n      }\n      throw err;\n    }\n\n    const { loadSvelteConfig } = require('@sveltejs/vite-plugin-svelte');\n    const config = { ...loadSvelteConfig(), ...svelteOptions };\n\n    try {\n      const csfPlugin = require('./svelte/csf-plugin').default;\n      plugins.push(csfPlugin(config));\n    } catch (err) {\n      // Not all projects use `.stories.svelte` for stories, and by default 6.5+ does not auto-install @storybook/addon-svelte-csf.\n      // If it's any other kind of error, re-throw.\n      if ((err as NodeJS.ErrnoException).code !== 'MODULE_NOT_FOUND') {\n        throw err;\n      }\n    }\n\n    const { svelteDocgen } = await import('./plugins/svelte-docgen');\n    plugins.push(svelteDocgen(config));\n  }\n\n  if (framework === 'preact') {\n    plugins.push(require('@preact/preset-vite').default());\n  }\n\n  if (framework === 'react') {\n    const { reactDocgen: reactDocgenOption, reactDocgenTypescriptOptions } = await presets.apply(\n      'typescript',\n      {} as TypescriptConfig\n    );\n\n    let typescriptPresent;\n\n    try {\n      require.resolve('typescript');\n      typescriptPresent = true;\n    } catch (e) {\n      typescriptPresent = false;\n    }\n\n    if (reactDocgenOption === 'react-docgen-typescript' && typescriptPresent) {\n      plugins.push(\n        require('@joshwooding/vite-plugin-react-docgen-typescript')({\n          ...reactDocgenTypescriptOptions,\n          // We *need* this set so that RDT returns default values in the same format as react-docgen\n          savePropValueAsString: true,\n        })\n      );\n    }\n\n    // Add react-docgen so long as the option is not false\n    if (typeof reactDocgenOption === 'string') {\n      const { reactDocgen } = await import('./plugins/react-docgen');\n      // Needs to run before the react plugin, so add to the front\n      plugins.unshift(\n        // If react-docgen is specified, use it for everything, otherwise only use it for non-typescript files\n        reactDocgen({ include: reactDocgenOption === 'react-docgen' ? /\\.(mjs|tsx?|jsx?)$/ : /\\.(mjs|jsx?)$/ })\n      );\n    }\n  }\n\n  if (framework === 'glimmerx') {\n    const plugin = require('vite-plugin-glimmerx/index.cjs');\n    plugins.push(plugin.default());\n  }\n\n  return plugins;\n}\n"]}

package/optimizeDeps.ts

@@ -23,6 +23,7 @@ const INCLUDE_CANDIDATES = [
   '@storybook/react > acorn-jsx',
   '@storybook/react',
   '@storybook/svelte',
+  '@storybook/vue',
   '@storybook/vue3',
   'acorn-jsx',
   'acorn-walk',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-vite",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "A plugin to run and build Storybooks with Vite",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -12,12 +12,23 @@
     "directory": "packages/builder-vite"
   },
   "homepage": "https://github.com/storybookjs/builder-vite/#readme",
+  "scripts": {
+    "start": "yarn build -w",
+    "build": "tsc -p ./tsconfig.json",
+    "prepublish": "yarn build",
+    "lint": "yarn lint:prettier && yarn lint:eslint",
+    "lint:prettier": "prettier --write .",
+    "lint:eslint": "eslint \"**/*.{ts,tsx,js,jsx,mjs,cjs}\" --fix",
+    "lint-ci": "yarn lint-ci:prettier && yarn lint-ci:eslint",
+    "lint-ci:prettier": "prettier . --check",
+    "lint-ci:eslint": "eslint \"**/*.{ts,tsx,js,jsx,mjs,cjs}\" --max-warnings=0"
+  },
   "dependencies": {
     "@joshwooding/vite-plugin-react-docgen-typescript": "0.0.5",
-    "@rollup/pluginutils": "^4.2.1",
     "@storybook/core-common": "^6.4.3",
     "@storybook/mdx1-csf": "^0.0.4",
     "@storybook/node-logger": "^6.4.3",
+    "@storybook/semver": "^7.3.2",
     "@storybook/source-loader": "^6.4.3",
     "@vitejs/plugin-react": "^2.0.0",
     "ast-types": "^0.14.2",
@@ -30,22 +41,47 @@
     "sveltedoc-parser": "^4.2.1"
   },
   "devDependencies": {
+    "@storybook/addon-svelte-csf": "^2.0.7",
+    "@storybook/client-api": "^6.5.12",
     "@storybook/mdx2-csf": "^0.0.3",
     "@sveltejs/vite-plugin-svelte": "^1.0.0",
     "@types/express": "^4.17.13",
     "@types/node": "^17.0.23",
+    "@typescript-eslint/eslint-plugin": "^5.38.0",
+    "@typescript-eslint/parser": "^5.38.0",
+    "eslint": "^8.23.1",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-only-warn": "^1.0.3",
+    "eslint-plugin-storybook": "^0.6.4",
+    "prettier": "^2.7.1",
+    "svelte": "^3.50.1",
+    "typescript": "^4.8.3",
+    "vite": "^3.1.0-beta.1",
     "vue-docgen-api": "^4.40.0"
   },
   "peerDependencies": {
     "@storybook/mdx2-csf": "^0.0.3",
-    "vite": ">= 3.0.0"
+    "@sveltejs/vite-plugin-svelte": "^1.0.0",
+    "@vitejs/plugin-vue": "^3.0.0",
+    "vite": ">= 3.0.0",
+    "vue-docgen-api": "^4.40.0"
   },
   "peerDependenciesMeta": {
     "@storybook/mdx2-csf": {
       "optional": true
+    },
+    "@sveltejs/vite-plugin-svelte": {
+      "optional": true
+    },
+    "@vitejs/plugin-vue": {
+      "optional": true
+    },
+    "vue-docgen-api": {
+      "optional": true
     }
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "packageManager": "yarn@3.1.1"
 }

package/plugins/mdx-plugin.ts

@@ -60,7 +60,11 @@ export function mdxPlugin(options: Options): Plugin {
 
         const modifiedCode = injectRenderer(mdxCode, Boolean(features?.previewMdx2));
 
-        const result = await reactRefresh?.transform!.call(this, modifiedCode, `${id}.jsx`, options);
+        // Hooks in recent rollup versions can be functions or objects, and though react hasn't changed, the typescript defs have
+        const rTransform = reactRefresh?.transform;
+        const transform = rTransform && 'handler' in rTransform ? rTransform.handler : rTransform;
+
+        const result = await transform!.call(this, modifiedCode, `${id}.jsx`, options);
 
         if (!result) return modifiedCode;
 

package/plugins/react-docgen.ts

@@ -1,5 +1,4 @@
 import path from 'path';
-import { createFilter } from '@rollup/pluginutils';
 import {
   parse,
   handlers as docgenHandlers,
@@ -9,6 +8,7 @@ import {
 import type { DocumentationObject } from 'react-docgen/lib/Documentation';
 import MagicString from 'magic-string';
 import type { Plugin } from 'vite';
+import { createFilter } from 'vite';
 import actualNameHandler from './docgen-handlers/actualNameHandler';
 
 type DocObj = DocumentationObject & { actualName: string };

package/plugins/vue-docgen.ts

@@ -2,7 +2,7 @@ import { parse } from 'vue-docgen-api';
 import type { Plugin } from 'vite';
 import MagicString from 'magic-string';
 
-export function vueDocgen(): Plugin {
+export function vueDocgen(vueVersion: 2 | 3): Plugin {
   return {
     name: 'vue-docgen',
 
@@ -11,7 +11,8 @@ export function vueDocgen(): Plugin {
         const metaData = await parse(id);
         const metaSource = JSON.stringify(metaData);
         const s = new MagicString(src);
-        s.append(`;_sfc_main.__docgenInfo = ${metaSource}`);
+        const componentLocation = vueVersion === 3 ? '_sfc_main' : '__component__.exports';
+        s.append(`;${componentLocation}.__docgenInfo = ${metaSource}`);
 
         return {
           code: s.toString(),

package/types/typings.d.ts

@@ -0,0 +1 @@
+declare module '@storybook/semver';

package/vite-config.ts

@@ -3,6 +3,7 @@ import fs from 'fs';
 import { Plugin } from 'vite';
 import { TypescriptConfig } from '@storybook/core-common';
 import viteReact from '@vitejs/plugin-react';
+import semver from '@storybook/semver';
 
 import { allowedEnvPrefix as envPrefix } from './envs';
 import { codeGeneratorPlugin } from './code-generator-plugin';
@@ -16,8 +17,8 @@ import type { ExtendedOptions } from './types';
 
 export type PluginConfigType = 'build' | 'development';
 
-export function readPackageJson(): Record<string, any> | false {
-  const packageJsonPath = path.resolve('package.json');
+export function readPackageJson(dir: string = process.cwd()): Record<string, any> | false {
+  const packageJsonPath = path.resolve(dir, 'package.json');
   if (!fs.existsSync(packageJsonPath)) {
     return false;
   }
@@ -32,6 +33,7 @@ export async function commonConfig(
   _type: PluginConfigType
 ): Promise<UserConfig & { configFile: false; root: string }> {
   const { framework } = options;
+  const vuePath = framework === 'vue3' ? 'vue/dist/vue.esm-bundler.js' : 'vue/dist/vue.esm.js';
 
   return {
     configFile: false,
@@ -39,14 +41,13 @@ export async function commonConfig(
     cacheDir: 'node_modules/.vite-storybook',
     envPrefix,
     define: {},
-    resolve:
-      framework === 'vue3'
-        ? {
-            alias: {
-              vue: 'vue/dist/vue.esm-bundler.js',
-            },
-          }
-        : {},
+    resolve: /^vue3?$/.test(framework)
+      ? {
+          alias: {
+            vue: vuePath,
+          },
+        }
+      : {},
     plugins: await pluginConfig(options, _type),
   };
 }
@@ -54,6 +55,7 @@ export async function commonConfig(
 export async function pluginConfig(options: ExtendedOptions, _type: PluginConfigType) {
   const { framework, presets } = options;
   const svelteOptions: Record<string, any> = await presets.apply('svelteOptions', {}, options);
+  const root = path.resolve(options.configDir, '..');
 
   const plugins = [
     codeGeneratorPlugin(options),
@@ -80,23 +82,70 @@ export async function pluginConfig(options: ExtendedOptions, _type: PluginConfig
       },
     },
   ] as Plugin[];
-  if (framework === 'vue' || framework === 'vue3') {
+
+  if (framework === 'vue') {
+    const pkgJson = readPackageJson(root);
+    const vueVer: string | false | undefined = pkgJson && (pkgJson?.dependencies?.vue ?? pkgJson?.devDependencies?.vue);
+    // Default to 2.7, but check if package.json has a version that is less than 2.7
+    const is26 = vueVer && semver.gtr('2.7.0', vueVer);
+    try {
+      const vuePlugin = is26 ? require('vite-plugin-vue2').createVuePlugin : require('@vitejs/plugin-vue2');
+      plugins.push(vuePlugin());
+    } catch (err) {
+      if ((err as NodeJS.ErrnoException).code === 'MODULE_NOT_FOUND') {
+        throw new Error(`
+          @storybook/builder-vite requires ${
+            is26 ? 'vite-plugin-vue2' : '@vitejs/plugin-vue2'
+          } to be installed when using @storybook/vue.
+          Please install it and start storybook again.
+        `);
+      }
+      throw err;
+    }
+    try {
+      const { vueDocgen } = await import('./plugins/vue-docgen');
+      plugins.push(vueDocgen(2));
+    } catch (err) {
+      if ((err as NodeJS.ErrnoException).code === 'MODULE_NOT_FOUND') {
+        throw new Error(
+          '@storybook/builder-vite requires vue-docgen-api to be installed ' +
+            'when using @storybook/vue.' +
+            '  Please install it and start storybook again.'
+        );
+      }
+      throw err;
+    }
+  }
+
+  if (framework === 'vue3') {
     try {
       const vuePlugin = require('@vitejs/plugin-vue');
       plugins.push(vuePlugin());
+    } catch (err) {
+      if ((err as NodeJS.ErrnoException).code === 'MODULE_NOT_FOUND') {
+        throw new Error(`
+          @storybook/builder-vite requires @vitejs/plugin-vue to be installed when using @storybook/vue3.
+          Please install it and start storybook again.
+        `);
+      }
+      throw err;
+    }
+
+    try {
       const { vueDocgen } = await import('./plugins/vue-docgen');
-      plugins.push(vueDocgen());
+      plugins.push(vueDocgen(3));
     } catch (err) {
       if ((err as NodeJS.ErrnoException).code === 'MODULE_NOT_FOUND') {
         throw new Error(
-          '@storybook/builder-vite requires @vitejs/plugin-vue to be installed ' +
-            'when using @storybook/vue or @storybook/vue3.' +
+          '@storybook/builder-vite requires vue-docgen-api to be installed ' +
+            'when using @storybook/vue3.' +
             '  Please install it and start storybook again.'
         );
       }
       throw err;
     }
   }
+
   if (framework === 'svelte') {
     try {
       const sveltePlugin = require('@sveltejs/vite-plugin-svelte').svelte;
@@ -169,7 +218,16 @@ export async function pluginConfig(options: ExtendedOptions, _type: PluginConfig
       {} as TypescriptConfig
     );
 
-    if (reactDocgenOption === 'react-docgen-typescript') {
+    let typescriptPresent;
+
+    try {
+      require.resolve('typescript');
+      typescriptPresent = true;
+    } catch (e) {
+      typescriptPresent = false;
+    }
+
+    if (reactDocgenOption === 'react-docgen-typescript' && typescriptPresent) {
       plugins.push(
         require('@joshwooding/vite-plugin-react-docgen-typescript')({
           ...reactDocgenTypescriptOptions,

package/dist/mdx-plugin.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=mdx-plugin.js.map

package/dist/mdx-plugin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mdx-plugin.js","sourceRoot":"","sources":["../mdx-plugin.ts"],"names":[],"mappings":"","sourcesContent":[""]}

package/dist/mock-core-js.d.ts

@@ -1,5 +0,0 @@
-export declare function mockCoreJs(): {
-    name: string;
-    resolveId(id: string): string | undefined;
-    load(id: string): "" | undefined;
-};

package/dist/mock-core-js.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mockCoreJs = void 0;
-function mockCoreJs() {
-    return {
-        name: 'mock-core-js',
-        resolveId(id) {
-            if (id.includes('node_modules/core-js')) {
-                return id;
-            }
-            return undefined;
-        },
-        load(id) {
-            if (id.includes('node_modules/core-js')) {
-                return '';
-            }
-            return undefined;
-        },
-    };
-}
-exports.mockCoreJs = mockCoreJs;
-//# sourceMappingURL=mock-core-js.js.map

package/dist/mock-core-js.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mock-core-js.js","sourceRoot":"","sources":["../mock-core-js.ts"],"names":[],"mappings":";;;AAAA,SAAgB,UAAU;IACxB,OAAO;QACL,IAAI,EAAE,cAAc;QACpB,SAAS,CAAC,EAAU;YAClB,IAAI,EAAE,CAAC,QAAQ,CAAC,sBAAsB,CAAC,EAAE;gBACvC,OAAO,EAAE,CAAC;aACX;YACD,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,IAAI,CAAC,EAAU;YACb,IAAI,EAAE,CAAC,QAAQ,CAAC,sBAAsB,CAAC,EAAE;gBACvC,OAAO,EAAE,CAAC;aACX;YACD,OAAO,SAAS,CAAC;QACnB,CAAC;KACF,CAAC;AACJ,CAAC;AAhBD,gCAgBC","sourcesContent":["export function mockCoreJs() {\n  return {\n    name: 'mock-core-js',\n    resolveId(id: string) {\n      if (id.includes('node_modules/core-js')) {\n        return id;\n      }\n      return undefined;\n    },\n    load(id: string) {\n      if (id.includes('node_modules/core-js')) {\n        return '';\n      }\n      return undefined;\n    },\n  };\n}\n"]}