app-devtools 0.2.0 → 0.4.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 +5 -5
- package/dist/main.js +406 -407
- package/dist/main.umd.cjs +34 -34
- package/package.json +17 -17
package/dist/main.umd.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(w,
|
|
1
|
+
(function(w,E){typeof exports=="object"&&typeof module<"u"?E(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"],E):(w=typeof globalThis<"u"?globalThis:w||self,E(w["App Devtools"]={},w.dayjs,w.solidJs,w.solidStyledComponents,w.dequal,w.nanoid,w.regexparam,w.diff,w.tinykeys))})(this,function(w,E,i,x,he,Ge,Qe,qe,Je){"use strict";function et(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const tt=et(qe),nt=["allowfullscreen","async","autofocus","autoplay","checked","controls","default","disabled","formnovalidate","hidden","indeterminate","ismap","loop","multiple","muted","nomodule","novalidate","open","playsinline","readonly","required","reversed","seamless","selected"],rt=new Set(["className","value","readOnly","formNoValidate","isMap","noModule","playsInline",...nt]),ot=new Set(["innerHTML","textContent","innerText","children"]),at=Object.assign(Object.create(null),{className:"class",htmlFor:"for"}),$e=Object.assign(Object.create(null),{class:"className",formnovalidate:"formNoValidate",ismap:"isMap",nomodule:"noModule",playsinline:"playsInline",readonly:"readOnly"}),ct=new Set(["beforeinput","click","dblclick","contextmenu","focusin","focusout","input","keydown","keyup","mousedown","mousemove","mouseout","mouseover","mouseup","pointerdown","pointermove","pointerout","pointerover","pointerup","touchend","touchmove","touchstart"]),lt={xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace"};function it(e,t,n){let a=n.length,l=t.length,o=a,c=0,r=0,s=t[l-1].nextSibling,u=null;for(;c<l||r<o;){if(t[c]===n[r]){c++,r++;continue}for(;t[l-1]===n[o-1];)l--,o--;if(l===c){const d=o<a?r?n[r-1].nextSibling:n[o-r]:s;for(;r<o;)e.insertBefore(n[r++],d)}else if(o===r)for(;c<l;)(!u||!u.has(t[c]))&&t[c].remove(),c++;else if(t[c]===n[o-1]&&n[r]===t[l-1]){const d=t[--l].nextSibling;e.insertBefore(n[r++],t[c++].nextSibling),e.insertBefore(n[--o],d),t[l]=n[o]}else{if(!u){u=new Map;let g=r;for(;g<o;)u.set(n[g],g++)}const d=u.get(t[c]);if(d!=null)if(r<d&&d<o){let g=c,p=1,$;for(;++g<l&&g<o&&!(($=u.get(t[g]))==null||$!==d+p);)p++;if(p>d-r){const y=t[c];for(;r<d;)e.insertBefore(n[r++],y)}else e.replaceChild(n[r++],t[c++])}else c++;else t[c++].remove()}}}const ye="_$DX_DELEGATE";function st(e,t,n,a={}){let l;return i.createRoot(o=>{l=o,t===document?e():f(t,e(),t.firstChild?null:void 0,n)},a.owner),()=>{l(),t.textContent=""}}function h(e,t,n){const a=document.createElement("template");a.innerHTML=e;let l=a.content.firstChild;return n&&(l=l.firstChild),l}function Y(e,t=window.document){const n=t[ye]||(t[ye]=new Set);for(let a=0,l=e.length;a<l;a++){const o=e[a];n.has(o)||(n.add(o),t.addEventListener(o,mt))}}function S(e,t,n){n==null?e.removeAttribute(t):e.setAttribute(t,n)}function ut(e,t,n,a){a==null?e.removeAttributeNS(t,n):e.setAttributeNS(t,n,a)}function v(e,t){t==null?e.removeAttribute("class"):e.className=t}function G(e,t,n,a){if(a)Array.isArray(n)?(e[`$$${t}`]=n[0],e[`$$${t}Data`]=n[1]):e[`$$${t}`]=n;else if(Array.isArray(n)){const l=n[0];e.addEventListener(t,n[0]=o=>l.call(e,n[1],o))}else e.addEventListener(t,n)}function dt(e,t,n={}){const a=Object.keys(t||{}),l=Object.keys(n);let o,c;for(o=0,c=l.length;o<c;o++){const r=l[o];!r||r==="undefined"||t[r]||(Ce(e,r,!1),delete n[r])}for(o=0,c=a.length;o<c;o++){const r=a[o],s=!!t[r];!r||r==="undefined"||n[r]===s||!s||(Ce(e,r,!0),n[r]=s)}return n}function ve(e,t,n){if(!t)return n?S(e,"style"):t;const a=e.style;if(typeof t=="string")return a.cssText=t;typeof n=="string"&&(a.cssText=n=void 0),n||(n={}),t||(t={});let l,o;for(o in n)t[o]==null&&a.removeProperty(o),delete n[o];for(o in t)l=t[o],l!==n[o]&&(a.setProperty(o,l),n[o]=l);return n}function ft(e,t={},n,a){const l={};return a||i.createRenderEffect(()=>l.children=I(e,t.children,l.children)),i.createRenderEffect(()=>t.ref&&t.ref(e)),i.createRenderEffect(()=>pt(e,t,n,!0,l,!0)),l}function f(e,t,n,a){if(n!==void 0&&!a&&(a=[]),typeof t!="function")return I(e,t,a,n);i.createRenderEffect(l=>I(e,t(),l,n),a)}function pt(e,t,n,a,l={},o=!1){t||(t={});for(const c in l)if(!(c in t)){if(c==="children")continue;l[c]=be(e,c,null,l[c],n,o)}for(const c in t){if(c==="children"){a||I(e,t.children);continue}const r=t[c];l[c]=be(e,c,r,l[c],n,o)}}function gt(e){return e.toLowerCase().replace(/-([a-z])/g,(t,n)=>n.toUpperCase())}function Ce(e,t,n){const a=t.trim().split(/\s+/);for(let l=0,o=a.length;l<o;l++)e.classList.toggle(a[l],n)}function be(e,t,n,a,l,o){let c,r,s;if(t==="style")return ve(e,n,a);if(t==="classList")return dt(e,n,a);if(n===a)return a;if(t==="ref")o||n(e);else if(t.slice(0,3)==="on:"){const u=t.slice(3);a&&e.removeEventListener(u,a),n&&e.addEventListener(u,n)}else if(t.slice(0,10)==="oncapture:"){const u=t.slice(10);a&&e.removeEventListener(u,a,!0),n&&e.addEventListener(u,n,!0)}else if(t.slice(0,2)==="on"){const u=t.slice(2).toLowerCase(),d=ct.has(u);if(!d&&a){const g=Array.isArray(a)?a[0]:a;e.removeEventListener(u,g)}(d||n)&&(G(e,u,n,d),d&&Y([u]))}else if((s=ot.has(t))||!l&&($e[t]||(r=rt.has(t)))||(c=e.nodeName.includes("-")))t==="class"||t==="className"?v(e,n):c&&!r&&!s?e[gt(t)]=n:e[$e[t]||t]=n;else{const u=l&&t.indexOf(":")>-1&<[t.split(":")[0]];u?ut(e,u,t,n):S(e,at[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(a=>{for(;a&&a.nodeType!==8&&a.nodeValue!=="pl-"+e;){let l=a.nextSibling;a.remove(),a=l}a&&a.remove()}));n;){const a=n[t];if(a&&!n.disabled){const l=n[`${t}Data`];if(l!==void 0?a.call(n,l,e):a.call(n,e),e.cancelBubble)return}n=n._$host||n.parentNode||n.host}}function I(e,t,n,a,l){for(i.sharedConfig.context&&!n&&(n=[...e.childNodes]);typeof n=="function";)n=n();if(t===n)return n;const o=typeof t,c=a!==void 0;if(e=c&&n[0]&&n[0].parentNode||e,o==="string"||o==="number"){if(i.sharedConfig.context)return n;if(o==="number"&&(t=t.toString()),c){let r=n[0];r&&r.nodeType===3?r.data=t:r=document.createTextNode(t),n=F(e,n,a,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=F(e,n,a)}else{if(o==="function")return i.createRenderEffect(()=>{let r=t();for(;typeof r=="function";)r=r();n=I(e,r,n,a)}),()=>n;if(Array.isArray(t)){const r=[],s=n&&Array.isArray(n);if(ae(r,t,n,l))return i.createRenderEffect(()=>n=I(e,r,n,a,!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=F(e,n,a),c)return n}else s?n.length===0?xe(e,r,a):it(e,n,r):(n&&F(e),xe(e,r));n=r}else if(t instanceof Node){if(i.sharedConfig.context&&t.parentNode)return n=c?[t]:t;if(Array.isArray(n)){if(c)return n=F(e,n,a,t);F(e,n,null,t)}else n==null||n===""||!e.firstChild?e.appendChild(t):e.replaceChild(t,e.firstChild);n=t}}return n}function ae(e,t,n,a){let l=!1;for(let o=0,c=t.length;o<c;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))l=ae(e,r,s)||l;else if(typeof r=="function")if(a){for(;typeof r=="function";)r=r();l=ae(e,Array.isArray(r)?r:[r],Array.isArray(s)?s:[s])||l}else e.push(r),l=!0;else{const u=String(r);s&&s.nodeType===3&&s.data===u?e.push(s):e.push(document.createTextNode(u))}}return l}function xe(e,t,n=null){for(let a=0,l=t.length;a<l;a++)e.insertBefore(t[a],n)}function F(e,t,n,a){if(n===void 0)return e.textContent="";const l=a||document.createTextNode("");if(t.length){let o=!1;for(let c=t.length-1;c>=0;c--){const r=t[c];if(l!==r){const s=r.parentNode===e;!o&&!c?s?e.replaceChild(l,r):e.insertBefore(l,n):s&&r.remove()}else o=!0}}else e.insertBefore(l,n);return[l]}var ht=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},ce={},$t={get exports(){return ce},set exports(e){ce=e}};(function(e,t){(function(n,a){e.exports=a()})(ht,function(){return function(n,a,l){n=n||{};var o=a.prototype,c={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)}l.en.relativeTime=c,o.fromToBase=function(u,d,g,p,$){for(var y,C,b,k=g.$locale().relativeTime||c,M=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"}],yr=M.length,W=0;W<yr;W+=1){var L=M[W];L.d&&(y=p?l(u).diff(g,L.d,!0):g.diff(u,L.d,!0));var K=(n.rounding||Math.round)(Math.abs(y));if(b=y>0,K<=L.r||!L.r){K<=1&&W>0&&(L=M[W-1]);var ge=k[L.l];$&&(K=$(""+K)),C=typeof ge=="string"?ge.replace("%d",K):ge(K,d,L.l,b);break}}if(d)return C;var me=b?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?l.utc():l()};o.toNow=function(u){return this.to(s(this),u)},o.fromNow=function(u){return this.from(s(this),u)}}})})($t);const yt=ce,vt=h("<button></button>"),T=e=>(()=>{const t=vt.cloneNode(!0);return ft(t,i.mergeProps(e,{onMouseDown:Ct}),!1,!1),t})();function Ct(e){e.preventDefault()}const bt=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"
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
height: 100%;
|
|
31
31
|
top: 0;
|
|
32
32
|
left: 0;
|
|
33
|
-
`;function _t(e,t="px"){return typeof e=="string"?String(e):Array.isArray(e)?e.map(n=>`${n}${t}`).join(" "):`${e}${t}`}const wt
|
|
33
|
+
`;function _t(e,t="px"){return typeof e=="string"?String(e):Array.isArray(e)?e.map(n=>`${n}${t}`).join(" "):`${e}${t}`}const wt=h("<div></div>"),Nt=x.css`
|
|
34
34
|
&&& {
|
|
35
35
|
position: relative;
|
|
36
36
|
color: currentColor;
|
|
@@ -42,14 +42,14 @@
|
|
|
42
42
|
${le};
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
|
-
`,Q=e=>{const t=xt(e.name);return(()=>{const n=wt.cloneNode(!0);return n.innerHTML=t,i.createRenderEffect(a=>{const
|
|
45
|
+
`,Q=e=>{const t=xt(e.name);return(()=>{const n=wt.cloneNode(!0);return n.innerHTML=t,i.createRenderEffect(a=>{const l=`icon ${e.class||""} ${Nt}`,o={color:e.color,"--icon-size":e.size&&_t(e.size)};return l!==a._v$&&v(n,a._v$=l),a._v$2=ve(n,o,a._v$2),a},{_v$:void 0,_v$2:void 0}),n})()},q=Symbol("store-raw"),U=Symbol("store-node"),St=Symbol("store-name");function _e(e,t){let n=e[i.$PROXY];if(!n&&(Object.defineProperty(e,i.$PROXY,{value:n=new Proxy(e,At)}),!Array.isArray(e))){const a=Object.keys(e),l=Object.getOwnPropertyDescriptors(e);for(let o=0,c=a.length;o<c;o++){const r=a[o];l[r].get&&Object.defineProperty(e,r,{enumerable:l[r].enumerable,get:l[r].get.bind(n)})}}return n}function B(e){let t;return e!=null&&typeof e=="object"&&(e[i.$PROXY]||!(t=Object.getPrototypeOf(e))||t===Object.prototype||Array.isArray(e))}function H(e,t=new Set){let n,a,l,o;if(n=e!=null&&e[q])return n;if(!B(e)||t.has(e))return e;if(Array.isArray(e)){Object.isFrozen(e)?e=e.slice(0):t.add(e);for(let c=0,r=e.length;c<r;c++)l=e[c],(a=H(l,t))!==l&&(e[c]=a)}else{Object.isFrozen(e)?e=Object.assign({},e):t.add(e);const c=Object.keys(e),r=Object.getOwnPropertyDescriptors(e);for(let s=0,u=c.length;s<u;s++)o=c[s],!r[o].get&&(l=e[o],(a=H(l,t))!==l&&(e[o]=a))}return e}function ie(e){let t=e[U];return t||Object.defineProperty(e,U,{value:t={}}),t}function se(e,t,n){return e[t]||(e[t]=Ne(n))}function Mt(e,t){const n=Reflect.getOwnPropertyDescriptor(e,t);return!n||n.get||!n.configurable||t===i.$PROXY||t===U||t===St||(delete n.value,delete n.writable,n.get=()=>e[i.$PROXY][t]),n}function we(e){if(i.getListener()){const t=ie(e);(t._||(t._=Ne()))()}}function kt(e){return we(e),Reflect.ownKeys(e)}function Ne(e){const[t,n]=i.createSignal(e,{equals:!1,internal:!0});return t.$=n,t}const At={get(e,t,n){if(t===q)return e;if(t===i.$PROXY)return n;if(t===i.$TRACK)return we(e),n;const a=ie(e),l=a.hasOwnProperty(t);let o=l?a[t]():e[t];if(t===U||t==="__proto__")return o;if(!l){const c=Object.getOwnPropertyDescriptor(e,t);i.getListener()&&(typeof o!="function"||e.hasOwnProperty(t))&&!(c&&c.get)&&(o=se(a,t,o)())}return B(o)?_e(o):o},has(e,t){return t===q||t===i.$PROXY||t===i.$TRACK||t===U||t==="__proto__"?!0:(this.get(e,t,e),t in e)},set(){return!0},deleteProperty(){return!0},ownKeys:kt,getOwnPropertyDescriptor:Mt};function V(e,t,n,a=!1){if(!a&&e[t]===n)return;const l=e[t],o=e.length;n===void 0?delete e[t]:e[t]=n;let c=ie(e),r;(r=se(c,t,l))&&r.$(()=>n),Array.isArray(e)&&e.length!==o&&(r=se(c,"length",o))&&r.$(e.length),(r=c._)&&r.$()}function Se(e,t){const n=Object.keys(t);for(let a=0;a<n.length;a+=1){const l=n[a];V(e,l,t[l])}}function Pt(e,t){if(typeof t=="function"&&(t=t(e)),t=H(t),Array.isArray(t)){if(e===t)return;let n=0,a=t.length;for(;n<a;n++){const l=t[n];e[n]!==l&&V(e,n,l)}V(e,"length",a)}else Se(e,t)}function X(e,t,n=[]){let a,l=e;if(t.length>1){a=t.shift();const c=typeof a,r=Array.isArray(e);if(Array.isArray(a)){for(let s=0;s<a.length;s++)X(e,[a[s]].concat(t),n);return}else if(r&&c==="function"){for(let s=0;s<e.length;s++)a(e[s],s)&&X(e,[s].concat(t),n);return}else if(r&&c==="object"){const{from:s=0,to:u=e.length-1,by:d=1}=a;for(let g=s;g<=u;g+=d)X(e,[g].concat(t),n);return}else if(t.length>1){X(e[a],t,[a].concat(n));return}l=e[a],n=[a].concat(n)}let o=t[0];typeof o=="function"&&(o=o(l,n),o===l)||a===void 0&&o==null||(o=H(o),a===void 0||B(l)&&B(o)&&!Array.isArray(o)?Se(l,o):V(e,a,o))}function Me(...[e,t]){const n=H(e||{}),a=Array.isArray(n),l=_e(n);function o(...c){i.batch(()=>{a&&c.length===1?Pt(n,c[0]):X(n,c)})}return[l,o]}const J=new WeakMap,ke={get(e,t){if(t===q)return e;const n=e[t];let a;return B(n)?J.get(n)||(J.set(n,a=new Proxy(n,ke)),a):n},set(e,t,n){return V(e,t,H(n)),!0},deleteProperty(e,t){return V(e,t,void 0,!0),!0}};function Et(e){return t=>{if(B(t)){let n;(n=J.get(t))||J.set(t,n=new Proxy(t,ke)),e(n)}return t}}const[N,ee]=Me({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
|
-
`,Tt={left:"flex-start",center:"center",right:"flex-end",spaceBetween:"space-between",spaceAround:"space-around",spaceEvenly:"space-evenly"},Ot={top:"flex-start",bottom:"flex-end",center:"center",stretch:"stretch"},
|
|
52
|
+
`,Tt={left:"flex-start",center:"center",right:"flex-end",spaceBetween:"space-between",spaceAround:"space-around",spaceEvenly:"space-evenly"},Ot={top:"flex-start",bottom:"flex-end",center:"center",stretch:"stretch"},j=({justify:e="left",align:t="center",gap:n}={})=>`
|
|
53
53
|
display: flex;
|
|
54
54
|
column-gap: ${n}px;
|
|
55
55
|
flex-direction: row;
|
|
@@ -61,14 +61,14 @@
|
|
|
61
61
|
flex-direction: column;
|
|
62
62
|
justify-content: ${Rt[e]};
|
|
63
63
|
align-items: ${Lt[t]};
|
|
64
|
-
`;function jt(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,a,
|
|
64
|
+
`;function jt(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,a,l)=>`#${n}${n}${a}${a}${l}${l}`).substring(1).match(/.{2}/g)||[]).map(t=>parseInt(t,16))}function Dt(e){return Object.entries(e)}const ne=document.documentElement.style;let Ae=1;function zt(e){const t={};for(const[n,a]of Dt(e)){const[l,o,c]=jt(a),r=`c${Ae}`;Ae++,ne.setProperty(`--${r}-r`,String(l)),ne.setProperty(`--${r}-g`,String(o)),ne.setProperty(`--${r}-b`,String(c)),ne.setProperty(`--${r}`,a),t[n]={red:l,green:o,blue:c,var:`var(--${r})`,raw:a,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 m=zt({bgPrimary:"#0F172A",bgSecondary:"#1E293B",textPrimary:"#fff",primary:"#F472B6",secondary:"#7DD3FC",warning:"#FDE047",error:"#f87171",successDarker:"#0d9488",success:"#4ADE80",bg:"#EAEFFF",white:"#fff",black:"#000"}),A={primary:"Work Sans, sans-serif",decorative:'"Fira Code", monospaced'};function It(e,t,n){if(!e)return t;const a=[],l=new Map(e.map(o=>[o[n],o]));for(const o of t){const c=l.get(o[n]);c&&he.dequal(c,o)?a.push(c):a.push(o)}return a}function Pe(e,t){return i.createMemo(n=>It(n,typeof e=="function"?e():e,t))}function ue(e){const[t,n]=i.createSignal(e);return{get value(){return t()},set value(a){n(()=>a)},set(a){n(()=>a)}}}const Ft=h('<div class="tag"></div>'),Ee=h("<span></span>"),Bt=h('<div><div class="call"></div></div>'),Ht=x.css`
|
|
65
65
|
&&& {
|
|
66
66
|
font-size: 14px;
|
|
67
67
|
${_()};
|
|
68
68
|
|
|
69
69
|
> .call {
|
|
70
70
|
padding: 4px 12px;
|
|
71
|
-
${
|
|
71
|
+
${j()};
|
|
72
72
|
opacity: 0.8;
|
|
73
73
|
|
|
74
74
|
&.selected {
|
|
@@ -78,11 +78,11 @@
|
|
|
78
78
|
|
|
79
79
|
> button {
|
|
80
80
|
text-align: left;
|
|
81
|
-
${
|
|
81
|
+
${j({gap:8})};
|
|
82
82
|
|
|
83
83
|
> .tag {
|
|
84
84
|
font-weight: 600;
|
|
85
|
-
font-family: ${
|
|
85
|
+
font-family: ${A.decorative};
|
|
86
86
|
}
|
|
87
87
|
|
|
88
88
|
> span {
|
|
@@ -132,7 +132,7 @@
|
|
|
132
132
|
}
|
|
133
133
|
}
|
|
134
134
|
}
|
|
135
|
-
`,Vt=e=>{const t=()=>e.item,n=()=>e.currentCallId;i.splitProps(e,["item","currentCallId"])[1];const a=ue(e.item.subitemsWithAlias.length<4),
|
|
135
|
+
`,Vt=e=>{const t=()=>e.item,n=()=>e.currentCallId;i.splitProps(e,["item","currentCallId"])[1];const a=ue(e.item.subitemsWithAlias.length<4),l=Zt(t().type,t().subType);return(()=>{const o=Bt.cloneNode(!0),c=o.firstChild;return v(o,Ht),f(c,i.createComponent(T,{onClick:()=>{ee({selectedCall:t().id,selectedSubitem:null})},get children(){return[(()=>{const r=Ft.cloneNode(!0);return f(r,()=>l.icon),i.createRenderEffect(s=>{const u=`${t().type}${t().subType?` (${t().subType})`:""}`,d=l.color;return u!==s._v$&&S(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=Ee.cloneNode(!0);return f(r,()=>t().name),i.createRenderEffect(()=>S(r,"title",t().name)),r})()]}}),null),f(c,(()=>{const r=i.createMemo(()=>t().subitemsWithAlias.length>0);return()=>r()&&i.createComponent(T,{class:"expand-button",get classList(){return{expanded:a.value}},onClick:()=>{a.value=!a.value},get children(){return i.createComponent(Q,{name:"caret-down"})}})})(),null),f(o,i.createComponent(i.Show,{get when(){return a.value},get children(){return i.createComponent(i.For,{get each(){return t().subitemsWithAlias},children:r=>i.createComponent(T,{class:"subitem",get classList(){return{selected:n()===t().id&&N.selectedSubitem===r}},onClick:()=>{ee({selectedCall:t().id,selectedSubitem:r})},get children(){const s=Ee.cloneNode(!0);return f(s,r),s}})})}}),null),i.createRenderEffect(()=>c.classList.toggle("selected",n()?n()===t().id:e.index===0)),o})()};function Zt(e,t){let n="",a="";return e==="fetch"?(n="F",a="#FDE047"):t?t==="create"?(n="C",a="#6EE7B7"):t==="update"?(n="U",a="#A78BFA"):t==="delete"?(n="D",a="#E53558"):(n=t[0]?.toUpperCase()||"?",a="#FDE047"):(n="M",a="#A78BFA"),{icon:n,color:a}}function Te(e){if(e==null)throw new Error("Value is null or undefined")}function Oe(e,t){try{return e()}catch(n){return t&&t(n),null}}function Kt(e,t){const n=Qe.parse(t);return Ut(e,n)}function Ut(e,t){let n=0;const a={},l=t.pattern.exec(e);if(!l)return null;for(;n<t.keys.length;)a[t.keys[n]]=l[++n]||null;return a}const[D,Xt]=Me({calls:{}});let de={callsProcessor:[]};function Wt(e){de={...de,...e}}function Yt(e){const t=e.startTime||Date.now();return({isError:n,status:a})=>{const l=e.duration||Date.now()-t;Xt(Et(o=>{const c=Oe(()=>new URL(e.path,"http://localhost"));Te(c);const r=c.searchParams.toString()!==""?Object.fromEntries(c.searchParams.entries()):null;let s=null;const u=de.callsProcessor.find(k=>{if(typeof k.match=="string"){const M=Kt(c.pathname,k.match);return M?(s=M,!0):!1}else return k.match({url:c,type:e.type,subType:e.subType})}),d=u?.callID?.({url:c,type:e.type,subType:e.subType})||typeof u?.match=="string"&&u.match,g=btoa(d||`${c.pathname}|${e.type}${e.subType?`|${e.subType}`:""}`),p=u?.callName,$=typeof p=="function"?p({url:c,type:e.type,subType:e.subType}):p;o.calls[g]||(o.calls[g]={name:$||typeof u?.match=="string"&&u.match||c.pathname.replace(/^\//,""),path:c.pathname.replace(/^\//,""),lastRequestStartTime:t,requests:[],type:e.type,subType:e.subType});const y=o.calls[g];Te(y),y.requests.length>100&&y.requests.shift();const C={id:Ge.nanoid(),duration:l,pathParams:s,isError:n,metadata:e.metadata,path:e.path.replace(/^\//,""),payload:e.payload,response:e.response,searchParams:r,startTime:t,type:e.type,method:e.method,subType:e.subType,code:a,tags:e.tags||[]},b=Oe(()=>u?.payloadAlias?.(C.payload,C));b&&(C.alias=b),y.requests.push(C)}))}}const Gt=h('<div><h1>API EXPLORER</h1><label><input type="text" placeholder="Search"></label><div></div></div>'),Qt=x.css`
|
|
136
136
|
&&& {
|
|
137
137
|
${_()};
|
|
138
138
|
border-right: 1px solid ${m.white.alpha(.1)};
|
|
@@ -141,7 +141,7 @@
|
|
|
141
141
|
font-size: 18px;
|
|
142
142
|
padding-left: 12px;
|
|
143
143
|
padding-top: 10px;
|
|
144
|
-
font-family: ${
|
|
144
|
+
font-family: ${A.decorative};
|
|
145
145
|
color: ${m.secondary.var};
|
|
146
146
|
padding-bottom: 16px;
|
|
147
147
|
}
|
|
@@ -155,7 +155,7 @@
|
|
|
155
155
|
}
|
|
156
156
|
`,Jt=x.css`
|
|
157
157
|
&&& {
|
|
158
|
-
${
|
|
158
|
+
${j({gap:8})};
|
|
159
159
|
margin: 0 10px;
|
|
160
160
|
margin-bottom: 8px;
|
|
161
161
|
|
|
@@ -181,7 +181,7 @@
|
|
|
181
181
|
}
|
|
182
182
|
}
|
|
183
183
|
}
|
|
184
|
-
`,en=()=>{const e=ue(""),t=Pe(()=>{const a=Object.entries(
|
|
184
|
+
`,en=()=>{const e=ue(""),t=Pe(()=>{const a=Object.entries(D.calls),l=[];for(const[o,c]of a.reverse()){if(e.value.trim()&&!c.name.includes(e.value.toLowerCase()))continue;const r=new Set;for(const s of c.requests)s.alias&&r.add(s.alias);l.push({id:o,subitemsWithAlias:[...r],...c})}return l},"id"),n=i.createMemo(()=>N.selectedCall);return(()=>{const a=Gt.cloneNode(!0),l=a.firstChild,o=l.nextSibling,c=o.firstChild,r=o.nextSibling;return v(a,Qt),v(o,Jt),f(o,i.createComponent(Q,{name:"search"}),c),c.$$input=s=>{e.value=s.currentTarget.value},v(r,qt),f(r,i.createComponent(i.For,{get each(){return t()},children:(s,u)=>i.createComponent(Vt,{get index(){return u()},item:s,get currentCallId(){return n()}})})),i.createRenderEffect(()=>c.value=e.value),a})()};Y(["input"]);function Re(...e){const t=[];for(let n=0;n<e.length;n++){const a=e[n];if(!a)continue;const l=typeof a;if(l==="string"||l==="number")t.push(a);else if(l==="object")for(let o=0,c=Object.keys(a);o<c.length;o++)a[c[o]]&&t.push(c[o])}return t.join(" ")}const tn=h('<div><div class="content"></div></div>'),nn=h("<h1></h1>"),rn=x.css`
|
|
185
185
|
&&& {
|
|
186
186
|
${_()};
|
|
187
187
|
|
|
@@ -189,7 +189,7 @@
|
|
|
189
189
|
font-size: 14px;
|
|
190
190
|
color: ${m.secondary.var};
|
|
191
191
|
letter-spacing: 0.08em;
|
|
192
|
-
font-family: ${
|
|
192
|
+
font-family: ${A.decorative};
|
|
193
193
|
font-weight: 300;
|
|
194
194
|
background: ${m.bgPrimary.var};
|
|
195
195
|
z-index: 1;
|
|
@@ -215,7 +215,7 @@
|
|
|
215
215
|
margin-top: 20px;
|
|
216
216
|
}
|
|
217
217
|
}
|
|
218
|
-
`,
|
|
218
|
+
`,P=e=>(()=>{const t=tn.cloneNode(!0),n=t.firstChild;return f(t,(()=>{const a=i.createMemo(()=>!!e.title);return()=>a()&&(()=>{const l=nn.cloneNode(!0);return f(l,()=>e.title),l})()})(),n),f(n,()=>e.children),i.createRenderEffect(()=>v(t,Re(rn,e.class))),t})(),on=`
|
|
219
219
|
user-select: text;
|
|
220
220
|
|
|
221
221
|
*, *::before, *::after {
|
|
@@ -226,9 +226,9 @@
|
|
|
226
226
|
overflow: hidden;
|
|
227
227
|
-webkit-line-clamp: ${e};
|
|
228
228
|
-webkit-box-orient: vertical;
|
|
229
|
-
`}const cn
|
|
229
|
+
`}const cn=h('<div class="key"><span></span></div>'),ln=h('<div class="collapsed"></div>'),sn=h('<div class="delimiter">[]</div>'),un=h('<div class="delimiter">{}</div>'),Le=h('<div class="delimiter"></div>'),je=h('<div class="childs"></div>'),dn=h('<div class="delimiter end">]</div>'),De=h('<div class="child"></div>'),fn=h('<div class="delimiter end">}</div>'),pn=h('<div class="value" title="Shift + Click to copy value"></div>'),ze=h('<span class="string-quotes">"</span>'),gn=h("<div></div>"),mn=x.css`
|
|
230
230
|
&&& {
|
|
231
|
-
font-family: ${
|
|
231
|
+
font-family: ${A.decorative};
|
|
232
232
|
font-size: 13px;
|
|
233
233
|
${on};
|
|
234
234
|
${_({gap:2})};
|
|
@@ -288,7 +288,7 @@
|
|
|
288
288
|
.key {
|
|
289
289
|
color: #a5d6ff;
|
|
290
290
|
margin-right: 5px;
|
|
291
|
-
${
|
|
291
|
+
${j({align:"top"})};
|
|
292
292
|
|
|
293
293
|
span {
|
|
294
294
|
flex-shrink: 1;
|
|
@@ -332,8 +332,8 @@
|
|
|
332
332
|
color: ${m.white.alpha(.5)};
|
|
333
333
|
}
|
|
334
334
|
}
|
|
335
|
-
`,hn=new Intl.NumberFormat("en-US"),Z=14,fe=e=>{let[t,n]=i.createSignal(!(e.indent>0&&e.compact)),[a,
|
|
336
|
-
`:""}Shift + Click to copy value`,C=e.index!==void 0;return y
|
|
335
|
+
`,hn=new Intl.NumberFormat("en-US"),Z=14,fe=e=>{let[t,n]=i.createSignal(!(e.indent>0&&e.compact)),[a,l]=i.createSignal(!e.compact);return i.createMemo(()=>{const o=e.value,c=Array.isArray(o),r=!c&&typeof o=="object"&&o!==null,s=e.key!==void 0||e.index!==void 0,u=c&&o.length>0||r&&Object.keys(o).length>0,d=u&&i.createComponent(T,{onClick:()=>{n(()=>!t())},get classList(){return{expanded:t()}},class:"expand-button",get children(){return i.createComponent(Q,{name:"caret-down",size:14})}});return[s&&(()=>{const g=cn.cloneNode(!0),p=g.firstChild;return g.$$click=$=>{$.shiftKey&&re(JSON.stringify(o))},f(g,c||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$&&S(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=ln.cloneNode(!0);return f(p,()=>c?`[…] ${o.length} items`:`{…} ${Object.keys(o).length} properties`),p})():(()=>c&&o.length===0?sn.cloneNode(!0):r&&Object.keys(o).length===0?un.cloneNode(!0):c?[(()=>{const p=Le.cloneNode(!0);return G(p,"click",s?void 0:$=>{$.shiftKey&&re(JSON.stringify(o))},!0),S(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 $=je.cloneNode(!0);return f($,()=>{let y=o;const C=y.length;return a()||(y=y.slice(0,Z)),[i.createMemo(()=>y.map((b,k)=>(()=>{const M=De.cloneNode(!0);return f(M,i.createComponent(fe,{value:b,get indent(){return e.indent+1},index:k,get compact(){return e.compact}})),M})())),i.createMemo((()=>{const b=i.createMemo(()=>!a()&&C>Z);return()=>b()&&i.createComponent(T,{onClick:()=>{l(()=>!0)},class:"show-all",get children(){return["…show all (+",C-Z,")"]}})})())]}),$})(),dn.cloneNode(!0)]})())]:r?[(()=>{const p=Le.cloneNode(!0);return G(p,"click",s?void 0:$=>{$.shiftKey&&re(JSON.stringify(o))},!0),S(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 $=je.cloneNode(!0);return f($,()=>{let y=Object.entries(o);const C=y.length;return a()||(y=y.slice(0,Z)),[i.createMemo(()=>y.map(([b,k])=>(()=>{const M=De.cloneNode(!0);return f(M,i.createComponent(fe,{value:k,key:b,get indent(){return e.indent+1},get compact(){return e.compact}})),M})())),i.createMemo((()=>{const b=i.createMemo(()=>!a()&&C>Z);return()=>b()&&i.createComponent(T,{onClick:()=>{l(()=>!0)},class:"show-all",get children(){return["…show all (+",C-Z,")"]}})})())]}),$})(),fn.cloneNode(!0)]})())]:(()=>{const p=pn.cloneNode(!0);return p.$$click=$=>{$.shiftKey&&re(String(o))},S(p,"data-type",typeof o),f(p,typeof o=="string"&&ze.cloneNode(!0),null),f(p,()=>typeof o=="number"?hn.format(o):String(o),null),f(p,typeof o=="string"&&ze.cloneNode(!0),null),p})())()})())]})},R=e=>(()=>{const t=gn.cloneNode(!0);return v(t,mn),f(t,i.createComponent(fe,{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 $n=0;function yn(){return $n++}const vn=h("<label></label>"),Cn=h('<div><div class="inputContainer"><select></select></div></div>'),bn=h('<option value="">-- select an option --</option>'),xn=h("<option></option>"),_n=x.css`
|
|
337
337
|
&&& {
|
|
338
338
|
${_({align:"left"})};
|
|
339
339
|
width: 100%;
|
|
@@ -384,7 +384,7 @@
|
|
|
384
384
|
background: ${m.white.var};
|
|
385
385
|
}
|
|
386
386
|
}
|
|
387
|
-
`,wn=e=>{const t=`input${yn()}`;return(()=>{const n=Cn.cloneNode(!0),a=n.firstChild,
|
|
387
|
+
`,wn=e=>{const t=`input${yn()}`;return(()=>{const n=Cn.cloneNode(!0),a=n.firstChild,l=a.firstChild;return f(n,i.createComponent(i.Show,{get when(){return e.label},get children(){const o=vn.cloneNode(!0);return S(o,"for",t),f(o,()=>e.label),o}}),a),l.addEventListener("change",o=>{o.currentTarget.value&&e.onChange(o.currentTarget.value)}),S(l,"id",t),f(l,(()=>{const o=i.createMemo(()=>!e.value);return()=>o()&&bn.cloneNode(!0)})(),null),f(l,i.createComponent(i.For,{get each(){return e.options},children:o=>(()=>{const c=xn.cloneNode(!0);return f(c,()=>o.label),i.createRenderEffect(()=>c.value=o.value),c})()}),null),i.createRenderEffect(()=>v(n,Re(_n,e.class))),i.createRenderEffect(()=>l.value=e.value??""),n})()};function Ie(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 Fe(e){return e?e.slice().reverse():[]}function Be(e,t){return he.dequal(e,t)?"no changes":tt.diffJson(typeof e=="object"&&e!==null?e:String(e),typeof t=="object"&&t!==null?t:String(t))}function Nn(e,t){return e.length>t?`${e.slice(0,t)}...`:e}const Sn=h('<div class="changes-count"><span class="additions">+ <b></b> lines</span> | <span class="removals">- <b></b> lines</span></div>'),pe=h("<div></div>"),He=h("<div>No changes</div>"),Ve=h('<div class="line"></div>'),Mn=x.css`
|
|
388
388
|
&&& {
|
|
389
389
|
${_({gap:14})};
|
|
390
390
|
|
|
@@ -405,7 +405,7 @@
|
|
|
405
405
|
&&& {
|
|
406
406
|
${_({gap:0})};
|
|
407
407
|
font-size: 14px;
|
|
408
|
-
font-family: ${
|
|
408
|
+
font-family: ${A.decorative};
|
|
409
409
|
white-space: pre;
|
|
410
410
|
overflow-x: auto;
|
|
411
411
|
|
|
@@ -438,26 +438,26 @@
|
|
|
438
438
|
}
|
|
439
439
|
}
|
|
440
440
|
}
|
|
441
|
-
`,kn=()=>{const e=i.createMemo(()=>{const{selectedCall:r}=N;return r?
|
|
441
|
+
`,kn=()=>{const e=i.createMemo(()=>{const{selectedCall:r}=N;return r?D.calls[r]:Object.values(D.calls).at(-1)}),t=Pe(()=>{const r=e();return r?Fe(r.requests).map(s=>({value:s.id,label:`${E(s.startTime).format("HH:mm:ss")} | ${Nn(Ie(s),50)}`})).filter(s=>s.value!==N.selectedRequest):[]},"value"),n=ue(null),a=i.createMemo(()=>N.selectedRequest?e()?.requests.find(r=>r.id===N.selectedRequest):null),l=i.createMemo(()=>n.value?e()?.requests.find(r=>r.id===n.value):null),o=i.createMemo(()=>{if(!n.value||!N.selectedRequest)return[];const r=a()?.response,s=l()?.response,u=Be(s,r);return u==="no changes"?[]:u}),c=i.createMemo(()=>{if(!n.value||!N.selectedRequest)return[];const r=Ke(a()),s=Ke(l()),u=Be(s,r);return u==="no changes"?[]:u});return(()=>{const r=pe.cloneNode(!0);return v(r,Mn),f(r,i.createComponent(wn,{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=Sn.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(b=>b.added).length),f(C,()=>o().filter(b=>b.removed).length),s})(),i.createComponent(P,{get title(){return i.createMemo(()=>!!a()?.payload)()?"Payload Diff":a()?.searchParams?"Search Params Diff":"Path Params Diff"},get children(){const s=pe.cloneNode(!0);return v(s,Ze),f(s,i.createComponent(i.For,{get each(){return c()},get fallback(){return He.cloneNode(!0)},children:u=>(()=>{const d=Ve.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(P,{title:"Response Diff",get children(){const s=pe.cloneNode(!0);return v(s,Ze),f(s,i.createComponent(i.For,{get each(){return o()},get fallback(){return He.cloneNode(!0)},children:u=>(()=>{const d=Ve.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 Ke(e){return e?e.payload||e.searchParams||e.pathParams:null}const Ue=h("<div></div>"),An=h("<h1></h1>"),Pn=h('<div class="tags"></div>'),En=h('<div class="details"></div>'),Tn=h("<h2></h2>"),On=h('<div class="method"></div>'),Rn=h('<div class="code"></div>'),Ln=h('<div class="tag error">Has Error</div>'),jn=h('<div class="tag"></div>'),Dn=x.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: ${A.decorative};
|
|
449
449
|
${te};
|
|
450
450
|
}
|
|
451
451
|
|
|
452
452
|
> h2 {
|
|
453
453
|
margin-top: 4px;
|
|
454
|
-
font-family: ${
|
|
454
|
+
font-family: ${A.decorative};
|
|
455
455
|
font-size: 12px;
|
|
456
456
|
opacity: 0.5;
|
|
457
457
|
}
|
|
458
458
|
|
|
459
459
|
.tags {
|
|
460
|
-
${
|
|
460
|
+
${j({gap:8})};
|
|
461
461
|
margin-top: 8px;
|
|
462
462
|
|
|
463
463
|
.method {
|
|
@@ -498,7 +498,7 @@
|
|
|
498
498
|
}
|
|
499
499
|
`,zn=x.css`
|
|
500
500
|
&&& {
|
|
501
|
-
${
|
|
501
|
+
${j({gap:20})};
|
|
502
502
|
color: ${m.secondary.var};
|
|
503
503
|
margin-top: 20px;
|
|
504
504
|
|
|
@@ -516,7 +516,7 @@
|
|
|
516
516
|
}
|
|
517
517
|
}
|
|
518
518
|
}
|
|
519
|
-
`,In=()=>{const e=i.createMemo(()=>N.selectedCall),t=i.createMemo(()=>N.selectedRequest),n=i.createMemo(()=>N.selectedTab||"summary"),a=i.createMemo(()=>{let o;e()?o=
|
|
519
|
+
`,In=()=>{const e=i.createMemo(()=>N.selectedCall),t=i.createMemo(()=>N.selectedRequest),n=i.createMemo(()=>N.selectedTab||"summary"),a=i.createMemo(()=>{let o;e()?o=D.calls[e()]:o=Object.values(D.calls).at(-1);const c=t()&&o?.requests.find(r=>r.id===t())||o?.requests.at(-1);return c&&o?{...c,callName:o.name,callPath:o.path}:null});function l(o,c){return i.createComponent(T,{get classList(){return{selected:n()===o}},onClick:()=>{ee("selectedTab",o)},children:c})}return(()=>{const o=Ue.cloneNode(!0);return v(o,Dn),f(o,i.createComponent(i.Show,{get when(){return a()},keyed:!0,children:c=>[(()=>{const r=An.cloneNode(!0);return f(r,()=>c.callName,null),f(r,()=>c.alias&&` | ${c.alias}`,null),r})(),i.createMemo((()=>{const r=i.createMemo(()=>c.callPath!==c.callName);return()=>r()&&(()=>{const s=Tn.cloneNode(!0);return f(s,()=>c.callPath),s})()})()),(()=>{const r=Pn.cloneNode(!0);return f(r,(()=>{const s=i.createMemo(()=>!!c.method);return()=>s()&&(()=>{const u=On.cloneNode(!0);return f(u,()=>c.method),u})()})(),null),f(r,(()=>{const s=i.createMemo(()=>!!c.code);return()=>s()&&(()=>{const u=Rn.cloneNode(!0);return f(u,()=>c.code),i.createRenderEffect(()=>u.classList.toggle("error",c.code>=400)),u})()})(),null),f(r,(()=>{const s=i.createMemo(()=>!!c.isError);return()=>s()&&Ln.cloneNode(!0)})(),null),f(r,i.createComponent(i.For,{get each(){return c.tags},children:s=>(()=>{const u=jn.cloneNode(!0);return f(u,s),u})()}),null),r})(),(()=>{const r=Ue.cloneNode(!0);return v(r,zn),f(r,()=>l("summary","Summary"),null),f(r,(()=>{const s=i.createMemo(()=>!!c.payload);return()=>s()&&l("payload","Payload")})(),null),f(r,(()=>{const s=i.createMemo(()=>!!c.searchParams);return()=>s()&&l("urlParams","URL Params")})(),null),f(r,()=>l("response","Response"),null),f(r,()=>l("diff","Diff"),null),r})(),(()=>{const r=En.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(()=>!!c.payload)()&&i.createComponent(P,{title:"Payload",get children(){return i.createComponent(R,{get value(){return c.payload},compact:!0})}})),i.createMemo(()=>i.createMemo(()=>!!c.searchParams)()&&i.createComponent(P,{title:"URL Params",get children(){return i.createComponent(R,{get value(){return c.searchParams},compact:!0})}})),i.createMemo(()=>i.createMemo(()=>!!c.response)()&&i.createComponent(P,{title:"Response",get children(){return i.createComponent(R,{get value(){return c.response},compact:!0})}})),i.createComponent(P,{title:"Stats",get children(){return i.createComponent(R,{get value(){return{"Duration (ms)":Math.round(c.duration),"Start Time":`${E(c.startTime).format("HH:mm:ss")} (${E(c.startTime).fromNow()})`}}})}}),i.createComponent(P,{title:"Metadata",get children(){return i.createComponent(R,{get value(){return c.metadata}})}})]}}),i.createComponent(i.Match,{get when(){return n()==="payload"},get children(){return i.createComponent(P,{title:null,get children(){return i.createComponent(R,{get value(){return c.payload}})}})}}),i.createComponent(i.Match,{get when(){return n()==="response"},get children(){return i.createComponent(P,{title:null,get children(){return i.createComponent(R,{get value(){return c.response}})}})}}),i.createComponent(i.Match,{get when(){return n()==="urlParams"},get children(){return i.createComponent(P,{title:null,get children(){return i.createComponent(R,{get value(){return c.searchParams}})}})}}),i.createComponent(i.Match,{get when(){return n()==="diff"},get children(){return i.createComponent(kn,{})}})]}})),r})()]})),o})()},Fn=h("<div><h1>timeline</h1><div></div></div>"),Bn=h("<div>no requests found</div>"),Hn=h('<span class="start-time"></span>'),Vn=h("<div></div>"),Zn=h('<span class="separator">|</span>'),Kn=h('<span class="payload"></span>'),Un=x.css`
|
|
520
520
|
&&& {
|
|
521
521
|
${_()};
|
|
522
522
|
border-right: 1px solid ${m.white.alpha(.1)};
|
|
@@ -525,7 +525,7 @@
|
|
|
525
525
|
font-size: 16px;
|
|
526
526
|
padding-left: 12px;
|
|
527
527
|
padding-top: 10px;
|
|
528
|
-
font-family: ${
|
|
528
|
+
font-family: ${A.decorative};
|
|
529
529
|
color: ${m.secondary.var};
|
|
530
530
|
padding-bottom: 16px;
|
|
531
531
|
}
|
|
@@ -548,7 +548,7 @@
|
|
|
548
548
|
|
|
549
549
|
> button {
|
|
550
550
|
padding: 4px 12px;
|
|
551
|
-
${
|
|
551
|
+
${j({gap:8})};
|
|
552
552
|
opacity: 0.8;
|
|
553
553
|
|
|
554
554
|
&.selected {
|
|
@@ -557,7 +557,7 @@
|
|
|
557
557
|
}
|
|
558
558
|
|
|
559
559
|
> .start-time {
|
|
560
|
-
font-family: ${
|
|
560
|
+
font-family: ${A.decorative};
|
|
561
561
|
}
|
|
562
562
|
|
|
563
563
|
> .separator {
|
|
@@ -577,13 +577,13 @@
|
|
|
577
577
|
padding: 12px;
|
|
578
578
|
padding-top: 0;
|
|
579
579
|
}
|
|
580
|
-
`,Gn=()=>{const e=i.createMemo(()=>{const
|
|
580
|
+
`,Gn=()=>{const e=i.createMemo(()=>{const l=N.selectedCall;return l?l?D.calls[l]:null:Object.values(D.calls).at(-1)||null}),t=i.createMemo(()=>{const l=Fe(e()?.requests);return l.length===0?null:l}),n=i.createMemo(()=>N.selectedSubitem?t()?.filter(l=>l.alias===N.selectedSubitem):t()),a=i.createMemo(()=>N.selectedRequest||n()?.[0]?.id);return(()=>{const l=Fn.cloneNode(!0),o=l.firstChild,c=o.nextSibling;return v(l,Un),v(c,Xn),f(c,i.createComponent(i.For,{get each(){return n()},get fallback(){return(()=>{const r=Bn.cloneNode(!0);return v(r,Yn),r})()},children:r=>{const s=E(r.startTime),u=s.format("HH:mm:ss"),d=s.fromNow(),g=Ie(r);return(()=>{const p=Vn.cloneNode(!0);return v(p,Wn),f(p,i.createComponent(T,{onClick:()=>{ee("selectedRequest",r.id)},get classList(){return{selected:r.id===a()}},get children(){return[(()=>{const $=Hn.cloneNode(!0);return S($,"title",d),f($,u),$})(),i.createMemo(()=>!!g&&[Zn.cloneNode(!0),(()=>{const $=Kn.cloneNode(!0);return S($,"title",g),f($,g),$})()])]}})),i.createRenderEffect(()=>p.classList.toggle("error",!!r.isError)),p})()}})),l})()},Qn=h("<div></div>"),qn=x.css`
|
|
581
581
|
&&& {
|
|
582
582
|
display: grid;
|
|
583
583
|
grid-template-columns: 1.5fr 1fr 3fr;
|
|
584
584
|
}
|
|
585
585
|
`,Jn=()=>(()=>{const e=Qn.cloneNode(!0);return v(e,qn),f(e,i.createComponent(en,{}),null),f(e,i.createComponent(Gn,{}),null),f(e,i.createComponent(In,{}),null),e})(),er=`
|
|
586
|
-
font-family: ${
|
|
586
|
+
font-family: ${A.primary};
|
|
587
587
|
color: ${m.textPrimary.var};
|
|
588
588
|
|
|
589
589
|
* {
|
|
@@ -711,7 +711,7 @@ button {
|
|
|
711
711
|
cursor: pointer;
|
|
712
712
|
-webkit-appearance: none;
|
|
713
713
|
}
|
|
714
|
-
`;let rr={data:""},or=e=>typeof window=="object"?((e?e.querySelector("#_goober"):window._goober)||Object.assign((e||document.head).appendChild(document.createElement("style")),{innerHTML:" ",id:"_goober"})).firstChild:e||rr,ar=/(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g,cr=/\/\*[^]*?\*\/| +/g,Xe=/\n+/g,
|
|
714
|
+
`;let rr={data:""},or=e=>typeof window=="object"?((e?e.querySelector("#_goober"):window._goober)||Object.assign((e||document.head).appendChild(document.createElement("style")),{innerHTML:" ",id:"_goober"})).firstChild:e||rr,ar=/(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g,cr=/\/\*[^]*?\*\/| +/g,Xe=/\n+/g,z=(e,t)=>{let n="",a="",l="";for(let o in e){let c=e[o];o[0]=="@"?o[1]=="i"?n=o+" "+c+";":a+=o[1]=="f"?z(c,o):o+"{"+z(c,o[1]=="k"?"":t)+"}":typeof c=="object"?a+=z(c,t?t.replace(/([^,])+/g,r=>o.replace(/(^:.*)|([^,])+/g,s=>/&/.test(s)?s.replace(/&/g,r):r?r+" "+s:s)):o):c!=null&&(o=/^--/.test(o)?o:o.replace(/[A-Z]/g,"-$&").toLowerCase(),l+=z.p?z.p(o,c):o+":"+c+";")}return n+(t&&l?t+"{"+l+"}":l)+a},O={},We=e=>{if(typeof e=="object"){let t="";for(let n in e)t+=n+We(e[n]);return t}return e},lr=(e,t,n,a,l)=>{let o=We(e),c=O[o]||(O[o]=(s=>{let u=0,d=11;for(;u<s.length;)d=101*d+s.charCodeAt(u++)>>>0;return"go"+d})(o));if(!O[c]){let s=o!==e?e:(u=>{let d,g,p=[{}];for(;d=ar.exec(u.replace(cr,""));)d[4]?p.shift():d[3]?(g=d[3].replace(Xe," ").trim(),p.unshift(p[0][g]=p[0][g]||{})):p[0][d[1]]=d[2].replace(Xe," ").trim();return p[0]})(e);O[c]=z(l?{["@keyframes "+c]:s}:s,n?"":"."+c)}let r=n&&O.g?O.g:null;return n&&(O.g=O[c]),((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)})(O[c],t,a,r),c},ir=(e,t,n)=>e.reduce((a,l,o)=>{let c=t[o];if(c&&c.call){let r=c(n),s=r&&r.props&&r.props.className||/^go/.test(r)&&r;c=s?"."+s:r&&typeof r=="object"?r.props?"":z(r,""):r===!1?"":r}return a+l+(c??"")},"");function oe(e){let t=this||{},n=e.call?e(t.p):e;return lr(n.unshift?n.raw?ir(n,[].slice.call(arguments,1),t.p):n.reduce((a,l)=>Object.assign(a,l&&l.call?l(t.p):l),{}):n,or(t.target),t.g,t.o,t.k)}oe.bind({g:1}),oe.bind({k:1});const sr=h("<div></div>"),ur=h('<div id="dev-tools-root-element"><nav></nav><main></main></div>'),dr=oe`
|
|
715
715
|
${nr};
|
|
716
716
|
${er};
|
|
717
717
|
|
|
@@ -750,4 +750,4 @@ button {
|
|
|
750
750
|
${le};
|
|
751
751
|
position: fixed;
|
|
752
752
|
inset: 0;
|
|
753
|
-
`,pr=()=>[(()=>{const e=sr.cloneNode(!0);return G(e,"click",hr,!0),v(e,fr),e})(),(()=>{const e=ur.cloneNode(!0),t=e.firstChild,n=t.nextSibling;return v(e,dr),f(t,i.createComponent(
|
|
753
|
+
`,pr=()=>[(()=>{const e=sr.cloneNode(!0);return G(e,"click",hr,!0),v(e,fr),e})(),(()=>{const e=ur.cloneNode(!0),t=e.firstChild,n=t.nextSibling;return v(e,dr),f(t,i.createComponent(T,{title:"API Explorer",get children(){return i.createComponent(Q,{name:"network"})}})),f(n,i.createComponent(Jn,{})),e})()];Y(["click"]);const gr=()=>i.createComponent(pr,{});let Ye=()=>{};function mr(){E.extend(yt),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),Ye=st(()=>i.createComponent(gr,{}),e)}function hr(){Ye()}function $r({callsProcessor:e,shortcut:t="$mod+D"}){Je(window,{[t]:n=>{n.preventDefault();const a=document.activeElement;a instanceof HTMLElement&&(a.isContentEditable||a.tagName==="INPUT"||a.tagName==="TEXTAREA")||mr()}}),Wt({callsProcessor:e})}w.addCall=Yt,w.initializeDevTools=$r,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})});
|
package/package.json
CHANGED
|
@@ -1,25 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "app-devtools",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0",
|
|
4
4
|
"description": "",
|
|
5
|
-
"scripts": {
|
|
6
|
-
"dev": "vite",
|
|
7
|
-
"test": "vitest --ui",
|
|
8
|
-
"test:run": "echo 'no tests'",
|
|
9
|
-
"preview": "vite preview",
|
|
10
|
-
"tsc": "tsc -p tsconfig.prod.json",
|
|
11
|
-
"eslint": "eslint --ext .js,.ts,.tsx,.jsx src",
|
|
12
|
-
"lint": "pnpm eslint && pnpm tsc",
|
|
13
|
-
"tsc:w": "tsc -w -p tsconfig.prod.json",
|
|
14
|
-
"convert-har": "tsm scripts/filterFetchRequests.ts",
|
|
15
|
-
"build": "pnpm test:run && pnpm lint && pnpm build:no-test",
|
|
16
|
-
"build:no-test": "vite build && tsup --dts-only",
|
|
17
|
-
"publish": "./scripts/check-if-is-sync.sh && pnpm run build && npm publish"
|
|
18
|
-
},
|
|
19
5
|
"packageManager": "pnpm@6.29.1",
|
|
20
6
|
"license": "MIT",
|
|
21
7
|
"author": "Lucas Santos",
|
|
22
|
-
"repository": "github:lucasols",
|
|
8
|
+
"repository": "github:lucasols/app-devtools",
|
|
23
9
|
"type": "module",
|
|
24
10
|
"main": "./dist/main.cjs",
|
|
25
11
|
"module": "./dist/main.js",
|
|
@@ -68,5 +54,19 @@
|
|
|
68
54
|
"tsm": "^2.3.0",
|
|
69
55
|
"tsup": "^6.6.3",
|
|
70
56
|
"happy-dom": "^8.7.1"
|
|
57
|
+
},
|
|
58
|
+
"scripts": {
|
|
59
|
+
"dev": "vite",
|
|
60
|
+
"test": "vitest --ui",
|
|
61
|
+
"test:run": "echo 'no tests'",
|
|
62
|
+
"preview": "vite preview",
|
|
63
|
+
"tsc": "tsc -p tsconfig.prod.json",
|
|
64
|
+
"eslint": "eslint --ext .js,.ts,.tsx,.jsx src",
|
|
65
|
+
"lint": "pnpm eslint && pnpm tsc",
|
|
66
|
+
"tsc:w": "tsc -w -p tsconfig.prod.json",
|
|
67
|
+
"convert-har": "tsm scripts/filterFetchRequests.ts",
|
|
68
|
+
"build": "pnpm test:run && pnpm lint && pnpm build:no-test",
|
|
69
|
+
"build:no-test": "vite build && tsup --dts-only",
|
|
70
|
+
"deploy": "./scripts/check-if-is-sync.sh && pnpm run build && pnpm publish"
|
|
71
71
|
}
|
|
72
|
-
}
|
|
72
|
+
}
|