@modern-js/devtools-client 2.48.0 → 2.48.1

package/dist/static/js/mount.0469c3d3.js

@@ -1,2 +0,0 @@
-/*! For license information please see mount.0469c3d3.js.LICENSE.txt */
-(self.webpackChunkmodernjsDevtools=self.webpackChunkmodernjsDevtools||[]).push([["400"],{40960:function(e,t,n){"use strict";n.r(t),n.d(t,{DevtoolsCapsuleButton:function(){return i}});var o=n("86834");n("5872");var r=n("20421"),l=n("67398");let i=e=>{var t;let[n,i]=(0,r.useAsyncFn)(()=>Promise.resolve(e.onClick()),[]);return(0,o.jsx)("button",{className:l.container,onClick:i,"data-type":null!==(t=e.type)&&void 0!==t?t:"default",disabled:n.loading,children:e.children})}},24573:function(e,t,n){"use strict";n.r(t),n.d(t,{DevtoolsCapsule:function(){return y}});var o=n("90247"),r=n("55709"),l=n("86834"),i=n("83982"),s=n("5872"),a=n("20421"),c=n("29214"),u=n("55058"),d=n("24179"),v=n("46704"),m=n("7879"),p=n("40960"),h=n("75201"),f=n("6465"),_=n("46364");let g=function(){var e;let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:window.location,{hash:n}=t,o=null===(e=n.match(/^#\/__devtools(.*)/))||void 0===e?void 0:e[1];return"string"!=typeof o?null:""===o?"/":o},y=e=>{let t=e.def.assets.logo,n=g(),[y,w]=(0,a.useToggle)(!!n),[k,b]=(0,s.useState)(!1),E=(0,u.withQuery)(e.endpoint,{src:e.dataSource}),x=(0,h.useStickyDraggable)({clamp:!0}),[C,j]=(0,s.useState)(()=>{var e;let t=null!==(e=localStorage.getItem("__modern_js_devtools_appearance"))&&void 0!==e?e:"light";return localStorage.setItem("__modern_js_devtools_appearance",t),t});(0,a.useEvent)("storage",e=>{"__modern_js_devtools_appearance"===e.key&&j(e.newValue||void 0)}),(0,a.useEvent)("keydown",e=>{e.shiftKey&&e.altKey&&"KeyD"===e.code&&w()}),(0,s.useEffect)(()=>{f.wallAgent.hook("receive",e=>{"startInspectingNative"===e.event&&(w(!1),document.documentElement.style.setProperty("cursor","cell"))});let e=e=>{"stopInspectingNative"===e.event&&(w(!0),document.documentElement.style.removeProperty("cursor"))};return f.wallAgent.hook("send",e),()=>{f.wallAgent.removeHook("send",e)}},[]);let O=async()=>{document.documentElement.style.setProperty("cursor","wait"),w(!1),b(!0);try{(await (0,_.pTimeout)(f.$client,1e4)).remote.pullUp("/react/components#inspecting")}catch(e){console.error(e),document.documentElement.style.removeProperty("cursor")}};return(0,a.useAsync)(async()=>{if(!!n)(await (0,_.pTimeout)(f.$client,1e4)).remote.pullUp(n)},[]),(0,l.jsxs)(i.Theme,{appearance:C,className:C,children:[(0,l.jsx)(d.default,{when:y,keepAlive:!0,load:k,children:(0,l.jsx)("div",{className:v.container,children:(0,l.jsx)(m.FrameBox,{src:E,onClose:()=>w(!1),style:{pointerEvents:x.isDragging?"none":"auto"}})})}),(0,l.jsxs)(i.Flex,(0,r._)((0,o._)({className:v.fab},x.props),{align:"center",children:[(0,l.jsx)(p.DevtoolsCapsuleButton,{type:"primary",onClick:w,children:(0,l.jsx)("img",{className:v.logo,src:t})}),(0,l.jsx)(p.DevtoolsCapsuleButton,{onClick:O,children:(0,l.jsx)(c.HiMiniCursorArrowRipple,{})})]}))]})}},7879:function(e,t,n){"use strict";n.r(t),n.d(t,{FrameBox:function(){return m}});var o=n("90247"),r=n("55709"),l=n("16170"),i=n("86834"),s=n("83982");n("5872");var a=n("29214"),c=n("42700"),u=n("80022"),d=n("521"),v=n("6465");let m=e=>{var{src:t,onClose:n}=e,m=(0,l._)(e,["src","onClose"]);let{loaded:p}=(0,c.useSnapshot)(v.$inner);return(0,i.jsxs)(s.Box,(0,r._)((0,o._)({className:d.container},m),{children:[(0,i.jsx)("iframe",{className:d.frame,src:t}),(0,i.jsx)(a.HiMiniXMark,{className:d.closeButton,onClick:n}),(0,i.jsx)("div",{className:d.backdrop,style:{display:p?"none":void 0},children:(0,i.jsx)(u.Loading,{})})]}))}},24179:function(e,t,n){"use strict";n.r(t);var o=n("86834"),r=n("5872");t.default=e=>{var t;let n=null===(t=e.keepAlive)||void 0===t||t,{when:l}=e,i=(0,r.useRef)(!1);l&&(i.current=!0);let s=e.load||(n?i.current:l);return s?(0,o.jsx)("div",{style:{display:!n||l?"unset":"none"},children:e.children}):null}},3760:function(e,t,n){"use strict";n.r(t);var o=n("90247"),r=n("86834");n("70898"),n("6465");var l=n("60182"),i=n("46446"),s=n("24573");document.addEventListener("DOMContentLoaded",()=>{let e=document.createElement("div");e.className="_modern_js_devtools_container",document.body.appendChild(e);let t=e.attachShadow({mode:"closed"}),n=document.getElementById("_modern_js_devtools_styles");if(!(n instanceof HTMLTemplateElement))throw Error("template not found");t.appendChild(n.content);let a=document.createElement("div");a.classList.add("_modern_js_devtools_mountpoint","theme-register",i.container),t.appendChild(a);let c=window.__MODERN_JS_DEVTOOLS_OPTIONS__;(0,l.createRoot)(a).render((0,r.jsx)(s.DevtoolsCapsule,(0,o._)({},c)))})},70898:function(e,t,n){"use strict";n.r(t);var o=n("57662");if(!window.opener)try{try{delete window.__REACT_DEVTOOLS_GLOBAL_HOOK__}catch(e){}(0,o.initialize)(window);let e=window.__REACT_DEVTOOLS_GLOBAL_HOOK__.sub;window.__REACT_DEVTOOLS_GLOBAL_HOOK__.sub=(t,n)=>{if("devtools-backend-installed"!==t)return e(t,n)}}catch(t){let e=Error("Failed to inject React DevTools backend.");e.cause=t,console.error(e)}},6465:function(e,t,n){"use strict";n.r(t),n.d(t,{$client:function(){return f},$inner:function(){return _},wallAgent:function(){return p}});var o=n("90247"),r=n("55709"),l=n("10487"),i=n("88739"),s=n("65872"),a=n("9880"),c=n.n(a),u=n("42700"),d=n("57662"),v=n("5451");let m=l.MessagePortChannel.wait(window,"channel:connect:client"),p=new v.WallAgent,h=(0,d.createBridge)(window,p),f=m.then(e=>{let t=(0,s.createHooks)();return{remote:(0,i.createBirpc)({async activateReactDevtools(){(0,d.activate)(window,{bridge:h})},async onFinishRender(){await t.callHook("onFinishRender")}},(0,r._)((0,o._)({},e.handlers),{timeout:500})),hooks:t}}),_=(0,u.proxy)({loaded:!1}),g=c()();f.then(e=>{let{remote:t,hooks:n}=e;p.bindRemote(t,"sendReactDevtoolsData"),n.hook("onFinishRender",async()=>{_.loaded=!0,g.resolve()})})},75201:function(e,t,n){"use strict";n.r(t),n.d(t,{useStickyDraggable:function(){return a}});var o=n("5872"),r=n("20421");let l=(e,t)=>{var n,o;return null!==(o=null===(n=({top:["left","right"],bottom:["left","right"],left:["top","bottom"],right:["top","bottom"]})[e])||void 0===n?void 0:n.includes(t))&&void 0!==o&&o},i=e=>{let[t,...n]=[{key:"top",value:e.top},{key:"bottom",value:e.bottom},{key:"left",value:e.left},{key:"right",value:e.right}].sort((e,t)=>e.value-t.value),o=n.findIndex(e=>{let{key:n}=e;return l(t.key,n)}),[r]=n.splice(o,1);return[t,r,n[0],n[1]]},s=e=>{let{top:t,left:n,height:o,width:r}=e.getBoundingClientRect();return{top:t,left:n,bottom:window.innerHeight-t-o,right:window.innerWidth-n-r}},a=e=>{var t;let n=null!==(t=null==e?void 0:e.margin)&&void 0!==t?t:"10px",l="number"==typeof n?"".concat(n,"px"):n,[a,c]=(0,o.useState)(),u=()=>{if(!a)return;a.moveable=!1;let{el:e}=a,[t]=i(s(e));e.style.transition="".concat(t.key," 200ms"),requestIdleCallback(()=>{c(void 0),e.style[t.key]=l}),e.addEventListener("transitionend",()=>e.style.transition="",{once:!0})},d=t=>{let n="touches"in t?t.touches[0]:t;if(!(null==a?void 0:a.moveable))return;let{startX:o,startY:r}=a;(o-n.clientX)**2+(r-n.clientY)**2>9&&(a.clickable=!1);let{width:s,height:c}=a.el.getBoundingClientRect(),u=n.clientY-a.offsetY,d=n.clientX-a.offsetX,v=i({top:u,left:d,bottom:window.innerHeight-u-c,right:window.innerWidth-d-s}).map(e=>{let{key:t,value:n}=e;return{key:t,value:"".concat(n,"px")}});if(null==e?void 0:e.clamp)for(let e of v){let t=["top","bottom"].includes(e.key)?window.innerHeight-c:window.innerWidth-s;e.value="clamp(".concat(l,", ").concat(e.value,", ").concat(t,"px)")}let[m,p,...h]=v,{style:f}=a.el;f.transition="",f[m.key]=m.value,f[p.key]=p.value,f[h[0].key]="auto",f[h[1].key]="auto"};(0,r.useEvent)("blur",u),(0,r.useEvent)("mouseup",u),(0,r.useEvent)("touchend",u),(0,r.useEvent)("mousemove",d),(0,r.useEvent)("touchmove",d);let v=e=>{let t="touches"in e?e.touches[0]:e,n=e.currentTarget,o=n.getBoundingClientRect(),r=t.clientX-o.left;c({el:n,clickable:!0,moveable:!0,offsetX:r,offsetY:t.clientY-o.top,startX:t.clientX,startY:t.clientY})};return{isDragging:!!a,props:{onMouseDown:v,onTouchStart:v,onClickCapture:e=>{(null==a?void 0:a.clickable)||e.stopPropagation()}}}}},46364:function(e,t,n){"use strict";n.r(t),n.d(t,{pTimeout:function(){return o}});let o=(e,t)=>new Promise((n,o)=>{let r=!0,l=setTimeout(()=>{r=!1,o(Error("Promise Timeout"))},t);e.then(e=>{r&&n(e),clearTimeout(l)}),e.catch(o)})},5451:function(e,t,n){"use strict";n.r(t),n.d(t,{WallAgent:function(){return r}});var o=n("65872");class r extends o.Hookable{listen(e){return this.hook("receive",e),e}send(e,t,n){this.callHook("send",{event:e,payload:t,transferable:n})}bindRemote(e,t){var n=this;return e.$functions[t]=function(e){for(var t=arguments.length,o=Array(t>1?t-1:0),r=1;r<t;r++)o[r-1]=arguments[r];n.callHook("receive",e,...o)},this.hook("send",function(){for(var n=arguments.length,o=Array(n),r=0;r<n;r++)o[r]=arguments[r];e[t](...o)}),this}constructor(){super(),this.status="close";let e=e=>{this.status!==e&&(this.status=e,this.callHook(e))};this.hook("send",t=>{"shutdown"===t.event&&e("close")}),this.hook("receive",t=>{"shutdown"===t.event?e("close"):"operations"===t.event?e("active"):e("open")})}}},46446:function(e){"use strict";e.exports={container:"container-d972e2"}}},function(e){var t=function(t){return e(e.s=t)};e.O(0,["126","567","58","615","768","987"],function(){return t("90915"),t("46538"),t("12549"),t("19449"),t("3760")}),e.O()}]);