@storybook/manager 7.0.0-alpha.50 → 7.0.0-alpha.51

package/dist/runtime.mjs

@@ -1 +1 @@
-import{a as oe,b as F,c as L,d as m,e as d,f as g,g as u,h as $,i as D,j as y,k as I,l as b,m as K,n as B,p as H}from"./chunk-KHJLZRDT.mjs";import{a as C}from"./chunk-ZZWMINIV.mjs";import"./chunk-YAUJ367U.mjs";import{a as te}from"./chunk-U4FGYVCJ.mjs";import"./chunk-M6WCQ5XD.mjs";import{a as v,b as h,d as k,e as T,s as x}from"./chunk-HIOBFJTH.mjs";import{b as ee}from"./chunk-7P7MBUK4.mjs";import"./chunk-JVL5FG27.mjs";import"./chunk-XMWX3DS4.mjs";import{e as c}from"./chunk-7AG3PZXC.mjs";var O=c(v());var w=c(v(),1);var Y=c(oe(),1),{window:n,document:p,location:S}=w.default,P="storybook-channel",re={allowFunction:!0,maxDepth:25},ne=class{constructor(t){if(this.config=t,this.buffer=[],this.handler=null,n&&n.addEventListener("message",this.handleEvent.bind(this),!1),t.page!=="manager"&&t.page!=="preview")throw new Error(`postmsg-channel: "config.page" cannot be "${t.page}"`)}setHandler(t){this.handler=(...e)=>{t.apply(this,e),!this.connected&&this.getLocalFrame().length&&(this.flush(),this.connected=!0)}}send(t,e){let{target:o,allowRegExp:r,allowFunction:s,allowSymbol:i,allowDate:a,allowUndefined:l,allowClass:W,maxDepth:G,space:V,lazyEval:z}=e||{},J=Object.fromEntries(Object.entries({allowRegExp:r,allowFunction:s,allowSymbol:i,allowDate:a,allowUndefined:l,allowClass:W,maxDepth:G,space:V,lazyEval:z}).filter(([f,E])=>typeof E<"u")),Q={...re,...w.default.CHANNEL_OPTIONS||{},...J},N=this.getFrames(o),X=Y.default.parse(S.search,{ignoreQueryPrefix:!0}),Z=g({key:P,event:t,refId:X.refId},Q);return N.length?(this.buffer.length&&this.flush(),N.forEach(f=>{try{f.postMessage(Z,"*")}catch{console.error("sending over postmessage fail")}}),Promise.resolve(null)):new Promise((f,E)=>{this.buffer.push({event:t,resolve:f,reject:E})})}flush(){let{buffer:t}=this;this.buffer=[],t.forEach(e=>{this.send(e.event).then(e.resolve).catch(e.reject)})}getFrames(t){if(this.config.page==="manager"){let e=[...p.querySelectorAll("iframe[data-is-storybook][data-is-loaded]")].filter(o=>{try{return!!o.contentWindow&&o.dataset.isStorybook!==void 0&&o.id===t}catch{return!1}}).map(o=>o.contentWindow);return e.length?e:this.getCurrentFrames()}return n&&n.parent&&n.parent!==n?[n.parent]:[]}getCurrentFrames(){return this.config.page==="manager"?[...p.querySelectorAll('[data-is-storybook="true"]')].map(t=>t.contentWindow):n&&n.parent?[n.parent]:[]}getLocalFrame(){return this.config.page==="manager"?[...p.querySelectorAll("#storybook-preview-iframe")].map(t=>t.contentWindow):n&&n.parent?[n.parent]:[]}handleEvent(t){try{let{data:e}=t,{key:o,event:r,refId:s}=typeof e=="string"&&d(e)?u(e,w.default.CHANNEL_OPTIONS||{}):e;if(o===P){let i=this.config.page==="manager"?'<span style="color: #37D5D3; background: black"> manager </span>':'<span style="color: #1EA7FD; background: black"> preview </span>',a=Object.values(m).includes(r.type)?`<span style="color: #FF4785">${r.type}</span>`:`<span style="color: #FFAE00">${r.type}</span>`;if(s&&(r.refId=s),r.source=this.config.page==="preview"?t.origin:se(t),!r.source){k.error(`${i} received ${a} but was unable to determine the source of the event`);return}let l=`${i} received ${a} (${e.length})`;k.debug(S.origin!==r.source?l:`${l} <span style="color: gray">(on ${S.origin} from ${r.source})</span>`,...r.args),this.handler(r)}}catch(e){h.error(e)}}},se=t=>{let e=[...p.querySelectorAll("iframe[data-is-storybook]")],[o,...r]=e.filter(s=>{try{return s.contentWindow===t.source}catch{}let i=s.getAttribute("src"),a;try{({origin:a}=new URL(i,p.location))}catch{return!1}return a===t.origin});if(o&&r.length===0){let s=o.getAttribute("src"),{protocol:i,host:a,pathname:l}=new URL(s,p.location);return`${i}//${a}${l}`}return r.length>0&&h.error("found multiple candidates for event source"),null};function _({page:t}){let e=new ne({page:t});return new y({transport:e})}var U=c(v());var{WebSocket:ie}=U.default,A=class{constructor({url:e,onError:o}){this.socket=void 0,this.handler=void 0,this.buffer=[],this.isReady=!1,this.connect(e,o)}setHandler(e){this.handler=e}send(e){this.isReady?this.sendNow(e):this.sendLater(e)}sendLater(e){this.buffer.push(e)}sendNow(e){let o=g(e,{maxDepth:15,allowFunction:!0});this.socket.send(o)}flush(){let{buffer:e}=this;this.buffer=[],e.forEach(o=>this.send(o))}connect(e,o){this.socket=new ie(e),this.socket.onopen=()=>{this.isReady=!0,this.flush()},this.socket.onmessage=({data:r})=>{let s=typeof r=="string"&&d(r)?u(r):r;this.handler(s)},this.socket.onerror=r=>{o&&o(r)}}};function j({url:t,async:e=!1,onError:o=r=>h.warn(r)}){let r=new A({url:t,onError:o});return new y({transport:r,async:e})}var ce=c(ee()),pe=c(te());var q={react:ce,"react-dom":pe,"@storybook/components":D,"@storybook/channels":I,"@storybook/core-events":m,"@storybook/router":F,"@storybook/theming":x,"@storybook/api":$,"@storybook/addons":K,"@storybook/client-logger":T};var{FEATURES:he,SERVER_CHANNEL_URL:M}=O.default,R=class extends B{constructor(){super();let o=_({page:"manager"});if(b.setChannel(o),o.emit(L),this.addons=b,this.channel=o,he?.storyStoreV7&&M){let r=j({url:M});this.serverChannel=r,b.setServerChannel(this.serverChannel)}}getElements(o){return this.addons.getElements(o)}getConfig(){return this.addons.getConfig()}handleAPI(o){this.addons.loadAddons(o)}},{document:fe}=O.default,me=fe.getElementById("root");H(me,new R);Object.keys(C).forEach(t=>{O.default[C[t]]=q[t]});
+import{a as te,b as T,c as F,d as f,e as d,f as g,g as u,h as L,i as D,j as y,k as I,l as b,m as K,n as x,p as B}from"./chunk-DO4DMVS7.mjs";import{a as C}from"./chunk-ZZWMINIV.mjs";import"./chunk-QDDROSJA.mjs";import{a as ee}from"./chunk-U4FGYVCJ.mjs";import"./chunk-M6WCQ5XD.mjs";import{a as v,b as h,d as k,e as N,s as $}from"./chunk-OPTKCFWO.mjs";import{b as Z}from"./chunk-7P7MBUK4.mjs";import"./chunk-JVL5FG27.mjs";import"./chunk-XMWX3DS4.mjs";import{e as c}from"./chunk-7AG3PZXC.mjs";var E=c(v());var w=c(v(),1);var P=c(te(),1),{window:n,document:p,location:S}=w.default,H="storybook-channel",re={allowFunction:!0,maxDepth:25},oe=class{constructor(e){if(this.config=e,this.buffer=[],this.handler=null,n&&n.addEventListener("message",this.handleEvent.bind(this),!1),e.page!=="manager"&&e.page!=="preview")throw new Error(`postmsg-channel: "config.page" cannot be "${e.page}"`)}setHandler(e){this.handler=(...t)=>{e.apply(this,t),!this.connected&&this.getLocalFrame().length&&(this.flush(),this.connected=!0)}}send(e,t){let{target:r,allowRegExp:o,allowFunction:s,allowSymbol:i,allowDate:a,allowUndefined:l,allowClass:q,maxDepth:M,space:G,lazyEval:V}=t||{},z=Object.fromEntries(Object.entries({allowRegExp:o,allowFunction:s,allowSymbol:i,allowDate:a,allowUndefined:l,allowClass:q,maxDepth:M,space:G,lazyEval:V}).filter(([m,O])=>typeof O<"u")),J={...re,...w.default.CHANNEL_OPTIONS||{},...z},R=this.getFrames(r),Q=P.default.parse(S.search,{ignoreQueryPrefix:!0}),X=g({key:H,event:e,refId:Q.refId},J);return R.length?(this.buffer.length&&this.flush(),R.forEach(m=>{try{m.postMessage(X,"*")}catch{console.error("sending over postmessage fail")}}),Promise.resolve(null)):new Promise((m,O)=>{this.buffer.push({event:e,resolve:m,reject:O})})}flush(){let{buffer:e}=this;this.buffer=[],e.forEach(t=>{this.send(t.event).then(t.resolve).catch(t.reject)})}getFrames(e){if(this.config.page==="manager"){let t=[...p.querySelectorAll("iframe[data-is-storybook][data-is-loaded]")].filter(r=>{try{return!!r.contentWindow&&r.dataset.isStorybook!==void 0&&r.id===e}catch{return!1}}).map(r=>r.contentWindow);return t.length?t:this.getCurrentFrames()}return n&&n.parent&&n.parent!==n?[n.parent]:[]}getCurrentFrames(){return this.config.page==="manager"?[...p.querySelectorAll('[data-is-storybook="true"]')].map(e=>e.contentWindow):n&&n.parent?[n.parent]:[]}getLocalFrame(){return this.config.page==="manager"?[...p.querySelectorAll("#storybook-preview-iframe")].map(e=>e.contentWindow):n&&n.parent?[n.parent]:[]}handleEvent(e){try{let{data:t}=e,{key:r,event:o,refId:s}=typeof t=="string"&&d(t)?u(t,w.default.CHANNEL_OPTIONS||{}):t;if(r===H){let i=this.config.page==="manager"?'<span style="color: #37D5D3; background: black"> manager </span>':'<span style="color: #1EA7FD; background: black"> preview </span>',a=Object.values(f).includes(o.type)?`<span style="color: #FF4785">${o.type}</span>`:`<span style="color: #FFAE00">${o.type}</span>`;if(s&&(o.refId=s),o.source=this.config.page==="preview"?e.origin:ne(e),!o.source){k.error(`${i} received ${a} but was unable to determine the source of the event`);return}let l=`${i} received ${a} (${t.length})`;k.debug(S.origin!==o.source?l:`${l} <span style="color: gray">(on ${S.origin} from ${o.source})</span>`,...o.args),this.handler(o)}}catch(t){h.error(t)}}},ne=e=>{let t=[...p.querySelectorAll("iframe[data-is-storybook]")],[r,...o]=t.filter(s=>{try{return s.contentWindow===e.source}catch{}let i=s.getAttribute("src"),a;try{({origin:a}=new URL(i,p.location))}catch{return!1}return a===e.origin});if(r&&o.length===0){let s=r.getAttribute("src"),{protocol:i,host:a,pathname:l}=new URL(s,p.location);return`${i}//${a}${l}`}return o.length>0&&h.error("found multiple candidates for event source"),null};function Y({page:e}){let t=new oe({page:e});return new y({transport:t})}var _=c(v(),1);var{WebSocket:ae}=_.default,ie=class{constructor({url:e,onError:t}){this.buffer=[],this.isReady=!1,this.connect(e,t)}setHandler(e){this.handler=e}send(e){this.isReady?this.sendNow(e):this.sendLater(e)}sendLater(e){this.buffer.push(e)}sendNow(e){let t=g(e,{maxDepth:15,allowFunction:!0});this.socket.send(t)}flush(){let{buffer:e}=this;this.buffer=[],e.forEach(t=>this.send(t))}connect(e,t){this.socket=new ae(e),this.socket.onopen=()=>{this.isReady=!0,this.flush()},this.socket.onmessage=({data:r})=>{let o=typeof r=="string"&&d(r)?u(r):r;this.handler(o)},this.socket.onerror=r=>{t&&t(r)}}};function U({url:e,async:t=!1,onError:r=o=>h.warn(o)}){let o=new ie({url:e,onError:r});return new y({transport:o,async:t})}var ce=c(Z()),pe=c(ee());var W={react:ce,"react-dom":pe,"@storybook/components":D,"@storybook/channels":I,"@storybook/core-events":f,"@storybook/router":T,"@storybook/theming":$,"@storybook/api":L,"@storybook/addons":K,"@storybook/client-logger":N};var{FEATURES:he,SERVER_CHANNEL_URL:j}=E.default,A=class extends x{constructor(){super();let r=Y({page:"manager"});if(b.setChannel(r),r.emit(F),this.addons=b,this.channel=r,he?.storyStoreV7&&j){let o=U({url:j});this.serverChannel=o,b.setServerChannel(this.serverChannel)}}getElements(r){return this.addons.getElements(r)}getConfig(){return this.addons.getConfig()}handleAPI(r){this.addons.loadAddons(r)}},{document:me}=E.default,fe=me.getElementById("root");B(fe,new A);Object.keys(C).forEach(e=>{E.default[C[e]]=W[e]});

