@modern-js/devtools-client 2.67.2 → 2.67.4

package/dist/static/js/{mount.f39d4f5e.js → mount.de33780c.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunkmodernjsDevtools=self.webpackChunkmodernjsDevtools||[]).push([["400"],{15501:function(e,t,o){var n=o(86834),l=o(34202),r=o(25176),i=o(75943),s=o(10487),a=o(7459),c=o(65872),d=o(52493),u=o.n(d),m=o(9880),h=o.n(m),v=o(57662),p=o(41839);let y=s.MessagePortChannel.wait(window,"channel:connect:client"),f=new i.S,g=(0,v.createBridge)(window,f),w=y.then(e=>{let t=(0,c.Hu)();return{remote:(0,a.Fu)({async activateReactDevtools(){(0,v.activate)(window,{bridge:g})},async onFinishRender(){await t.callHook("onFinishRender")},async cookies(e){let t=await fetch("/__devtools/api/cookies",{method:"POST",body:JSON.stringify({setCookies:e})}),{cookies:n}=await t.json();if(!n||"object"!=typeof n)throw TypeError("No cookies returned from server");let{parse:l}=await o.e("883").then(o.bind(o,10851)),r=l(document.cookie),i=u().omit(n,Object.keys(r));return{client:r,server:i}},localStorage:async e=>(u().each(e,(e,t)=>{window.localStorage.setItem(t,e)}),(0,l._)({},window.localStorage)),sessionStorage:async e=>(u().each(e,(e,t)=>{window.sessionStorage.setItem(t,e)}),(0,l._)({},window.sessionStorage))},(0,r._)((0,l._)({},e.handlers),{timeout:500})),hooks:t}}),k=(0,p.sj)({loaded:!1}),b=h()();w.then(e=>{let{remote:t,hooks:o}=e;f.bindRemote(t,"sendReactDevtoolsData"),o.hook("onFinishRender",async()=>{k.loaded=!0,b.resolve()})});var _=o(41035),j=o(5872),x=o(28962);let C=(e,t)=>{var o,n;return null!=(n=null==(o=({top:["left","right"],bottom:["left","right"],left:["top","bottom"],right:["top","bottom"]})[e])?void 0:o.includes(t))&&n},E=e=>{let[t,...o]=[{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),n=o.findIndex(e=>{let{key:o}=e;return C(t.key,o)}),[l]=o.splice(n,1);return[t,l,o[0],o[1]]},Z=e=>{let{top:t,left:o,height:n,width:l}=e.getBoundingClientRect();return{top:t,left:o,bottom:window.innerHeight-t-n,right:window.innerWidth-o-l}},N=e=>{var t;let o=null!=(t=null==e?void 0:e.margin)?t:"10px",n="number"==typeof o?"".concat(o,"px"):o,[l,r]=(0,j.useState)(),i=()=>{if(!l)return;l.moveable=!1;let{el:e}=l,[t]=E(Z(e));e.style.transition="".concat(t.key," 200ms"),requestIdleCallback(()=>{r(void 0),e.style[t.key]=n}),e.addEventListener("transitionend",()=>e.style.transition="",{once:!0})},s=t=>{let o="touches"in t?t.touches[0]:t;if(!(null==l?void 0:l.moveable))return;let{startX:r,startY:i}=l;(r-o.clientX)**2+(i-o.clientY)**2>9&&(l.clickable=!1);let{width:s,height:a}=l.el.getBoundingClientRect(),c=o.clientY-l.offsetY,d=o.clientX-l.offsetX,u=E({top:c,left:d,bottom:window.innerHeight-c-a,right:window.innerWidth-d-s}).map(e=>{let{key:t,value:o}=e;return{key:t,value:"".concat(o,"px")}});if(null==e?void 0:e.clamp)for(let e of u){let t=["top","bottom"].includes(e.key)?window.innerHeight-a:window.innerWidth-s;e.value="clamp(".concat(n,", ").concat(e.value,", ").concat(t,"px)")}let[m,h,...v]=u,{style:p}=l.el;p.transition="",p[m.key]=m.value,p[h.key]=h.value,p[v[0].key]="auto",p[v[1].key]="auto"};(0,x.Z)("blur",i),(0,x.Z)("mouseup",i),(0,x.Z)("touchend",i),(0,x.Z)("mousemove",s),(0,x.Z)("touchmove",s);let a=e=>{let t="touches"in e?e.touches[0]:e,o=e.currentTarget,n=o.getBoundingClientRect();r({el:o,clickable:!0,moveable:!0,offsetX:t.clientX-n.left,offsetY:t.clientY-n.top,startX:t.clientX,startY:t.clientY})};return{isDragging:!!l,props:{onMouseDown:a,onTouchStart:a,onClickCapture:e=>{(null==l?void 0:l.clickable)||e.stopPropagation()}}}},R=(e,t)=>new Promise((o,n)=>{let l=!0,r=setTimeout(()=>{l=!1,n(Error("Promise Timeout"))},t);e.then(e=>{l&&o(e),clearTimeout(r)}),e.catch(n)});var S=o(42764),D=o(87420),P=o(49497),T=o(13190),H=o(86209),Y=o(42226);let B=e=>{var t;let o=null==(t=e.keepAlive)||t,{when:l}=e,r=(0,j.useRef)(!1);return l&&(r.current=!0),e.load||(o?r.current:l)?(0,n.jsx)("div",{style:{display:!o||l?"unset":"none"},children:e.children}):null};var I=o(38651),L=o(31516);let X=e=>{var t;let[o,l]=(0,I.Z)(()=>Promise.resolve(e.onClick()),[]);return(0,n.jsx)("button",{className:L.Z.container,onClick:l,"data-type":null!=(t=e.type)?t:"default",disabled:o.loading,children:e.children})};var O=o(67758),U=o(30309),F=o(55670),W=o(20610),K=o(72235),M=o(14191);let A=e=>{var{src:t,onClose:o}=e,i=(0,U._)(e,["src","onClose"]);let{loaded:s}=(0,W.R)(k);return(0,n.jsxs)(F.x,(0,r._)((0,l._)({className:M.Z.container},i),{children:[(0,n.jsx)("iframe",{className:M.Z.frame,src:t}),(0,n.jsx)(T.cu3,{className:M.Z.closeButton,onClick:o}),(0,n.jsx)("div",{className:M.Z.backdrop,style:{display:s?"none":void 0},children:(0,n.jsx)(K.g,{})})]}))},q=function(){var e;let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:window.location,{hash:o}=t,n=null==(e=o.match(/^#\/__devtools(.*)/))?void 0:e[1];return"string"!=typeof n?null:""===n?"/":n},J=e=>{let t=q(),[o,i]=(0,H.Z)(!!t),[s,a]=(0,j.useState)(!1),c=N({clamp:!0}),[d]=(0,S.U)();(0,x.Z)("keydown",e=>{e.shiftKey&&e.altKey&&"KeyD"===e.code&&i()}),(0,j.useEffect)(()=>{f.hook("receive",e=>{"startInspectingNative"===e.event&&(i(!1),document.documentElement.style.setProperty("cursor","cell"))});let e=e=>{"stopInspectingNative"===e.event&&(i(!0),document.documentElement.style.removeProperty("cursor"))};return f.hook("send",e),()=>{f.removeHook("send",e)}},[]);let u=async()=>{document.documentElement.style.setProperty("cursor","wait"),i(!1),a(!0);try{(await R(w,1e4)).remote.pullUp("/react/components#inspecting")}catch(e){console.error(e),document.documentElement.style.removeProperty("cursor")}};return(0,Y.Z)(async()=>{t&&(await R(w,1e4)).remote.pullUp(t)},[]),(0,n.jsxs)(D.Q2,{appearance:d,className:d,hasBackground:!1,style:{height:0,width:0,minHeight:0,minWidth:0},children:[(0,n.jsx)(B,{when:o,keepAlive:!0,load:s,children:(0,n.jsx)("div",{className:O.Z.container,children:(0,n.jsx)(A,{src:e.src,onClose:()=>i(!1),style:{pointerEvents:c.isDragging?"none":"auto"}})})}),(0,n.jsxs)(P.k,(0,r._)((0,l._)({className:O.Z.fab},c.props),{align:"center",children:[(0,n.jsx)(X,{type:"primary",onClick:i,children:(0,n.jsx)("img",{className:O.Z.logo,src:e.logo})}),(0,n.jsx)(X,{onClick:u,children:(0,n.jsx)(T.aur,{})})]}))]})},Q=()=>{let e=window.__modern_js_devtools_manifest;if(!e)throw TypeError("Devtools manifest is not found");let t=e.client;if(!t)throw TypeError("Devtools client source is not found");let o=e.source,l=new URL(t,location.href);if(o){let e=new URL(o,location.href);l.searchParams.set("src",e.href)}return(0,n.jsx)(J,{logo:e.context.def.assets.logo,src:l.href})},V=()=>{let e=document.createElement("div");e.className="_modern_js_devtools_container",document.body.appendChild(e);let t=e.attachShadow({mode:"closed"}),o=document.getElementById("_modern_js_devtools_styles");if(!(o instanceof HTMLTemplateElement))throw Error("template not found");t.appendChild(o.content);let l=document.createElement("div");l.classList.add("_modern_js_devtools_mountpoint","theme-register","container-bYVevn"),t.appendChild(l),(0,_.createRoot)(l).render((0,n.jsx)(Q,{}))};"loading"===document.readyState?document.addEventListener("DOMContentLoaded",V):V()}},function(e){var t=function(t){return e(e.s=t)};e.O(0,["126","567","58","654","746","94"],function(){return t(50803),t(3066),t(89753),t(76762),t(15501)}),e.O()}]);
+"use strict";(self.webpackChunkmodernjsDevtools=self.webpackChunkmodernjsDevtools||[]).push([["400"],{15501:function(e,t,o){var n=o(86834),l=o(34202),r=o(25176),i=o(75943),s=o(10487),a=o(7459),c=o(65872),d=o(52493),u=o.n(d),m=o(9880),h=o.n(m),v=o(57662),p=o(41839);let y=s.MessagePortChannel.wait(window,"channel:connect:client"),f=new i.S,g=(0,v.createBridge)(window,f),w=y.then(e=>{let t=(0,c.Hu)();return{remote:(0,a.Fu)({async activateReactDevtools(){(0,v.activate)(window,{bridge:g})},async onFinishRender(){await t.callHook("onFinishRender")},async cookies(e){let t=await fetch("/__devtools/api/cookies",{method:"POST",body:JSON.stringify({setCookies:e})}),{cookies:n}=await t.json();if(!n||"object"!=typeof n)throw TypeError("No cookies returned from server");let{parse:l}=await o.e("883").then(o.bind(o,10851)),r=l(document.cookie),i=u().omit(n,Object.keys(r));return{client:r,server:i}},localStorage:async e=>(u().each(e,(e,t)=>{window.localStorage.setItem(t,e)}),(0,l._)({},window.localStorage)),sessionStorage:async e=>(u().each(e,(e,t)=>{window.sessionStorage.setItem(t,e)}),(0,l._)({},window.sessionStorage))},(0,r._)((0,l._)({},e.handlers),{timeout:500})),hooks:t}}),k=(0,p.sj)({loaded:!1}),b=h()();w.then(e=>{let{remote:t,hooks:o}=e;f.bindRemote(t,"sendReactDevtoolsData"),o.hook("onFinishRender",async()=>{k.loaded=!0,b.resolve()})});var _=o(41035),j=o(5872),x=o(28962);let C=(e,t)=>{var o,n;return null!=(n=null==(o=({top:["left","right"],bottom:["left","right"],left:["top","bottom"],right:["top","bottom"]})[e])?void 0:o.includes(t))&&n},E=e=>{let[t,...o]=[{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),n=o.findIndex(e=>{let{key:o}=e;return C(t.key,o)}),[l]=o.splice(n,1);return[t,l,o[0],o[1]]},Z=e=>{let{top:t,left:o,height:n,width:l}=e.getBoundingClientRect();return{top:t,left:o,bottom:window.innerHeight-t-n,right:window.innerWidth-o-l}},N=e=>{var t;let o=null!=(t=null==e?void 0:e.margin)?t:"10px",n="number"==typeof o?"".concat(o,"px"):o,[l,r]=(0,j.useState)(),i=()=>{if(!l)return;l.moveable=!1;let{el:e}=l,[t]=E(Z(e));e.style.transition="".concat(t.key," 200ms"),requestIdleCallback(()=>{r(void 0),e.style[t.key]=n}),e.addEventListener("transitionend",()=>e.style.transition="",{once:!0})},s=t=>{let o="touches"in t?t.touches[0]:t;if(!(null==l?void 0:l.moveable))return;let{startX:r,startY:i}=l;(r-o.clientX)**2+(i-o.clientY)**2>9&&(l.clickable=!1);let{width:s,height:a}=l.el.getBoundingClientRect(),c=o.clientY-l.offsetY,d=o.clientX-l.offsetX,u=E({top:c,left:d,bottom:window.innerHeight-c-a,right:window.innerWidth-d-s}).map(e=>{let{key:t,value:o}=e;return{key:t,value:"".concat(o,"px")}});if(null==e?void 0:e.clamp)for(let e of u){let t=["top","bottom"].includes(e.key)?window.innerHeight-a:window.innerWidth-s;e.value="clamp(".concat(n,", ").concat(e.value,", ").concat(t,"px)")}let[m,h,...v]=u,{style:p}=l.el;p.transition="",p[m.key]=m.value,p[h.key]=h.value,p[v[0].key]="auto",p[v[1].key]="auto"};(0,x.Z)("blur",i),(0,x.Z)("mouseup",i),(0,x.Z)("touchend",i),(0,x.Z)("mousemove",s),(0,x.Z)("touchmove",s);let a=e=>{let t="touches"in e?e.touches[0]:e,o=e.currentTarget,n=o.getBoundingClientRect();r({el:o,clickable:!0,moveable:!0,offsetX:t.clientX-n.left,offsetY:t.clientY-n.top,startX:t.clientX,startY:t.clientY})};return{isDragging:!!l,props:{onMouseDown:a,onTouchStart:a,onClickCapture:e=>{(null==l?void 0:l.clickable)||e.stopPropagation()}}}},R=(e,t)=>new Promise((o,n)=>{let l=!0,r=setTimeout(()=>{l=!1,n(Error("Promise Timeout"))},t);e.then(e=>{l&&o(e),clearTimeout(r)}),e.catch(n)});var S=o(42764),D=o(87420),P=o(49497),T=o(13190),H=o(86209),Y=o(42226);let B=e=>{var t;let o=null==(t=e.keepAlive)||t,{when:l}=e,r=(0,j.useRef)(!1);return l&&(r.current=!0),e.load||(o?r.current:l)?(0,n.jsx)("div",{style:{display:!o||l?"unset":"none"},children:e.children}):null};var I=o(38651),L=o(52284);let X=e=>{var t;let[o,l]=(0,I.Z)(()=>Promise.resolve(e.onClick()),[]);return(0,n.jsx)("button",{className:L.Z.container,onClick:l,"data-type":null!=(t=e.type)?t:"default",disabled:o.loading,children:e.children})};var O=o(61892),U=o(30309),F=o(46722),W=o(20610),K=o(72235),M=o(68233);let A=e=>{var{src:t,onClose:o}=e,i=(0,U._)(e,["src","onClose"]);let{loaded:s}=(0,W.R)(k);return(0,n.jsxs)(F.x,(0,r._)((0,l._)({className:M.Z.container},i),{children:[(0,n.jsx)("iframe",{className:M.Z.frame,src:t}),(0,n.jsx)(T.cu3,{className:M.Z.closeButton,onClick:o}),(0,n.jsx)("div",{className:M.Z.backdrop,style:{display:s?"none":void 0},children:(0,n.jsx)(K.g,{})})]}))},q=function(){var e;let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:window.location,{hash:o}=t,n=null==(e=o.match(/^#\/__devtools(.*)/))?void 0:e[1];return"string"!=typeof n?null:""===n?"/":n},J=e=>{let t=q(),[o,i]=(0,H.Z)(!!t),[s,a]=(0,j.useState)(!1),c=N({clamp:!0}),[d]=(0,S.U)();(0,x.Z)("keydown",e=>{e.shiftKey&&e.altKey&&"KeyD"===e.code&&i()}),(0,j.useEffect)(()=>{f.hook("receive",e=>{"startInspectingNative"===e.event&&(i(!1),document.documentElement.style.setProperty("cursor","cell"))});let e=e=>{"stopInspectingNative"===e.event&&(i(!0),document.documentElement.style.removeProperty("cursor"))};return f.hook("send",e),()=>{f.removeHook("send",e)}},[]);let u=async()=>{document.documentElement.style.setProperty("cursor","wait"),i(!1),a(!0);try{(await R(w,1e4)).remote.pullUp("/react/components#inspecting")}catch(e){console.error(e),document.documentElement.style.removeProperty("cursor")}};return(0,Y.Z)(async()=>{t&&(await R(w,1e4)).remote.pullUp(t)},[]),(0,n.jsxs)(D.Q2,{appearance:d,className:d,hasBackground:!1,style:{height:0,width:0,minHeight:0,minWidth:0},children:[(0,n.jsx)(B,{when:o,keepAlive:!0,load:s,children:(0,n.jsx)("div",{className:O.Z.container,children:(0,n.jsx)(A,{src:e.src,onClose:()=>i(!1),style:{pointerEvents:c.isDragging?"none":"auto"}})})}),(0,n.jsxs)(P.k,(0,r._)((0,l._)({className:O.Z.fab},c.props),{align:"center",children:[(0,n.jsx)(X,{type:"primary",onClick:i,children:(0,n.jsx)("img",{className:O.Z.logo,src:e.logo})}),(0,n.jsx)(X,{onClick:u,children:(0,n.jsx)(T.aur,{})})]}))]})},Q=()=>{let e=window.__modern_js_devtools_manifest;if(!e)throw TypeError("Devtools manifest is not found");let t=e.client;if(!t)throw TypeError("Devtools client source is not found");let o=e.source,l=new URL(t,location.href);if(o){let e=new URL(o,location.href);l.searchParams.set("src",e.href)}return(0,n.jsx)(J,{logo:e.context.def.assets.logo,src:l.href})},V=()=>{let e=document.createElement("div");e.className="_modern_js_devtools_container",document.body.appendChild(e);let t=e.attachShadow({mode:"closed"}),o=document.getElementById("_modern_js_devtools_styles");if(!(o instanceof HTMLTemplateElement))throw Error("template not found");t.appendChild(o.content);let l=document.createElement("div");l.classList.add("_modern_js_devtools_mountpoint","theme-register","container-bYVevn"),t.appendChild(l),(0,_.createRoot)(l).render((0,n.jsx)(Q,{}))};"loading"===document.readyState?document.addEventListener("DOMContentLoaded",V):V()}},function(e){var t=function(t){return e(e.s=t)};e.O(0,["126","443","567","58","746","94"],function(){return t(50803),t(17939),t(86745),t(76762),t(15501)}),e.O()}]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modern-js/devtools-client",
-  "version": "2.67.2",
+  "version": "2.67.4",
   "engines": {
     "node": ">=14.0.0"
   },
@@ -17,13 +17,13 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@radix-ui/react-collapsible": "^1.0.3",
-    "@radix-ui/react-icons": "^1.3.0",
-    "@radix-ui/react-popover": "^1.0.7",
-    "@radix-ui/react-tabs": "^1.0.4",
-    "@radix-ui/react-toast": "^1.1.5",
-    "@radix-ui/themes": "^3.0.5",
-    "@rsbuild/core": "1.3.7",
+    "@radix-ui/react-collapsible": "^1.1.7",
+    "@radix-ui/react-icons": "^1.3.2",
+    "@radix-ui/react-popover": "^1.1.10",
+    "@radix-ui/react-tabs": "^1.1.7",
+    "@radix-ui/react-toast": "^1.2.10",
+    "@radix-ui/themes": "^3.2.1",
+    "@rsbuild/core": "1.3.16",
     "@types/jest": "^29",
     "@types/lodash": "^4.14.202",
     "@types/node": "~16.11.7",
@@ -38,33 +38,33 @@
     "lodash": "^4.17.21",
     "nanoid": "3.3.11",
     "p-defer": "^3.0.0",
-    "postcss-custom-media": "^10.0.1",
+    "postcss-custom-media": "^10.0.8",
     "react": "^18.3.1",
     "react-base16-styling": "^0.10.0",
     "react-devtools-inline": "^4.28.5",
     "react-dom": "^18.3.1",
     "react-dom-exp": "npm:react-dom@0.0.0-experimental-51ffd3564-20231025",
-    "react-error-boundary": "^4.0.12",
+    "react-error-boundary": "^4.1.2",
     "react-exp": "npm:react@0.0.0-experimental-51ffd3564-20231025",
-    "react-icons": "^4.11.0",
+    "react-icons": "^4.12.0",
     "react-is": "^18",
     "react-json-tree": "^0.20.0",
     "react-json-view": "^1.21.3",
-    "react-use": "^17.4.0",
+    "react-use": "^17.6.0",
     "scheduler": "^0.23.0",
     "suspend-react": "^0.1.3",
     "type-fest": "^4.1.0",
     "typescript": "~5.0.4",
     "ufo": "^1.3.0",
     "valtio": "^1.11.1",
-    "@modern-js/app-tools": "2.67.2",
-    "@modern-js/devtools-kit": "2.67.2",
-    "@modern-js/plugin-proxy": "2.67.2",
-    "@modern-js/runtime": "2.67.2",
-    "@modern-js/tsconfig": "2.67.2",
-    "@modern-js/types": "2.67.2",
-    "@modern-js/utils": "2.67.2",
-    "@scripts/jest-config": "2.66.0"
+    "@modern-js/app-tools": "2.67.4",
+    "@modern-js/devtools-kit": "2.67.4",
+    "@modern-js/plugin-proxy": "2.67.4",
+    "@modern-js/runtime": "2.67.4",
+    "@modern-js/tsconfig": "2.67.4",
+    "@modern-js/types": "2.67.4",
+    "@scripts/jest-config": "2.66.0",
+    "@modern-js/utils": "2.67.4"
   },
   "dependencies": {
     "cookie-es": "^1.0.0"