@modern-js/devtools-client 2.54.6 → 2.56.0

package/dist/static/js/mount.91f07cc0.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkmodernjsDevtools=self.webpackChunkmodernjsDevtools||[]).push([["400"],{44673:function(e,t){t.Z={container:"container-bYVevn"}},51397:function(e,t,n){n.d(t,{T:function(){return l}});var o=n(86834);n(5872);var r=n(42666),i=n(41341);let l=e=>{var t;let[n,l]=(0,r.Z)(()=>Promise.resolve(e.onClick()),[]);return(0,o.jsx)("button",{className:i.Z.container,onClick:l,"data-type":null!==(t=e.type)&&void 0!==t?t:"default",disabled:n.loading,children:e.children})}},19333:function(e,t,n){n.d(t,{t:function(){return _}});var o=n(90247),r=n(55709),i=n(86834),l=n(99231),s=n(5872),c=n(56573),a=n(71161),d=n(36339),u=n(29214),m=n(38774),h=n(36353),v=n(44585),f=n(51397),p=n(68574),w=n(93108),y=n(3846),g=n(97137);let k=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},_=e=>{let t=k(),[n,_]=(0,c.Z)(!!t),[b,j]=(0,s.useState)(!1),C=(0,p.d)({clamp:!0}),[x]=(0,g.U)();(0,a.Z)("keydown",e=>{e.shiftKey&&e.altKey&&"KeyD"===e.code&&_()}),(0,s.useEffect)(()=>{w.QB.hook("receive",e=>{"startInspectingNative"===e.event&&(_(!1),document.documentElement.style.setProperty("cursor","cell"))});let e=e=>{"stopInspectingNative"===e.event&&(_(!0),document.documentElement.style.removeProperty("cursor"))};return w.QB.hook("send",e),()=>{w.QB.removeHook("send",e)}},[]);let E=async()=>{document.documentElement.style.setProperty("cursor","wait"),_(!1),j(!0);try{(await (0,y.F)(w.mp,1e4)).remote.pullUp("/react/components#inspecting")}catch(e){console.error(e),document.documentElement.style.removeProperty("cursor")}};return(0,d.Z)(async()=>{if(!!t)(await (0,y.F)(w.mp,1e4)).remote.pullUp(t)},[]),(0,i.jsxs)(l.Q2,{appearance:x,className:x,hasBackground:!1,style:{height:0,width:0,minHeight:0,minWidth:0},children:[(0,i.jsx)(m.Z,{when:n,keepAlive:!0,load:b,children:(0,i.jsx)("div",{className:h.Z.container,children:(0,i.jsx)(v.s,{src:e.src,onClose:()=>_(!1),style:{pointerEvents:C.isDragging?"none":"auto"}})})}),(0,i.jsxs)(l.kC,(0,r._)((0,o._)({className:h.Z.fab},C.props),{align:"center",children:[(0,i.jsx)(f.T,{type:"primary",onClick:_,children:(0,i.jsx)("img",{className:h.Z.logo,src:e.logo})}),(0,i.jsx)(f.T,{onClick:E,children:(0,i.jsx)(u.aur,{})})]}))]})}},44585:function(e,t,n){n.d(t,{s:function(){return h}});var o=n(90247),r=n(55709),i=n(16170),l=n(86834),s=n(99231);n(5872);var c=n(29214),a=n(79197),d=n(80936),u=n(34786),m=n(93108);let h=e=>{var{src:t,onClose:n}=e,h=(0,i._)(e,["src","onClose"]);let{loaded:v}=(0,a.R)(m.Cl);return(0,l.jsxs)(s.xu,(0,r._)((0,o._)({className:u.Z.container},h),{children:[(0,l.jsx)("iframe",{className:u.Z.frame,src:t}),(0,l.jsx)(c.cu3,{className:u.Z.closeButton,onClick:n}),(0,l.jsx)("div",{className:u.Z.backdrop,style:{display:v?"none":void 0},children:(0,l.jsx)(d.g,{})})]}))}},38774:function(e,t,n){var o=n(86834),r=n(5872);t.Z=e=>{var t;let n=null===(t=e.keepAlive)||void 0===t||t,{when:i}=e,l=(0,r.useRef)(!1);i&&(l.current=!0);let s=e.load||(n?l.current:i);return s?(0,o.jsx)("div",{style:{display:!n||i?"unset":"none"},children:e.children}):null}},67247:function(e,t,n){n.d(t,{g:function(){return i}});var o=n(86834),r=n(19333);let i=()=>{let e=window.__modern_js_devtools_manifest;if(!e)throw TypeError("Devtools manifest is not found");let t=e.client,n=e.source,i=new URL(t,location.href);if(n){let e=new URL(n,location.href);i.searchParams.set("src",e.href)}return(0,o.jsx)(r.t,{logo:e.context.def.assets.logo,src:i.href})}},94199:function(e,t,n){var o=n(86834);n(24898),n(93108);var r=n(60182),i=n(44673),l=n(67247);let s=()=>{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 s=document.createElement("div");s.classList.add("_modern_js_devtools_mountpoint","theme-register",i.Z.container),t.appendChild(s),(0,r.createRoot)(s).render((0,o.jsx)(l.g,{}))};"loading"===document.readyState?document.addEventListener("DOMContentLoaded",s):s()},24898:function(e,t,n){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)}},93108:function(e,t,n){n.d(t,{Cl:function(){return g},QB:function(){return p},mp:function(){return y}});var o=n(90247),r=n(55709),i=n(10487),l=n(88739),s=n(65872),c=n(9880),a=n.n(c),d=n(81733),u=n(57662),m=n(52493),h=n.n(m),v=n(64542);let f=i.MessagePortChannel.wait(window,"channel:connect:client"),p=new v.S,w=(0,u.createBridge)(window,p),y=f.then(e=>{let t=(0,s.Hu)();return{remote:(0,l.Fu)({async activateReactDevtools(){(0,u.activate)(window,{bridge:w})},async onFinishRender(){await t.callHook("onFinishRender")},async cookies(e){let t=await fetch("/__devtools/api/cookies",{method:"POST",body:JSON.stringify({setCookies:e})}),{cookies:o}=await t.json();if(!o||"object"!=typeof o)throw TypeError("No cookies returned from server");let{parse:r}=await n.e("883").then(n.bind(n,10851)),i=r(document.cookie),l=h().omit(o,Object.keys(i));return{client:i,server:l}},localStorage:async e=>(h().each(e,(e,t)=>{window.localStorage.setItem(t,e)}),(0,o._)({},window.localStorage)),sessionStorage:async e=>(h().each(e,(e,t)=>{window.sessionStorage.setItem(t,e)}),(0,o._)({},window.sessionStorage))},(0,r._)((0,o._)({},e.handlers),{timeout:500})),hooks:t}}),g=(0,d.sj)({loaded:!1}),k=a()();y.then(e=>{let{remote:t,hooks:n}=e;p.bindRemote(t,"sendReactDevtoolsData"),n.hook("onFinishRender",async()=>{g.loaded=!0,k.resolve()})})},68574:function(e,t,n){n.d(t,{d:function(){return c}});var o=n(5872),r=n(71161);let i=(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},l=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 i(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}},c=e=>{var t;let n=null!==(t=null==e?void 0:e.margin)&&void 0!==t?t:"10px",i="number"==typeof n?"".concat(n,"px"):n,[c,a]=(0,o.useState)(),d=()=>{if(!c)return;c.moveable=!1;let{el:e}=c,[t]=l(s(e));e.style.transition="".concat(t.key," 200ms"),requestIdleCallback(()=>{a(void 0),e.style[t.key]=i}),e.addEventListener("transitionend",()=>e.style.transition="",{once:!0})},u=t=>{let n="touches"in t?t.touches[0]:t;if(!(null==c?void 0:c.moveable))return;let{startX:o,startY:r}=c;(o-n.clientX)**2+(r-n.clientY)**2>9&&(c.clickable=!1);let{width:s,height:a}=c.el.getBoundingClientRect(),d=n.clientY-c.offsetY,u=n.clientX-c.offsetX,m=l({top:d,left:u,bottom:window.innerHeight-d-a,right:window.innerWidth-u-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 m){let t=["top","bottom"].includes(e.key)?window.innerHeight-a:window.innerWidth-s;e.value="clamp(".concat(i,", ").concat(e.value,", ").concat(t,"px)")}let[h,v,...f]=m,{style:p}=c.el;p.transition="",p[h.key]=h.value,p[v.key]=v.value,p[f[0].key]="auto",p[f[1].key]="auto"};(0,r.Z)("blur",d),(0,r.Z)("mouseup",d),(0,r.Z)("touchend",d),(0,r.Z)("mousemove",u),(0,r.Z)("touchmove",u);let m=e=>{let t="touches"in e?e.touches[0]:e,n=e.currentTarget,o=n.getBoundingClientRect(),r=t.clientX-o.left;a({el:n,clickable:!0,moveable:!0,offsetX:r,offsetY:t.clientY-o.top,startX:t.clientX,startY:t.clientY})};return{isDragging:!!c,props:{onMouseDown:m,onTouchStart:m,onClickCapture:e=>{(null==c?void 0:c.clickable)||e.stopPropagation()}}}}},3846:function(e,t,n){n.d(t,{F:function(){return o}});let o=(e,t)=>new Promise((n,o)=>{let r=!0,i=setTimeout(()=>{r=!1,o(Error("Promise Timeout"))},t);e.then(e=>{r&&n(e),clearTimeout(i)}),e.catch(o)})},64542:function(e,t,n){n.d(t,{S:function(){return r}});var o=n(65872);class r extends o.gl{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")})}}}},function(e){var t=function(t){return e(e.s=t)};e.O(0,["126","277","518","567","58","707","991"],function(){return t("44541"),t("66038"),t("9001"),t("28651"),t("94199")}),e.O()}]);