@storybook/builder-webpack5 7.0.0-alpha.48 → 7.0.0-alpha.49

package/dist/index.mjs

@@ -1 +1 @@
-import"./chunk-HKSD7XQF.mjs";import S,{ProgressPlugin as O}from"webpack";import C from"webpack-dev-middleware";import x from"webpack-hot-middleware";import{logger as n}from"@storybook/node-logger";import{useProgressReporting as P}from"@storybook/core-common";import{checkWebpackVersion as v}from"@storybook/core-webpack";import{join as g}from"path";var b,m,k={get:async r=>{let e=await r.presets.apply("webpackVersion")||"5",t=(await r.presets.apply("webpackInstance"))?.default||S;return v({version:e},"5","builder-webpack5"),t}},B=async r=>{let{presets:e}=r,t=await e.apply("typescript",{},r),c=await e.apply("babel",{},{...r,typescriptOptions:t}),a=await e.apply("frameworkOptions");return e.apply("webpack",{},{...r,babelOptions:c,typescriptOptions:t,frameworkOptions:a})},w,f=async()=>{if(w)try{await w.throw(new Error)}catch{}return m&&m(),new Promise((r,e)=>{if(process&&b)try{b.close(()=>r()),n.warn("Force closed preview build")}catch{n.warn("Unable to close preview build!"),r()}else r()})},W=async function*({startTime:e,options:t,router:c}){let a=await k.get(t);yield;let s=await B(t);yield;let p=a(s);if(!p){let d=`${s.name}: missing webpack compiler at runtime!`;return n.error(d),{bail:f,totalTime:process.hrtime(e),stats:{hasErrors:()=>!0,hasWarnings:()=>!1,toJson:()=>({warnings:[],errors:[d]})}}}let{handler:l,modulesCount:u}=await P(c,e,t);yield,new O({handler:l,modulesCount:u}).apply(p);let o={publicPath:s.output?.publicPath,writeToDisk:!0};b=C(p,o),c.use(b),c.use(x(p));let i=await new Promise((d,y)=>{b?.waitUntilValid(d),m=y});if(yield,!i)throw new Error("no stats after building preview");if(i.hasErrors())throw i;return{bail:f,stats:i,totalTime:process.hrtime(e)}},R=async function*({startTime:e,options:t}){let c=await k.get(t);yield,n.info("=> Compiling preview..");let a=await B(t);yield;let s=c(a);if(!s){let p=`${a.name}: missing webpack compiler at runtime!`;return n.error(p),{hasErrors:()=>!0,hasWarnings:()=>!1,toJson:()=>({warnings:[],errors:[p]})}}return new Promise((p,l)=>{s.run((u,o)=>{if(u||!o||o.hasErrors()){if(n.error("=> Failed to build the preview"),process.exitCode=1,u){n.error(u.message),s.close(()=>l(u));return}if(o&&(o.hasErrors()||o.hasWarnings())){let{warnings:i=[],errors:d=[]}=o.toJson(typeof a.stats=="string"?a.stats:{warnings:!0,errors:!0,...a.stats});d.forEach(y=>n.error(y.message)),i.forEach(y=>n.error(y.message)),s.close(()=>t.debugWebpack?l(o):l(new Error("=> Webpack failed, learn more with --debug-webpack")));return}}n.trace({message:"=> Preview built",time:process.hrtime(e)}),o&&o.hasWarnings()&&o.toJson({warnings:!0}).warnings.forEach(i=>n.warn(i.message)),s.close(i=>i?l(i):p(o))})})},G=async r=>{w=W(r);let e;do e=await w.next();while(!e.done);return e.value},J=async r=>{w=R(r);let e;do e=await w.next();while(!e.done);return e.value},M=[g(__dirname,"presets/preview-preset.js")],_=[g(__dirname,"./presets/custom-webpack-preset.js")];export{f as bail,J as build,M as corePresets,k as executor,B as getConfig,_ as overridePresets,G as start};
+import"./chunk-HKSD7XQF.mjs";import B,{ProgressPlugin as S}from"webpack";import v from"webpack-dev-middleware";import O from"webpack-hot-middleware";import{logger as s}from"@storybook/node-logger";import{useProgressReporting as P}from"@storybook/core-common";import{checkWebpackVersion as x}from"@storybook/core-webpack";import{join as g}from"path";var y,b,k={get:async r=>{let e=await r.presets.apply("webpackVersion")||"5",t=(await r.presets.apply("webpackInstance"))?.default||B;return x({version:e},"5","builder-webpack5"),t}},h=async r=>{let{presets:e}=r,t=await e.apply("typescript",{},r),c=await e.apply("babel",{},{...r,typescriptOptions:t}),i=await e.apply("frameworkOptions");return e.apply("webpack",{},{...r,babelOptions:c,typescriptOptions:t,frameworkOptions:i})},w,f=async()=>{if(w)try{await w.throw(new Error)}catch{}return b&&b(),new Promise((r,e)=>{if(process&&y)try{y.close(()=>r()),s.warn("Force closed preview build")}catch{s.warn("Unable to close preview build!"),r()}else r()})},W=async function*({startTime:e,options:t,router:c}){let i=await k.get(t);yield;let o=await h(t);yield;let p=i(o);if(!p){let d=`${o.name}: missing webpack compiler at runtime!`;return s.error(d),{bail:f,totalTime:process.hrtime(e),stats:{hasErrors:()=>!0,hasWarnings:()=>!1,toJson:()=>({warnings:[],errors:[d]})}}}let{handler:l,modulesCount:u}=await P(c,e,t);yield,new S({handler:l,modulesCount:u}).apply(p);let a={publicPath:o.output?.publicPath,writeToDisk:!0};y=v(p,a),c.use(y),c.use(O(p));let n=await new Promise((d,m)=>{y?.waitUntilValid(d),b=m});if(yield,!n)throw new Error("no stats after building preview");if(n.hasErrors())throw n;return{bail:f,stats:n,totalTime:process.hrtime(e)}},E=async function*({startTime:e,options:t}){let c=await k.get(t);yield,s.info("=> Compiling preview..");let i=await h(t);yield;let o=c(i);if(!o){let p=`${i.name}: missing webpack compiler at runtime!`;return s.error(p),{hasErrors:()=>!0,hasWarnings:()=>!1,toJson:()=>({warnings:[],errors:[p]})}}return new Promise((p,l)=>{o.run((u,a)=>{if(u||!a||a.hasErrors()){if(s.error("=> Failed to build the preview"),process.exitCode=1,u){s.error(u.message),o.close(()=>l(u));return}if(a&&(a.hasErrors()||a.hasWarnings())){let{warnings:n=[],errors:d=[]}=a.toJson(typeof i.stats=="string"?i.stats:{warnings:!0,errors:!0,...i.stats});d.forEach(m=>s.error(m.message)),n.forEach(m=>s.error(m.message)),o.close(()=>t.debugWebpack?l(a):l(new Error("=> Webpack failed, learn more with --debug-webpack")));return}}s.trace({message:"=> Preview built",time:process.hrtime(e)}),a&&a.hasWarnings()&&a.toJson({warnings:!0}).warnings.forEach(n=>s.warn(n.message)),o.close(n=>n?l(n):p(a))})})},D=async r=>{w=W(r);let e;do e=await w.next();while(!e.done);return e.value},G=async r=>{w=E(r);let e;do e=await w.next();while(!e.done);return e.value},J=[g(__dirname,"presets/preview-preset.js")],M=[g(__dirname,"./presets/custom-webpack-preset.js")];export{f as bail,G as build,J as corePresets,k as executor,h as getConfig,M as overridePresets,D as start};

