@storybook/manager 7.0.0-beta.4 → 7.0.0-beta.6

package/dist/runtime.mjs

@@ -1 +1 @@
-import{Addon_TypesEnum,CHANNEL_CREATED,Channel,Provider,addons,dist_exports as dist_exports2,dist_exports2 as dist_exports3,dist_exports3 as dist_exports4,dist_exports4 as dist_exports5,dist_exports5 as dist_exports7,isJSON,mockChannel,parse,renderStorybookUI,require_lib,stringify}from"./chunk-2OPDFD7W.mjs";import{Keys}from"./chunk-GPWZILNL.mjs";import"./chunk-GFFZ4HXR.mjs";import{require_react_dom}from"./chunk-OVLD5KZF.mjs";import"./chunk-QFIGSMSK.mjs";import{dist_exports,dist_exports2 as dist_exports6,logger,pretty,require_window}from"./chunk-RPPGLJAC.mjs";import{require_react}from"./chunk-CEMS7WIS.mjs";import"./chunk-VVMVWOJS.mjs";import"./chunk-KQFPYAFV.mjs";import{__toESM}from"./chunk-BCOKZ3TD.mjs";var import_global3=__toESM(require_window());var import_global=__toESM(require_window(),1);var import_qs=__toESM(require_lib(),1),{window:globalWindow,document,location}=import_global.default,KEY="storybook-channel",defaultEventOptions={allowFunction:!0,maxDepth:25},PostmsgTransport=class{constructor(config){if(this.config=config,this.buffer=[],this.handler=null,globalWindow&&globalWindow.addEventListener("message",this.handleEvent.bind(this),!1),config.page!=="manager"&&config.page!=="preview")throw new Error(`postmsg-channel: "config.page" cannot be "${config.page}"`)}setHandler(handler){this.handler=(...args)=>{handler.apply(this,args),!this.connected&&this.getLocalFrame().length&&(this.flush(),this.connected=!0)}}send(event,options){let{target,allowRegExp,allowFunction,allowSymbol,allowDate,allowUndefined,allowClass,maxDepth,space,lazyEval}=options||{},eventOptions=Object.fromEntries(Object.entries({allowRegExp,allowFunction,allowSymbol,allowDate,allowUndefined,allowClass,maxDepth,space,lazyEval}).filter(([k,v])=>typeof v<"u")),stringifyOptions={...defaultEventOptions,...import_global.default.CHANNEL_OPTIONS||{},...eventOptions},frames=this.getFrames(target),query=import_qs.default.parse(location.search,{ignoreQueryPrefix:!0}),data=stringify({key:KEY,event,refId:query.refId},stringifyOptions);return frames.length?(this.buffer.length&&this.flush(),frames.forEach(f=>{try{f.postMessage(data,"*")}catch{console.error("sending over postmessage fail")}}),Promise.resolve(null)):new Promise((resolve,reject)=>{this.buffer.push({event,resolve,reject})})}flush(){let{buffer}=this;this.buffer=[],buffer.forEach(item=>{this.send(item.event).then(item.resolve).catch(item.reject)})}getFrames(target){if(this.config.page==="manager"){let list=[...document.querySelectorAll("iframe[data-is-storybook][data-is-loaded]")].filter(e=>{try{return!!e.contentWindow&&e.dataset.isStorybook!==void 0&&e.id===target}catch{return!1}}).map(e=>e.contentWindow);return list.length?list:this.getCurrentFrames()}return globalWindow&&globalWindow.parent&&globalWindow.parent!==globalWindow?[globalWindow.parent]:[]}getCurrentFrames(){return this.config.page==="manager"?[...document.querySelectorAll('[data-is-storybook="true"]')].map(e=>e.contentWindow):globalWindow&&globalWindow.parent?[globalWindow.parent]:[]}getLocalFrame(){return this.config.page==="manager"?[...document.querySelectorAll("#storybook-preview-iframe")].map(e=>e.contentWindow):globalWindow&&globalWindow.parent?[globalWindow.parent]:[]}handleEvent(rawEvent){try{let{data}=rawEvent,{key,event,refId}=typeof data=="string"&&isJSON(data)?parse(data,import_global.default.CHANNEL_OPTIONS||{}):data;if(key===KEY){let pageString=this.config.page==="manager"?'<span style="color: #37D5D3; background: black"> manager </span>':'<span style="color: #1EA7FD; background: black"> preview </span>',eventString=Object.values(dist_exports3).includes(event.type)?`<span style="color: #FF4785">${event.type}</span>`:`<span style="color: #FFAE00">${event.type}</span>`;if(refId&&(event.refId=refId),event.source=this.config.page==="preview"?rawEvent.origin:getEventSourceUrl(rawEvent),!event.source){pretty.error(`${pageString} received ${eventString} but was unable to determine the source of the event`);return}let message=`${pageString} received ${eventString} (${data.length})`;pretty.debug(location.origin!==event.source?message:`${message} <span style="color: gray">(on ${location.origin} from ${event.source})</span>`,...event.args),this.handler(event)}}catch(error){logger.error(error)}}},getEventSourceUrl=event=>{let frames=[...document.querySelectorAll("iframe[data-is-storybook]")],[frame,...remainder]=frames.filter(element=>{try{return element.contentWindow===event.source}catch{}let src=element.getAttribute("src"),origin;try{({origin}=new URL(src,document.location))}catch{return!1}return origin===event.origin});if(frame&&remainder.length===0){let src=frame.getAttribute("src"),{protocol,host,pathname}=new URL(src,document.location);return`${protocol}//${host}${pathname}`}return remainder.length>0&&logger.error("found multiple candidates for event source"),null};function createChannel({page}){let transport=new PostmsgTransport({page});return new Channel({transport})}var import_global2=__toESM(require_window(),1);var{WebSocket}=import_global2.default,WebsocketTransport=class{constructor({url,onError}){this.buffer=[],this.isReady=!1,this.connect(url,onError)}setHandler(handler){this.handler=handler}send(event){this.isReady?this.sendNow(event):this.sendLater(event)}sendLater(event){this.buffer.push(event)}sendNow(event){let data=stringify(event,{maxDepth:15,allowFunction:!0});this.socket.send(data)}flush(){let{buffer}=this;this.buffer=[],buffer.forEach(event=>this.send(event))}connect(url,onError){this.socket=new WebSocket(url),this.socket.onopen=()=>{this.isReady=!0,this.flush()},this.socket.onmessage=({data})=>{let event=typeof data=="string"&&isJSON(data)?parse(data):data;this.handler(event)},this.socket.onerror=e=>{onError&&onError(e)}}};function createChannel2({url,async=!1,onError=err=>logger.warn(err)}){let transport=new WebsocketTransport({url,onError});return new Channel({transport,async})}var REACT=__toESM(require_react()),REACTDOM=__toESM(require_react_dom());var values={react:REACT,"react-dom":REACTDOM,"@storybook/components":dist_exports7,"@storybook/channels":dist_exports4,"@storybook/core-events":dist_exports3,"@storybook/router":dist_exports2,"@storybook/theming":dist_exports6,"@storybook/api":dist_exports5,"@storybook/manager-api":dist_exports5,"@storybook/addons":{addons,types:Addon_TypesEnum,mockChannel},"@storybook/client-logger":dist_exports};var{FEATURES,SERVER_CHANNEL_URL}=import_global3.default,ReactProvider=class extends Provider{constructor(){super();let postMessageChannel=createChannel({page:"manager"});if(addons.setChannel(postMessageChannel),postMessageChannel.emit(CHANNEL_CREATED),this.addons=addons,this.channel=postMessageChannel,FEATURES?.storyStoreV7&&SERVER_CHANNEL_URL){let serverChannel=createChannel2({url:SERVER_CHANNEL_URL});this.serverChannel=serverChannel,addons.setServerChannel(this.serverChannel)}}getElements(type){return this.addons.getElements(type)}getConfig(){return this.addons.getConfig()}handleAPI(api){this.addons.loadAddons(api)}},{document:document2}=import_global3.default,rootEl=document2.getElementById("root");renderStorybookUI(rootEl,new ReactProvider);Object.keys(Keys).forEach(key=>{import_global3.default[Keys[key]]=values[key]});
+import{Addon_TypesEnum,CHANNEL_CREATED,Channel,Provider,addons,dist_exports as dist_exports2,dist_exports2 as dist_exports3,dist_exports3 as dist_exports4,dist_exports4 as dist_exports5,dist_exports5 as dist_exports7,isJSON,mockChannel,parse,renderStorybookUI,require_lib,stringify}from"./chunk-ZS743CHV.mjs";import{Keys}from"./chunk-GPWZILNL.mjs";import"./chunk-VLRTDEXS.mjs";import{require_react_dom}from"./chunk-XWKHDWQO.mjs";import"./chunk-QFIGSMSK.mjs";import{dist_exports,dist_exports2 as dist_exports6,logger,pretty,require_window}from"./chunk-IFMYLCIQ.mjs";import{require_react}from"./chunk-CGGDZUA2.mjs";import"./chunk-7NJ6NIF4.mjs";import"./chunk-KQFPYAFV.mjs";import{__toESM}from"./chunk-JCTATS4D.mjs";var import_global3=__toESM(require_window());var import_global=__toESM(require_window(),1);var import_qs=__toESM(require_lib(),1),{window:globalWindow,document,location}=import_global.default,KEY="storybook-channel",defaultEventOptions={allowFunction:!0,maxDepth:25},PostmsgTransport=class{constructor(config){if(this.config=config,this.buffer=[],this.handler=null,globalWindow&&globalWindow.addEventListener("message",this.handleEvent.bind(this),!1),config.page!=="manager"&&config.page!=="preview")throw new Error(`postmsg-channel: "config.page" cannot be "${config.page}"`)}setHandler(handler){this.handler=(...args)=>{handler.apply(this,args),!this.connected&&this.getLocalFrame().length&&(this.flush(),this.connected=!0)}}send(event,options){let{target,allowRegExp,allowFunction,allowSymbol,allowDate,allowUndefined,allowClass,maxDepth,space,lazyEval}=options||{},eventOptions=Object.fromEntries(Object.entries({allowRegExp,allowFunction,allowSymbol,allowDate,allowUndefined,allowClass,maxDepth,space,lazyEval}).filter(([k,v])=>typeof v<"u")),stringifyOptions={...defaultEventOptions,...import_global.default.CHANNEL_OPTIONS||{},...eventOptions},frames=this.getFrames(target),query=import_qs.default.parse(location.search,{ignoreQueryPrefix:!0}),data=stringify({key:KEY,event,refId:query.refId},stringifyOptions);return frames.length?(this.buffer.length&&this.flush(),frames.forEach(f=>{try{f.postMessage(data,"*")}catch{console.error("sending over postmessage fail")}}),Promise.resolve(null)):new Promise((resolve,reject)=>{this.buffer.push({event,resolve,reject})})}flush(){let{buffer}=this;this.buffer=[],buffer.forEach(item=>{this.send(item.event).then(item.resolve).catch(item.reject)})}getFrames(target){if(this.config.page==="manager"){let list=[...document.querySelectorAll("iframe[data-is-storybook][data-is-loaded]")].filter(e=>{try{return!!e.contentWindow&&e.dataset.isStorybook!==void 0&&e.id===target}catch{return!1}}).map(e=>e.contentWindow);return list.length?list:this.getCurrentFrames()}return globalWindow&&globalWindow.parent&&globalWindow.parent!==globalWindow?[globalWindow.parent]:[]}getCurrentFrames(){return this.config.page==="manager"?[...document.querySelectorAll('[data-is-storybook="true"]')].map(e=>e.contentWindow):globalWindow&&globalWindow.parent?[globalWindow.parent]:[]}getLocalFrame(){return this.config.page==="manager"?[...document.querySelectorAll("#storybook-preview-iframe")].map(e=>e.contentWindow):globalWindow&&globalWindow.parent?[globalWindow.parent]:[]}handleEvent(rawEvent){try{let{data}=rawEvent,{key,event,refId}=typeof data=="string"&&isJSON(data)?parse(data,import_global.default.CHANNEL_OPTIONS||{}):data;if(key===KEY){let pageString=this.config.page==="manager"?'<span style="color: #37D5D3; background: black"> manager </span>':'<span style="color: #1EA7FD; background: black"> preview </span>',eventString=Object.values(dist_exports3).includes(event.type)?`<span style="color: #FF4785">${event.type}</span>`:`<span style="color: #FFAE00">${event.type}</span>`;if(refId&&(event.refId=refId),event.source=this.config.page==="preview"?rawEvent.origin:getEventSourceUrl(rawEvent),!event.source){pretty.error(`${pageString} received ${eventString} but was unable to determine the source of the event`);return}let message=`${pageString} received ${eventString} (${data.length})`;pretty.debug(location.origin!==event.source?message:`${message} <span style="color: gray">(on ${location.origin} from ${event.source})</span>`,...event.args),this.handler(event)}}catch(error){logger.error(error)}}},getEventSourceUrl=event=>{let frames=[...document.querySelectorAll("iframe[data-is-storybook]")],[frame,...remainder]=frames.filter(element=>{try{return element.contentWindow===event.source}catch{}let src=element.getAttribute("src"),origin;try{({origin}=new URL(src,document.location))}catch{return!1}return origin===event.origin});if(frame&&remainder.length===0){let src=frame.getAttribute("src"),{protocol,host,pathname}=new URL(src,document.location);return`${protocol}//${host}${pathname}`}return remainder.length>0&&logger.error("found multiple candidates for event source"),null};function createChannel({page}){let transport=new PostmsgTransport({page});return new Channel({transport})}var import_global2=__toESM(require_window(),1);var{WebSocket}=import_global2.default,WebsocketTransport=class{constructor({url,onError}){this.buffer=[],this.isReady=!1,this.connect(url,onError)}setHandler(handler){this.handler=handler}send(event){this.isReady?this.sendNow(event):this.sendLater(event)}sendLater(event){this.buffer.push(event)}sendNow(event){let data=stringify(event,{maxDepth:15,allowFunction:!0});this.socket.send(data)}flush(){let{buffer}=this;this.buffer=[],buffer.forEach(event=>this.send(event))}connect(url,onError){this.socket=new WebSocket(url),this.socket.onopen=()=>{this.isReady=!0,this.flush()},this.socket.onmessage=({data})=>{let event=typeof data=="string"&&isJSON(data)?parse(data):data;this.handler(event)},this.socket.onerror=e=>{onError&&onError(e)}}};function createChannel2({url,async=!1,onError=err=>logger.warn(err)}){let transport=new WebsocketTransport({url,onError});return new Channel({transport,async})}var REACT=__toESM(require_react()),REACTDOM=__toESM(require_react_dom());var values={react:REACT,"react-dom":REACTDOM,"@storybook/components":dist_exports7,"@storybook/channels":dist_exports4,"@storybook/core-events":dist_exports3,"@storybook/router":dist_exports2,"@storybook/theming":dist_exports6,"@storybook/api":dist_exports5,"@storybook/manager-api":dist_exports5,"@storybook/addons":{addons,types:Addon_TypesEnum,mockChannel},"@storybook/client-logger":dist_exports};var{FEATURES,SERVER_CHANNEL_URL}=import_global3.default,ReactProvider=class extends Provider{constructor(){super();let postMessageChannel=createChannel({page:"manager"});if(addons.setChannel(postMessageChannel),postMessageChannel.emit(CHANNEL_CREATED),this.addons=addons,this.channel=postMessageChannel,FEATURES?.storyStoreV7&&SERVER_CHANNEL_URL){let serverChannel=createChannel2({url:SERVER_CHANNEL_URL});this.serverChannel=serverChannel,addons.setServerChannel(this.serverChannel)}}getElements(type){return this.addons.getElements(type)}getConfig(){return this.addons.getConfig()}handleAPI(api){this.addons.loadAddons(api)}},{document:document2}=import_global3.default,rootEl=document2.getElementById("root");renderStorybookUI(rootEl,new ReactProvider);Object.keys(Keys).forEach(key=>{import_global3.default[Keys[key]]=values[key]});

