@modern-js/devtools-client 0.0.0-nightly-20240219170634 → 0.0.0-nightly-20240220170629

package/dist/static/js/{mount.f6c9ca6f.js.LICENSE.txt → mount.7efd007c.js.LICENSE.txt}

@@ -1,41 +1,3 @@
-/*! ./state */
-
-/*! react */
-
-/*! @/entries/mount/state */
-
-/*! ./Button.module.scss */
-
-/*! @radix-ui/themes */
-
-/*! react-icons/hi2 */
-
-/*! ./FrameBox */
-
-/*! @swc/helpers/_/_object_spread */
-
-/*! react-icons/hi2 */
-
-/*! react */
-
-/*! react/jsx-runtime */
-
-/*! ./react-devtools-backend */
-
-/*! valtio */
-
-/*! @swc/helpers/_/_object_spread */
-
-/*! react-use */
-
-/*! @swc/helpers/_/_object_spread_props */
-
-/*! react */
-
-/*! react/jsx-runtime */
-
-/*! hookable */
-
 /*! ./index.module.scss */
 
 /*! react */
@@ -60,6 +22,8 @@
 
 /*! react */
 
+/*! ./Button.module.scss */
+
 /*! @/utils/draggable */
 
 /*! valtio */
@@ -72,16 +36,22 @@
 
 /*! @modern-js/devtools-kit/runtime */
 
-/*! p-defer */
+/*! react */
 
 /*! ./Button */
 
+/*! p-defer */
+
+/*! react/jsx-runtime */
+
 /*! @/components/Devtools/Capsule */
 
 /*! react-dom/client */
 
 /*! @/utils/promise */
 
+/*! react-use */
+
 /*! react/jsx-runtime */
 
 /*! @swc/helpers/_/_object_spread */
@@ -98,4 +68,34 @@
 
 /*! ../Loading */
 
-/*! birpc */
+/*! birpc */
+
+/*! ./state */
+
+/*! react */
+
+/*! @/entries/mount/state */
+
+/*! @radix-ui/themes */
+
+/*! react-icons/hi2 */
+
+/*! ./FrameBox */
+
+/*! @swc/helpers/_/_object_spread */
+
+/*! react-icons/hi2 */
+
+/*! ./react-devtools-backend */
+
+/*! valtio */
+
+/*! @swc/helpers/_/_object_spread */
+
+/*! @swc/helpers/_/_object_spread_props */
+
+/*! react */
+
+/*! react/jsx-runtime */
+
+/*! hookable */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modern-js/devtools-client",
-  "version": "0.0.0-nightly-20240219170634",
+  "version": "0.0.0-nightly-20240220170629",
   "engines": {
     "node": ">=14.0.0"
   },
@@ -22,7 +22,7 @@
     "@radix-ui/react-popover": "^1.0.7",
     "@radix-ui/react-tabs": "^1.0.4",
     "@radix-ui/themes": "^2.0.0",
-    "@rsbuild/core": "0.4.3",
+    "@rsbuild/core": "0.4.4",
     "@types/jest": "^29",
     "@types/lodash": "^4.14.202",
     "@types/node": "~16.11.7",
@@ -56,16 +56,16 @@
     "ufo": "^1.3.0",
     "valtio": "^1.11.1",
     "jest": "^29",