package/dist/presets/custom-webpack-preset.mjs

@@ -1,3 +1,3 @@
-import{a as n}from"../chunk-HKSD7XQF.mjs";import*as g from"webpack";import{logger as m}from"@storybook/node-logger";import b from"util-deprecate";import{dedent as y}from"ts-dedent";import{loadCustomWebpackConfig as w}from"@storybook/core-webpack";import{logger as u}from"@storybook/node-logger";async function f(e,o){if(o.presetsList?.some(t=>/@storybook(\/|\\)preset-create-react-app/.test(typeof t=="string"?t:t.name)))return e;let i=o.presetsList?.some(t=>/@storybook(\/|\\)addon-postcss/.test(typeof t=="string"?t:t.name)),r={};i||(u.info("=> Using implicit CSS loaders"),r={test:/\.css$/,sideEffects:!0,use:[n.resolve("style-loader"),{loader:n.resolve("css-loader"),options:{importLoaders:1}}]});let a=e.mode!=="development";return{...e,module:{...e.module,rules:[...e.module?.rules||[],r,{test:/\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\?.*)?$/,type:"asset/resource",generator:{filename:a?"static/media/[name].[contenthash:8][ext]":"static/media/[path][name][ext]"}},{test:/\.(mp4|webm|wav|mp3|m4a|aac|oga)(\?.*)?$/,type:"asset",parser:{dataUrlCondition:{maxSize:1e4}},generator:{filename:a?"static/media/[name].[contenthash:8][ext]":"static/media/[path][name][ext]"}}]},resolve:{...e.resolve,fallback:{crypto:!1,assert:!1,...e.resolve?.fallback}}}}async function D(e,o){let{configDir:i,configType:r,presets:a,webpackConfig:t}=o,l=await a.apply("core"),p=e;l?.disableWebpackDefaults||(p=await f(e,o));let s=await a.apply("webpackFinal",p,o);if(t)return b(t,y`
+import{a as n}from"../chunk-HKSD7XQF.mjs";import*as u from"webpack";import{logger as m}from"@storybook/node-logger";import g from"util-deprecate";import{dedent as b}from"ts-dedent";import{loadCustomWebpackConfig as y}from"@storybook/core-webpack";import{logger as d}from"@storybook/node-logger";async function f(e,o){if(o.presetsList?.some(t=>/@storybook(\/|\\)preset-create-react-app/.test(typeof t=="string"?t:t.name)))return e;let i=o.presetsList?.some(t=>/@storybook(\/|\\)addon-postcss/.test(typeof t=="string"?t:t.name)),r={};i||(d.info("=> Using implicit CSS loaders"),r={test:/\.css$/,sideEffects:!0,use:[n.resolve("style-loader"),{loader:n.resolve("css-loader"),options:{importLoaders:1}}]});let a=e.mode!=="development";return{...e,module:{...e.module,rules:[...e.module?.rules||[],r,{test:/\.(svg|ico|jpg|jpeg|png|apng|gif|eot|otf|webp|ttf|woff|woff2|cur|ani|pdf)(\?.*)?$/,type:"asset/resource",generator:{filename:a?"static/media/[name].[contenthash:8][ext]":"static/media/[path][name][ext]"}},{test:/\.(mp4|webm|wav|mp3|m4a|aac|oga)(\?.*)?$/,type:"asset",parser:{dataUrlCondition:{maxSize:1e4}},generator:{filename:a?"static/media/[name].[contenthash:8][ext]":"static/media/[path][name][ext]"}}]},resolve:{...e.resolve,fallback:{crypto:!1,assert:!1,...e.resolve?.fallback}}}}async function W(e,o){let{configDir:i,configType:r,presets:a,webpackConfig:t}=o,l=await a.apply("core"),p=e;l?.disableWebpackDefaults||(p=await f(e,o));let s=await a.apply("webpackFinal",p,o);if(t)return g(t,b`
       You've provided a webpack config directly in CallOptions, this is not recommended. Please use presets instead. This feature will be removed in 7.0
-      `)(s);let c=w(i);return typeof c=="function"?(m.info("=> Loading custom Webpack config (full-control mode)."),c({config:s,mode:r})):(m.info("=> Using default Webpack5 setup"),s)}var L=async()=>g,P=async()=>"5";export{D as webpack,L as webpackInstance,P as webpackVersion};
+      `)(s);let c=y(i);return typeof c=="function"?(m.info("=> Loading custom Webpack config (full-control mode)."),c({config:s,mode:r})):(m.info("=> Using default Webpack5 setup"),s)}var D=async()=>u,L=async()=>"5";export{W as webpack,D as webpackInstance,L as webpackVersion};