package/dist/{syntaxhighlighter-5RSM6NKF-AWODVGGG.mjs → syntaxhighlighter-5RSM6NKF-Y2L6ESHU.mjs}

@@ -1 +1 @@
-import{c as o,d as t,e as r}from"./chunk-YAUJ367U.mjs";import"./chunk-M6WCQ5XD.mjs";import"./chunk-HIOBFJTH.mjs";import"./chunk-7P7MBUK4.mjs";import"./chunk-JVL5FG27.mjs";import"./chunk-XMWX3DS4.mjs";import"./chunk-7AG3PZXC.mjs";export{t as SyntaxHighlighter,o as createCopyToClipboardFunction,r as default};
+import{c as o,d as t,e as r}from"./chunk-QDDROSJA.mjs";import"./chunk-M6WCQ5XD.mjs";import"./chunk-OPTKCFWO.mjs";import"./chunk-7P7MBUK4.mjs";import"./chunk-JVL5FG27.mjs";import"./chunk-XMWX3DS4.mjs";import"./chunk-7AG3PZXC.mjs";export{t as SyntaxHighlighter,o as createCopyToClipboardFunction,r as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/manager",
-  "version": "7.0.0-alpha.50",
+  "version": "7.0.0-alpha.51",
   "description": "Core Storybook UI",
   "keywords": [
     "storybook"
@@ -53,17 +53,17 @@
   },
   "devDependencies": {
     "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
-    "@storybook/addons": "7.0.0-alpha.50",
-    "@storybook/api": "7.0.0-alpha.50",
-    "@storybook/channel-postmessage": "7.0.0-alpha.50",
-    "@storybook/channel-websocket": "7.0.0-alpha.50",
-    "@storybook/channels": "7.0.0-alpha.50",
-    "@storybook/client-logger": "7.0.0-alpha.50",
-    "@storybook/components": "7.0.0-alpha.50",
-    "@storybook/core-events": "7.0.0-alpha.50",
-    "@storybook/router": "7.0.0-alpha.50",
-    "@storybook/theming": "7.0.0-alpha.50",
-    "@storybook/types": "7.0.0-alpha.50",
+    "@storybook/addons": "7.0.0-alpha.51",
+    "@storybook/api": "7.0.0-alpha.51",
+    "@storybook/channel-postmessage": "7.0.0-alpha.51",
+    "@storybook/channel-websocket": "7.0.0-alpha.51",
+    "@storybook/channels": "7.0.0-alpha.51",
+    "@storybook/client-logger": "7.0.0-alpha.51",
+    "@storybook/components": "7.0.0-alpha.51",
+    "@storybook/core-events": "7.0.0-alpha.51",
+    "@storybook/router": "7.0.0-alpha.51",
+    "@storybook/theming": "7.0.0-alpha.51",
+    "@storybook/types": "7.0.0-alpha.51",
     "@testing-library/react": "^11.2.2",
     "@types/semver": "^7.3.4",
     "copy-to-clipboard": "^3.3.1",
@@ -77,7 +77,7 @@
     "memoizerific": "^1.11.3",
     "polished": "^4.2.2",
     "qs": "^6.10.0",
-    "react": "^16.8.0",
+    "react": "^16.14.0",
     "react-dom": "^16.8.0",
     "react-draggable": "^4.4.3",
     "react-helmet-async": "^1.0.7",
@@ -87,7 +87,7 @@
     "shelljs": "^0.8.5",
     "store2": "^2.12.0",
     "ts-dedent": "^2.0.0",
-    "typescript": "~4.6.3"
+    "typescript": "^4.9.3"
   },
   "publishConfig": {
     "access": "public"
@@ -100,5 +100,5 @@
       "./src/runtime.ts"
     ]
   },
-  "gitHead": "77184d039091f4782dc4540df6d271a24fb3e242"
+  "gitHead": "4fec76c3f5135854d9834ebc1cf2f1f325696ded"
 }