@visulima/ono 2.1.0 → 2.1.1
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/CHANGELOG.md +2 -0
- package/dist/error-inspector/page/create-request-context.js +65 -65
- package/dist/index.js +170 -192
- package/dist/packem_shared/process-CnEDZ90T.js +1 -0
- package/dist/packem_shared/{sanitize-SjW6ExLy.js → sanitize-BrzdfbeT.js} +1 -1
- package/dist/server/open-in-editor.js +1 -1
- package/package.json +2 -2
- package/dist/packem_shared/process-DVasYamT.js +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
## @visulima/ono [2.1.1](https://github.com/visulima/visulima/compare/%40visulima%2Fono%402.1.0...%40visulima%2Fono%402.1.1) (2026-08-17)
|
|
2
|
+
|
|
1
3
|
## @visulima/ono [2.1.0](https://github.com/visulima/visulima/compare/%40visulima%2Fono%402.0.11...%40visulima%2Fono%402.1.0) (2026-08-02)
|
|
2
4
|
|
|
3
5
|
|
|
@@ -1,60 +1,60 @@
|
|
|
1
|
-
import{s as
|
|
1
|
+
import{s as L,a as G,c as Z,b as q,g as me,d as xe,e as fe}from"../../packem_shared/sanitize-BrzdfbeT.js";const B="data:image/svg+xml;charset=utf-8,%3Csvg%20class%3D%22lucide%20lucide-braces%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M8%203H7a2%202%200%200%200-2%202v5a2%202%200%200%201-2%202%202%202%200%200%201%202%202v5c0%201.1.9%202%202%202h1%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2021h1a2%202%200%200%200%202-2v-5c0-1.1.9-2%202-2a2%202%200%200%201-2-2V5a2%202%200%200%200-2-2h-1%22%20%2F%3E%20%3C%2Fsvg%3E",N="data:image/svg+xml;charset=utf-8,%3Csvg%20class%3D%22lucide%20lucide-cookie%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M12%202a10%2010%200%201%200%2010%2010%204%204%200%200%201-5-5%204%204%200%200%201-5-5%22%20%2F%3E%20%3Cpath%20d%3D%22M8.5%208.5v.01%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2015.5v.01%22%20%2F%3E%20%3Cpath%20d%3D%22M12%2012v.01%22%20%2F%3E%20%3Cpath%20d%3D%22M11%2017v.01%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2014v.01%22%20%2F%3E%20%3C%2Fsvg%3E",F="data:image/svg+xml;charset=utf-8,%3Csvg%20class%3D%22lucide%20lucide-file-text%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M6%2022a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h8a2.4%202.4%200%200%201%201.704.706l3.588%203.588A2.4%202.4%200%200%201%2020%208v12a2%202%200%200%201-2%202z%22%20%2F%3E%20%3Cpath%20d%3D%22M14%202v5a1%201%200%200%200%201%201h5%22%20%2F%3E%20%3Cpath%20d%3D%22M10%209H8%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2013H8%22%20%2F%3E%20%3Cpath%20d%3D%22M16%2017H8%22%20%2F%3E%20%3C%2Fsvg%3E",T="data:image/svg+xml;charset=utf-8,%3Csvg%20class%3D%22lucide%20lucide-globe%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M12%202a14.5%2014.5%200%200%200%200%2020%2014.5%2014.5%200%200%200%200-20%22%20%2F%3E%20%3Cpath%20d%3D%22M2%2012h20%22%20%2F%3E%20%3C%2Fsvg%3E",R="data:image/svg+xml;charset=utf-8,%3Csvg%20class%3D%22lucide%20lucide-user%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%3E%20%3Cpath%20d%3D%22M19%2021v-2a4%204%200%200%200-4-4H9a4%204%200%200%200-4%204v2%22%20%2F%3E%20%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%20%2F%3E%20%3C%2Fsvg%3E",A=({label:t="Copy",successText:r="Copied!",targetId:o})=>{const i=L(o),n=L(t),d=G(t),u=G(r);return{html:`
|
|
2
2
|
<button
|
|
3
3
|
type="button"
|
|
4
|
-
aria-label="${
|
|
5
|
-
title="${
|
|
4
|
+
aria-label="${n}"
|
|
5
|
+
title="${d}"
|
|
6
6
|
class="ono-copy-btn relative inline-flex justify-center items-center size-8 rounded-[var(--ono-radius-md)] shadow-[var(--ono-elevation-1)] bg-[var(--ono-surface)] text-[var(--ono-text)] hover:bg-[var(--ono-hover-overlay)] focus:outline-hidden focus:bg-[var(--ono-hover-overlay)] disabled:opacity-50 disabled:pointer-events-none cursor-pointer"
|
|
7
7
|
data-target="#${i}"
|
|
8
|
-
data-success-text="${
|
|
8
|
+
data-success-text="${u}"
|
|
9
9
|
>
|
|
10
|
-
<span class="ono-copy-default dui size-4 transition" style="-webkit-mask-image: url('${
|
|
11
|
-
<span class="ono-copy-success dui hidden size-4 text-[var(--ono-red-orange)]" style="-webkit-mask-image: url('${
|
|
12
|
-
<span class="sr-only">${
|
|
10
|
+
<span class="ono-copy-default dui size-4 transition" style="-webkit-mask-image: url('${Z}'); mask-image: url('${Z}')"></span>
|
|
11
|
+
<span class="ono-copy-success dui hidden size-4 text-[var(--ono-red-orange)]" style="-webkit-mask-image: url('${q}'); mask-image: url('${q}')"></span>
|
|
12
|
+
<span class="sr-only">${d}</span>
|
|
13
13
|
</button>
|
|
14
|
-
`}}
|
|
15
|
-
… [truncated]`);return}
|
|
16
|
-
`)}`),
|
|
17
|
-
<div class="text-[11px] uppercase tracking-wide text-[var(--ono-text-muted)]">${
|
|
18
|
-
<div class="text-sm break-words whitespace-pre-wrap text-[var(--ono-text)]">${
|
|
19
|
-
</div>`}).join("")}</div>`,
|
|
14
|
+
`}};process.versions.node;const ge=(t,r)=>r in t,ee=(t,r)=>ge(t,r)&&typeof t[r]=="function",U=t=>typeof t=="object"&&t!==null&&ee(t,"forEach")&&ee(t,"get"),oe=[/authorization/i,/cookie/i,/set-cookie/i,/x-api-key/i,/api-key/i,/x-auth/i,/token/i,/secret/i],z=(t,r)=>{if(typeof t=="object"&&t!==null&&r in t)return t[r]},x=(t,r)=>{const o=z(t,r);return typeof o=="function"?o.bind(t):void 0},O=(t,r)=>{const o=z(t,r);return typeof o=="string"?o:void 0},re=(t,r)=>r?.some(o=>o.toLowerCase()===t.toLowerCase())?!0:oe.some(o=>o.test(t)),he=[...oe,/passw(?:or)?d/i,/pwd/i,/credential/i,/passphrase/i],P=(t,r)=>r?.some(o=>o.toLowerCase()===t.toLowerCase())?!0:he.some(o=>o.test(t)),be=t=>{const r={};return new URLSearchParams(t).forEach((o,i)=>{const n=r[i];n===void 0?r[i]=o:Array.isArray(n)?n.push(o):r[i]=[n,o]}),r},ye=(t,r,o)=>t.replaceAll(/(?<![^\s&=?#])([^\s&=?#]+)=([^&\s#]*)/g,(i,n,d)=>d&&P(n,o)?`${n}=${r}`:i).replaceAll(/("(?:[^"\\]|\\.)*")(\s*:\s*)"(?:[^"\\]|\\.)*"/g,(i,n,d)=>{const u=n.slice(1,-1);return P(u,o)?`${n}${d}${JSON.stringify(r)}`:i}),we=t=>{if(!t)return[];if(U(t)){const r=x(t,"entries");if(r){const o=r();return Array.from(o,([i,n])=>[i,n])}}return Object.entries(t)},$e=(t,r)=>!r||r.length===0?!0:r.some(o=>o.toLowerCase()===t.toLowerCase()),ke=(t,r)=>!t||!r?t:Array.isArray(t)?t.map(()=>r):r,De=(t,r,o,i="[masked]")=>{const n=we(t);if(n.length===0)return;const d={};return n.forEach(([u,c])=>{if(!$e(u,r)||c===void 0)return;const v=re(u.toLowerCase(),o)?i:void 0;d[u]=ke(c,v)}),d},te=t=>{try{return JSON.stringify(t,null,2)}catch{return String(t)}},Ce=t=>{if(!t)return{};const r={};return t.split(";").map(o=>o.trim()).filter(Boolean).forEach(o=>{const i=o.indexOf("=");if(i===-1)return;const n=o.slice(0,i).trim(),d=o.slice(i+1).trim();r[n]=d}),r},Ee=async(t,r)=>{try{const o=(O(t,"method")??"GET").toUpperCase();if(o==="GET"||o==="HEAD")return;const i=z(t,"headers"),n=U(i)?x(i,"get")?.("content-type")??"":String(i["content-type"]??""),d=x(t,"clone"),u=d?d():t;if(x(u,"json")&&n.includes("application/json"))try{const c=x(u,"json");return c?await c():void 0}catch{try{const c=x(u,"text");return c?await c()??"":void 0}catch{return}}if(x(u,"text"))try{const c=x(u,"text"),v=c?await c():void 0;return typeof v=="string"&&n.includes("application/x-www-form-urlencoded")?be(v):v}catch{return}return x(t,"on")?await new Promise(c=>{try{let v="",I=!1;const k=x(t,"setEncoding");k&&k("utf8");const D=b=>{if(I)return;const $=typeof b=="string"?b:String(b);if(v.length+$.length>r){const y=Math.max(0,r-v.length);v+=$.slice(0,y),I=!0,C(),c(`${v}
|
|
15
|
+
… [truncated]`);return}v+=$},j=()=>{C(),c(v||void 0)},V=()=>{C(),c(void 0)},C=()=>{const b=x(t,"off");b?.("data",D),b?.("end",j),b?.("error",V)},H=x(t,"on");H?.("data",D),H?.("end",j),H?.("error",V)}catch{c(void 0)}}):void 0}catch{return}},He=async(t,r)=>{const o=`${Date.now().toString(36)}-${Math.random().toString(36).slice(2,11)}`,{headerAllowlist:i,headerDenylist:n,maskValue:d="[masked]"}=r,u=De(z(t,"headers"),i,n,d),c=e=>{if(e!==void 0)return Array.isArray(e)?e.join(", "):e},v=e=>`'${e.replaceAll("'",String.raw`'\''`)}'`,I=e=>{if(!e)return;const s=[];return Object.entries(e).forEach(([a,p])=>{const m=c(p)??"";s.push(`${a}=${m}`)}),s.length>0?s.join("; "):void 0};let k;const D=z(t,"headers");if(U(D)){const s=x(D,"get")?.("cookie");k=typeof s=="string"?s:void 0}else if(D!==void 0){const e=D;if(Array.isArray(e.cookie))[k]=e.cookie;else{const s=e.cookie;k=typeof s=="string"?s:void 0}}const j=Ce(k),C=!!d&&re("cookie",n)?Object.fromEntries(Object.keys(j).map(e=>[e,d])):j,H=Math.max(0,r.previewBytes??64e3),b=await Ee(t,H),$=(e,s)=>{if(!d)return e;if(typeof e=="string")return ye(e,d,n);if(e===null||typeof e!="object")return e;if(s.has(e))return"[Circular]";s.add(e);let l;return Array.isArray(e)?l=e.map(a=>$(a,s)):l=Object.fromEntries(Object.entries(e).map(([a,p])=>[a,P(a,n)?d:$(p,s)])),s.delete(e),l},y=$(b,new WeakSet),se=t.session,_=$(se,new WeakSet),K=(()=>{const e=(O(t,"method")??"GET").toUpperCase(),s=O(t,"url")??"",l=[],a={};u&&Object.entries(u).forEach(([J,ve])=>{const X=c(ve);X!==void 0&&(a[J]=X)});const p=I(C),m=Object.keys(a).some(S=>S.toLowerCase()==="cookie");p&&!m&&(a.Cookie=p),Object.entries(a).forEach(([S,J])=>{l.push(`-H ${v(`${S}: ${J}`)}`)});let w="";if(y!=null&&e!=="GET"){const S=typeof y=="string"?y:te(y);w=`--data ${v(S)}`}const h=["curl","-X",e];return l.length>0&&h.push("\\",` ${l.join(` \\
|
|
16
|
+
`)}`),w&&h.push("\\",` ${w}`),h.push("\\",` ${v(s)}`),h.join(" ")})(),ne=(await me(["bash"])).codeToHtml(K,{lang:"bash",themes:{dark:"min-dark",light:"min-light"}}),ae=xe(ne),E=e=>L(e),g=e=>G(e),W=e=>!e||Object.keys(e).length===0?'<div class="px-4 pb-4 pt-2 text-xs text-[var(--ono-text-muted)]">(empty)</div>':`<div class="px-4 pb-4">${Object.entries(e).map(([l,a])=>{const p=Array.isArray(a)?a.join(", "):a;return`<div class="grid grid-cols-[200px_1fr] gap-3 items-start py-2 border-b border-[var(--ono-border)]">
|
|
17
|
+
<div class="text-[11px] uppercase tracking-wide text-[var(--ono-text-muted)]">${g(l)}</div>
|
|
18
|
+
<div class="text-sm break-words whitespace-pre-wrap text-[var(--ono-text)]">${g(p)}</div>
|
|
19
|
+
</div>`}).join("")}</div>`,ie=e=>`<span class="text-[var(--ono-red-orange)]">${typeof e=="string"?`"${g(e)}"`:String(e)}</span>`,de=e=>`<span class="italic text-[var(--ono-text-muted)]">${e===null?"null":"undefined"}</span>`,ce=(e,s)=>{if(Object.keys(e).length===0)return'<span class="italic text-[var(--ono-text-muted)]">(empty object)</span>';if(s>=3)return`<span class="italic text-[var(--ono-text-muted)]">{Object with ${String(Object.keys(e).length)} keys}</span>`;const l=Object.entries(e).slice(0,10).map(([p,m])=>{const f=M(m,s+1);return`
|
|
20
20
|
<div class="ml-4 pl-3 py-1 border-l-2 border-[var(--ono-border)]">
|
|
21
|
-
<span class="font-medium text-[var(--ono-text)]">${
|
|
22
|
-
</div>`}).join(""),
|
|
21
|
+
<span class="font-medium text-[var(--ono-text)]">${g(p)}:</span> ${f}
|
|
22
|
+
</div>`}).join(""),a=Object.keys(e).length>10?`<div class="ml-4 italic text-[var(--ono-text-muted)]">... and ${String(Object.keys(e).length-10)} more keys</div>`:"";return`<div class="space-y-1">${l}${a}</div>`},M=(e,s=0)=>{if(e==null)return de(e);if(typeof e=="string"||typeof e=="number"||typeof e=="boolean")return ie(e);if(Array.isArray(e)){if(e.length===0)return'<span class="italic text-[var(--ono-text-muted)]">(empty array)</span>';if(s>=3)return`<span class="italic text-[var(--ono-text-muted)]">[Array with ${String(e.length)} items]</span>`;const a=e.slice(0,10).map((m,f)=>{const w=M(m,s+1);return`
|
|
23
23
|
<div class="ml-4 pl-3 py-1 border-l-2 border-[var(--ono-border)]">
|
|
24
|
-
<span class="text-xs text-[var(--ono-text-muted)]">[${String(
|
|
25
|
-
</div>`}).join(""),
|
|
26
|
-
<div class="text-[11px] uppercase tracking-wide text-[var(--ono-text-muted)]">${
|
|
27
|
-
<div class="text-sm break-words text-[var(--ono-text)]">${
|
|
28
|
-
</div>`}).join("")}</div>`,
|
|
29
|
-
<div class="text-sm break-words whitespace-pre-wrap font-mono p-3 rounded border border-[var(--ono-border)] bg-[var(--ono-surface-muted)] text-[var(--ono-text)]">${
|
|
24
|
+
<span class="text-xs text-[var(--ono-text-muted)]">[${String(f)}]:</span> ${w}
|
|
25
|
+
</div>`}).join(""),p=e.length>10?`<div class="ml-4 text-sm italic text-[var(--ono-text-muted)]">... and ${String(e.length-10)} more items</div>`:"";return`<div class="space-y-1">${a}${p}</div>`}if(typeof e=="object")return ce(e,s);const l=typeof e=="symbol"||typeof e=="bigint"||typeof e=="function"?e.toString():JSON.stringify(e);return`<span class="text-[var(--ono-text)]">${g(l)}</span>`},Y=e=>!e||Object.keys(e).length===0?'<div class="px-4 pb-4 pt-2 text-xs text-[var(--ono-text-muted)]">(empty)</div>':`<div class="px-4 pb-4">${Object.entries(e).map(([l,a])=>{const p=M(a);return`<div class="grid grid-cols-[200px_1fr] gap-3 items-start py-2 border-b border-[var(--ono-border)]">
|
|
26
|
+
<div class="text-[11px] uppercase tracking-wide text-[var(--ono-text-muted)]">${g(l)}</div>
|
|
27
|
+
<div class="text-sm break-words text-[var(--ono-text)]">${p}</div>
|
|
28
|
+
</div>`}).join("")}</div>`,le=e=>{if(e==null)return'<div class="px-4 pb-4 pt-2 text-xs text-[var(--ono-text-muted)]">(no body)</div>';if(typeof e=="string")return e.trim()===""?'<div class="px-4 pb-4 pt-2 text-xs text-[var(--ono-text-muted)]">(empty string)</div>':`<div class="px-4 pb-4">
|
|
29
|
+
<div class="text-sm break-words whitespace-pre-wrap font-mono p-3 rounded border border-[var(--ono-border)] bg-[var(--ono-surface-muted)] text-[var(--ono-text)]">${g(e)}</div>
|
|
30
30
|
</div>`;if(typeof e=="object")return Array.isArray(e)?e.length===0?'<div class="px-4 pb-4 pt-2 text-xs text-[var(--ono-text-muted)]">(empty array)</div>':`<div class="px-4 pb-4">
|
|
31
|
-
<div class="text-sm break-words p-3 rounded border border-[var(--ono-border)] bg-[var(--ono-surface-muted)] text-[var(--ono-text)]">${
|
|
31
|
+
<div class="text-sm break-words p-3 rounded border border-[var(--ono-border)] bg-[var(--ono-surface-muted)] text-[var(--ono-text)]">${M(e)}</div>
|
|
32
32
|
</div>`:Object.keys(e).length===0?'<div class="px-4 pb-4 pt-2 text-xs text-[var(--ono-text-muted)]">(empty object)</div>':`<div class="px-4 pb-4">
|
|
33
|
-
<div class="text-sm break-words p-3 rounded border border-[var(--ono-border)] bg-[var(--ono-surface-muted)] text-[var(--ono-text)]">${
|
|
33
|
+
<div class="text-sm break-words p-3 rounded border border-[var(--ono-border)] bg-[var(--ono-surface-muted)] text-[var(--ono-text)]">${M(e)}</div>
|
|
34
34
|
</div>`;const s=e.toString();return`<div class="px-4 pb-4">
|
|
35
|
-
<div class="text-sm break-words whitespace-pre-wrap font-mono p-3 rounded border border-[var(--ono-border)] bg-[var(--ono-surface-muted)] text-[var(--ono-text)]">${
|
|
36
|
-
</div>`},
|
|
35
|
+
<div class="text-sm break-words whitespace-pre-wrap font-mono p-3 rounded border border-[var(--ono-border)] bg-[var(--ono-surface-muted)] text-[var(--ono-text)]">${g(s)}</div>
|
|
36
|
+
</div>`},Q=(e=>{if(!e)return{content:"",sidebar:""};const s=new Set(["request"]),l=Object.keys(e).filter(m=>!s.has(m));if(l.length===0)return{content:"",sidebar:""};let a="",p="";return l.forEach(m=>{const f=e[m];if(f&&typeof f=="object"&&(Array.isArray(f)||Object.keys(f).length>0)){const w=m.charAt(0).toUpperCase()+m.slice(1),h=`context-${m}`;a+=`
|
|
37
37
|
<div>
|
|
38
38
|
<div class="text-[11px] uppercase tracking-wide mb-2 text-[var(--ono-text-muted)]">${w}</div>
|
|
39
39
|
<ul class="space-y-1 text-sm">
|
|
40
40
|
<li>
|
|
41
|
-
<a href="#${
|
|
42
|
-
<span class="dui size-3" style="-webkit-mask-image:url('${
|
|
41
|
+
<a href="#${h}" class="flex items-center gap-2 px-2 py-1 rounded text-[var(--ono-text)] hover:bg-[var(--ono-surface-muted)] ono-scrollspy-active:bg-[var(--ono-surface-muted)] ono-scrollspy-active:font-semibold">
|
|
42
|
+
<span class="dui size-3" style="-webkit-mask-image:url('${F}'); mask-image:url('${F}')"></span>
|
|
43
43
|
<span>${w}</span>
|
|
44
44
|
</a>
|
|
45
45
|
</li>
|
|
46
46
|
</ul>
|
|
47
|
-
</div>`,
|
|
48
|
-
<input type="hidden" id="clipboard-${
|
|
49
|
-
<section id="${
|
|
47
|
+
</div>`,p+=`
|
|
48
|
+
<input type="hidden" id="clipboard-${h}-${o}" value="${E(JSON.stringify(f))}">
|
|
49
|
+
<section id="${h}" class="mb-4 rounded-[var(--ono-radius-lg)] shadow-[var(--ono-elevation-1)] overflow-hidden bg-[var(--ono-surface)] border border-[var(--ono-border)]">
|
|
50
50
|
<div class="px-4 py-2 flex items-center gap-2 bg-[var(--ono-surface-muted)] border-b border-[var(--ono-border)]">
|
|
51
51
|
<h3 class="text-sm font-semibold text-[var(--ono-text)]">${w}</h3>
|
|
52
52
|
<div class="grow"></div>
|
|
53
|
-
<a href="#${
|
|
54
|
-
${
|
|
53
|
+
<a href="#${h}" class="text-xs text-[var(--ono-text-muted)]" aria-label="Anchor">#</a>
|
|
54
|
+
${A({label:"Copy JSON",targetId:`clipboard-${h}-${o}`}).html}
|
|
55
55
|
</div>
|
|
56
|
-
<div class="max-w-full overflow-auto mt-2">${
|
|
57
|
-
</section>`}}),{content:
|
|
56
|
+
<div class="max-w-full overflow-auto mt-2">${Y(f)}</div>
|
|
57
|
+
</section>`}}),{content:p,sidebar:a}})(r.context),ue=`
|
|
58
58
|
<aside class="shrink-0 w-64 sticky top-4 self-start">
|
|
59
59
|
<nav aria-label="Context sections" class="p-3 rounded-[var(--ono-radius-md)] shadow-[var(--ono-elevation-1)] space-y-4 overflow-auto bg-[var(--ono-surface)] border border-[var(--ono-border)] max-h-[calc(100dvh-2rem)]">
|
|
60
60
|
<div>
|
|
@@ -62,25 +62,25 @@ import{s as U,a as q,l as Q,b as Y,c as ve,d as ue,e as pe}from"../../packem_sha
|
|
|
62
62
|
<ul class="space-y-1 text-sm">
|
|
63
63
|
<li>
|
|
64
64
|
<a href="#context-request" class="flex items-center gap-2 px-2 py-1 rounded text-[var(--ono-text)] hover:bg-[var(--ono-surface-muted)]">
|
|
65
|
-
<span class="dui size-3" style="-webkit-mask-image:url('${
|
|
65
|
+
<span class="dui size-3" style="-webkit-mask-image:url('${T}'); mask-image:url('${T}')"></span>
|
|
66
66
|
<span>Overview</span>
|
|
67
67
|
</a>
|
|
68
68
|
</li>
|
|
69
69
|
<li>
|
|
70
70
|
<a href="#context-headers" class="flex items-center gap-2 px-2 py-1 rounded text-[var(--ono-text)] hover:bg-[var(--ono-surface-muted)]">
|
|
71
|
-
<span class="dui size-3" style="-webkit-mask-image:url('${
|
|
71
|
+
<span class="dui size-3" style="-webkit-mask-image:url('${F}'); mask-image:url('${F}')"></span>
|
|
72
72
|
<span>Headers</span>
|
|
73
73
|
</a>
|
|
74
74
|
</li>
|
|
75
75
|
<li>
|
|
76
76
|
<a href="#context-body" class="flex items-center gap-2 px-2 py-1 rounded text-[var(--ono-text)] hover:bg-[var(--ono-surface-muted)]">
|
|
77
|
-
<span class="dui size-3" style="-webkit-mask-image:url('${
|
|
77
|
+
<span class="dui size-3" style="-webkit-mask-image:url('${B}'); mask-image:url('${B}')"></span>
|
|
78
78
|
<span>Body</span>
|
|
79
79
|
</a>
|
|
80
80
|
</li>
|
|
81
81
|
<li>
|
|
82
82
|
<a href="#context-session" class="flex items-center gap-2 px-2 py-1 rounded text-[var(--ono-text)] hover:bg-[var(--ono-surface-muted)]">
|
|
83
|
-
<span class="dui size-3" style="-webkit-mask-image:url('${
|
|
83
|
+
<span class="dui size-3" style="-webkit-mask-image:url('${R}'); mask-image:url('${R}')"></span>
|
|
84
84
|
<span>Session</span>
|
|
85
85
|
</a>
|
|
86
86
|
</li>
|
|
@@ -91,73 +91,73 @@ import{s as U,a as q,l as Q,b as Y,c as ve,d as ue,e as pe}from"../../packem_sha
|
|
|
91
91
|
</a>
|
|
92
92
|
</li>
|
|
93
93
|
</ul>
|
|
94
|
-
</div>${
|
|
94
|
+
</div>${Q.sidebar}
|
|
95
95
|
</nav>
|
|
96
|
-
</aside>`,
|
|
96
|
+
</aside>`,pe=`
|
|
97
97
|
<div class="grow min-w-0">
|
|
98
|
-
<input type="hidden" id="clipboard-curl-${
|
|
98
|
+
<input type="hidden" id="clipboard-curl-${o}" value="${E(K)}">
|
|
99
99
|
<section id="context-request" class="mb-4 rounded-[var(--ono-radius-lg)] shadow-[var(--ono-elevation-1)] overflow-hidden bg-[var(--ono-surface)] border border-[var(--ono-border)]">
|
|
100
100
|
<div class="px-4 py-2 flex items-center gap-3 min-w-0 bg-[var(--ono-surface-muted)] border-b border-[var(--ono-border)]">
|
|
101
|
-
<span class="dui size-4" style="-webkit-mask-image:url('${
|
|
101
|
+
<span class="dui size-4" style="-webkit-mask-image:url('${T}'); mask-image:url('${T}')"></span>
|
|
102
102
|
<h2 class="text-sm font-semibold text-[var(--ono-text)]">Request</h2>
|
|
103
|
-
<a class="text-sm truncate text-[var(--ono-red-orange)]" href="${
|
|
104
|
-
<span class="inline-block text-[10px] px-2 py-0.5 rounded-full bg-[var(--ono-chip-bg)] text-[var(--ono-chip-text)]">${
|
|
103
|
+
<a class="text-sm truncate text-[var(--ono-red-orange)]" href="${fe(O(t,"url")??"#")}">${g(O(t,"url")??"")}</a>
|
|
104
|
+
<span class="inline-block text-[10px] px-2 py-0.5 rounded-full bg-[var(--ono-chip-bg)] text-[var(--ono-chip-text)]">${g(O(t,"method")??"GET")}</span>
|
|
105
105
|
<div class="grow"></div>
|
|
106
|
-
${
|
|
106
|
+
${A({label:"Copy cURL",targetId:`clipboard-curl-${o}`}).html}
|
|
107
107
|
</div>
|
|
108
|
-
<div class="px-4 pb-4 overflow-auto mt-2">${
|
|
108
|
+
<div class="px-4 pb-4 overflow-auto mt-2">${ae}</div>
|
|
109
109
|
</section>
|
|
110
110
|
|
|
111
|
-
<input type="hidden" id="clipboard-headers-${
|
|
111
|
+
<input type="hidden" id="clipboard-headers-${o}" value="${E(JSON.stringify(u??{}))}">
|
|
112
112
|
<section id="context-headers" class="mb-4 rounded-[var(--ono-radius-lg)] shadow-[var(--ono-elevation-1)] overflow-hidden bg-[var(--ono-surface)] border border-[var(--ono-border)]">
|
|
113
113
|
<div class="px-4 py-2 flex items-center gap-2 bg-[var(--ono-surface-muted)] border-b border-[var(--ono-border)]">
|
|
114
|
-
<span class="dui size-4" style="-webkit-mask-image:url('${
|
|
114
|
+
<span class="dui size-4" style="-webkit-mask-image:url('${F}'); mask-image:url('${F}')"></span>
|
|
115
115
|
<h3 class="text-sm font-semibold text-[var(--ono-text)]">Headers</h3>
|
|
116
116
|
<div class="grow"></div>
|
|
117
117
|
<a href="#context-headers" class="text-xs text-[var(--ono-text-muted)]" aria-label="Anchor">#</a>
|
|
118
|
-
${
|
|
118
|
+
${A({label:"Copy JSON",targetId:`clipboard-headers-${o}`}).html}
|
|
119
119
|
</div>
|
|
120
|
-
<div class="max-w-full overflow-auto mt-2">${
|
|
120
|
+
<div class="max-w-full overflow-auto mt-2">${W(u)}</div>
|
|
121
121
|
</section>
|
|
122
122
|
|
|
123
|
-
<input type="hidden" id="clipboard-body-${
|
|
123
|
+
<input type="hidden" id="clipboard-body-${o}" value="${E(te(y??{}))}">
|
|
124
124
|
<section id="context-body" class="mb-4 rounded-[var(--ono-radius-lg)] shadow-[var(--ono-elevation-1)] overflow-hidden bg-[var(--ono-surface)] border border-[var(--ono-border)]">
|
|
125
125
|
<div class="px-4 py-2 flex items-center gap-2 bg-[var(--ono-surface-muted)] border-b border-[var(--ono-border)]">
|
|
126
|
-
<span class="dui size-4" style="-webkit-mask-image:url('${
|
|
126
|
+
<span class="dui size-4" style="-webkit-mask-image:url('${B}'); mask-image:url('${B}')"></span>
|
|
127
127
|
<h3 class="text-sm font-semibold text-[var(--ono-text)]">Body</h3>
|
|
128
128
|
<div class="grow"></div>
|
|
129
129
|
<a href="#context-body" class="text-xs text-[var(--ono-text-muted)]" aria-label="Anchor">#</a>
|
|
130
|
-
${
|
|
130
|
+
${A({label:"Copy JSON",targetId:`clipboard-body-${o}`}).html}
|
|
131
131
|
</div>
|
|
132
|
-
<div class="max-w-full overflow-auto mt-2">${
|
|
132
|
+
<div class="max-w-full overflow-auto mt-2">${le(y)}</div>
|
|
133
133
|
</section>
|
|
134
134
|
|
|
135
|
-
<input type="hidden" id="clipboard-session-${
|
|
135
|
+
<input type="hidden" id="clipboard-session-${o}" value="${E(JSON.stringify(_??{}))}">
|
|
136
136
|
<section id="context-session" class="mb-4 rounded-[var(--ono-radius-lg)] shadow-[var(--ono-elevation-1)] overflow-hidden bg-[var(--ono-surface)] border border-[var(--ono-border)]">
|
|
137
137
|
<div class="px-4 py-2 flex items-center gap-2 bg-[var(--ono-surface-muted)] border-b border-[var(--ono-border)]">
|
|
138
|
-
<span class="dui size-4" style="-webkit-mask-image:url('${
|
|
138
|
+
<span class="dui size-4" style="-webkit-mask-image:url('${R}'); mask-image:url('${R}')"></span>
|
|
139
139
|
<h3 class="text-sm font-semibold text-[var(--ono-text)]">Session</h3>
|
|
140
140
|
<div class="grow"></div>
|
|
141
141
|
<a href="#context-session" class="text-xs text-[var(--ono-text-muted)]" aria-label="Anchor">#</a>
|
|
142
|
-
${
|
|
142
|
+
${A({label:"Copy JSON",targetId:`clipboard-session-${o}`}).html}
|
|
143
143
|
</div>
|
|
144
|
-
<div class="max-w-full overflow-auto mt-2">${
|
|
144
|
+
<div class="max-w-full overflow-auto mt-2">${Y(_)}</div>
|
|
145
145
|
</section>
|
|
146
146
|
|
|
147
|
-
<input type="hidden" id="clipboard-cookies-${
|
|
147
|
+
<input type="hidden" id="clipboard-cookies-${o}" value="${E(JSON.stringify(C))}">
|
|
148
148
|
<section id="context-cookies" class="mb-4 rounded-[var(--ono-radius-lg)] shadow-[var(--ono-elevation-1)] overflow-hidden bg-[var(--ono-surface)] border border-[var(--ono-border)]">
|
|
149
149
|
<div class="px-4 py-2 flex items-center gap-2 bg-[var(--ono-surface-muted)] border-b border-[var(--ono-border)]">
|
|
150
150
|
<span class="dui size-4" style="-webkit-mask-image:url('${N}'); mask-image:url('${N}')"></span>
|
|
151
151
|
<h3 class="text-sm font-semibold text-[var(--ono-text)]">Cookies</h3>
|
|
152
152
|
<div class="grow"></div>
|
|
153
153
|
<a href="#context-cookies" class="text-xs text-[var(--ono-text-muted)]" aria-label="Anchor">#</a>
|
|
154
|
-
${
|
|
154
|
+
${A({label:"Copy JSON",targetId:`clipboard-cookies-${o}`}).html}
|
|
155
155
|
</div>
|
|
156
|
-
<div class="max-w-full overflow-auto mt-2">${
|
|
156
|
+
<div class="max-w-full overflow-auto mt-2">${W(C)}
|
|
157
157
|
</div>
|
|
158
|
-
</section>${
|
|
158
|
+
</section>${Q.content}
|
|
159
159
|
</div>`;return{code:{html:`
|
|
160
160
|
<div class="w-full flex gap-4 relative">
|
|
161
|
-
${
|
|
162
|
-
${
|
|
163
|
-
</div>`,script:""},id:"context",name:"Context"}};export{
|
|
161
|
+
${ue}
|
|
162
|
+
${pe}
|
|
163
|
+
</div>`,script:""},id:"context",name:"Context"}};export{He as default};
|