package/dist/presets/preview-preset.js

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

package/dist/presets/preview-preset.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/builder-webpack5",
-  "version": "7.0.0-alpha.48",
+  "version": "7.0.0-alpha.49",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -25,15 +25,15 @@
       "import": "./dist/index.mjs",
       "types": "./dist/index.d.ts"
     },
-    "./presets/custom-webpack-preset.js": {
-      "require": "./presets/custom-webpack-preset.js",
-      "import": "./presets/custom-webpack-preset.mjs",
-      "types": "./presets/custom-webpack-preset.d.ts"
+    "./presets/custom-webpack-preset": {
+      "require": "./dist/presets/custom-webpack-preset.js",
+      "import": "./dist/presets/custom-webpack-preset.mjs",
+      "types": "./dist/presets/custom-webpack-preset.d.ts"
     },
-    "./presets/preview-preset.js": {
-      "require": "./presets/preview-preset.js",
-      "import": "./presets/preview-preset.mjs",
-      "types": "./presets/preview-preset.d.ts"
+    "./presets/preview-preset": {
+      "require": "./dist/presets/preview-preset.js",
+      "import": "./dist/presets/preview-preset.mjs",
+      "types": "./dist/presets/preview-preset.d.ts"
     },
     "./templates/virtualModuleModernEntry.js.handlebars": "./templates/virtualModuleModernEntry.js.handlebars",
     "./package.json": "./package.json"
@@ -53,22 +53,22 @@
   },
   "dependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/addons": "7.0.0-alpha.48",
-    "@storybook/api": "7.0.0-alpha.48",
-    "@storybook/channel-postmessage": "7.0.0-alpha.48",
-    "@storybook/channel-websocket": "7.0.0-alpha.48",
-    "@storybook/channels": "7.0.0-alpha.48",
-    "@storybook/client-api": "7.0.0-alpha.48",
-    "@storybook/client-logger": "7.0.0-alpha.48",
-    "@storybook/components": "7.0.0-alpha.48",
-    "@storybook/core-common": "7.0.0-alpha.48",
-    "@storybook/core-events": "7.0.0-alpha.48",
-    "@storybook/core-webpack": "7.0.0-alpha.48",
-    "@storybook/node-logger": "7.0.0-alpha.48",
-    "@storybook/preview-web": "7.0.0-alpha.48",
-    "@storybook/router": "7.0.0-alpha.48",
-    "@storybook/store": "7.0.0-alpha.48",
-    "@storybook/theming": "7.0.0-alpha.48",
+    "@storybook/addons": "7.0.0-alpha.49",
+    "@storybook/api": "7.0.0-alpha.49",
+    "@storybook/channel-postmessage": "7.0.0-alpha.49",
+    "@storybook/channel-websocket": "7.0.0-alpha.49",
+    "@storybook/channels": "7.0.0-alpha.49",
+    "@storybook/client-api": "7.0.0-alpha.49",
+    "@storybook/client-logger": "7.0.0-alpha.49",
+    "@storybook/components": "7.0.0-alpha.49",
+    "@storybook/core-common": "7.0.0-alpha.49",
+    "@storybook/core-events": "7.0.0-alpha.49",
+    "@storybook/core-webpack": "7.0.0-alpha.49",
+    "@storybook/node-logger": "7.0.0-alpha.49",
+    "@storybook/preview-web": "7.0.0-alpha.49",
+    "@storybook/router": "7.0.0-alpha.49",
+    "@storybook/store": "7.0.0-alpha.49",
+    "@storybook/theming": "7.0.0-alpha.49",
     "@types/node": "^16.0.0",
     "@types/semver": "^7.3.4",
     "babel-loader": "^8.2.5",
@@ -120,5 +120,5 @@
     ],
     "platform": "node"
   },
-  "gitHead": "b58a29b785462f8a8b711b6bb2d7223fd6dc17fd"
+  "gitHead": "d7eb433300cac55d3c7256c8181eb6fd7a47b4c8"
 }

package/templates/virtualModuleEntry.template.js

@@ -47,7 +47,8 @@ Object.keys(previewAnnotations).forEach((key) => {
     }
     case '__namedExportsOrder':
     case 'decorateStory':
-    case 'renderToDOM': {
+    case 'renderToDOM': // deprecated
+    case 'renderToCanvas': {
       return null; // This key is not handled directly in v6 mode.
     }
     case 'runStep': {