@storybook/builder-webpack5 7.0.0-beta.6 → 7.0.0-beta.8

package/dist/presets/preview-preset.d.ts

@@ -3,7 +3,6 @@ import * as webpack$1 from 'webpack';
 declare const webpack: (_: unknown, options: any) => Promise<webpack$1.Configuration>;
 declare const entries: (_: unknown, options: any) => Promise<string[]>;
 declare const babel: (config: any, options: any) => Promise<any>;
-declare const babelLoaderRef: () => string;
 declare const previewMainTemplate: () => string;
 
-export { babel, babelLoaderRef, entries, previewMainTemplate, webpack };
+export { babel, entries, previewMainTemplate, webpack };

package/dist/presets/preview-preset.js

@@ -1 +1 @@
-"use strict";var re=Object.create;var k=Object.defineProperty;var oe=Object.getOwnPropertyDescriptor;var se=Object.getOwnPropertyNames;var ne=Object.getPrototypeOf,ie=Object.prototype.hasOwnProperty;var ae=(e,t)=>{for(var n in t)k(e,n,{get:t[n],enumerable:!0})},x=(e,t,n,g)=>{if(t&&typeof t=="object"||typeof t=="function")for(let c of se(t))!ie.call(e,c)&&c!==n&&k(e,c,{get:()=>t[c],enumerable:!(g=oe(t,c))||g.enumerable});return e};var s=(e,t,n)=>(n=e!=null?re(ne(e)):{},x(t||!e||!e.__esModule?k(n,"default",{value:e,enumerable:!0}):n,e)),le=e=>x(k({},"__esModule",{value:!0}),e);var ye={};ae(ye,{babel:()=>me,babelLoaderRef:()=>ue,entries:()=>ce,previewMainTemplate:()=>de,webpack:()=>pe});module.exports=le(ye);var o=require("path"),m=require("webpack"),D=s(require("html-webpack-plugin")),L=s(require("case-sensitive-paths-webpack-plugin")),M=s(require("terser-webpack-plugin")),$=s(require("webpack-virtual-modules")),I=s(require("fork-ts-checker-webpack-plugin")),B=require("@storybook/preview/globals"),r=require("@storybook/core-common"),w=require("@storybook/core-webpack");var N=require("@storybook/core-common"),q=(e,t)=>({test:t.skipBabel?/\.(mjs|jsx?)$/:/\.(mjs|tsx?|jsx?)$/,use:[{loader:require.resolve("babel-loader"),options:e}],include:[(0,N.getProjectRoot)()],exclude:/node_modules/});var E={global:(0,o.dirname)(require.resolve("global/package.json")),...["api","manager-api","components","router","theming"].reduce((e,t)=>({...e,[`@storybook/${t}`]:(0,o.dirname)(require.resolve(`@storybook/${t}/package.json`))}),{}),["@storybook/api"]:(0,o.dirname)(require.resolve("@storybook/manager-api/package.json"))},A=async e=>{var R;let{outputDir:t=(0,o.join)(".","public"),quiet:n,packageJson:g,configType:c,presets:a,previewUrl:W,babelOptions:z,typescriptOptions:f,features:v,serverChannelUrl:H}=e,p=c==="PRODUCTION",d=process.cwd(),[P,V,T,F,U,G,J,K,y,Y]=await Promise.all([a.apply("core"),a.apply("frameworkOptions"),a.apply("env"),a.apply("logLevel",void 0),a.apply("previewHead"),a.apply("previewBody"),a.apply("previewMainTemplate"),a.apply("docs"),a.apply("entries",[],e),a.apply("stories",[],e)]),b=(0,r.normalizeStories)(Y,{configDir:e.configDir,workingDir:d}),j=typeof P.builder=="string"?{}:((R=P.builder)==null?void 0:R.options)||{},S=[...(await a.apply("previewAnnotations",[],e)).map(i=>typeof i=="object"?i.absolute:i),(0,r.loadPreviewOrConfigFile)(e)].filter(Boolean),u={};if(v!=null&&v.storyStoreV7){let i="storybook-stories.js",h=(0,o.resolve)((0,o.join)(d,i)),C=!!j.lazyCompilation&&!p;u[h]=(0,w.toImportFn)(b,{needPipelinedImport:C});let l=(0,o.resolve)((0,o.join)(d,"storybook-config-entry.js"));u[l]=(0,r.handlebars)(await(0,r.readTemplate)(require.resolve("@storybook/builder-webpack5/templates/virtualModuleModernEntry.js.handlebars")),{storiesFilename:i,previewAnnotations:S}).replace(/\\/g,"\\\\"),y.push(l)}else{let i=await(0,r.getRendererName)(e),h=(0,o.resolve)((0,o.join)(d,"storybook-init-renderer-entry.js"));u[h]=`import '${i}';`,y.push(h);let C=await(0,r.readTemplate)((0,o.join)(__dirname,"..","..","templates","virtualModuleEntry.template.js"));if(S.forEach(l=>{if(!l)return;let O=E["@storybook/preview-api"],te=E["@storybook/client-logger"],_=l.startsWith(".")?`${l.replace(/(\w)(\/|\\)/g,"$1-")}-generated-config-entry.js`:`${l}-generated-config-entry.js`;u[_]=(0,r.interpolate)(C,{previewAnnotationFilename:l,previewApi:O,clientLogger:te}),y.push(_)}),b.length>0){let l=await(0,r.readTemplate)((0,o.join)(__dirname,"..","..","templates","virtualModuleStory.template.js")),O=(0,o.resolve)((0,o.join)(d,"generated-stories-entry.cjs"));u[O]=(0,r.interpolate)(l,{rendererName:i}).replace("'{{stories}}'",b.map(w.toRequireContextString).join(",")),y.push(O)}}let Q=f.check&&!f.skipBabel,X=f.checkOptions||{},Z=j.fsCache?{cache:{type:"filesystem"}}:{},ee=j.lazyCompilation&&!p?{lazyCompilation:{entries:!1}}:{};return{name:"preview",mode:p?"production":"development",bail:p,devtool:"cheap-module-source-map",entry:y,output:{path:(0,o.resolve)(process.cwd(),t),filename:p?"[name].[contenthash:8].iframe.bundle.js":"[name].iframe.bundle.js",publicPath:""},stats:{preset:"none",logging:"error"},watchOptions:{ignored:/node_modules/},externals:B.globals,ignoreWarnings:[{message:/export '\S+' was not found in 'global'/}],plugins:[Object.keys(u).length>0?new $.default(u):null,new D.default({filename:"iframe.html",chunksSortMode:"none",alwaysWriteToDisk:!0,inject:!1,template:J,templateParameters:{version:g.version,globals:{CONFIG_TYPE:c,LOGLEVEL:F,FRAMEWORK_OPTIONS:V,CHANNEL_OPTIONS:P.channelOptions,FEATURES:v,PREVIEW_URL:W,STORIES:b.map(i=>({...i,importPathMatcher:i.importPathMatcher.source})),DOCS_OPTIONS:K,SERVER_CHANNEL_URL:H},headHtmlSnippet:U,bodyHtmlSnippet:G},minify:{collapseWhitespace:!0,removeComments:!0,removeRedundantAttributes:!0,removeScriptTypeAttributes:!1,removeStyleLinkTypeAttributes:!0,useShortDoctype:!0}}),new m.DefinePlugin({...(0,r.stringifyProcessEnvs)(T),NODE_ENV:JSON.stringify(process.env.NODE_ENV)}),new m.ProvidePlugin({process:require.resolve("process/browser.js")}),p?null:new m.HotModuleReplacementPlugin,new L.default,n?null:new m.ProgressPlugin({}),Q?new I.default(X):null].filter(Boolean),module:{rules:[{test:/\.m?js$/,type:"javascript/auto"},{test:/\.m?js$/,resolve:{fullySpecified:!1}},q(z,f),{test:/\.md$/,type:"asset/source"}]},resolve:{extensions:[".mjs",".js",".jsx",".ts",".tsx",".json",".cjs"],modules:["node_modules"].concat(T.NODE_PATH||[]),mainFields:["browser","module","main"].filter(Boolean),alias:E,fallback:{path:require.resolve("path-browserify"),assert:require.resolve("browser-assert"),util:require.resolve("util")},symlinks:!(0,r.isPreservingSymlinks)()},optimization:{splitChunks:{chunks:"all"},runtimeChunk:!0,sideEffects:!0,usedExports:p,moduleIds:"named",minimizer:p?[new M.default({parallel:!0,terserOptions:{sourceMap:!0,mangle:!1,keep_fnames:!0}})]:[]},performance:{hints:p?"warning":!1},...Z,experiments:{...ee}}};var pe=async(e,t)=>A(t),ce=async(e,t)=>{let n=[];return t.configType==="DEVELOPMENT"&&(n=n.concat(`${require.resolve("webpack-hot-middleware/client")}?reload=true&quiet=false&noInfo=${t.quiet}`)),n},me=async(e,t)=>({...e,overrides:[...(e==null?void 0:e.overrides)||[],{test:/\.(story|stories).*$/,plugins:[require.resolve("babel-plugin-named-exports-order")]}]}),ue=()=>require.resolve("babel-loader"),de=()=>require.resolve("@storybook/builder-webpack5/templates/preview.ejs");0&&(module.exports={babel,babelLoaderRef,entries,previewMainTemplate,webpack});
+"use strict";var Z=Object.create;var k=Object.defineProperty;var ee=Object.getOwnPropertyDescriptor;var te=Object.getOwnPropertyNames;var re=Object.getPrototypeOf,oe=Object.prototype.hasOwnProperty;var se=(e,t)=>{for(var n in t)k(e,n,{get:t[n],enumerable:!0})},_=(e,t,n,g)=>{if(t&&typeof t=="object"||typeof t=="function")for(let m of te(t))!oe.call(e,m)&&m!==n&&k(e,m,{get:()=>t[m],enumerable:!(g=ee(t,m))||g.enumerable});return e};var s=(e,t,n)=>(n=e!=null?Z(re(e)):{},_(t||!e||!e.__esModule?k(n,"default",{value:e,enumerable:!0}):n,e)),ne=e=>_(k({},"__esModule",{value:!0}),e);var ce={};se(ce,{babel:()=>pe,entries:()=>le,previewMainTemplate:()=>me,webpack:()=>ae});module.exports=ne(ce);var o=require("path"),c=require("webpack"),x=s(require("html-webpack-plugin")),q=s(require("case-sensitive-paths-webpack-plugin")),D=s(require("terser-webpack-plugin")),M=s(require("webpack-virtual-modules")),$=s(require("fork-ts-checker-webpack-plugin")),L=require("@storybook/preview/globals"),r=require("@storybook/core-common"),w=require("@storybook/core-webpack");var N=require("@storybook/core-common"),R=(e,t)=>({test:t.skipBabel?/\.(mjs|jsx?)$/:/\.(mjs|tsx?|jsx?)$/,use:[{loader:require.resolve("babel-loader"),options:e}],include:[(0,N.getProjectRoot)()],exclude:/node_modules/});var ie={global:(0,o.dirname)(require.resolve("global/package.json")),...["api","manager-api","components","router","theming"].reduce((e,t)=>({...e,[`@storybook/${t}`]:(0,o.dirname)(require.resolve(`@storybook/${t}/package.json`))}),{}),["@storybook/api"]:(0,o.dirname)(require.resolve("@storybook/manager-api/package.json"))},I=async e=>{var S;let{outputDir:t=(0,o.join)(".","public"),quiet:n,packageJson:g,configType:m,presets:a,previewUrl:B,babelOptions:W,typescriptOptions:v,features:h,serverChannelUrl:z}=e,p=m==="PRODUCTION",d=process.cwd(),[P,A,E,H,V,F,U,G,y,J]=await Promise.all([a.apply("core"),a.apply("frameworkOptions"),a.apply("env"),a.apply("logLevel",void 0),a.apply("previewHead"),a.apply("previewBody"),a.apply("previewMainTemplate"),a.apply("docs"),a.apply("entries",[],e),a.apply("stories",[],e)]),O=(0,r.normalizeStories)(J,{configDir:e.configDir,workingDir:d}),j=typeof P.builder=="string"?{}:((S=P.builder)==null?void 0:S.options)||{},T=[...(await a.apply("previewAnnotations",[],e)).map(i=>typeof i=="object"?i.absolute:i),(0,r.loadPreviewOrConfigFile)(e)].filter(Boolean),u={};if(h!=null&&h.storyStoreV7){let i="storybook-stories.js",b=(0,o.resolve)((0,o.join)(d,i)),C=!!j.lazyCompilation&&!p;u[b]=(0,w.toImportFn)(O,{needPipelinedImport:C});let l=(0,o.resolve)((0,o.join)(d,"storybook-config-entry.js"));u[l]=(0,r.handlebars)(await(0,r.readTemplate)(require.resolve("@storybook/builder-webpack5/templates/virtualModuleModernEntry.js.handlebars")),{storiesFilename:i,previewAnnotations:T}).replace(/\\/g,"\\\\"),y.push(l)}else{let i=await(0,r.getRendererName)(e),b=(0,o.resolve)((0,o.join)(d,"storybook-init-renderer-entry.js"));u[b]=`import '${i}';`,y.push(b);let C=await(0,r.readTemplate)((0,o.join)(__dirname,"..","..","templates","virtualModuleEntry.template.js"));if(T.forEach(l=>{if(!l)return;let f=l.startsWith(".")?`${l.replace(/(\w)(\/|\\)/g,"$1-")}-generated-config-entry.js`:`${l}-generated-config-entry.js`;u[f]=(0,r.interpolate)(C,{previewAnnotationFilename:l}),y.push(f)}),O.length>0){let l=await(0,r.readTemplate)((0,o.join)(__dirname,"..","..","templates","virtualModuleStory.template.js")),f=(0,o.resolve)((0,o.join)(d,"generated-stories-entry.cjs"));u[f]=(0,r.interpolate)(l,{rendererName:i}).replace("'{{stories}}'",O.map(w.toRequireContextString).join(",")),y.push(f)}}let K=v.check&&!v.skipBabel,Y=v.checkOptions||{},Q=j.fsCache?{cache:{type:"filesystem"}}:{},X=j.lazyCompilation&&!p?{lazyCompilation:{entries:!1}}:{};return{name:"preview",mode:p?"production":"development",bail:p,devtool:"cheap-module-source-map",entry:y,output:{path:(0,o.resolve)(process.cwd(),t),filename:p?"[name].[contenthash:8].iframe.bundle.js":"[name].iframe.bundle.js",publicPath:""},stats:{preset:"none",logging:"error"},watchOptions:{ignored:/node_modules/},externals:L.globals,ignoreWarnings:[{message:/export '\S+' was not found in 'global'/}],plugins:[Object.keys(u).length>0?new M.default(u):null,new x.default({filename:"iframe.html",chunksSortMode:"none",alwaysWriteToDisk:!0,inject:!1,template:U,templateParameters:{version:g.version,globals:{CONFIG_TYPE:m,LOGLEVEL:H,FRAMEWORK_OPTIONS:A,CHANNEL_OPTIONS:P.channelOptions,FEATURES:h,PREVIEW_URL:B,STORIES:O.map(i=>({...i,importPathMatcher:i.importPathMatcher.source})),DOCS_OPTIONS:G,SERVER_CHANNEL_URL:z},headHtmlSnippet:V,bodyHtmlSnippet:F},minify:{collapseWhitespace:!0,removeComments:!0,removeRedundantAttributes:!0,removeScriptTypeAttributes:!1,removeStyleLinkTypeAttributes:!0,useShortDoctype:!0}}),new c.DefinePlugin({...(0,r.stringifyProcessEnvs)(E),NODE_ENV:JSON.stringify(process.env.NODE_ENV)}),new c.ProvidePlugin({process:require.resolve("process/browser.js")}),p?null:new c.HotModuleReplacementPlugin,new q.default,n?null:new c.ProgressPlugin({}),K?new $.default(Y):null].filter(Boolean),module:{rules:[{test:/\.m?js$/,type:"javascript/auto"},{test:/\.m?js$/,resolve:{fullySpecified:!1}},R(W,v),{test:/\.md$/,type:"asset/source"}]},resolve:{extensions:[".mjs",".js",".jsx",".ts",".tsx",".json",".cjs"],modules:["node_modules"].concat(E.NODE_PATH||[]),mainFields:["browser","module","main"].filter(Boolean),alias:ie,fallback:{path:require.resolve("path-browserify"),assert:require.resolve("browser-assert"),util:require.resolve("util")},symlinks:!(0,r.isPreservingSymlinks)()},optimization:{splitChunks:{chunks:"all"},runtimeChunk:!0,sideEffects:!0,usedExports:p,moduleIds:"named",minimizer:p?[new D.default({parallel:!0,terserOptions:{sourceMap:!0,mangle:!1,keep_fnames:!0}})]:[]},performance:{hints:p?"warning":!1},...Q,experiments:{...X}}};var ae=async(e,t)=>I(t),le=async(e,t)=>{let n=[];return t.configType==="DEVELOPMENT"&&(n=n.concat(`${require.resolve("webpack-hot-middleware/client")}?reload=true&quiet=false&noInfo=${t.quiet}`)),n},pe=async(e,t)=>({...e,overrides:[...(e==null?void 0:e.overrides)||[],{test:/\.(story|stories).*$/,plugins:[require.resolve("babel-plugin-named-exports-order")]}]}),me=()=>require.resolve("@storybook/builder-webpack5/templates/preview.ejs");0&&(module.exports={babel,entries,previewMainTemplate,webpack});

