app-devtools 0.4.0 → 0.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/main.d.ts +4 -3
- package/dist/main.js +643 -626
- package/dist/main.umd.cjs +111 -111
- package/package.json +1 -1
package/dist/main.umd.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(w,
|
|
1
|
+
(function(w,T){typeof exports=="object"&&typeof module<"u"?T(exports,require("dayjs"),require("solid-js"),require("solid-styled-components"),require("dequal"),require("nanoid"),require("regexparam"),require("diff"),require("tinykeys")):typeof define=="function"&&define.amd?define(["exports","dayjs","solid-js","solid-styled-components","dequal","nanoid","regexparam","diff","tinykeys"],T):(w=typeof globalThis<"u"?globalThis:w||self,T(w["App Devtools"]={},w.dayjs,w.solidJs,w.solidStyledComponents,w.dequal,w.nanoid,w.regexparam,w.diff,w.tinykeys))})(this,function(w,T,i,b,$e,Ge,Qe,Je,et){"use strict";function tt(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const nt=tt(Je),rt=["allowfullscreen","async","autofocus","autoplay","checked","controls","default","disabled","formnovalidate","hidden","indeterminate","ismap","loop","multiple","muted","nomodule","novalidate","open","playsinline","readonly","required","reversed","seamless","selected"],ot=new Set(["className","value","readOnly","formNoValidate","isMap","noModule","playsInline",...rt]),lt=new Set(["innerHTML","textContent","innerText","children"]),ct=Object.assign(Object.create(null),{className:"class",htmlFor:"for"}),ye=Object.assign(Object.create(null),{class:"className",formnovalidate:"formNoValidate",ismap:"isMap",nomodule:"noModule",playsinline:"playsInline",readonly:"readOnly"}),at=new Set(["beforeinput","click","dblclick","contextmenu","focusin","focusout","input","keydown","keyup","mousedown","mousemove","mouseout","mouseover","mouseup","pointerdown","pointermove","pointerout","pointerover","pointerup","touchend","touchmove","touchstart"]),it={xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace"};function st(e,t,n){let l=n.length,c=t.length,o=l,a=0,r=0,s=t[c-1].nextSibling,u=null;for(;a<c||r<o;){if(t[a]===n[r]){a++,r++;continue}for(;t[c-1]===n[o-1];)c--,o--;if(c===a){const d=o<l?r?n[r-1].nextSibling:n[o-r]:s;for(;r<o;)e.insertBefore(n[r++],d)}else if(o===r)for(;a<c;)(!u||!u.has(t[a]))&&t[a].remove(),a++;else if(t[a]===n[o-1]&&n[r]===t[c-1]){const d=t[--c].nextSibling;e.insertBefore(n[r++],t[a++].nextSibling),e.insertBefore(n[--o],d),t[c]=n[o]}else{if(!u){u=new Map;let g=r;for(;g<o;)u.set(n[g],g++)}const d=u.get(t[a]);if(d!=null)if(r<d&&d<o){let g=a,p=1,$;for(;++g<c&&g<o&&!(($=u.get(t[g]))==null||$!==d+p);)p++;if(p>d-r){const y=t[a];for(;r<d;)e.insertBefore(n[r++],y)}else e.replaceChild(n[r++],t[a++])}else a++;else t[a++].remove()}}}const ve="_$DX_DELEGATE";function ut(e,t,n,l={}){let c;return i.createRoot(o=>{c=o,t===document?e():f(t,e(),t.firstChild?null:void 0,n)},l.owner),()=>{c(),t.textContent=""}}function m(e,t,n){const l=document.createElement("template");l.innerHTML=e;let c=l.content.firstChild;return n&&(c=c.firstChild),c}function Y(e,t=window.document){const n=t[ve]||(t[ve]=new Set);for(let l=0,c=e.length;l<c;l++){const o=e[l];n.has(o)||(n.add(o),t.addEventListener(o,mt))}}function M(e,t,n){n==null?e.removeAttribute(t):e.setAttribute(t,n)}function dt(e,t,n,l){l==null?e.removeAttributeNS(t,n):e.setAttributeNS(t,n,l)}function v(e,t){t==null?e.removeAttribute("class"):e.className=t}function q(e,t,n,l){if(l)Array.isArray(n)?(e[`$$${t}`]=n[0],e[`$$${t}Data`]=n[1]):e[`$$${t}`]=n;else if(Array.isArray(n)){const c=n[0];e.addEventListener(t,n[0]=o=>c.call(e,n[1],o))}else e.addEventListener(t,n)}function ft(e,t,n={}){const l=Object.keys(t||{}),c=Object.keys(n);let o,a;for(o=0,a=c.length;o<a;o++){const r=c[o];!r||r==="undefined"||t[r]||(be(e,r,!1),delete n[r])}for(o=0,a=l.length;o<a;o++){const r=l[o],s=!!t[r];!r||r==="undefined"||n[r]===s||!s||(be(e,r,!0),n[r]=s)}return n}function Ce(e,t,n){if(!t)return n?M(e,"style"):t;const l=e.style;if(typeof t=="string")return l.cssText=t;typeof n=="string"&&(l.cssText=n=void 0),n||(n={}),t||(t={});let c,o;for(o in n)t[o]==null&&l.removeProperty(o),delete n[o];for(o in t)c=t[o],c!==n[o]&&(l.setProperty(o,c),n[o]=c);return n}function pt(e,t={},n,l){const c={};return l||i.createRenderEffect(()=>c.children=F(e,t.children,c.children)),i.createRenderEffect(()=>t.ref&&t.ref(e)),i.createRenderEffect(()=>gt(e,t,n,!0,c,!0)),c}function f(e,t,n,l){if(n!==void 0&&!l&&(l=[]),typeof t!="function")return F(e,t,l,n);i.createRenderEffect(c=>F(e,t(),c,n),l)}function gt(e,t,n,l,c={},o=!1){t||(t={});for(const a in c)if(!(a in t)){if(a==="children")continue;c[a]=xe(e,a,null,c[a],n,o)}for(const a in t){if(a==="children"){l||F(e,t.children);continue}const r=t[a];c[a]=xe(e,a,r,c[a],n,o)}}function ht(e){return e.toLowerCase().replace(/-([a-z])/g,(t,n)=>n.toUpperCase())}function be(e,t,n){const l=t.trim().split(/\s+/);for(let c=0,o=l.length;c<o;c++)e.classList.toggle(l[c],n)}function xe(e,t,n,l,c,o){let a,r,s;if(t==="style")return Ce(e,n,l);if(t==="classList")return ft(e,n,l);if(n===l)return l;if(t==="ref")o||n(e);else if(t.slice(0,3)==="on:"){const u=t.slice(3);l&&e.removeEventListener(u,l),n&&e.addEventListener(u,n)}else if(t.slice(0,10)==="oncapture:"){const u=t.slice(10);l&&e.removeEventListener(u,l,!0),n&&e.addEventListener(u,n,!0)}else if(t.slice(0,2)==="on"){const u=t.slice(2).toLowerCase(),d=at.has(u);if(!d&&l){const g=Array.isArray(l)?l[0]:l;e.removeEventListener(u,g)}(d||n)&&(q(e,u,n,d),d&&Y([u]))}else if((s=lt.has(t))||!c&&(ye[t]||(r=ot.has(t)))||(a=e.nodeName.includes("-")))t==="class"||t==="className"?v(e,n):a&&!r&&!s?e[ht(t)]=n:e[ye[t]||t]=n;else{const u=c&&t.indexOf(":")>-1&&it[t.split(":")[0]];u?dt(e,u,t,n):M(e,ct[t]||t,n)}return n}function mt(e){const t=`$$${e.type}`;let n=e.composedPath&&e.composedPath()[0]||e.target;for(e.target!==n&&Object.defineProperty(e,"target",{configurable:!0,value:n}),Object.defineProperty(e,"currentTarget",{configurable:!0,get(){return n||document}}),i.sharedConfig.registry&&!i.sharedConfig.done&&(i.sharedConfig.done=!0,document.querySelectorAll("[id^=pl-]").forEach(l=>{for(;l&&l.nodeType!==8&&l.nodeValue!=="pl-"+e;){let c=l.nextSibling;l.remove(),l=c}l&&l.remove()}));n;){const l=n[t];if(l&&!n.disabled){const c=n[`${t}Data`];if(c!==void 0?l.call(n,c,e):l.call(n,e),e.cancelBubble)return}n=n._$host||n.parentNode||n.host}}function F(e,t,n,l,c){for(i.sharedConfig.context&&!n&&(n=[...e.childNodes]);typeof n=="function";)n=n();if(t===n)return n;const o=typeof t,a=l!==void 0;if(e=a&&n[0]&&n[0].parentNode||e,o==="string"||o==="number"){if(i.sharedConfig.context)return n;if(o==="number"&&(t=t.toString()),a){let r=n[0];r&&r.nodeType===3?r.data=t:r=document.createTextNode(t),n=B(e,n,l,r)}else n!==""&&typeof n=="string"?n=e.firstChild.data=t:n=e.textContent=t}else if(t==null||o==="boolean"){if(i.sharedConfig.context)return n;n=B(e,n,l)}else{if(o==="function")return i.createRenderEffect(()=>{let r=t();for(;typeof r=="function";)r=r();n=F(e,r,n,l)}),()=>n;if(Array.isArray(t)){const r=[],s=n&&Array.isArray(n);if(ce(r,t,n,c))return i.createRenderEffect(()=>n=F(e,r,n,l,!0)),()=>n;if(i.sharedConfig.context){if(!r.length)return n;for(let u=0;u<r.length;u++)if(r[u].parentNode)return n=r}if(r.length===0){if(n=B(e,n,l),a)return n}else s?n.length===0?_e(e,r,l):st(e,n,r):(n&&B(e),_e(e,r));n=r}else if(t instanceof Node){if(i.sharedConfig.context&&t.parentNode)return n=a?[t]:t;if(Array.isArray(n)){if(a)return n=B(e,n,l,t);B(e,n,null,t)}else n==null||n===""||!e.firstChild?e.appendChild(t):e.replaceChild(t,e.firstChild);n=t}}return n}function ce(e,t,n,l){let c=!1;for(let o=0,a=t.length;o<a;o++){let r=t[o],s=n&&n[o];if(r instanceof Node)e.push(r);else if(!(r==null||r===!0||r===!1))if(Array.isArray(r))c=ce(e,r,s)||c;else if(typeof r=="function")if(l){for(;typeof r=="function";)r=r();c=ce(e,Array.isArray(r)?r:[r],Array.isArray(s)?s:[s])||c}else e.push(r),c=!0;else{const u=String(r);s&&s.nodeType===3&&s.data===u?e.push(s):e.push(document.createTextNode(u))}}return c}function _e(e,t,n=null){for(let l=0,c=t.length;l<c;l++)e.insertBefore(t[l],n)}function B(e,t,n,l){if(n===void 0)return e.textContent="";const c=l||document.createTextNode("");if(t.length){let o=!1;for(let a=t.length-1;a>=0;a--){const r=t[a];if(c!==r){const s=r.parentNode===e;!o&&!a?s?e.replaceChild(c,r):e.insertBefore(c,n):s&&r.remove()}else o=!0}}else e.insertBefore(c,n);return[c]}var $t=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},ae={},yt={get exports(){return ae},set exports(e){ae=e}};(function(e,t){(function(n,l){e.exports=l()})($t,function(){return function(n,l,c){n=n||{};var o=l.prototype,a={future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"};function r(u,d,g,p){return o.fromToBase(u,d,g,p)}c.en.relativeTime=a,o.fromToBase=function(u,d,g,p,$){for(var y,C,x,k=g.$locale().relativeTime||a,S=n.thresholds||[{l:"s",r:44,d:"second"},{l:"m",r:89},{l:"mm",r:44,d:"minute"},{l:"h",r:89},{l:"hh",r:21,d:"hour"},{l:"d",r:35},{l:"dd",r:25,d:"day"},{l:"M",r:45},{l:"MM",r:10,d:"month"},{l:"y",r:17},{l:"yy",d:"year"}],le=S.length,L=0;L<le;L+=1){var A=S[L];A.d&&(y=p?c(u).diff(g,A.d,!0):g.diff(u,A.d,!0));var U=(n.rounding||Math.round)(Math.abs(y));if(x=y>0,U<=A.r||!A.r){U<=1&&L>0&&(A=S[L-1]);var he=k[A.l];$&&(U=$(""+U)),C=typeof he=="string"?he.replace("%d",U):he(U,d,A.l,x);break}}if(d)return C;var me=x?k.future:k.past;return typeof me=="function"?me(C):me.replace("%s",C)},o.to=function(u,d){return r(u,d,this,!0)},o.from=function(u,d){return r(u,d,this)};var s=function(u){return u.$u?c.utc():c()};o.toNow=function(u){return this.to(s(this),u)},o.fromNow=function(u){return this.from(s(this),u)}}})})(yt);const vt=ae,Ct=m("<button></button>"),O=e=>(()=>{const t=Ct.cloneNode(!0);return pt(t,i.mergeProps(e,{onMouseDown:bt}),!1,!1),t})();function bt(e){e.preventDefault()}const xt=Object.assign({"/src/assets/icons/caret-down.svg":`<svg
|
|
2
2
|
xmlns="http://www.w3.org/2000/svg"
|
|
3
3
|
width="32"
|
|
4
4
|
height="32"
|
|
@@ -24,13 +24,13 @@
|
|
|
24
24
|
`,"/src/assets/icons/settings.svg":`<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
25
25
|
<path d="M30 8H25.9C25.4 5.7 23.4 4 21 4C18.6 4 16.6 5.7 16.1 8H2V10H16.1C16.6 12.3 18.6 14 21 14C23.4 14 25.4 12.3 25.9 10H30V8ZM21 12C19.3 12 18 10.7 18 9C18 7.3 19.3 6 21 6C22.7 6 24 7.3 24 9C24 10.7 22.7 12 21 12ZM2 24H6.1C6.6 26.3 8.6 28 11 28C13.4 28 15.4 26.3 15.9 24H30V22H15.9C15.4 19.7 13.4 18 11 18C8.6 18 6.6 19.7 6.1 22H2V24ZM11 20C12.7 20 14 21.3 14 23C14 24.7 12.7 26 11 26C9.3 26 8 24.7 8 23C8 21.3 9.3 20 11 20Z" fill="currentColor"/>
|
|
26
26
|
</svg>
|
|
27
|
-
`});function
|
|
27
|
+
`});function _t(e){return xt[`/src/assets/icons/${e}.svg`]}const ie=`
|
|
28
28
|
position: absolute;
|
|
29
29
|
width: 100%;
|
|
30
30
|
height: 100%;
|
|
31
31
|
top: 0;
|
|
32
32
|
left: 0;
|
|
33
|
-
`;function
|
|
33
|
+
`;function wt(e,t="px"){return typeof e=="string"?String(e):Array.isArray(e)?e.map(n=>`${n}${t}`).join(" "):`${e}${t}`}const Nt=m("<div></div>"),St=b.css`
|
|
34
34
|
&&& {
|
|
35
35
|
position: relative;
|
|
36
36
|
color: currentColor;
|
|
@@ -39,50 +39,50 @@
|
|
|
39
39
|
|
|
40
40
|
svg {
|
|
41
41
|
display: block;
|
|
42
|
-
${
|
|
42
|
+
${ie};
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
|
-
`,
|
|
45
|
+
`,G=e=>{const t=_t(e.name);return(()=>{const n=Nt.cloneNode(!0);return n.innerHTML=t,i.createRenderEffect(l=>{const c=`icon ${e.class||""} ${St}`,o={color:e.color,"--icon-size":e.size&&wt(e.size)};return c!==l._v$&&v(n,l._v$=c),l._v$2=Ce(n,o,l._v$2),l},{_v$:void 0,_v$2:void 0}),n})()},Q=Symbol("store-raw"),X=Symbol("store-node"),Mt=Symbol("store-name");function we(e,t){let n=e[i.$PROXY];if(!n&&(Object.defineProperty(e,i.$PROXY,{value:n=new Proxy(e,Pt)}),!Array.isArray(e))){const l=Object.keys(e),c=Object.getOwnPropertyDescriptors(e);for(let o=0,a=l.length;o<a;o++){const r=l[o];c[r].get&&Object.defineProperty(e,r,{enumerable:c[r].enumerable,get:c[r].get.bind(n)})}}return n}function H(e){let t;return e!=null&&typeof e=="object"&&(e[i.$PROXY]||!(t=Object.getPrototypeOf(e))||t===Object.prototype||Array.isArray(e))}function V(e,t=new Set){let n,l,c,o;if(n=e!=null&&e[Q])return n;if(!H(e)||t.has(e))return e;if(Array.isArray(e)){Object.isFrozen(e)?e=e.slice(0):t.add(e);for(let a=0,r=e.length;a<r;a++)c=e[a],(l=V(c,t))!==c&&(e[a]=l)}else{Object.isFrozen(e)?e=Object.assign({},e):t.add(e);const a=Object.keys(e),r=Object.getOwnPropertyDescriptors(e);for(let s=0,u=a.length;s<u;s++)o=a[s],!r[o].get&&(c=e[o],(l=V(c,t))!==c&&(e[o]=l))}return e}function se(e){let t=e[X];return t||Object.defineProperty(e,X,{value:t={}}),t}function ue(e,t,n){return e[t]||(e[t]=Se(n))}function kt(e,t){const n=Reflect.getOwnPropertyDescriptor(e,t);return!n||n.get||!n.configurable||t===i.$PROXY||t===X||t===Mt||(delete n.value,delete n.writable,n.get=()=>e[i.$PROXY][t]),n}function Ne(e){if(i.getListener()){const t=se(e);(t._||(t._=Se()))()}}function At(e){return Ne(e),Reflect.ownKeys(e)}function Se(e){const[t,n]=i.createSignal(e,{equals:!1,internal:!0});return t.$=n,t}const Pt={get(e,t,n){if(t===Q)return e;if(t===i.$PROXY)return n;if(t===i.$TRACK)return Ne(e),n;const l=se(e),c=l.hasOwnProperty(t);let o=c?l[t]():e[t];if(t===X||t==="__proto__")return o;if(!c){const a=Object.getOwnPropertyDescriptor(e,t);i.getListener()&&(typeof o!="function"||e.hasOwnProperty(t))&&!(a&&a.get)&&(o=ue(l,t,o)())}return H(o)?we(o):o},has(e,t){return t===Q||t===i.$PROXY||t===i.$TRACK||t===X||t==="__proto__"?!0:(this.get(e,t,e),t in e)},set(){return!0},deleteProperty(){return!0},ownKeys:At,getOwnPropertyDescriptor:kt};function Z(e,t,n,l=!1){if(!l&&e[t]===n)return;const c=e[t],o=e.length;n===void 0?delete e[t]:e[t]=n;let a=se(e),r;(r=ue(a,t,c))&&r.$(()=>n),Array.isArray(e)&&e.length!==o&&(r=ue(a,"length",o))&&r.$(e.length),(r=a._)&&r.$()}function Me(e,t){const n=Object.keys(t);for(let l=0;l<n.length;l+=1){const c=n[l];Z(e,c,t[c])}}function Et(e,t){if(typeof t=="function"&&(t=t(e)),t=V(t),Array.isArray(t)){if(e===t)return;let n=0,l=t.length;for(;n<l;n++){const c=t[n];e[n]!==c&&Z(e,n,c)}Z(e,"length",l)}else Me(e,t)}function W(e,t,n=[]){let l,c=e;if(t.length>1){l=t.shift();const a=typeof l,r=Array.isArray(e);if(Array.isArray(l)){for(let s=0;s<l.length;s++)W(e,[l[s]].concat(t),n);return}else if(r&&a==="function"){for(let s=0;s<e.length;s++)l(e[s],s)&&W(e,[s].concat(t),n);return}else if(r&&a==="object"){const{from:s=0,to:u=e.length-1,by:d=1}=l;for(let g=s;g<=u;g+=d)W(e,[g].concat(t),n);return}else if(t.length>1){W(e[l],t,[l].concat(n));return}c=e[l],n=[l].concat(n)}let o=t[0];typeof o=="function"&&(o=o(c,n),o===c)||l===void 0&&o==null||(o=V(o),l===void 0||H(c)&&H(o)&&!Array.isArray(o)?Me(c,o):Z(e,l,o))}function ke(...[e,t]){const n=V(e||{}),l=Array.isArray(n),c=we(n);function o(...a){i.batch(()=>{l&&a.length===1?Et(n,a[0]):W(n,a)})}return[c,o]}const J=new WeakMap,Ae={get(e,t){if(t===Q)return e;const n=e[t];let l;return H(n)?J.get(n)||(J.set(n,l=new Proxy(n,Ae)),l):n},set(e,t,n){return Z(e,t,V(n)),!0},deleteProperty(e,t){return Z(e,t,void 0,!0),!0}};function Tt(e){return t=>{if(H(t)){let n;(n=J.get(t))||J.set(t,n=new Proxy(t,Ae)),e(n)}return t}}const[N,ee]=ke({selectedCall:null,selectedRequest:null,selectedTab:null,selectedSubitem:null}),te=`
|
|
46
46
|
display: inline-block;
|
|
47
47
|
overflow: hidden;
|
|
48
48
|
text-overflow: ellipsis;
|
|
49
49
|
white-space: nowrap;
|
|
50
50
|
word-wrap: norma;
|
|
51
51
|
max-width: 100%;
|
|
52
|
-
`,
|
|
52
|
+
`,Ot={left:"flex-start",center:"center",right:"flex-end",spaceBetween:"space-between",spaceAround:"space-around",spaceEvenly:"space-evenly"},Rt={top:"flex-start",bottom:"flex-end",center:"center",stretch:"stretch"},D=({justify:e="left",align:t="center",gap:n}={})=>`
|
|
53
53
|
display: flex;
|
|
54
54
|
column-gap: ${n}px;
|
|
55
55
|
flex-direction: row;
|
|
56
|
-
justify-content: ${
|
|
57
|
-
align-items: ${
|
|
58
|
-
`,
|
|
56
|
+
justify-content: ${Ot[e]};
|
|
57
|
+
align-items: ${Rt[t]};
|
|
58
|
+
`,Lt={top:"flex-start",center:"center",bottom:"flex-end",spaceBetween:"space-between",spaceAround:"space-around",spaceEvenly:"space-evenly"},jt={left:"flex-start",right:"flex-end",center:"center",stretch:"stretch"},_=({justify:e="top",align:t="stretch",gap:n=0}={})=>`
|
|
59
59
|
row-gap: ${n}px;
|
|
60
60
|
display: flex;
|
|
61
61
|
flex-direction: column;
|
|
62
|
-
justify-content: ${
|
|
63
|
-
align-items: ${
|
|
64
|
-
`;function
|
|
62
|
+
justify-content: ${Lt[e]};
|
|
63
|
+
align-items: ${jt[t]};
|
|
64
|
+
`;function Dt(e){if(e.length<4)throw new Error("Invalid hex value");return(e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(t,n,l,c)=>`#${n}${n}${l}${l}${c}${c}`).substring(1).match(/.{2}/g)||[]).map(t=>parseInt(t,16))}function zt(e){return Object.entries(e)}const ne=document.documentElement.style;let Pe=1;function It(e){const t={};for(const[n,l]of zt(e)){const[c,o,a]=Dt(l),r=`c${Pe}`;Pe++,ne.setProperty(`--${r}-r`,String(c)),ne.setProperty(`--${r}-g`,String(o)),ne.setProperty(`--${r}-b`,String(a)),ne.setProperty(`--${r}`,l),t[n]={red:c,green:o,blue:a,var:`var(--${r})`,raw:l,alpha:s=>`rgba(var(--${r}-r), var(--${r}-g), var(--${r}-b), ${s})`,darker:(s,u)=>{const d=s/100;return`${u?"rgba":"rgb"}(${[`calc(var(--${r}-r) - var(--${r}-r) * ${d})`,`calc(var(--${r}-g) - var(--${r}-g) * ${d})`,`calc(var(--${r}-b) - var(--${r}-b) * ${d})`].join(",")}${u!==void 0?`, ${u}`:""})`},lighter:(s,u)=>{const d=s/100;return`${u?"rgba":"rgb"}(${[`calc(var(--${r}-r) + (255 - var(--${r}-r)) * ${d})`,`calc(var(--${r}-g) + (255 - var(--${r}-g)) * ${d})`,`calc(var(--${r}-b) + (255 - var(--${r}-b)) * ${d})`].join(",")}${u!==void 0?`, ${u}`:""})`}}}return t}const h=It({bgPrimary:"#0F172A",bgSecondary:"#1E293B",textPrimary:"#fff",primary:"#F472B6",secondary:"#7DD3FC",warning:"#FDE047",error:"#f87171",successDarker:"#0d9488",success:"#4ADE80",bg:"#EAEFFF",white:"#fff",black:"#000"}),P={primary:"Work Sans, sans-serif",decorative:'"Fira Code", monospaced'};function Ft(e,t,n){if(!e)return t;const l=[],c=new Map(e.map(o=>[o[n],o]));for(const o of t){const a=c.get(o[n]);a&&$e.dequal(a,o)?l.push(a):l.push(o)}return l}function Ee(e,t){return i.createMemo(n=>Ft(n,typeof e=="function"?e():e,t))}function de(e){const[t,n]=i.createSignal(e);return{get value(){return t()},set value(l){n(()=>l)},set(l){n(()=>l)}}}const Bt=m('<div class="tag"></div>'),Te=m("<span></span>"),Ht=m('<div><div class="call"></div></div>'),Vt=b.css`
|
|
65
65
|
&&& {
|
|
66
66
|
font-size: 14px;
|
|
67
67
|
${_()};
|
|
68
68
|
|
|
69
69
|
> .call {
|
|
70
70
|
padding: 4px 12px;
|
|
71
|
-
${
|
|
71
|
+
${D()};
|
|
72
72
|
opacity: 0.8;
|
|
73
73
|
|
|
74
74
|
&.selected {
|
|
75
75
|
opacity: 1;
|
|
76
|
-
background-color: ${
|
|
76
|
+
background-color: ${h.secondary.alpha(.16)};
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
> button {
|
|
80
80
|
text-align: left;
|
|
81
|
-
${
|
|
81
|
+
${D({gap:8})};
|
|
82
82
|
|
|
83
83
|
> .tag {
|
|
84
84
|
font-weight: 600;
|
|
85
|
-
font-family: ${
|
|
85
|
+
font-family: ${P.decorative};
|
|
86
86
|
}
|
|
87
87
|
|
|
88
88
|
> span {
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
padding: 4px 12px;
|
|
98
98
|
padding-left: 14px;
|
|
99
99
|
margin-left: 16px;
|
|
100
|
-
border-left: 1px solid ${
|
|
100
|
+
border-left: 1px solid ${h.white.alpha(.1)};
|
|
101
101
|
|
|
102
102
|
span {
|
|
103
103
|
opacity: 0.6;
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
|
|
109
109
|
&.selected span {
|
|
110
110
|
opacity: 1;
|
|
111
|
-
background-color: ${
|
|
111
|
+
background-color: ${h.secondary.alpha(.16)};
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
&:first-of-type {
|
|
@@ -117,7 +117,7 @@
|
|
|
117
117
|
|
|
118
118
|
&:last-of-type {
|
|
119
119
|
border-radius: 0 0 0 10px;
|
|
120
|
-
border-bottom: 1px solid ${
|
|
120
|
+
border-bottom: 1px solid ${h.white.alpha(.1)};
|
|
121
121
|
padding-bottom: 10px;
|
|
122
122
|
margin-bottom: 4px;
|
|
123
123
|
}
|
|
@@ -132,66 +132,66 @@
|
|
|
132
132
|
}
|
|
133
133
|
}
|
|
134
134
|
}
|
|
135
|
-
`,
|
|
135
|
+
`,Zt=e=>{const t=()=>e.item,n=()=>e.currentCallId;i.splitProps(e,["item","currentCallId"])[1];const l=de(e.item.subitemsWithAlias.length<4),c=Kt(t().type,t().subType);return(()=>{const o=Ht.cloneNode(!0),a=o.firstChild;return v(o,Vt),f(a,i.createComponent(O,{onClick:()=>{ee({selectedCall:t().id,selectedSubitem:null})},get children(){return[(()=>{const r=Bt.cloneNode(!0);return f(r,()=>c.icon),i.createRenderEffect(s=>{const u=`${t().type}${t().subType?` (${t().subType})`:""}`,d=c.color;return u!==s._v$&&M(r,"title",s._v$=u),d!==s._v$2&&r.style.setProperty("color",s._v$2=d),s},{_v$:void 0,_v$2:void 0}),r})(),(()=>{const r=Te.cloneNode(!0);return f(r,()=>t().name),i.createRenderEffect(()=>M(r,"title",t().name)),r})()]}}),null),f(a,(()=>{const r=i.createMemo(()=>t().subitemsWithAlias.length>0);return()=>r()&&i.createComponent(O,{class:"expand-button",get classList(){return{expanded:l.value}},onClick:()=>{l.value=!l.value},get children(){return i.createComponent(G,{name:"caret-down"})}})})(),null),f(o,i.createComponent(i.Show,{get when(){return l.value},get children(){return i.createComponent(i.For,{get each(){return t().subitemsWithAlias},children:r=>i.createComponent(O,{class:"subitem",get classList(){return{selected:n()===t().id&&N.selectedSubitem===r}},onClick:()=>{ee({selectedCall:t().id,selectedSubitem:r})},get children(){const s=Te.cloneNode(!0);return f(s,r),s}})})}}),null),i.createRenderEffect(()=>a.classList.toggle("selected",n()?n()===t().id:e.index===0)),o})()};function Kt(e,t){let n="",l="";return e==="fetch"?(n="F",l="#FDE047"):t?t==="create"?(n="C",l="#6EE7B7"):t==="update"?(n="U",l="#A78BFA"):t==="delete"?(n="D",l="#E53558"):(n=t[0]?.toUpperCase()||"?",l="#FDE047"):(n="M",l="#A78BFA"),{icon:n,color:l}}function Oe(e){if(e==null)throw new Error("Value is null or undefined")}function Re(e,t){try{return e()}catch(n){return t&&t(n),null}}function Ut(e,t){const n=Qe.parse(t);return Xt(e,n)}function Xt(e,t){let n=0;const l={},c=t.pattern.exec(e);if(!c)return null;for(;n<t.keys.length;)l[t.keys[n]]=c[++n]||null;return l}function Le(e){return e?e.slice().reverse():[]}function Wt(...e){const t=[];for(const n of e)n!=null&&t.push(...n);return t}function Yt(e){return e.filter(t=>t!=null)}const[z,qt]=ke({calls:{}});let fe={callsProcessor:[]};function Gt(e){fe={...fe,...e}}function Qt(e){const t=e.startTime||Date.now();return({isError:n,status:l,response:c,metadata:o,tags:a})=>{const r=e.duration||Date.now()-t;qt(Tt(s=>{const u=Re(()=>new URL(e.path,"http://localhost"));Oe(u);const d=u.searchParams.toString()!==""?Object.fromEntries(u.searchParams.entries()):null;let g=null;const p=fe.callsProcessor.find(L=>{if(typeof L.match=="string"){const A=Ut(u.pathname,L.match);return A?(g=A,!0):!1}else return L.match({url:u,type:e.type,subType:e.subType})}),$=p?.callID?.({url:u,type:e.type,subType:e.subType})||typeof p?.match=="string"&&p.match,y=btoa($||`${u.pathname}|${e.type}${e.subType?`|${e.subType}`:""}`),C=p?.callName,x=typeof C=="function"?C({url:u,type:e.type,subType:e.subType}):C;s.calls[y]||(s.calls[y]={name:x||typeof p?.match=="string"&&p.match||u.pathname.replace(/^\//,""),path:u.pathname.replace(/^\//,""),lastRequestStartTime:t,requests:[],type:e.type,subType:e.subType});const k=s.calls[y];Oe(k),k.requests.length>100&&k.requests.shift();const S={id:Ge.nanoid(),duration:r,pathParams:g,isError:n,metadata:o,path:e.path.replace(/^\//,""),payload:e.payload,response:c,searchParams:d,startTime:t,type:e.type,method:e.method,subType:e.subType,code:l,tags:Yt(Wt(e.tags,a))},le=Re(()=>p?.payloadAlias?.(S.payload,S));le&&(S.alias=le),k.requests.push(S)}))}}const Jt=m('<div><h1>API EXPLORER</h1><label><input type="text" placeholder="Search"></label><div></div></div>'),en=b.css`
|
|
136
136
|
&&& {
|
|
137
137
|
${_()};
|
|
138
|
-
border-right: 1px solid ${
|
|
138
|
+
border-right: 1px solid ${h.white.alpha(.1)};
|
|
139
139
|
|
|
140
140
|
> h1 {
|
|
141
141
|
font-size: 18px;
|
|
142
142
|
padding-left: 12px;
|
|
143
143
|
padding-top: 10px;
|
|
144
|
-
font-family: ${
|
|
145
|
-
color: ${
|
|
144
|
+
font-family: ${P.decorative};
|
|
145
|
+
color: ${h.secondary.var};
|
|
146
146
|
padding-bottom: 16px;
|
|
147
147
|
}
|
|
148
148
|
}
|
|
149
|
-
`,
|
|
149
|
+
`,tn=b.css`
|
|
150
150
|
&&& {
|
|
151
151
|
${_()};
|
|
152
152
|
flex: 1 1;
|
|
153
153
|
overflow-y: auto;
|
|
154
154
|
padding-bottom: 16px;
|
|
155
155
|
}
|
|
156
|
-
`,
|
|
156
|
+
`,nn=b.css`
|
|
157
157
|
&&& {
|
|
158
|
-
${
|
|
158
|
+
${D({gap:8})};
|
|
159
159
|
margin: 0 10px;
|
|
160
160
|
margin-bottom: 8px;
|
|
161
161
|
|
|
162
162
|
display: grid;
|
|
163
163
|
grid-template-columns: 14px 1fr;
|
|
164
|
-
background: ${
|
|
164
|
+
background: ${h.white.alpha(.05)};
|
|
165
165
|
border-radius: 4px;
|
|
166
166
|
--icon-size: 16px;
|
|
167
167
|
padding: 4px 0;
|
|
168
168
|
padding-left: 6px;
|
|
169
169
|
|
|
170
170
|
.icon {
|
|
171
|
-
color: ${
|
|
171
|
+
color: ${h.secondary.var};
|
|
172
172
|
}
|
|
173
173
|
|
|
174
174
|
input {
|
|
175
175
|
border: none;
|
|
176
176
|
background: transparent;
|
|
177
|
-
color: ${
|
|
177
|
+
color: ${h.white.var};
|
|
178
178
|
|
|
179
179
|
&:focus {
|
|
180
180
|
outline: none;
|
|
181
181
|
}
|
|
182
182
|
}
|
|
183
183
|
}
|
|
184
|
-
`,
|
|
184
|
+
`,rn=()=>{const e=de(""),t=Ee(()=>{const l=Object.entries(z.calls),c=[];for(const[o,a]of l.reverse()){if(e.value.trim()&&!a.name.includes(e.value.toLowerCase()))continue;const r=new Set;for(const s of a.requests)s.alias&&r.add(s.alias);c.push({id:o,subitemsWithAlias:[...r],...a})}return c},"id"),n=i.createMemo(()=>N.selectedCall);return(()=>{const l=Jt.cloneNode(!0),c=l.firstChild,o=c.nextSibling,a=o.firstChild,r=o.nextSibling;return v(l,en),v(o,nn),f(o,i.createComponent(G,{name:"search"}),a),a.$$input=s=>{e.value=s.currentTarget.value},v(r,tn),f(r,i.createComponent(i.For,{get each(){return t()},children:(s,u)=>i.createComponent(Zt,{get index(){return u()},item:s,get currentCallId(){return n()}})})),i.createRenderEffect(()=>a.value=e.value),l})()};Y(["input"]);function je(...e){const t=[];for(let n=0;n<e.length;n++){const l=e[n];if(!l)continue;const c=typeof l;if(c==="string"||c==="number")t.push(l);else if(c==="object")for(let o=0,a=Object.keys(l);o<a.length;o++)l[a[o]]&&t.push(a[o])}return t.join(" ")}const on=m('<div><div class="content"></div></div>'),ln=m("<h1></h1>"),cn=b.css`
|
|
185
185
|
&&& {
|
|
186
186
|
${_()};
|
|
187
187
|
|
|
188
188
|
> h1 {
|
|
189
189
|
font-size: 14px;
|
|
190
|
-
color: ${
|
|
190
|
+
color: ${h.secondary.var};
|
|
191
191
|
letter-spacing: 0.08em;
|
|
192
|
-
font-family: ${
|
|
192
|
+
font-family: ${P.decorative};
|
|
193
193
|
font-weight: 300;
|
|
194
|
-
background: ${
|
|
194
|
+
background: ${h.bgPrimary.var};
|
|
195
195
|
z-index: 1;
|
|
196
196
|
align-self: flex-start;
|
|
197
197
|
position: sticky;
|
|
@@ -207,7 +207,7 @@
|
|
|
207
207
|
padding-top: calc(var(--padding-top) + 10px);
|
|
208
208
|
padding-inline: 10px;
|
|
209
209
|
padding-bottom: 10px;
|
|
210
|
-
background: ${
|
|
210
|
+
background: ${h.white.alpha(.05)};
|
|
211
211
|
border-radius: 4px;
|
|
212
212
|
}
|
|
213
213
|
|
|
@@ -215,22 +215,22 @@
|
|
|
215
215
|
margin-top: 20px;
|
|
216
216
|
}
|
|
217
217
|
}
|
|
218
|
-
`,
|
|
218
|
+
`,E=e=>(()=>{const t=on.cloneNode(!0),n=t.firstChild;return f(t,(()=>{const l=i.createMemo(()=>!!e.title);return()=>l()&&(()=>{const c=ln.cloneNode(!0);return f(c,()=>e.title),c})()})(),n),f(n,()=>e.children),i.createRenderEffect(()=>v(t,je(cn,e.class))),t})(),an=`
|
|
219
219
|
user-select: text;
|
|
220
220
|
|
|
221
221
|
*, *::before, *::after {
|
|
222
222
|
user-select: text;
|
|
223
223
|
}
|
|
224
|
-
`;function
|
|
224
|
+
`;function sn(e){return`
|
|
225
225
|
display: -webkit-box;
|
|
226
226
|
overflow: hidden;
|
|
227
227
|
-webkit-line-clamp: ${e};
|
|
228
228
|
-webkit-box-orient: vertical;
|
|
229
|
-
`}const
|
|
229
|
+
`}const un=m('<div class="key"><span></span></div>'),dn=m('<div class="collapsed"></div>'),fn=m('<div class="delimiter">[]</div>'),pn=m('<div class="delimiter">{}</div>'),De=m('<div class="delimiter"></div>'),ze=m('<div class="childs"></div>'),gn=m('<div class="delimiter end">]</div>'),Ie=m('<div class="child"></div>'),hn=m('<div class="delimiter end">}</div>'),mn=m('<div class="value" title="Shift + Click to copy value"></div>'),Fe=m('<span class="string-quotes">"</span>'),$n=m("<div></div>"),yn=b.css`
|
|
230
230
|
&&& {
|
|
231
|
-
font-family: ${
|
|
231
|
+
font-family: ${P.decorative};
|
|
232
232
|
font-size: 13px;
|
|
233
|
-
${
|
|
233
|
+
${an};
|
|
234
234
|
${_({gap:2})};
|
|
235
235
|
padding-left: 8px;
|
|
236
236
|
|
|
@@ -239,7 +239,7 @@
|
|
|
239
239
|
width: 16px;
|
|
240
240
|
display: inline-block;
|
|
241
241
|
vertical-align: middle;
|
|
242
|
-
color: ${
|
|
242
|
+
color: ${h.white.alpha(.5)};
|
|
243
243
|
|
|
244
244
|
&:not(.expanded) .icon {
|
|
245
245
|
transform: rotate(-90deg);
|
|
@@ -247,7 +247,7 @@
|
|
|
247
247
|
}
|
|
248
248
|
|
|
249
249
|
.show-all {
|
|
250
|
-
color: ${
|
|
250
|
+
color: ${h.white.alpha(.5)};
|
|
251
251
|
text-align: left;
|
|
252
252
|
}
|
|
253
253
|
|
|
@@ -256,7 +256,7 @@
|
|
|
256
256
|
}
|
|
257
257
|
|
|
258
258
|
.delimiter {
|
|
259
|
-
color: ${
|
|
259
|
+
color: ${h.white.alpha(.5)};
|
|
260
260
|
margin-top: 1px;
|
|
261
261
|
margin-bottom: 1px;
|
|
262
262
|
|
|
@@ -270,13 +270,13 @@
|
|
|
270
270
|
.childs {
|
|
271
271
|
padding-left: 20px;
|
|
272
272
|
grid-column: 1 / span 3;
|
|
273
|
-
border-left: 1px solid ${
|
|
273
|
+
border-left: 1px solid ${h.white.alpha(.05)};
|
|
274
274
|
|
|
275
275
|
> .value {
|
|
276
276
|
&::after {
|
|
277
277
|
content: ',';
|
|
278
278
|
opacity: 0.5;
|
|
279
|
-
color: ${
|
|
279
|
+
color: ${h.white.var};
|
|
280
280
|
}
|
|
281
281
|
}
|
|
282
282
|
}
|
|
@@ -288,7 +288,7 @@
|
|
|
288
288
|
.key {
|
|
289
289
|
color: #a5d6ff;
|
|
290
290
|
margin-right: 5px;
|
|
291
|
-
${
|
|
291
|
+
${D({align:"top"})};
|
|
292
292
|
|
|
293
293
|
span {
|
|
294
294
|
flex-shrink: 1;
|
|
@@ -296,12 +296,12 @@
|
|
|
296
296
|
}
|
|
297
297
|
|
|
298
298
|
&.index {
|
|
299
|
-
color: ${
|
|
299
|
+
color: ${h.success.alpha(.7)};
|
|
300
300
|
}
|
|
301
301
|
|
|
302
302
|
&::after {
|
|
303
303
|
content: ':';
|
|
304
|
-
color: ${
|
|
304
|
+
color: ${h.secondary.alpha(.5)};
|
|
305
305
|
}
|
|
306
306
|
}
|
|
307
307
|
}
|
|
@@ -312,35 +312,35 @@
|
|
|
312
312
|
|
|
313
313
|
.value {
|
|
314
314
|
word-wrap: break-word;
|
|
315
|
-
${
|
|
315
|
+
${sn(5)};
|
|
316
316
|
}
|
|
317
317
|
|
|
318
318
|
[data-type='number'] {
|
|
319
|
-
color: ${
|
|
319
|
+
color: ${h.primary.var};
|
|
320
320
|
}
|
|
321
321
|
|
|
322
322
|
[data-type='boolean'] {
|
|
323
|
-
color: ${
|
|
323
|
+
color: ${h.warning.var};
|
|
324
324
|
}
|
|
325
325
|
|
|
326
326
|
[data-type='object'],
|
|
327
327
|
[data-type='undefined'] {
|
|
328
|
-
color: ${
|
|
328
|
+
color: ${h.white.alpha(.6)};
|
|
329
329
|
}
|
|
330
330
|
|
|
331
331
|
.collapsed {
|
|
332
|
-
color: ${
|
|
332
|
+
color: ${h.white.alpha(.5)};
|
|
333
333
|
}
|
|
334
334
|
}
|
|
335
|
-
`,
|
|
336
|
-
`:""}Shift + Click to copy value`,C=e.index!==void 0;return y!==$._v$&&
|
|
335
|
+
`,vn=new Intl.NumberFormat("en-US"),K=14,pe=e=>{let[t,n]=i.createSignal(!(e.indent>0&&e.compact)),[l,c]=i.createSignal(!e.compact);return i.createMemo(()=>{const o=e.value,a=Array.isArray(o),r=!a&&typeof o=="object"&&o!==null,s=e.key!==void 0||e.index!==void 0,u=a&&o.length>0||r&&Object.keys(o).length>0,d=u&&i.createComponent(O,{onClick:()=>{n(()=>!t())},get classList(){return{expanded:t()}},class:"expand-button",get children(){return i.createComponent(G,{name:"caret-down",size:14})}});return[s&&(()=>{const g=un.cloneNode(!0),p=g.firstChild;return g.$$click=$=>{$.shiftKey&&re(JSON.stringify(o))},f(g,a||r?d:null,p),f(p,()=>e.key||e.index),i.createRenderEffect($=>{const y=`${e.key?`${e.key}
|
|
336
|
+
`:""}Shift + Click to copy value`,C=e.index!==void 0;return y!==$._v$&&M(g,"title",$._v$=y),C!==$._v$2&&g.classList.toggle("index",$._v$2=C),$},{_v$:void 0,_v$2:void 0}),g})(),i.createMemo((()=>{const g=i.createMemo(()=>!!(s&&u&&!t()));return()=>g()?(()=>{const p=dn.cloneNode(!0);return f(p,()=>a?`[…] ${o.length} items`:`{…} ${Object.keys(o).length} properties`),p})():(()=>a&&o.length===0?fn.cloneNode(!0):r&&Object.keys(o).length===0?pn.cloneNode(!0):a?[(()=>{const p=De.cloneNode(!0);return q(p,"click",s?void 0:$=>{$.shiftKey&&re(JSON.stringify(o))},!0),M(p,"title",s?void 0:"Shift + Click to copy value"),f(p,!s&&d,null),f(p,()=>t()?"[":`[…] ${o.length} items`,null),p})(),i.createMemo((()=>{const p=i.createMemo(()=>!!t());return()=>p()&&[(()=>{const $=ze.cloneNode(!0);return f($,()=>{let y=o;const C=y.length;return l()||(y=y.slice(0,K)),[i.createMemo(()=>y.map((x,k)=>(()=>{const S=Ie.cloneNode(!0);return f(S,i.createComponent(pe,{value:x,get indent(){return e.indent+1},index:k,get compact(){return e.compact}})),S})())),i.createMemo((()=>{const x=i.createMemo(()=>!l()&&C>K);return()=>x()&&i.createComponent(O,{onClick:()=>{c(()=>!0)},class:"show-all",get children(){return["…show all (+",C-K,")"]}})})())]}),$})(),gn.cloneNode(!0)]})())]:r?[(()=>{const p=De.cloneNode(!0);return q(p,"click",s?void 0:$=>{$.shiftKey&&re(JSON.stringify(o))},!0),M(p,"title",s?void 0:"Shift + Click to copy value"),f(p,!s&&d,null),f(p,(()=>{const $=i.createMemo(()=>!!t());return()=>$()?"{":`{…} ${Object.keys(o).length} properties`})(),null),p})(),i.createMemo((()=>{const p=i.createMemo(()=>!!t());return()=>p()&&[(()=>{const $=ze.cloneNode(!0);return f($,()=>{let y=Object.entries(o);const C=y.length;return l()||(y=y.slice(0,K)),[i.createMemo(()=>y.map(([x,k])=>(()=>{const S=Ie.cloneNode(!0);return f(S,i.createComponent(pe,{value:k,key:x,get indent(){return e.indent+1},get compact(){return e.compact}})),S})())),i.createMemo((()=>{const x=i.createMemo(()=>!l()&&C>K);return()=>x()&&i.createComponent(O,{onClick:()=>{c(()=>!0)},class:"show-all",get children(){return["…show all (+",C-K,")"]}})})())]}),$})(),hn.cloneNode(!0)]})())]:(()=>{const p=mn.cloneNode(!0);return p.$$click=$=>{$.shiftKey&&re(String(o))},M(p,"data-type",typeof o),f(p,typeof o=="string"&&Fe.cloneNode(!0),null),f(p,()=>typeof o=="number"?vn.format(o):String(o),null),f(p,typeof o=="string"&&Fe.cloneNode(!0),null),p})())()})())]})},j=e=>(()=>{const t=$n.cloneNode(!0);return v(t,yn),f(t,i.createComponent(pe,{get value(){return e.value},indent:0,get compact(){return!!e.compact}})),t})();async function re(e){await navigator.clipboard.writeText(e),alert("Copied to clipboard")}Y(["click"]);let Cn=0;function bn(){return Cn++}const xn=m("<label></label>"),_n=m('<div><div class="inputContainer"><select></select></div></div>'),wn=m('<option value="">-- select an option --</option>'),Nn=m("<option></option>"),Sn=b.css`
|
|
337
337
|
&&& {
|
|
338
338
|
${_({align:"left"})};
|
|
339
339
|
width: 100%;
|
|
340
340
|
position: relative;
|
|
341
341
|
|
|
342
342
|
label {
|
|
343
|
-
color: ${
|
|
343
|
+
color: ${h.primary.var};
|
|
344
344
|
z-index: 1;
|
|
345
345
|
font-size: 13px;
|
|
346
346
|
letter-spacing: 0.08em;
|
|
@@ -348,7 +348,7 @@
|
|
|
348
348
|
}
|
|
349
349
|
|
|
350
350
|
.inputContainer {
|
|
351
|
-
background: ${
|
|
351
|
+
background: ${h.white.alpha(.05)};
|
|
352
352
|
border-radius: 4px;
|
|
353
353
|
margin-top: 0px;
|
|
354
354
|
position: relative;
|
|
@@ -365,7 +365,7 @@
|
|
|
365
365
|
padding-left: 10px;
|
|
366
366
|
font-size: 14px;
|
|
367
367
|
background: transparent;
|
|
368
|
-
color: ${
|
|
368
|
+
color: ${h.white.var};
|
|
369
369
|
|
|
370
370
|
&:focus {
|
|
371
371
|
outline: 0;
|
|
@@ -381,31 +381,31 @@
|
|
|
381
381
|
left: 0;
|
|
382
382
|
right: 8px;
|
|
383
383
|
height: 17px;
|
|
384
|
-
background: ${
|
|
384
|
+
background: ${h.white.var};
|
|
385
385
|
}
|
|
386
386
|
}
|
|
387
|
-
`,
|
|
387
|
+
`,Mn=e=>{const t=`input${bn()}`;return(()=>{const n=_n.cloneNode(!0),l=n.firstChild,c=l.firstChild;return f(n,i.createComponent(i.Show,{get when(){return e.label},get children(){const o=xn.cloneNode(!0);return M(o,"for",t),f(o,()=>e.label),o}}),l),c.addEventListener("change",o=>{o.currentTarget.value&&e.onChange(o.currentTarget.value)}),M(c,"id",t),f(c,(()=>{const o=i.createMemo(()=>!e.value);return()=>o()&&wn.cloneNode(!0)})(),null),f(c,i.createComponent(i.For,{get each(){return e.options},children:o=>(()=>{const a=Nn.cloneNode(!0);return f(a,()=>o.label),i.createRenderEffect(()=>a.value=o.value),a})()}),null),i.createRenderEffect(()=>v(n,je(Sn,e.class))),i.createRenderEffect(()=>c.value=e.value??""),n})()};function Be(e){const t=e.alias||e.payload||e.searchParams;return!t||Object.keys(t).length===0?"":typeof t=="string"||typeof t=="number"?String(t):JSON.stringify(t)}function He(e,t){return $e.dequal(e,t)?"no changes":nt.diffJson(typeof e=="object"&&e!==null?e:String(e),typeof t=="object"&&t!==null?t:String(t))}function kn(e,t){return e.length>t?`${e.slice(0,t)}...`:e}const An=m('<div class="changes-count"><span class="additions">+ <b></b> lines</span> | <span class="removals">- <b></b> lines</span></div>'),ge=m("<div></div>"),Ve=m("<div>No changes</div>"),Ze=m('<div class="line"></div>'),Pn=b.css`
|
|
388
388
|
&&& {
|
|
389
389
|
${_({gap:14})};
|
|
390
390
|
|
|
391
391
|
.changes-count {
|
|
392
|
-
color: ${
|
|
392
|
+
color: ${h.white.alpha(.5)};
|
|
393
393
|
font-size: 14px;
|
|
394
394
|
|
|
395
395
|
.additions {
|
|
396
|
-
color: ${
|
|
396
|
+
color: ${h.success.var};
|
|
397
397
|
}
|
|
398
398
|
|
|
399
399
|
.removals {
|
|
400
|
-
color: ${
|
|
400
|
+
color: ${h.error.var};
|
|
401
401
|
}
|
|
402
402
|
}
|
|
403
403
|
}
|
|
404
|
-
`,
|
|
404
|
+
`,Ke=b.css`
|
|
405
405
|
&&& {
|
|
406
406
|
${_({gap:0})};
|
|
407
407
|
font-size: 14px;
|
|
408
|
-
font-family: ${
|
|
408
|
+
font-family: ${P.decorative};
|
|
409
409
|
white-space: pre;
|
|
410
410
|
overflow-x: auto;
|
|
411
411
|
|
|
@@ -415,8 +415,8 @@
|
|
|
415
415
|
|
|
416
416
|
&.added {
|
|
417
417
|
opacity: 1;
|
|
418
|
-
color: ${
|
|
419
|
-
background: ${
|
|
418
|
+
color: ${h.success.var};
|
|
419
|
+
background: ${h.success.alpha(.1)};
|
|
420
420
|
|
|
421
421
|
&::before {
|
|
422
422
|
content: '+';
|
|
@@ -427,8 +427,8 @@
|
|
|
427
427
|
|
|
428
428
|
&.removed {
|
|
429
429
|
opacity: 1;
|
|
430
|
-
color: ${
|
|
431
|
-
background: ${
|
|
430
|
+
color: ${h.error.var};
|
|
431
|
+
background: ${h.error.alpha(.1)};
|
|
432
432
|
|
|
433
433
|
&::before {
|
|
434
434
|
content: '-';
|
|
@@ -438,51 +438,51 @@
|
|
|
438
438
|
}
|
|
439
439
|
}
|
|
440
440
|
}
|
|
441
|
-
`,
|
|
441
|
+
`,En=()=>{const e=i.createMemo(()=>{const{selectedCall:r}=N;return r?z.calls[r]:Object.values(z.calls).at(-1)}),t=Ee(()=>{const r=e();return r?Le(r.requests).map(s=>({value:s.id,label:`${T(s.startTime).format("HH:mm:ss")} | ${kn(Be(s),50)}`})).filter(s=>s.value!==N.selectedRequest):[]},"value"),n=de(null),l=i.createMemo(()=>N.selectedRequest?e()?.requests.find(r=>r.id===N.selectedRequest):null),c=i.createMemo(()=>n.value?e()?.requests.find(r=>r.id===n.value):null),o=i.createMemo(()=>{if(!n.value||!N.selectedRequest)return[];const r=l()?.response,s=c()?.response,u=He(s,r);return u==="no changes"?[]:u}),a=i.createMemo(()=>{if(!n.value||!N.selectedRequest)return[];const r=Ue(l()),s=Ue(c()),u=He(s,r);return u==="no changes"?[]:u});return(()=>{const r=ge.cloneNode(!0);return v(r,Pn),f(r,i.createComponent(Mn,{get value(){return n.value},label:"Select a request to compare with",get options(){return t()},onChange:s=>{n.value=s}}),null),f(r,i.createComponent(i.Show,{get when(){return n.value},get children(){return[(()=>{const s=An.cloneNode(!0),u=s.firstChild,d=u.firstChild,g=d.nextSibling,p=u.nextSibling,$=p.nextSibling,y=$.firstChild,C=y.nextSibling;return f(g,()=>o().filter(x=>x.added).length),f(C,()=>o().filter(x=>x.removed).length),s})(),i.createComponent(E,{get title(){return i.createMemo(()=>!!l()?.payload)()?"Payload Diff":l()?.searchParams?"Search Params Diff":"Path Params Diff"},get children(){const s=ge.cloneNode(!0);return v(s,Ke),f(s,i.createComponent(i.For,{get each(){return a()},get fallback(){return Ve.cloneNode(!0)},children:u=>(()=>{const d=Ze.cloneNode(!0);return f(d,()=>u.value),i.createRenderEffect(g=>{const p=!!u.added,$=!!u.removed;return p!==g._v$&&d.classList.toggle("added",g._v$=p),$!==g._v$2&&d.classList.toggle("removed",g._v$2=$),g},{_v$:void 0,_v$2:void 0}),d})()})),s}}),i.createComponent(E,{title:"Response Diff",get children(){const s=ge.cloneNode(!0);return v(s,Ke),f(s,i.createComponent(i.For,{get each(){return o()},get fallback(){return Ve.cloneNode(!0)},children:u=>(()=>{const d=Ze.cloneNode(!0);return f(d,()=>u.value),i.createRenderEffect(g=>{const p=!!u.added,$=!!u.removed;return p!==g._v$3&&d.classList.toggle("added",g._v$3=p),$!==g._v$4&&d.classList.toggle("removed",g._v$4=$),g},{_v$3:void 0,_v$4:void 0}),d})()})),s}})]}}),null),r})()};function Ue(e){return e?e.payload||e.searchParams||e.pathParams:null}const Xe=m("<div></div>"),Tn=m("<h1></h1>"),On=m('<div class="tags"></div>'),Rn=m('<div class="details"></div>'),Ln=m("<h2></h2>"),jn=m('<div class="method"></div>'),Dn=m('<div class="code"></div>'),zn=m('<div class="tag error">Has Error</div>'),In=m('<div class="tag"></div>'),Fn=b.css`
|
|
442
442
|
&&& {
|
|
443
443
|
${_()};
|
|
444
444
|
padding-left: 10px;
|
|
445
445
|
|
|
446
446
|
> h1 {
|
|
447
447
|
margin-top: 12px;
|
|
448
|
-
font-family: ${
|
|
448
|
+
font-family: ${P.decorative};
|
|
449
449
|
${te};
|
|
450
450
|
}
|
|
451
451
|
|
|
452
452
|
> h2 {
|
|
453
453
|
margin-top: 4px;
|
|
454
|
-
font-family: ${
|
|
454
|
+
font-family: ${P.decorative};
|
|
455
455
|
font-size: 12px;
|
|
456
456
|
opacity: 0.5;
|
|
457
457
|
}
|
|
458
458
|
|
|
459
459
|
.tags {
|
|
460
|
-
${
|
|
460
|
+
${D({gap:8})};
|
|
461
461
|
margin-top: 8px;
|
|
462
462
|
|
|
463
463
|
.method {
|
|
464
|
-
color: ${
|
|
464
|
+
color: ${h.primary.var};
|
|
465
465
|
}
|
|
466
466
|
|
|
467
467
|
.code {
|
|
468
|
-
color: ${
|
|
468
|
+
color: ${h.success.var};
|
|
469
469
|
|
|
470
470
|
&.error {
|
|
471
|
-
color: ${
|
|
471
|
+
color: ${h.error.var};
|
|
472
472
|
}
|
|
473
473
|
}
|
|
474
474
|
|
|
475
475
|
.tag {
|
|
476
476
|
font-size: 11px;
|
|
477
|
-
color: ${
|
|
477
|
+
color: ${h.warning.var};
|
|
478
478
|
padding: 1px 3px;
|
|
479
479
|
border-radius: 4px;
|
|
480
|
-
border: 1px solid ${
|
|
480
|
+
border: 1px solid ${h.warning.alpha(.6)};
|
|
481
481
|
|
|
482
482
|
&.error {
|
|
483
|
-
color: ${
|
|
483
|
+
color: ${h.error.var};
|
|
484
484
|
font-weight: 600;
|
|
485
|
-
border-color: ${
|
|
485
|
+
border-color: ${h.error.alpha(.6)};
|
|
486
486
|
}
|
|
487
487
|
}
|
|
488
488
|
}
|
|
@@ -496,10 +496,10 @@
|
|
|
496
496
|
padding-bottom: 20px;
|
|
497
497
|
}
|
|
498
498
|
}
|
|
499
|
-
`,
|
|
499
|
+
`,Bn=b.css`
|
|
500
500
|
&&& {
|
|
501
|
-
${
|
|
502
|
-
color: ${
|
|
501
|
+
${D({gap:20})};
|
|
502
|
+
color: ${h.secondary.var};
|
|
503
503
|
margin-top: 20px;
|
|
504
504
|
|
|
505
505
|
> button {
|
|
@@ -516,48 +516,48 @@
|
|
|
516
516
|
}
|
|
517
517
|
}
|
|
518
518
|
}
|
|
519
|
-
`,
|
|
519
|
+
`,Hn=()=>{const e=i.createMemo(()=>N.selectedCall),t=i.createMemo(()=>N.selectedRequest),n=i.createMemo(()=>N.selectedTab||"summary"),l=i.createMemo(()=>{let o;e()?o=z.calls[e()]:o=Object.values(z.calls).at(-1);const a=t()&&o?.requests.find(r=>r.id===t())||o?.requests.at(-1);return a&&o?{...a,callName:o.name,callPath:o.path}:null});function c(o,a){return i.createComponent(O,{get classList(){return{selected:n()===o}},onClick:()=>{ee("selectedTab",o)},children:a})}return(()=>{const o=Xe.cloneNode(!0);return v(o,Fn),f(o,i.createComponent(i.Show,{get when(){return l()},keyed:!0,children:a=>[(()=>{const r=Tn.cloneNode(!0);return f(r,()=>a.callName,null),f(r,()=>a.alias&&` | ${a.alias}`,null),r})(),i.createMemo((()=>{const r=i.createMemo(()=>a.callPath!==a.callName);return()=>r()&&(()=>{const s=Ln.cloneNode(!0);return f(s,()=>a.callPath),s})()})()),(()=>{const r=On.cloneNode(!0);return f(r,(()=>{const s=i.createMemo(()=>!!a.method);return()=>s()&&(()=>{const u=jn.cloneNode(!0);return f(u,()=>a.method),u})()})(),null),f(r,(()=>{const s=i.createMemo(()=>!!a.code);return()=>s()&&(()=>{const u=Dn.cloneNode(!0);return f(u,()=>a.code),i.createRenderEffect(()=>u.classList.toggle("error",a.code>=400)),u})()})(),null),f(r,(()=>{const s=i.createMemo(()=>!!a.isError);return()=>s()&&zn.cloneNode(!0)})(),null),f(r,i.createComponent(i.For,{get each(){return a.tags},children:s=>(()=>{const u=In.cloneNode(!0);return f(u,s),u})()}),null),r})(),(()=>{const r=Xe.cloneNode(!0);return v(r,Bn),f(r,()=>c("summary","Summary"),null),f(r,(()=>{const s=i.createMemo(()=>!!a.payload);return()=>s()&&c("payload","Payload")})(),null),f(r,(()=>{const s=i.createMemo(()=>!!a.searchParams);return()=>s()&&c("urlParams","URL Params")})(),null),f(r,()=>c("response","Response"),null),f(r,()=>c("diff","Diff"),null),r})(),(()=>{const r=Rn.cloneNode(!0);return f(r,i.createComponent(i.Switch,{get children(){return[i.createComponent(i.Match,{get when(){return n()==="summary"},get children(){return[i.createMemo(()=>i.createMemo(()=>!!a.payload)()&&i.createComponent(E,{title:"Payload",get children(){return i.createComponent(j,{get value(){return a.payload},compact:!0})}})),i.createMemo(()=>i.createMemo(()=>!!a.searchParams)()&&i.createComponent(E,{title:"URL Params",get children(){return i.createComponent(j,{get value(){return a.searchParams},compact:!0})}})),i.createMemo(()=>i.createMemo(()=>!!a.response)()&&i.createComponent(E,{title:"Response",get children(){return i.createComponent(j,{get value(){return a.response},compact:!0})}})),i.createComponent(E,{title:"Stats",get children(){return i.createComponent(j,{get value(){return{"Duration (ms)":Math.round(a.duration),"Start Time":`${T(a.startTime).format("HH:mm:ss")} (${T(a.startTime).fromNow()})`}}})}}),i.createComponent(E,{title:"Metadata",get children(){return i.createComponent(j,{get value(){return a.metadata}})}})]}}),i.createComponent(i.Match,{get when(){return n()==="payload"},get children(){return i.createComponent(E,{title:null,get children(){return i.createComponent(j,{get value(){return a.payload}})}})}}),i.createComponent(i.Match,{get when(){return n()==="response"},get children(){return i.createComponent(E,{title:null,get children(){return i.createComponent(j,{get value(){return a.response}})}})}}),i.createComponent(i.Match,{get when(){return n()==="urlParams"},get children(){return i.createComponent(E,{title:null,get children(){return i.createComponent(j,{get value(){return a.searchParams}})}})}}),i.createComponent(i.Match,{get when(){return n()==="diff"},get children(){return i.createComponent(En,{})}})]}})),r})()]})),o})()},Vn=m("<div><h1>timeline</h1><div></div></div>"),Zn=m("<div>no requests found</div>"),Kn=m('<span class="start-time"></span>'),Un=m("<div></div>"),Xn=m('<span class="separator">|</span>'),Wn=m('<span class="payload"></span>'),Yn=b.css`
|
|
520
520
|
&&& {
|
|
521
521
|
${_()};
|
|
522
|
-
border-right: 1px solid ${
|
|
522
|
+
border-right: 1px solid ${h.white.alpha(.1)};
|
|
523
523
|
|
|
524
524
|
> h1 {
|
|
525
525
|
font-size: 16px;
|
|
526
526
|
padding-left: 12px;
|
|
527
527
|
padding-top: 10px;
|
|
528
|
-
font-family: ${
|
|
529
|
-
color: ${
|
|
528
|
+
font-family: ${P.decorative};
|
|
529
|
+
color: ${h.secondary.var};
|
|
530
530
|
padding-bottom: 16px;
|
|
531
531
|
}
|
|
532
532
|
}
|
|
533
|
-
`,
|
|
533
|
+
`,qn=b.css`
|
|
534
534
|
&&& {
|
|
535
535
|
${_()};
|
|
536
536
|
flex: 1 1;
|
|
537
537
|
overflow-y: auto;
|
|
538
538
|
}
|
|
539
|
-
`,
|
|
539
|
+
`,Gn=b.css`
|
|
540
540
|
&&& {
|
|
541
541
|
font-size: 13px;
|
|
542
542
|
${_()};
|
|
543
543
|
|
|
544
544
|
&.error {
|
|
545
|
-
color: ${
|
|
545
|
+
color: ${h.error.var};
|
|
546
546
|
font-weight: 600;
|
|
547
547
|
}
|
|
548
548
|
|
|
549
549
|
> button {
|
|
550
550
|
padding: 4px 12px;
|
|
551
|
-
${
|
|
551
|
+
${D({gap:8})};
|
|
552
552
|
opacity: 0.8;
|
|
553
553
|
|
|
554
554
|
&.selected {
|
|
555
555
|
opacity: 1;
|
|
556
|
-
background-color: ${
|
|
556
|
+
background-color: ${h.secondary.alpha(.16)};
|
|
557
557
|
}
|
|
558
558
|
|
|
559
559
|
> .start-time {
|
|
560
|
-
font-family: ${
|
|
560
|
+
font-family: ${P.decorative};
|
|
561
561
|
}
|
|
562
562
|
|
|
563
563
|
> .separator {
|
|
@@ -570,21 +570,21 @@
|
|
|
570
570
|
}
|
|
571
571
|
}
|
|
572
572
|
}
|
|
573
|
-
`,
|
|
573
|
+
`,Qn=b.css`
|
|
574
574
|
&&& {
|
|
575
575
|
opacity: 0.4;
|
|
576
576
|
font-size: 14px;
|
|
577
577
|
padding: 12px;
|
|
578
578
|
padding-top: 0;
|
|
579
579
|
}
|
|
580
|
-
`,
|
|
580
|
+
`,Jn=()=>{const e=i.createMemo(()=>{const c=N.selectedCall;return c?c?z.calls[c]:null:Object.values(z.calls).at(-1)||null}),t=i.createMemo(()=>{const c=Le(e()?.requests);return c.length===0?null:c}),n=i.createMemo(()=>N.selectedSubitem?t()?.filter(c=>c.alias===N.selectedSubitem):t()),l=i.createMemo(()=>N.selectedRequest||n()?.[0]?.id);return(()=>{const c=Vn.cloneNode(!0),o=c.firstChild,a=o.nextSibling;return v(c,Yn),v(a,qn),f(a,i.createComponent(i.For,{get each(){return n()},get fallback(){return(()=>{const r=Zn.cloneNode(!0);return v(r,Qn),r})()},children:r=>{const s=T(r.startTime),u=s.format("HH:mm:ss"),d=s.fromNow(),g=Be(r);return(()=>{const p=Un.cloneNode(!0);return v(p,Gn),f(p,i.createComponent(O,{onClick:()=>{ee("selectedRequest",r.id)},get classList(){return{selected:r.id===l()}},get children(){return[(()=>{const $=Kn.cloneNode(!0);return M($,"title",d),f($,u),$})(),i.createMemo(()=>!!g&&[Xn.cloneNode(!0),(()=>{const $=Wn.cloneNode(!0);return M($,"title",g),f($,g),$})()])]}})),i.createRenderEffect(()=>p.classList.toggle("error",!!r.isError)),p})()}})),c})()},er=m("<div></div>"),tr=b.css`
|
|
581
581
|
&&& {
|
|
582
582
|
display: grid;
|
|
583
583
|
grid-template-columns: 1.5fr 1fr 3fr;
|
|
584
584
|
}
|
|
585
|
-
`,
|
|
586
|
-
font-family: ${
|
|
587
|
-
color: ${
|
|
585
|
+
`,nr=()=>(()=>{const e=er.cloneNode(!0);return v(e,tr),f(e,i.createComponent(rn,{}),null),f(e,i.createComponent(Jn,{}),null),f(e,i.createComponent(Hn,{}),null),e})(),rr=`
|
|
586
|
+
font-family: ${P.primary};
|
|
587
|
+
color: ${h.textPrimary.var};
|
|
588
588
|
|
|
589
589
|
* {
|
|
590
590
|
user-select: none;
|
|
@@ -633,11 +633,11 @@
|
|
|
633
633
|
h3 {
|
|
634
634
|
font-weight: normal;
|
|
635
635
|
}
|
|
636
|
-
`,
|
|
636
|
+
`,or=`
|
|
637
637
|
display: flex;
|
|
638
638
|
align-items: center;
|
|
639
639
|
justify-content: center;
|
|
640
|
-
`,
|
|
640
|
+
`,lr=`
|
|
641
641
|
*,
|
|
642
642
|
*::before,
|
|
643
643
|
*::after {
|
|
@@ -711,26 +711,26 @@ button {
|
|
|
711
711
|
cursor: pointer;
|
|
712
712
|
-webkit-appearance: none;
|
|
713
713
|
}
|
|
714
|
-
`;let
|
|
715
|
-
${
|
|
716
|
-
${
|
|
714
|
+
`;let cr={data:""},ar=e=>typeof window=="object"?((e?e.querySelector("#_goober"):window._goober)||Object.assign((e||document.head).appendChild(document.createElement("style")),{innerHTML:" ",id:"_goober"})).firstChild:e||cr,ir=/(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g,sr=/\/\*[^]*?\*\/| +/g,We=/\n+/g,I=(e,t)=>{let n="",l="",c="";for(let o in e){let a=e[o];o[0]=="@"?o[1]=="i"?n=o+" "+a+";":l+=o[1]=="f"?I(a,o):o+"{"+I(a,o[1]=="k"?"":t)+"}":typeof a=="object"?l+=I(a,t?t.replace(/([^,])+/g,r=>o.replace(/(^:.*)|([^,])+/g,s=>/&/.test(s)?s.replace(/&/g,r):r?r+" "+s:s)):o):a!=null&&(o=/^--/.test(o)?o:o.replace(/[A-Z]/g,"-$&").toLowerCase(),c+=I.p?I.p(o,a):o+":"+a+";")}return n+(t&&c?t+"{"+c+"}":c)+l},R={},Ye=e=>{if(typeof e=="object"){let t="";for(let n in e)t+=n+Ye(e[n]);return t}return e},ur=(e,t,n,l,c)=>{let o=Ye(e),a=R[o]||(R[o]=(s=>{let u=0,d=11;for(;u<s.length;)d=101*d+s.charCodeAt(u++)>>>0;return"go"+d})(o));if(!R[a]){let s=o!==e?e:(u=>{let d,g,p=[{}];for(;d=ir.exec(u.replace(sr,""));)d[4]?p.shift():d[3]?(g=d[3].replace(We," ").trim(),p.unshift(p[0][g]=p[0][g]||{})):p[0][d[1]]=d[2].replace(We," ").trim();return p[0]})(e);R[a]=I(c?{["@keyframes "+a]:s}:s,n?"":"."+a)}let r=n&&R.g?R.g:null;return n&&(R.g=R[a]),((s,u,d,g)=>{g?u.data=u.data.replace(g,s):u.data.indexOf(s)===-1&&(u.data=d?s+u.data:u.data+s)})(R[a],t,l,r),a},dr=(e,t,n)=>e.reduce((l,c,o)=>{let a=t[o];if(a&&a.call){let r=a(n),s=r&&r.props&&r.props.className||/^go/.test(r)&&r;a=s?"."+s:r&&typeof r=="object"?r.props?"":I(r,""):r===!1?"":r}return l+c+(a??"")},"");function oe(e){let t=this||{},n=e.call?e(t.p):e;return ur(n.unshift?n.raw?dr(n,[].slice.call(arguments,1),t.p):n.reduce((l,c)=>Object.assign(l,c&&c.call?c(t.p):c),{}):n,ar(t.target),t.g,t.o,t.k)}oe.bind({g:1}),oe.bind({k:1});const fr=m("<div></div>"),pr=m('<div id="dev-tools-root-element"><nav></nav><main></main></div>'),gr=oe`
|
|
715
|
+
${lr};
|
|
716
|
+
${rr};
|
|
717
717
|
|
|
718
718
|
position: fixed;
|
|
719
719
|
inset: 32px;
|
|
720
720
|
border-radius: 4px;
|
|
721
|
-
background: ${
|
|
721
|
+
background: ${h.bgPrimary.var};
|
|
722
722
|
display: grid;
|
|
723
723
|
grid-template-columns: 51px 1fr;
|
|
724
724
|
|
|
725
725
|
nav {
|
|
726
726
|
${_()};
|
|
727
|
-
border-right: 1px solid ${
|
|
727
|
+
border-right: 1px solid ${h.white.alpha(.1)};
|
|
728
728
|
|
|
729
729
|
button {
|
|
730
|
-
${
|
|
730
|
+
${or};
|
|
731
731
|
width: 100%;
|
|
732
732
|
aspect-ratio: 1 / 1;
|
|
733
|
-
color: ${
|
|
733
|
+
color: ${h.bgPrimary.var};
|
|
734
734
|
--icon-size: 30px;
|
|
735
735
|
|
|
736
736
|
&::before {
|
|
@@ -738,16 +738,16 @@ button {
|
|
|
738
738
|
inset: 6px;
|
|
739
739
|
border-radius: 3px;
|
|
740
740
|
position: absolute;
|
|
741
|
-
background: ${
|
|
741
|
+
background: ${h.primary.var};
|
|
742
742
|
}
|
|
743
743
|
}
|
|
744
744
|
}
|
|
745
745
|
|
|
746
746
|
> main > * {
|
|
747
|
-
${
|
|
747
|
+
${ie};
|
|
748
748
|
}
|
|
749
|
-
`,
|
|
750
|
-
${
|
|
749
|
+
`,hr=oe`
|
|
750
|
+
${ie};
|
|
751
751
|
position: fixed;
|
|
752
752
|
inset: 0;
|
|
753
|
-
`,
|
|
753
|
+
`,mr=()=>[(()=>{const e=fr.cloneNode(!0);return q(e,"click",vr,!0),v(e,hr),e})(),(()=>{const e=pr.cloneNode(!0),t=e.firstChild,n=t.nextSibling;return v(e,gr),f(t,i.createComponent(O,{title:"API Explorer",get children(){return i.createComponent(G,{name:"network"})}})),f(n,i.createComponent(nr,{})),e})()];Y(["click"]);const $r=()=>i.createComponent(mr,{});let qe=()=>{};function yr(){T.extend(vt),navigator.platform.indexOf("Win")>-1&&document.body.classList.add("windows");const e=document.getElementById("dev-tools-root")||document.createElement("div");e.id="dev-tools-root",document.body.appendChild(e),qe=ut(()=>i.createComponent($r,{}),e)}function vr(){qe()}function Cr({callsProcessor:e,shortcut:t="$mod+D"}){et(window,{[t]:n=>{n.preventDefault();const l=document.activeElement;l instanceof HTMLElement&&(l.isContentEditable||l.tagName==="INPUT"||l.tagName==="TEXTAREA")||yr()}}),Gt({callsProcessor:e})}w.addCall=Qt,w.initializeDevTools=Cr,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});
|