app-devtools 0.5.0 → 0.7.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 +10 -9
- package/dist/main.js +163 -152
- package/dist/main.umd.cjs +30 -30
- package/package.json +1 -1
package/dist/main.umd.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
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
|
|
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"
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
${ie};
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
|
-
`,G=e=>{const t=_t(e.name);return(()=>{const n=Nt.cloneNode(!0);return n.innerHTML=t,i.createRenderEffect(
|
|
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;
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
flex-direction: column;
|
|
62
62
|
justify-content: ${Lt[e]};
|
|
63
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,c
|
|
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
|
${_()};
|
|
@@ -132,7 +132,7 @@
|
|
|
132
132
|
}
|
|
133
133
|
}
|
|
134
134
|
}
|
|
135
|
-
`,Zt=e=>{const t=()=>e.item,n=()=>e.currentCallId;i.splitProps(e,["item","currentCallId"])[1];const
|
|
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
138
|
border-right: 1px solid ${h.white.alpha(.1)};
|
|
@@ -146,14 +146,14 @@
|
|
|
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;
|
|
@@ -181,7 +181,7 @@
|
|
|
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
|
|
|
@@ -215,22 +215,22 @@
|
|
|
215
215
|
margin-top: 20px;
|
|
216
216
|
}
|
|
217
217
|
}
|
|
218
|
-
`,E=e=>(()=>{const t=
|
|
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
231
|
font-family: ${P.decorative};
|
|
232
232
|
font-size: 13px;
|
|
233
|
-
${
|
|
233
|
+
${an};
|
|
234
234
|
${_({gap:2})};
|
|
235
235
|
padding-left: 8px;
|
|
236
236
|
|
|
@@ -312,7 +312,7 @@
|
|
|
312
312
|
|
|
313
313
|
.value {
|
|
314
314
|
word-wrap: break-word;
|
|
315
|
-
${
|
|
315
|
+
${sn(5)};
|
|
316
316
|
}
|
|
317
317
|
|
|
318
318
|
[data-type='number'] {
|
|
@@ -332,8 +332,8 @@
|
|
|
332
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$&&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=
|
|
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%;
|
|
@@ -384,7 +384,7 @@
|
|
|
384
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
|
|
|
@@ -438,7 +438,7 @@
|
|
|
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;
|
|
@@ -496,7 +496,7 @@
|
|
|
496
496
|
padding-bottom: 20px;
|
|
497
497
|
}
|
|
498
498
|
}
|
|
499
|
-
`,
|
|
499
|
+
`,Bn=b.css`
|
|
500
500
|
&&& {
|
|
501
501
|
${D({gap:20})};
|
|
502
502
|
color: ${h.secondary.var};
|
|
@@ -516,7 +516,7 @@
|
|
|
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
522
|
border-right: 1px solid ${h.white.alpha(.1)};
|
|
@@ -530,13 +530,13 @@
|
|
|
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
|
${_()};
|
|
@@ -570,19 +570,19 @@
|
|
|
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
|
-
`,
|
|
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
586
|
font-family: ${P.primary};
|
|
587
587
|
color: ${h.textPrimary.var};
|
|
588
588
|
|
|
@@ -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,9 +711,9 @@ button {
|
|
|
711
711
|
cursor: pointer;
|
|
712
712
|
-webkit-appearance: none;
|
|
713
713
|
}
|
|
714
|
-
`;let
|
|
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};
|
|
715
716
|
${rr};
|
|
716
|
-
${tr};
|
|
717
717
|
|
|
718
718
|
position: fixed;
|
|
719
719
|
inset: 32px;
|
|
@@ -727,7 +727,7 @@ button {
|
|
|
727
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
733
|
color: ${h.bgPrimary.var};
|
|
@@ -746,8 +746,8 @@ button {
|
|
|
746
746
|
> main > * {
|
|
747
747
|
${ie};
|
|
748
748
|
}
|
|
749
|
-
`,
|
|
749
|
+
`,hr=oe`
|
|
750
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"})});
|