-    "@modern-js-app/eslint-config": "0.0.0-nightly-20240219170634",
-    "@modern-js/app-tools": "0.0.0-nightly-20240219170634",
-    "@modern-js/devtools-kit": "0.0.0-nightly-20240219170634",
-    "@modern-js/plugin-proxy": "0.0.0-nightly-20240219170634",
-    "@modern-js/eslint-config": "0.0.0-nightly-20240219170634",
-    "@modern-js/runtime": "0.0.0-nightly-20240219170634",
-    "@modern-js/types": "0.0.0-nightly-20240219170634",
-    "@modern-js/utils": "0.0.0-nightly-20240219170634",
-    "@scripts/jest-config": "0.0.0-nightly-20240219170634",
-    "@modern-js/tsconfig": "0.0.0-nightly-20240219170634"
+    "@modern-js-app/eslint-config": "0.0.0-nightly-20240220170629",
+    "@modern-js/app-tools": "0.0.0-nightly-20240220170629",
+    "@modern-js/devtools-kit": "0.0.0-nightly-20240220170629",
+    "@modern-js/eslint-config": "0.0.0-nightly-20240220170629",
+    "@modern-js/plugin-proxy": "0.0.0-nightly-20240220170629",
+    "@modern-js/runtime": "0.0.0-nightly-20240220170629",
+    "@modern-js/tsconfig": "0.0.0-nightly-20240220170629",
+    "@modern-js/types": "0.0.0-nightly-20240220170629",
+    "@scripts/jest-config": "0.0.0-nightly-20240220170629",
+    "@modern-js/utils": "0.0.0-nightly-20240220170629"
   },
   "scripts": {
     "reset": "npx rimraf ./**/node_modules",

package/dist/static/js/mount.f6c9ca6f.js

@@ -1,2 +0,0 @@
-/*! For license information please see mount.f6c9ca6f.js.LICENSE.txt */
-(self.webpackChunkmodernjsDevtools=self.webpackChunkmodernjsDevtools||[]).push([["400"],{74709: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("1065");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":(t=e.type)!==null&&void 0!==t?t:"default",disabled:n.loading,children:e.children})}},62325:function(e,t,n){"use strict";n.r(t),n.d(t,{DevtoolsCapsule:function(){return g}});var o=n("90247"),r=n("55709"),l=n("86834"),i=n("83982"),a=n("5872"),s=n("20421"),c=n("29214"),u=n("55058"),d=n("45967"),m=n("28037"),v=n("10734"),p=n("74709"),f=n("94258"),h=n("28391"),_=n("51879");let g=e=>{let t=e.def.assets.logo,[n,g]=(0,s.useToggle)(!1),[y,w]=(0,a.useState)(!1),k=(0,u.withQuery)(e.endpoint,{src:e.dataSource}),b=(0,f.useStickyDraggable)({clamp:!0}),[x,E]=(0,a.useState)(()=>{var e;let t=(e=localStorage.getItem("__modern_js_devtools_appearance"))!==null&&void 0!==e?e:"light";return localStorage.setItem("__modern_js_devtools_appearance",t),t});(0,s.useEvent)("storage",e=>{"__modern_js_devtools_appearance"===e.key&&E(e.newValue||void 0)}),(0,s.useEvent)("keydown",e=>{e.shiftKey&&e.altKey&&"KeyD"===e.code&&g()}),(0,a.useEffect)(()=>{h.wallAgent.hook("receive",e=>{"startInspectingNative"===e.event&&(g(!1),document.documentElement.style.setProperty("cursor","cell"))});let e=e=>{"stopInspectingNative"===e.event&&(g(!0),document.documentElement.style.removeProperty("cursor"))};return h.wallAgent.hook("send",e),()=>{h.wallAgent.removeHook("send",e)}},[]);let C=async()=>{document.documentElement.style.setProperty("cursor","wait"),g(!1),w(!0);try{(await (0,_.pTimeout)(h.$client,1e4)).remote.pullUpReactInspector()}catch(e){console.error(e),document.documentElement.style.removeProperty("cursor")}};return(0,l.jsxs)(i.Theme,{appearance:x,className:x,children:[(0,l.jsx)(d.default,{when:n,keepAlive:!0,load:y,children:(0,l.jsx)("div",{className:m.container,children:(0,l.jsx)(v.FrameBox,{src:k,onClose:()=>g(!1),style:{pointerEvents:b.isDragging?"none":"auto"}})})}),(0,l.jsxs)(i.Flex,(0,r._)((0,o._)({className:m.fab},b.props),{align:"center",children:[(0,l.jsx)(p.DevtoolsCapsuleButton,{type:"primary",onClick:g,children:(0,l.jsx)("img",{className:m.logo,src:t})}),(0,l.jsx)(p.DevtoolsCapsuleButton,{onClick:C,children:(0,l.jsx)(c.HiMiniCursorArrowRipple,{})})]}))]})}},10734:function(e,t,n){"use strict";n.r(t),n.d(t,{FrameBox:function(){return v}});var o=n("90247"),r=n("55709"),l=n("16170"),i=n("86834"),a=n("83982");n("5872");var s=n("29214"),c=n("42700"),u=n("428"),d=n("93359"),m=n("28391");let v=e=>{var{src:t,onClose:n}=e,v=(0,l._)(e,["src","onClose"]);let{loaded:p}=(0,c.useSnapshot)(m.$inner);return(0,i.jsxs)(a.Box,(0,r._)((0,o._)({className:d.container},v),{children:[(0,i.jsx)("iframe",{className:d.frame,src:t}),(0,i.jsx)(s.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,{})})]}))}},45967:function(e,t,n){"use strict";n.r(t);var o=n("86834"),r=n("5872");t.default=e=>{var t;let n=(t=e.keepAlive)===null||void 0===t||t,{when:l}=e,i=(0,r.useRef)(!1);l&&(i.current=!0);let a=e.load||(n?i.current:l);return a?(0,o.jsx)("div",{style:{display:!n||l?"unset":"none"},children:e.children}):null}},80295:function(e,t,n){"use strict";n.r(t);var o=n("90247"),r=n("86834");n("82231"),n("28391");var l=n("60182"),i=n("63963"),a=n("62325");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 s=document.createElement("div");s.classList.add("_modern_js_devtools_mountpoint","theme-register",i.container),t.appendChild(s);let c=window.__MODERN_JS_DEVTOOLS_OPTIONS__;(0,l.createRoot)(s).render((0,r.jsx)(a.DevtoolsCapsule,(0,o._)({},c)))})},82231: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)}},28391:function(e,t,n){"use strict";n.r(t),n.d(t,{$client:function(){return h},$inner:function(){return _},wallAgent:function(){return p}});var o=n("90247"),r=n("55709"),l=n("10487"),i=n("88739"),a=n("65872"),s=n("9880"),c=n.n(s),u=n("42700"),d=n("57662"),m=n("24933");let v=l.MessagePortChannel.wait(window,"channel:connect:client"),p=new m.WallAgent,f=(0,d.createBridge)(window,p),h=v.then(e=>{let t=(0,a.createHooks)();return{remote:(0,i.createBirpc)({async activateReactDevtools(){(0,d.activate)(window,{bridge:f})},async onFinishRender(){await t.callHook("onFinishRender")}},(0,r._)((0,o._)({},e.handlers),{timeout:500})),hooks:t}}),_=(0,u.proxy)({loaded:!1}),g=c()();h.then(e=>{let{remote:t,hooks:n}=e;p.bindRemote(t,"sendReactDevtoolsData"),n.hook("onFinishRender",async()=>{_.loaded=!0,g.resolve()})})},94258:function(e,t,n){"use strict";n.r(t),n.d(t,{useStickyDraggable:function(){return s}});var o=n("5872"),r=n("20421");let l=(e,t)=>{var n,o;return(o=(n=({top:["left","right"],bottom:["left","right"],left:["top","bottom"],right:["top","bottom"]})[e])===null||void 0===n?void 0:n.includes(t))!==null&&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]]},a=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}},s=e=>{var t;let n=(t=null==e?void 0:e.margin)!==null&&void 0!==t?t:"10px",l="number"==typeof n?"".concat(n,"px"):n,[s,c]=(0,o.useState)(),u=()=>{if(!s)return;s.moveable=!1;let{el:e}=s,[t]=i(a(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==s?void 0:s.moveable))return;let{startX:o,startY:r}=s;(o-n.clientX)**2+(r-n.clientY)**2>9&&(s.clickable=!1);let{width:a,height:c}=s.el.getBoundingClientRect(),u=n.clientY-s.offsetY,d=n.clientX-s.offsetX,m=i({top:u,left:d,bottom:window.innerHeight-u-c,right:window.innerWidth-d-a}).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-c:window.innerWidth-a;e.value="clamp(".concat(l,", ").concat(e.value,", ").concat(t,"px)")}let[v,p,...f]=m,{style:h}=s.el;h.transition="",h[v.key]=v.value,h[p.key]=p.value,h[f[0].key]="auto",h[f[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 m=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:!!s,props:{onMouseDown:m,onTouchStart:m,onClickCapture:e=>{(null==s?void 0:s.clickable)||e.stopPropagation()}}}}},51879: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)})},1065:function(e){"use strict";e.exports={container:"container-a41eae"}},28037:function(e){"use strict";e.exports={container:"container-c37ff8",fab:"fab-b17740",logo:"logo-c7a29e",slideInFromRight:"slideInFromRight-e1026d"}},93359:function(e){"use strict";e.exports={backdrop:"backdrop-_51706","close-button":"close-button-c3742a",closeButton:"close-button-c3742a",container:"container-fb8255",frame:"frame-_5d7ff"}},63963:function(e){"use strict";e.exports={container:"container-d972e2"}}},function(e){var t=function(t){return e(e.s=t)};e.O(0,["126","140","434","58","768"],function(){return t("90915"),t("58571"),t("66828"),t("19449"),t("80295")}),e.O()}]);