package/dist/presets/preview-preset.mjs

@@ -1 +1 @@
-import{__require}from"../chunk-GYZG6JM4.mjs";import{dirname,join,resolve}from"path";import{DefinePlugin,HotModuleReplacementPlugin,ProgressPlugin,ProvidePlugin}from"webpack";import HtmlWebpackPlugin from"html-webpack-plugin";import CaseSensitivePathsPlugin from"case-sensitive-paths-webpack-plugin";import TerserWebpackPlugin from"terser-webpack-plugin";import VirtualModulePlugin from"webpack-virtual-modules";import ForkTsCheckerWebpackPlugin from"fork-ts-checker-webpack-plugin";import{globals}from"@storybook/preview/globals";import{getRendererName,stringifyProcessEnvs,handlebars,interpolate,normalizeStories,readTemplate,loadPreviewOrConfigFile,isPreservingSymlinks}from"@storybook/core-common";import{toRequireContextString,toImportFn}from"@storybook/core-webpack";import{getProjectRoot}from"@storybook/core-common";var createBabelLoader=(options,typescriptOptions)=>({test:typescriptOptions.skipBabel?/\.(mjs|jsx?)$/:/\.(mjs|tsx?|jsx?)$/,use:[{loader:__require.resolve("babel-loader"),options}],include:[getProjectRoot()],exclude:/node_modules/});var storybookPaths={global:dirname(__require.resolve("global/package.json")),...["api","manager-api","components","router","theming"].reduce((acc,sbPackage)=>({...acc,[`@storybook/${sbPackage}`]:dirname(__require.resolve(`@storybook/${sbPackage}/package.json`))}),{}),["@storybook/api"]:dirname(__require.resolve("@storybook/manager-api/package.json"))},iframe_webpack_config_default=async options=>{let{outputDir=join(".","public"),quiet,packageJson,configType,presets,previewUrl,babelOptions,typescriptOptions,features,serverChannelUrl}=options,isProd=configType==="PRODUCTION",workingDir=process.cwd(),[coreOptions,frameworkOptions,envs,logLevel,headHtmlSnippet,bodyHtmlSnippet,template,docsOptions,entries2,nonNormalizedStories]=await Promise.all([presets.apply("core"),presets.apply("frameworkOptions"),presets.apply("env"),presets.apply("logLevel",void 0),presets.apply("previewHead"),presets.apply("previewBody"),presets.apply("previewMainTemplate"),presets.apply("docs"),presets.apply("entries",[],options),presets.apply("stories",[],options)]),stories=normalizeStories(nonNormalizedStories,{configDir:options.configDir,workingDir}),builderOptions=typeof coreOptions.builder=="string"?{}:coreOptions.builder?.options||{},previewAnnotations=[...(await presets.apply("previewAnnotations",[],options)).map(entry=>typeof entry=="object"?entry.absolute:entry),loadPreviewOrConfigFile(options)].filter(Boolean),virtualModuleMapping={};if(features?.storyStoreV7){let storiesFilename="storybook-stories.js",storiesPath=resolve(join(workingDir,storiesFilename)),needPipelinedImport=!!builderOptions.lazyCompilation&&!isProd;virtualModuleMapping[storiesPath]=toImportFn(stories,{needPipelinedImport});let configEntryPath=resolve(join(workingDir,"storybook-config-entry.js"));virtualModuleMapping[configEntryPath]=handlebars(await readTemplate(__require.resolve("@storybook/builder-webpack5/templates/virtualModuleModernEntry.js.handlebars")),{storiesFilename,previewAnnotations}).replace(/\\/g,"\\\\"),entries2.push(configEntryPath)}else{let rendererName=await getRendererName(options),rendererInitEntry=resolve(join(workingDir,"storybook-init-renderer-entry.js"));virtualModuleMapping[rendererInitEntry]=`import '${rendererName}';`,entries2.push(rendererInitEntry);let entryTemplate=await readTemplate(join(__dirname,"..","..","templates","virtualModuleEntry.template.js"));if(previewAnnotations.forEach(previewAnnotationFilename=>{if(!previewAnnotationFilename)return;let previewApi=storybookPaths["@storybook/preview-api"],clientLogger=storybookPaths["@storybook/client-logger"],entryFilename=previewAnnotationFilename.startsWith(".")?`${previewAnnotationFilename.replace(/(\w)(\/|\\)/g,"$1-")}-generated-config-entry.js`:`${previewAnnotationFilename}-generated-config-entry.js`;virtualModuleMapping[entryFilename]=interpolate(entryTemplate,{previewAnnotationFilename,previewApi,clientLogger}),entries2.push(entryFilename)}),stories.length>0){let storyTemplate=await readTemplate(join(__dirname,"..","..","templates","virtualModuleStory.template.js")),storiesFilename=resolve(join(workingDir,"generated-stories-entry.cjs"));virtualModuleMapping[storiesFilename]=interpolate(storyTemplate,{rendererName}).replace("'{{stories}}'",stories.map(toRequireContextString).join(",")),entries2.push(storiesFilename)}}let shouldCheckTs=typescriptOptions.check&&!typescriptOptions.skipBabel,tsCheckOptions=typescriptOptions.checkOptions||{},cacheConfig=builderOptions.fsCache?{cache:{type:"filesystem"}}:{},lazyCompilationConfig=builderOptions.lazyCompilation&&!isProd?{lazyCompilation:{entries:!1}}:{};return{name:"preview",mode:isProd?"production":"development",bail:isProd,devtool:"cheap-module-source-map",entry:entries2,output:{path:resolve(process.cwd(),outputDir),filename:isProd?"[name].[contenthash:8].iframe.bundle.js":"[name].iframe.bundle.js",publicPath:""},stats:{preset:"none",logging:"error"},watchOptions:{ignored:/node_modules/},externals:globals,ignoreWarnings:[{message:/export '\S+' was not found in 'global'/}],plugins:[Object.keys(virtualModuleMapping).length>0?new VirtualModulePlugin(virtualModuleMapping):null,new HtmlWebpackPlugin({filename:"iframe.html",chunksSortMode:"none",alwaysWriteToDisk:!0,inject:!1,template,templateParameters:{version:packageJson.version,globals:{CONFIG_TYPE:configType,LOGLEVEL:logLevel,FRAMEWORK_OPTIONS:frameworkOptions,CHANNEL_OPTIONS:coreOptions.channelOptions,FEATURES:features,PREVIEW_URL:previewUrl,STORIES:stories.map(specifier=>({...specifier,importPathMatcher:specifier.importPathMatcher.source})),DOCS_OPTIONS:docsOptions,SERVER_CHANNEL_URL:serverChannelUrl},headHtmlSnippet,bodyHtmlSnippet},minify:{collapseWhitespace:!0,removeComments:!0,removeRedundantAttributes:!0,removeScriptTypeAttributes:!1,removeStyleLinkTypeAttributes:!0,useShortDoctype:!0}}),new DefinePlugin({...stringifyProcessEnvs(envs),NODE_ENV:JSON.stringify(process.env.NODE_ENV)}),new ProvidePlugin({process:__require.resolve("process/browser.js")}),isProd?null:new HotModuleReplacementPlugin,new CaseSensitivePathsPlugin,quiet?null:new ProgressPlugin({}),shouldCheckTs?new ForkTsCheckerWebpackPlugin(tsCheckOptions):null].filter(Boolean),module:{rules:[{test:/\.m?js$/,type:"javascript/auto"},{test:/\.m?js$/,resolve:{fullySpecified:!1}},createBabelLoader(babelOptions,typescriptOptions),{test:/\.md$/,type:"asset/source"}]},resolve:{extensions:[".mjs",".js",".jsx",".ts",".tsx",".json",".cjs"],modules:["node_modules"].concat(envs.NODE_PATH||[]),mainFields:["browser","module","main"].filter(Boolean),alias:storybookPaths,fallback:{path:__require.resolve("path-browserify"),assert:__require.resolve("browser-assert"),util:__require.resolve("util")},symlinks:!isPreservingSymlinks()},optimization:{splitChunks:{chunks:"all"},runtimeChunk:!0,sideEffects:!0,usedExports:isProd,moduleIds:"named",minimizer:isProd?[new TerserWebpackPlugin({parallel:!0,terserOptions:{sourceMap:!0,mangle:!1,keep_fnames:!0}})]:[]},performance:{hints:isProd?"warning":!1},...cacheConfig,experiments:{...lazyCompilationConfig}}};var webpack=async(_,options)=>iframe_webpack_config_default(options),entries=async(_,options)=>{let result=[];return options.configType==="DEVELOPMENT"&&(result=result.concat(`${__require.resolve("webpack-hot-middleware/client")}?reload=true&quiet=false&noInfo=${options.quiet}`)),result},babel=async(config,options)=>({...config,overrides:[...config?.overrides||[],{test:/\.(story|stories).*$/,plugins:[__require.resolve("babel-plugin-named-exports-order")]}]}),babelLoaderRef=()=>__require.resolve("babel-loader"),previewMainTemplate=()=>__require.resolve("@storybook/builder-webpack5/templates/preview.ejs");export{babel,babelLoaderRef,entries,previewMainTemplate,webpack};
+import{__require}from"../chunk-GYZG6JM4.mjs";import{dirname,join,resolve}from"path";import{DefinePlugin,HotModuleReplacementPlugin,ProgressPlugin,ProvidePlugin}from"webpack";import HtmlWebpackPlugin from"html-webpack-plugin";import CaseSensitivePathsPlugin from"case-sensitive-paths-webpack-plugin";import TerserWebpackPlugin from"terser-webpack-plugin";import VirtualModulePlugin from"webpack-virtual-modules";import ForkTsCheckerWebpackPlugin from"fork-ts-checker-webpack-plugin";import{globals}from"@storybook/preview/globals";import{getRendererName,stringifyProcessEnvs,handlebars,interpolate,normalizeStories,readTemplate,loadPreviewOrConfigFile,isPreservingSymlinks}from"@storybook/core-common";import{toRequireContextString,toImportFn}from"@storybook/core-webpack";import{getProjectRoot}from"@storybook/core-common";var createBabelLoader=(options,typescriptOptions)=>({test:typescriptOptions.skipBabel?/\.(mjs|jsx?)$/:/\.(mjs|tsx?|jsx?)$/,use:[{loader:__require.resolve("babel-loader"),options}],include:[getProjectRoot()],exclude:/node_modules/});var storybookPaths={global:dirname(__require.resolve("global/package.json")),...["api","manager-api","components","router","theming"].reduce((acc,sbPackage)=>({...acc,[`@storybook/${sbPackage}`]:dirname(__require.resolve(`@storybook/${sbPackage}/package.json`))}),{}),["@storybook/api"]:dirname(__require.resolve("@storybook/manager-api/package.json"))},iframe_webpack_config_default=async options=>{let{outputDir=join(".","public"),quiet,packageJson,configType,presets,previewUrl,babelOptions,typescriptOptions,features,serverChannelUrl}=options,isProd=configType==="PRODUCTION",workingDir=process.cwd(),[coreOptions,frameworkOptions,envs,logLevel,headHtmlSnippet,bodyHtmlSnippet,template,docsOptions,entries2,nonNormalizedStories]=await Promise.all([presets.apply("core"),presets.apply("frameworkOptions"),presets.apply("env"),presets.apply("logLevel",void 0),presets.apply("previewHead"),presets.apply("previewBody"),presets.apply("previewMainTemplate"),presets.apply("docs"),presets.apply("entries",[],options),presets.apply("stories",[],options)]),stories=normalizeStories(nonNormalizedStories,{configDir:options.configDir,workingDir}),builderOptions=typeof coreOptions.builder=="string"?{}:coreOptions.builder?.options||{},previewAnnotations=[...(await presets.apply("previewAnnotations",[],options)).map(entry=>typeof entry=="object"?entry.absolute:entry),loadPreviewOrConfigFile(options)].filter(Boolean),virtualModuleMapping={};if(features?.storyStoreV7){let storiesFilename="storybook-stories.js",storiesPath=resolve(join(workingDir,storiesFilename)),needPipelinedImport=!!builderOptions.lazyCompilation&&!isProd;virtualModuleMapping[storiesPath]=toImportFn(stories,{needPipelinedImport});let configEntryPath=resolve(join(workingDir,"storybook-config-entry.js"));virtualModuleMapping[configEntryPath]=handlebars(await readTemplate(__require.resolve("@storybook/builder-webpack5/templates/virtualModuleModernEntry.js.handlebars")),{storiesFilename,previewAnnotations}).replace(/\\/g,"\\\\"),entries2.push(configEntryPath)}else{let rendererName=await getRendererName(options),rendererInitEntry=resolve(join(workingDir,"storybook-init-renderer-entry.js"));virtualModuleMapping[rendererInitEntry]=`import '${rendererName}';`,entries2.push(rendererInitEntry);let entryTemplate=await readTemplate(join(__dirname,"..","..","templates","virtualModuleEntry.template.js"));if(previewAnnotations.forEach(previewAnnotationFilename=>{if(!previewAnnotationFilename)return;let entryFilename=previewAnnotationFilename.startsWith(".")?`${previewAnnotationFilename.replace(/(\w)(\/|\\)/g,"$1-")}-generated-config-entry.js`:`${previewAnnotationFilename}-generated-config-entry.js`;virtualModuleMapping[entryFilename]=interpolate(entryTemplate,{previewAnnotationFilename}),entries2.push(entryFilename)}),stories.length>0){let storyTemplate=await readTemplate(join(__dirname,"..","..","templates","virtualModuleStory.template.js")),storiesFilename=resolve(join(workingDir,"generated-stories-entry.cjs"));virtualModuleMapping[storiesFilename]=interpolate(storyTemplate,{rendererName}).replace("'{{stories}}'",stories.map(toRequireContextString).join(",")),entries2.push(storiesFilename)}}let shouldCheckTs=typescriptOptions.check&&!typescriptOptions.skipBabel,tsCheckOptions=typescriptOptions.checkOptions||{},cacheConfig=builderOptions.fsCache?{cache:{type:"filesystem"}}:{},lazyCompilationConfig=builderOptions.lazyCompilation&&!isProd?{lazyCompilation:{entries:!1}}:{};return{name:"preview",mode:isProd?"production":"development",bail:isProd,devtool:"cheap-module-source-map",entry:entries2,output:{path:resolve(process.cwd(),outputDir),filename:isProd?"[name].[contenthash:8].iframe.bundle.js":"[name].iframe.bundle.js",publicPath:""},stats:{preset:"none",logging:"error"},watchOptions:{ignored:/node_modules/},externals:globals,ignoreWarnings:[{message:/export '\S+' was not found in 'global'/}],plugins:[Object.keys(virtualModuleMapping).length>0?new VirtualModulePlugin(virtualModuleMapping):null,new HtmlWebpackPlugin({filename:"iframe.html",chunksSortMode:"none",alwaysWriteToDisk:!0,inject:!1,template,templateParameters:{version:packageJson.version,globals:{CONFIG_TYPE:configType,LOGLEVEL:logLevel,FRAMEWORK_OPTIONS:frameworkOptions,CHANNEL_OPTIONS:coreOptions.channelOptions,FEATURES:features,PREVIEW_URL:previewUrl,STORIES:stories.map(specifier=>({...specifier,importPathMatcher:specifier.importPathMatcher.source})),DOCS_OPTIONS:docsOptions,SERVER_CHANNEL_URL:serverChannelUrl},headHtmlSnippet,bodyHtmlSnippet},minify:{collapseWhitespace:!0,removeComments:!0,removeRedundantAttributes:!0,removeScriptTypeAttributes:!1,removeStyleLinkTypeAttributes:!0,useShortDoctype:!0}}),new DefinePlugin({...stringifyProcessEnvs(envs),NODE_ENV:JSON.stringify(process.env.NODE_ENV)}),new ProvidePlugin({process:__require.resolve("process/browser.js")}),isProd?null:new HotModuleReplacementPlugin,new CaseSensitivePathsPlugin,quiet?null:new ProgressPlugin({}),shouldCheckTs?new ForkTsCheckerWebpackPlugin(tsCheckOptions):null].filter(Boolean),module:{rules:[{test:/\.m?js$/,type:"javascript/auto"},{test:/\.m?js$/,resolve:{fullySpecified:!1}},createBabelLoader(babelOptions,typescriptOptions),{test:/\.md$/,type:"asset/source"}]},resolve:{extensions:[".mjs",".js",".jsx",".ts",".tsx",".json",".cjs"],modules:["node_modules"].concat(envs.NODE_PATH||[]),mainFields:["browser","module","main"].filter(Boolean),alias:storybookPaths,fallback:{path:__require.resolve("path-browserify"),assert:__require.resolve("browser-assert"),util:__require.resolve("util")},symlinks:!isPreservingSymlinks()},optimization:{splitChunks:{chunks:"all"},runtimeChunk:!0,sideEffects:!0,usedExports:isProd,moduleIds:"named",minimizer:isProd?[new TerserWebpackPlugin({parallel:!0,terserOptions:{sourceMap:!0,mangle:!1,keep_fnames:!0}})]:[]},performance:{hints:isProd?"warning":!1},...cacheConfig,experiments:{...lazyCompilationConfig}}};var webpack=async(_,options)=>iframe_webpack_config_default(options),entries=async(_,options)=>{let result=[];return options.configType==="DEVELOPMENT"&&(result=result.concat(`${__require.resolve("webpack-hot-middleware/client")}?reload=true&quiet=false&noInfo=${options.quiet}`)),result},babel=async(config,options)=>({...config,overrides:[...config?.overrides||[],{test:/\.(story|stories).*$/,plugins:[__require.resolve("babel-plugin-named-exports-order")]}]}),previewMainTemplate=()=>__require.resolve("@storybook/builder-webpack5/templates/preview.ejs");export{babel,entries,previewMainTemplate,webpack};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-webpack5",
-  "version": "7.0.0-beta.6",
+  "version": "7.0.0-beta.8",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -54,24 +54,24 @@
   },
   "dependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/addons": "7.0.0-beta.6",