package/dist/syntaxhighlighter-3EX6JOZ7-ZNLBDJLL.mjs

@@ -0,0 +1 @@
+import{SyntaxHighlighter2,createCopyToClipboardFunction,syntaxhighlighter_default}from"./chunk-VLRTDEXS.mjs";import"./chunk-QFIGSMSK.mjs";import"./chunk-IFMYLCIQ.mjs";import"./chunk-CGGDZUA2.mjs";import"./chunk-7NJ6NIF4.mjs";import"./chunk-KQFPYAFV.mjs";import"./chunk-JCTATS4D.mjs";export{SyntaxHighlighter2 as SyntaxHighlighter,createCopyToClipboardFunction,syntaxhighlighter_default as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/manager",
-  "version": "7.0.0-beta.4",
+  "version": "7.0.0-beta.6",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"
@@ -53,18 +53,18 @@
   },
   "devDependencies": {
     "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
-    "@storybook/addons": "7.0.0-beta.4",
-    "@storybook/api": "7.0.0-beta.4",
-    "@storybook/channel-postmessage": "7.0.0-beta.4",
-    "@storybook/channel-websocket": "7.0.0-beta.4",
-    "@storybook/channels": "7.0.0-beta.4",
-    "@storybook/client-logger": "7.0.0-beta.4",
-    "@storybook/components": "7.0.0-beta.4",
-    "@storybook/core-events": "7.0.0-beta.4",
-    "@storybook/manager-api": "7.0.0-beta.4",
-    "@storybook/router": "7.0.0-beta.4",
-    "@storybook/theming": "7.0.0-beta.4",
-    "@storybook/types": "7.0.0-beta.4",
+    "@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-logger": "7.0.0-beta.6",
+    "@storybook/components": "7.0.0-beta.6",
+    "@storybook/core-events": "7.0.0-beta.6",
+    "@storybook/manager-api": "7.0.0-beta.6",
+    "@storybook/router": "7.0.0-beta.6",
+    "@storybook/theming": "7.0.0-beta.6",
+    "@storybook/types": "7.0.0-beta.6",
     "@testing-library/react": "^11.2.2",
     "@types/semver": "^7.3.4",
     "copy-to-clipboard": "^3.3.1",
@@ -100,5 +100,5 @@
       "./src/runtime.ts"
     ]
   },