-    "@storybook/api": "7.0.0-beta.6",
-    "@storybook/channel-postmessage": "7.0.0-beta.6",
-    "@storybook/channel-websocket": "7.0.0-beta.6",
-    "@storybook/channels": "7.0.0-beta.6",
-    "@storybook/client-api": "7.0.0-beta.6",
-    "@storybook/client-logger": "7.0.0-beta.6",
-    "@storybook/components": "7.0.0-beta.6",
-    "@storybook/core-common": "7.0.0-beta.6",
-    "@storybook/core-events": "7.0.0-beta.6",
-    "@storybook/core-webpack": "7.0.0-beta.6",
-    "@storybook/manager-api": "7.0.0-beta.6",
-    "@storybook/node-logger": "7.0.0-beta.6",
-    "@storybook/preview": "7.0.0-beta.6",
-    "@storybook/preview-api": "7.0.0-beta.6",
-    "@storybook/router": "7.0.0-beta.6",
-    "@storybook/store": "7.0.0-beta.6",
-    "@storybook/theming": "7.0.0-beta.6",
+    "@storybook/addons": "7.0.0-beta.8",
+    "@storybook/api": "7.0.0-beta.8",
+    "@storybook/channel-postmessage": "7.0.0-beta.8",
+    "@storybook/channel-websocket": "7.0.0-beta.8",
+    "@storybook/channels": "7.0.0-beta.8",
+    "@storybook/client-api": "7.0.0-beta.8",
+    "@storybook/client-logger": "7.0.0-beta.8",
+    "@storybook/components": "7.0.0-beta.8",
+    "@storybook/core-common": "7.0.0-beta.8",
+    "@storybook/core-events": "7.0.0-beta.8",
+    "@storybook/core-webpack": "7.0.0-beta.8",
+    "@storybook/manager-api": "7.0.0-beta.8",
+    "@storybook/node-logger": "7.0.0-beta.8",
+    "@storybook/preview": "7.0.0-beta.8",
+    "@storybook/preview-api": "7.0.0-beta.8",
+    "@storybook/router": "7.0.0-beta.8",
+    "@storybook/store": "7.0.0-beta.8",
+    "@storybook/theming": "7.0.0-beta.8",
     "@types/node": "^16.0.0",
     "@types/semver": "^7.3.4",
     "babel-loader": "^8.3.0",
@@ -126,5 +126,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "edcda9c064bcb77c903263fafcaee2bd369f429a"
+  "gitHead": "5340574d89a799ec10959edc16ca140852cf355c"
 }

package/templates/virtualModuleEntry.template.js

@@ -9,7 +9,7 @@ import {
   addArgsEnhancer,
   addArgTypesEnhancer,
   setGlobalRender,
-} from '{{previewApi}}';
+} from '@storybook/preview-api';
 import * as previewAnnotations from '{{previewAnnotationFilename}}';
 
 Object.keys(previewAnnotations).forEach((key) => {