-  "gitHead": "4d869ed6f7166e0d06f2bef5a1b872fa77a0cf2d"
+  "gitHead": "edcda9c064bcb77c903263fafcaee2bd369f429a"
 }

package/dist/chunk-BCOKZ3TD.mjs

@@ -1 +0,0 @@
-var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __require=(x=>typeof require!="undefined"?require:typeof Proxy!="undefined"?new Proxy(x,{get:(a,b)=>(typeof require!="undefined"?require:a)[b]}):x)(function(x){if(typeof require!="undefined")return require.apply(this,arguments);throw new Error('Dynamic require of "'+x+'" is not supported')});var __esm=(fn,res)=>function(){return fn&&(res=(0,fn[__getOwnPropNames(fn)[0]])(fn=0)),res};var __commonJS=(cb,mod)=>function(){return mod||(0,cb[__getOwnPropNames(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports};var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);export{__require,__esm,__commonJS,__export,__toESM,__toCommonJS};

package/dist/syntaxhighlighter-3EX6JOZ7-JWSESSIU.mjs

@@ -1 +0,0 @@
-import{SyntaxHighlighter2,createCopyToClipboardFunction,syntaxhighlighter_default}from"./chunk-GFFZ4HXR.mjs";import"./chunk-QFIGSMSK.mjs";import"./chunk-RPPGLJAC.mjs";import"./chunk-CEMS7WIS.mjs";import"./chunk-VVMVWOJS.mjs";import"./chunk-KQFPYAFV.mjs";import"./chunk-BCOKZ3TD.mjs";export{SyntaxHighlighter2 as SyntaxHighlighter,createCopyToClipboardFunction,syntaxhighlighter_default as default};