@nuxt/devtools 1.0.0-beta.0 → 1.0.0-beta.2

package/dist/client/_nuxt/analyze-build.988e7c9e.js

@@ -0,0 +1 @@
+import{d as R,a as V,r as S,o,m as i,k as e,F as c,n as E,G as F,f as n,t as m,p as b,H as G,i as r,j as a,v as _,I as A,J as D,K as P,L as U,_ as L,M as q,N as ee,O as te,P as ne,Q as oe,R as le,S as ie,U as se,V as k,h as w,l as j,W as ae,X as re,A as ue}from"./entry.3dd66f35.js";import{_ as de}from"./FilepathItem.vue.6dd69314.js";import{_ as ce}from"./NTip.vue.3f5fb5a1.js";import{_ as me}from"./NCodeBlock.vue.882d562f.js";import{_ as _e}from"./NCheckbox.vue.cf7e1e9d.js";import{_ as pe}from"./HelpFab.vue.314bc83b.js";import"./client.253674ec.js";const fe={"h-full":"",grid:"~ rows-[max-content_1fr]"},ve={flex:"~ wrap","w-full":""},he=["onClick"],ye=e("div",{border:"b base","flex-auto":""},null,-1),be={key:0,flex:"~ col gap-4 items-center justify-center",p4:""},$e=e("div",{"flex-auto":""},null,-1),xe={grid:"~ cols-[30px_1fr] gap-x-2 gap-y-3 items-center justify-center","w-100":""},ge=e("div",{"i-carbon-commit":"","text-xl":""},null,-1),we=e("div",{"text-sm":"",op50:""}," Name ",-1),ze=e("div",{"i-carbon-time":"","text-xl":""},null,-1),Be=e("div",{"text-sm":"",op50:""}," Build duration ",-1),ke=e("div",{"i-carbon-cics-program":"","text-xl":""},null,-1),Ce=e("div",{"text-sm":"",op50:""}," Client bundle size ",-1),Ne=e("div",{"i-carbon-bare-metal-server":"","text-xl":""},null,-1),Te=e("div",{"text-sm":"",op50:""}," Nitro bundle size ",-1),Ae=e("div",{"i-carbon-edge-node":"","text-xl":""},null,-1),De=e("div",{"text-sm":"",op50:""}," Built ",-1),Ie=e("div",{"i-carbon:folder-parent":"","text-xl":""},null,-1),Ve=e("div",{"text-sm":"",op50:""}," Report Path ",-1),Se=e("div",{"flex-auto":""},null,-1),I="/__nuxt_devtools__/analyze/",Fe=R({__name:"BuildAnalyzeDetails",props:{current:{},prev:{}},setup(C){const p=C,f=V(()=>{const t=[{name:"Overview",id:"overview"}];return p.current.features.bundleClient&&t.push({name:"Client Bundle",id:"bundle-client"}),p.current.features.bundleNitro&&t.push({name:"Nitro Bundle",id:"bundle-nitro"}),p.current.features.viteInspect&&t.push({name:"Vite Inspect",id:"vite-inspect"}),t}),l=S(f.value[0]);function $(t){return t<1024?`${t}B`:t<1024*1024?`${(t/1024).toFixed(1)}KB`:t<1024*1024*1024?`${(t/1024/1024).toFixed(1)}MB`:`${(t/1024/1024/1024).toFixed(1)}GB`}function g(t){return`${((t.endTime-t.startTime)/1e3).toFixed(1)}s`}async function x(t){return P.clearAnalyzeBuilds(await U(),[t])}return(t,u)=>{const z=de,N=L;return o(),i("div",fe,[e("div",ve,[(o(!0),i(c,null,E(n(f),(v,T)=>(o(),i("button",{key:T,px4:"",py2:"",border:"r base",hover:"bg-active",class:F(v.id===n(l).id?"":"border-b"),onClick:d=>l.value=v},[e("div",{class:F(v.id===n(l).id?"":"op30")},m(v.name),3)],10,he))),128)),ye]),n(l).id==="overview"?(o(),i("div",be,[$e,e("div",xe,[ge,e("div",null,[we,e("div",null,m(t.current.name),1)]),ze,e("div",null,[Be,e("div",null,m(g(t.current)),1)]),t.current.size?.clientBundle?(o(),i(c,{key:0},[ke,e("div",null,[Ce,e("div",null,m($(t.current.size.clientBundle)),1)])],64)):b("",!0),t.current.size.nitroBundle?(o(),i(c,{key:1},[Ne,e("div",null,[Te,e("div",null,m($(t.current.size.nitroBundle)),1)])],64)):b("",!0),Ae,e("div",null,[De,e("div",null,m(n(G)(new Date(t.current.endTime))),1)]),Ie,e("div",null,[Ve,r(z,{filepath:t.current.analyzeDir},null,8,["filepath"])])]),Se,r(N,{n:"rose",icon:"carbon-delete",onClick:u[0]||(u[0]=v=>x(t.current.name))},{default:a(()=>[_(" Delete this report ")]),_:1})])):b("",!0),u._lazyshow1||n(l).id==="bundle-client"?(u._lazyshow1=!0,o(),i(c,null,[A(e("iframe",{src:`${I}${t.current.slug}/client.html`,"h-full":"","w-full":""},null,8,["src"]),[[D,n(l).id==="bundle-client"]])],64)):b("v-show-if",!0),u._lazyshow2||n(l).id==="bundle-nitro"?(u._lazyshow2=!0,o(),i(c,null,[A(e("iframe",{src:`${I}${t.current.slug}/nitro.html`,"h-full":"","w-full":""},null,8,["src"]),[[D,n(l).id==="bundle-nitro"]])],64)):b("v-show-if",!0),u._lazyshow3||n(l).id==="vite-inspect"?(u._lazyshow3=!0,o(),i(c,null,[A(e("iframe",{src:`${I}${t.current.slug}/.vite-inspect/`,"h-full":"","w-full":""},null,8,["src"]),[[D,n(l).id==="vite-inspect"]])],64)):b("v-show-if",!0)])}}}),Pe={class:"markdown-body"},je=e("h1",null,"Build Analyze",-1),Re=e("p",null,[_("DevTools provides a build analyze tool to help you understand the size of your app in production. Whenever you start a new build, it runs the command "),e("code",null,"nuxt build --analyze"),_(" and present the output data directly in DevTools for easy browsing and comparing.")],-1),Ee=[je,Re],Ge={__name:"analyze-build",setup(C,{expose:p}){return p({frontmatter:{}}),(l,$)=>(o(),i("div",Pe,Ee))}},Ue={flex:"~ col"},Le=["onClick"],Oe={flex:"~ gap-1 items-center wrap","w-full":"","text-sm":"",op60:""},He=e("div",{"i-carbon-time":""},null,-1),Ke=e("div",{"flex-auto":""},null,-1),Me=e("div",{"x-divider":""},null,-1),We={flex:"~ items-center justify-center wrap",p4:""},Je={flex:"~ col gap-1","w-250":"",p4:""},Qe=e("h3",{class:"text-lg font-medium leading-6",mb2:""}," Start analyze build? ",-1),Xe=e("p",{op50:""}," Enter the name of the build: ",-1),Ye=e("div",{my3:"","x-divider":""},null,-1),Ze=e("p",{op50:""}," The following command will be executed in your terminal: ",-1),qe={flex:"~ gap-3",mt2:"","justify-end":""},at=R({__name:"analyze-build",setup(C){const p=q(),f=ee(),l=te(),$=ne("analyze-build:slug",""),g=V(()=>f.value?.builds.find(d=>d.slug===$.value)??f.value?.builds[0]),x=S(!1),t=S(""),u=V(()=>f.value?.builds.some(d=>d.name===t.value.trim()));async function z(){t.value=await P.generateAnalyzeBuildName(),await p.start()&&(se("analyze-build:start"),k.value={name:t.value,processId:await P.startAnalyzeBuild(await U(),t.value)},x.value&&v())}const N=oe();function v(){k.value?.processId&&(N.value=k.value.processId,l.push("/modules/terminals"))}function T(d){return`${((d.endTime-d.startTime)/1e3).toFixed(1)}s`}return le(()=>[{id:"action:analyze-build: start",title:"Start a new analyze build",icon:"i-carbon-edge-node",action:z}]),(d,h)=>{const B=L,O=Fe,H=ue,K=ie,M=ae,W=ce,J=me,Q=_e,X=re,Y=Ge,Z=pe;return o(),i(c,null,[r(K,{"left-size":30},{left:a(()=>[e("div",Ue,[(o(!0),i(c,null,E(n(f)?.builds,s=>(o(),i(c,{key:s.slug},[e("button",{flex:"~ col gap1","hover:bg-active":"",p3:"",class:F(s.slug===n(g)?.slug?"text-primary bg-active":""),onClick:y=>$.value=s.slug},[e("code",null,m(s.name),1),e("div",Oe,[He,e("span",null,m(T(s)),1),Ke,e("span",null,m(n(G)(new Date(s.endTime))),1)])],10,Le),Me],64))),128)),e("div",We,[("processAnalyzeBuildInfo"in d?d.processAnalyzeBuildInfo:n(k))?(o(),w(B,{key:1,n:"primary",icon:"carbon-circle-dash animate-spin",onClick:h[1]||(h[1]=s=>v())},{default:a(()=>[_(" Building... ")]),_:1})):(o(),w(B,{key:0,n:"primary",icon:"carbon-edge-node",onClick:h[0]||(h[0]=s=>z())},{default:a(()=>[_(" Start a new build ")]),_:1}))])])]),right:a(()=>[n(g)?(o(),w(O,{key:0,current:n(g)},null,8,["current"])):(o(),w(H,{key:1}))]),_:1}),r(n(p),null,{default:a(({resolve:s})=>[r(X,{"model-value":!0,onClose:y=>s(!1)},{default:a(()=>[e("div",Je,[Qe,Xe,r(M,{modelValue:n(t),"onUpdate:modelValue":h[2]||(h[2]=y=>j(t)?t.value=y:null),placeholder:"Build name"},null,8,["modelValue"]),n(u)?(o(),w(W,{key:0,"n-orange":""},{default:a(()=>[_(" A build with the same name already exists, continue would overrides the previous build result. ")]),_:1})):b("",!0),Ye,Ze,r(J,{code:`npx nuxi analyze --no-serve --name=${n(t)}`,lang:"bash",px4:"",py2:"",border:"~ base rounded",lines:!1},null,8,["code"]),r(Q,{modelValue:n(x),"onUpdate:modelValue":h[3]||(h[3]=y=>j(x)?x.value=y:null),mt2:"",n:"primary"},{default:a(()=>[_(" Navigate to terminal ")]),_:1},8,["modelValue"]),e("div",qe,[r(B,{onClick:y=>s(!1)},{default:a(()=>[_(" Cancel ")]),_:2},1032,["onClick"]),r(B,{n:"solid primary",onClick:y=>s(!0)},{default:a(()=>[_(" Start ")]),_:2},1032,["onClick"])])])]),_:2},1032,["onClose"])]),_:1}),r(Z,null,{default:a(()=>[r(Y)]),_:1})],64)}}});export{at as default};

package/dist/client/_nuxt/assets.2b649247.js

@@ -0,0 +1,16 @@
+import{d as X,r as F,Y as q,o as s,m as c,i as d,f as t,k as e,v as C,F as B,n as Z,h as I,j as b,p as E,G as Y,Z as U,a0 as de,a1 as pe,U as me,K as G,L as H,_ as ee,a2 as ne,W as oe,a as P,a3 as fe,a4 as ve,a5 as se,t as N,a6 as le,a7 as he,l as R,a8 as _e,b as te,a9 as ge,e as xe,aa as be,ab as ae,I as W,ac as we,ad as ye,X as $e,ae as ke,af as Ce,ag as Pe}from"./entry.3dd66f35.js";import{_ as Ae}from"./NNavbar.vue.d9a029e0.js";import{_ as De}from"./NSectionBlock.7f41e147.js";import{_ as Ve}from"./FilepathItem.vue.6dd69314.js";import{_ as Ne,u as Fe}from"./storage-options.2224e06b.js";import{_ as Se}from"./NDrawer.vue.a4010d93.js";import{D as Ie}from"./constants.2cc6e981.js";import"./NIconTitle.vue.71113a3f.js";import"./NCodeBlock.vue.882d562f.js";import"./client.253674ec.js";const Te={key:0,"h-full":"","w-full":"",flex:"","items-center":"","justify-center":""},je={for:"drop-zone-input","text-3xl":""},Ue={key:1,relative:"","h-full":"","w-full":"",grid:"~ rows-[max-content_1fr_max-content]"},Ee=e("div",{px6:"",py6:""},[e("h1",{"text-2xl":""}," Upload "),e("p",{"text-sm":"",op50:""}," Drag and drop files to upload ")],-1),Le={grid:"~ cols-minmax-8rem","overflow-auto":"",p6:""},Be={flex:"","items-center":"","justify-center":"","of-hidden":"",rounded:"","rounded-t-lg":"","bg-active":"","object-cover":"",class:"aspect-1/1",border:"~ base"},Me=["src"],ze={flex:"~ gap1","items-center":""},Oe={flex:"~ gap-2","items-center":"","justify-center":"",p8:""},Re=X({__name:"AssetDropZone",props:{folder:{type:String,required:!0}},setup(T){const a=T,p=F(!1),n=F(),m=F([]),h=["image","video"];function A(r){n.value=r.target,p.value=!0}function u(r){r.target===n.value&&(p.value=!1)}function $(r){r.preventDefault()}function K(r){r.preventDefault(),L(r.dataTransfer.files)}function L(r){const g=Array.from(r||[]);if(g.length){const v=[],k=m.value.map(f=>f.name);for(const f of g)if(k.includes(f.name)){let l=1;const[D,i]=f.name.split(".");for(;k.includes(`${D} (${l}).${i}`);)l++;const o=`${D}-${l}.${i}`,z=new Blob([f],{type:f.type}),O=new File([z],o,{lastModified:Date.now()});v.push(O),k.push(o)}else f.type===""?U({message:"Folders are not supported yet",icon:"carbon:face-dissatisfied",classes:"text-orange"}):h.some(l=>f.type.includes(l))?v.push(f):U({message:`"${f.type}" file type is not allowed`,icon:"carbon:face-dissatisfied",classes:"text-orange"});m.value=[...m.value,...v]}}async function x(){if(de.value||pe.value)return;me("assets:upload");const r=[];for(const g of m.value){const v=new FileReader;v.readAsDataURL(g);const f=(await new Promise(l=>{v.onload=()=>l(v.result)})).split(";base64,").pop();r.push({path:g.name,encoding:"base64",content:f})}await G.writeStaticAssets(await H(),[...r],a.folder).then(()=>{j(),U({message:"Files uploaded successfully!",icon:"i-carbon:checkmark"})}).catch(g=>{console.error(g),j(),U({message:`Error uploading files: ${g}`,icon:"i-carbon-warning",classes:"text-red"})}),p.value=!1}function _(r){m.value?.splice(r,1)}function w(r){return URL.createObjectURL(r)}function M(r,g){const[v,k]=r.name.split("."),f=g.replace(/\.\w+$/,""),l=`${f}.${k}`;return f.length===0?(alert("File name must be at least 1 characters long"),v):(Object.defineProperty(r,"name",{value:l,writable:!1}),m.value.splice(m.value.indexOf(r),1,r),r)}function S(){m.value=[]}function j(){p.value=!1,S()}return q("dragenter",A),q("dragleave",u),q("dragover",$),q("drop",K),(r,g)=>{const v=ee,k=ne,f=oe;return s(),c("div",{fixed:"","bottom-0":"","left-13":"","right-0":"","top-0":"","z-10":"","backdrop-blur-20":"","transition-all":"",class:Y(t(p)?"opacity-100 visible":"opacity-0 invisible")},[d(v,{icon:"carbon-close",absolute:"","right-5":"","top-5":"","z-20":"","text-xl":"",border:!1,onClick:j}),t(m)?.length?(s(),c("div",Ue,[Ee,e("div",Le,[(s(!0),c(B,null,Z(t(m),(l,D)=>(s(),c("div",{key:l.name,flex:"~ col gap-2",relative:"","h-50":"","w-40":"","items-center":""},[e("div",Be,[e("img",{"h-full":"","w-full":"","rounded-t-lg":"","object-cover":"",src:w(l)},null,8,Me)]),e("div",ze,[d(f,{n:"xs","h-full":"","flex-auto":"","model-value":l.name,"onUpdate:modelValue":i=>M(l,i.target.value)},null,8,["model-value","onUpdate:modelValue"]),d(v,{n:"red",icon:"carbon-trash-can","h-full":"","flex-none":"",title:"Remove file",onClick:i=>_(D)},null,8,["onClick"])])]))),128))]),e("div",Oe,[t(m).length?(s(),I(v,{key:0,n:"red",onClick:S},{default:b(()=>[d(k,{icon:"carbon-clean"}),C(" Clear ")]),_:1})):E("",!0),d(v,{disabled:!t(m).length,n:"primary solid",onClick:x},{default:b(()=>[d(k,{icon:"carbon-cloud-upload"}),C(" Upload ")]),_:1},8,["disabled"])])])):(s(),c("div",Te,[e("label",je,[d(k,{icon:"carbon-cloud-upload","mr-2":""}),C(" Drop files here or click to select ")]),e("input",{id:"drop-zone-input",type:"file",multiple:"",hidden:"",onChange:g[0]||(g[0]=l=>L(l.target.files))},null,32)]))],2)}}}),Ke=X({__name:"AssetFontPreview",props:{asset:{}},setup(T){const a=T,p=P(()=>`devtools-assets-${fe(a.asset)}`);return ve(P(()=>`
+  @font-face {
+    font-family: '${p.value}';
+    src: url('${a.asset.publicPath}');
+  }
+`)),(n,m)=>(s(),c("div",{"of-hidden":"",style:se({fontFamily:`'${t(p)}'`})}," Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz ",4))}}),Xe={flex:"","items-center":"","justify-center":"","of-hidden":"","bg-active":"","object-cover":"",p1:""},Ge=["src"],Ze={key:2,"i-carbon-document":"","text-3xl":"",op20:""},We={key:3,"w-full":"","self-start":"",p4:""},qe=["textContent"],Ye={key:4},He=["src","autoplay","controls"],Je={key:5},Qe={key:0,"i-carbon-volume-up":"","text-3xl":"",op20:""},et=["src"],tt={key:6,"i-carbon-help":"","text-3xl":"",op20:""},ie=X({__name:"AssetPreview",props:{asset:{},textContent:{},detail:{type:Boolean}},setup(T){return(a,p)=>{const n=Ke;return s(),c("div",Xe,[a.asset.type==="image"?(s(),c("img",{key:0,src:a.asset.publicPath},null,8,Ge)):a.asset.type==="font"?(s(),I(n,{key:a.asset.publicPath,asset:a.asset,"self-stretch":"",p2:"","text-2xl":""},null,8,["asset"])):a.asset.type==="text"&&!a.textContent?(s(),c("div",Ze)):a.asset.type==="text"&&a.textContent?(s(),c("div",We,[e("pre",{"max-h-10rem":"","of-hidden":"","text-xs":"","font-mono":"",textContent:N(a.textContent)},null,8,qe)])):a.asset.type==="video"?(s(),c("div",Ye,[e("video",{src:a.asset.publicPath,autoplay:a.detail,controls:a.detail},null,8,He)])):a.asset.type==="audio"?(s(),c("div",Je,[a.detail?(s(),c("audio",{key:1,src:a.asset.publicPath,controls:""},null,8,et)):(s(),c("div",Qe))])):(s(),c("div",tt))])}}}),nt={flex:"~ col gap-1",hover:"bg-active","items-center":"","of-hidden":"",rounded:"",p2:""},ot={"w-full":"","of-hidden":"",truncate:"","ws-nowrap":"","text-center":"","text-xs":""},st=X({__name:"AssetGridItem",props:{asset:{},folder:{}},setup(T){const a=T,p=P(()=>a.folder&&a.asset.path.startsWith(a.folder)?a.asset.path.slice(a.folder.length):a.asset.path);return(n,m)=>{const h=ie;return s(),c("button",nt,[d(h,{"h-30":"","w-30":"",rounded:"",border:"~ base",asset:n.asset},null,8,["asset"]),e("div",ot,N(t(p)),1)])}}}),re=X({__name:"AssetListItem",props:{item:{},index:{default:0},modelValue:{}},setup(T,{emit:a}){const p=T,n=le(p,"modelValue",a,{passive:!0}),m=P(()=>p.item?.children?.length),h=F(!0),A=P(()=>m.value?"i-carbon-folder":p.item.type==="image"?"i-carbon-image":p.item.type==="video"?"i-carbon-video":p.item.type==="audio"?"i-carbon-volume-up":p.item.type==="font"?"i-carbon-text-small-caps":p.item.type==="text"?"i-carbon-document":p.item.type==="json"?"i-carbon-json":"i-carbon-document-blank");return(u,$)=>{const K=ne,L=re;return s(),c("div",null,[e("button",{flex:"~ gap-2","w-full":"","items-center":"",hover:"bg-active",px4:"",py1:"",style:se({paddingLeft:`calc(1rem + ${u.index*1.5}em)`}),class:Y({"bg-active":!t(m)&&t(n)?.filePath===u.item?.filePath}),border:"b base",onClick:$[0]||($[0]=x=>t(m)?h.value=!t(h):n.value=u.item)},[e("div",{class:Y(t(A))},null,2),e("span",{class:Y({"flex items-center":t(m)}),"flex-auto":"","text-start":"","text-sm":"","font-mono":""},N(u.item.path),3),t(m)?(s(),I(K,{key:0,icon:"carbon:chevron-right","transform-rotate":t(h)?90:0,transition:""},null,8,["transform-rotate"])):E("",!0)],6),t(h)?he(u.$slots,"default",{key:0},()=>[(s(!0),c(B,null,Z(u.item?.children,x=>(s(),I(L,{key:x.filepath,modelValue:t(n),"onUpdate:modelValue":$[1]||($[1]=_=>R(n)?n.value=_:null),item:x,index:u.index+1},null,8,["modelValue","item","index"]))),128))]):E("",!0)])}}}),lt={flex:"~ col gap-4","min-h-full":"","w-full":"","of-hidden":"",p4:""},at=e("div",{flex:"~ gap2","mb--2":"","items-center":"",op50:""},[e("div",{"x-divider":""}),e("div",{"flex-none":""}," Preview "),e("div",{"x-divider":""})],-1),it={flex:"~","items-center":"","justify-center":""},rt=e("div",{flex:"~ gap2","mb--2":"","items-center":"",op50:""},[e("div",{"x-divider":""}),e("div",{"flex-none":""}," Details "),e("div",{"x-divider":""})],-1),ct={"max-w-full":"","w-full":"","table-fixed":""},ut=e("td",{"w-30":"","ws-nowrap":"",pr5:"","text-right":"",op50:""}," Filepath ",-1),dt={flex:"~ gap-1","w-full":"","items-center":""},pt=e("td",{"w-30":"","ws-nowrap":"",pr5:"","text-right":"",op50:""}," Public Path ",-1),mt={flex:"~ gap-1","w-full":"","items-center":"","of-hidden":""},ft={"flex-auto":"","of-hidden":"",truncate:"","ws-pre":"","font-mono":""},vt=e("td",{"w-30":"","ws-nowrap":"",pr5:"","text-right":"",op50:""}," Type ",-1),ht={capitalize:""},_t=e("td",{"w-30":"","ws-nowrap":"",pr5:"","text-right":"",op50:""}," Image Size ",-1),gt={key:0},xt=e("td",{"w-30":"","ws-nowrap":"",pr5:"","text-right":"",op50:""}," Aspect Ratio ",-1),bt=e("td",{"w-30":"","ws-nowrap":"",pr5:"","text-right":"",op50:""}," File size ",-1),wt=e("td",{"w-30":"","ws-nowrap":"",pr5:"","text-right":"",op50:""}," Last modified ",-1),yt={op70:""},$t=e("div",{flex:"~ gap2","mb--2":"","items-center":"",op50:""},[e("div",{"x-divider":""}),e("div",{"flex-none":""}," Actions "),e("div",{"x-divider":""})],-1),kt={flex:"~ gap2 wrap"},Ct=e("div",{"flex-auto":""},null,-1),Pt={flex:"~ col gap-4","min-h-full":"","w-full":"","of-hidden":"",p8:""},At=e("span",null," Are you sure you want to delete this asset? ",-1),Dt={flex:"~ gap2 wrap justify-center"},Vt={flex:"~ col gap-4","min-h-full":"","w-full":"","of-hidden":"",p8:""},Nt={flex:"~ gap2 wrap justify-center"},Ft={flex:"~ col gap-4","min-h-full":"","w-full":"","of-hidden":"",p4:""},St=["onKeydown"],It={flex:"","justify-end":"","gap-4":""},Tt=X({__name:"AssetDetails",props:{modelValue:{}},setup(T,{emit:a}){const n=le(T,"modelValue",a,{passive:!0}),m=_e(),h=te(()=>{if(n.value.type==="image")return G.getImageMeta(n.value.filePath)}),A=F(!1),u=F(),$=F(0),K=te(async()=>{if(n.value.type!=="text")return;$.value;const i=await G.getTextAssetContent(n.value.filePath);return u.value=i,i});async function L(){if(K.value!==u.value)try{await G.writeStaticAssets(await H(),[{path:n.value.path,content:u.value,override:!0}],""),A.value=!1,$.value++,U({message:"Updated",icon:"i-carbon-checkmark",classes:"text-green"})}catch{U({message:"Something went wrong!",icon:"i-carbon-warning",classes:"text-red"})}}const x=ge(),_=P(()=>(x.value?._installedModules||[]).some(o=>o.meta?.name==="@nuxt/image"||o.meta?.name==="@nuxt/image-edge")),w=P(()=>{const i=[];if(n.value.type==="image"){const o=h.value?.width?`
+  width="${h.value.width}"
+  height="${h.value.height}" `:" ";return i.push({lang:"vue-html",code:`<img${o}
+  src="${n.value.publicPath}"
+/>`,name:"Plain Image"}),_.value&&i.push({lang:"vue-html",code:`<NuxtImg${o}
+  src="${n.value.publicPath}"
+/>`,name:"Nuxt Img",docs:"https://image.nuxt.com/usage/nuxt-img"},{lang:"vue-html",code:`<NuxtPicture${o}
+  src="${n.value.publicPath}"
+/>`,name:"Nuxt Picture",docs:"https://image.nuxt.com/usage/nuxt-picture"}),i}return i.push({lang:"html",code:`<a download href="${n.value.publicPath}">
+  Download ${n.value.path.split("/").slice(-1)[0]}
+</a>`,name:"Download link"}),i}),M=xe(),S=be(()=>n.value.mtime),j=P(()=>{const i=n.value.size;return i<1024?`${i} B`:i<1024*1024?`${(i/1024).toFixed(2)} KB`:`${(i/1024/1024).toFixed(2)} MB`}),r=P(()=>{if(!h.value?.width||!h.value?.height)return"";const i=(z,O)=>O?i(O,z%O):z,o=i(h.value.width,h.value.height);return o>3?`${h.value.width/o}:${h.value.height/o}`:""}),g=P(()=>["image","text","video","audio","font"].includes(n.value.type)),v=F(!1);async function k(){try{await G.deleteStaticAsset(await H(),n.value.filePath),n.value=void 0,v.value=!1,U({message:"Asset deleted",icon:"i-carbon-checkmark",classes:"text-green"})}catch{U({message:"Something went wrong!",icon:"i-carbon-warning",classes:"text-red"})}}const f=F(!1),l=F("");async function D(){const i=n.value.filePath.split("/"),o=i.slice(-1)[0].split(".").slice(0,-1).join(".");if(!l.value||l.value===o)return U({message:"Please enter a new name",icon:"i-carbon-warning",classes:"text-orange"});try{const z=i.slice(-1)[0].split(".").slice(-1)[0],O=`${i.slice(0,-1).join("/")}/${l.value}.${z}`;await G.renameStaticAsset(await H(),n.value.filePath,O),n.value=void 0,f.value=!1,U({message:"Asset renamed",icon:"i-carbon-checkmark",classes:"text-green"})}catch{U({message:"Something went wrong!",icon:"i-carbon-warning",classes:"text-red"})}}return(i,o)=>{const z=ie,O=Ve,V=ee,ce=Ne,J=$e,ue=oe,Q=ae("tooltip");return s(),c(B,null,[e("div",lt,[t(g)?(s(),c(B,{key:0},[at,e("div",it,[d(z,{detail:"","max-h-80":"","min-h-20":"","min-w-20":"","w-auto":"",rounded:"",border:"~ base",asset:t(n),"text-content":t(K)},null,8,["asset","text-content"])])],64)):E("",!0),rt,e("table",ct,[e("tbody",null,[e("tr",null,[ut,e("td",null,[e("div",dt,[d(O,{filepath:t(n).filePath,"text-left":""},null,8,["filepath"]),W(d(V,{"flex-none":"",title:"Open in Editor",icon:"carbon-launch",border:!1,onClick:o[0]||(o[0]=y=>t(m)(t(n).filePath))},null,512),[[Q,"Open in Editor"]])])])]),e("tr",null,[pt,e("td",null,[e("div",mt,[e("div",ft,N(t(n).publicPath),1),W(d(V,{"flex-none":"",title:"Copy public path",icon:"carbon-copy",border:!1,onClick:o[1]||(o[1]=y=>t(M)(t(n).publicPath))},null,512),[[Q,"Copy public path"]]),W(d(V,{"flex-none":"",to:t(n).publicPath,icon:"carbon-launch",target:"_blank",border:!1,title:"Open in browser"},null,8,["to"]),[[Q,"Open in browser"]])])])]),e("tr",null,[vt,e("td",ht,N(t(n).type),1)]),t(h)?.width?(s(),c(B,{key:0},[e("tr",null,[_t,e("td",null,N(t(h).width)+" x "+N(t(h).height),1)]),t(r)?(s(),c("tr",gt,[xt,e("td",null,N(t(r)),1)])):E("",!0)],64)):E("",!0),e("tr",null,[bt,e("td",null,N(t(j)),1)]),e("tr",null,[wt,e("td",null,[C(N(new Date(t(n).mtime).toLocaleString())+" ",1),e("span",yt,"("+N(t(S))+")",1)])])])]),$t,e("div",kt,[d(V,{to:t(n).publicPath,download:"",target:"_blank",icon:"carbon-download",n:"green"},{default:b(()=>[C(" Download ")]),_:1},8,["to"]),t(n).type==="text"?(s(),I(V,{key:0,icon:"carbon-edit",n:"cyan",onClick:o[2]||(o[2]=y=>A.value=!t(A))},{default:b(()=>[C(" Edit ")]),_:1})):E("",!0),d(V,{icon:"carbon-text-annotation-toggle",n:"blue",onClick:o[3]||(o[3]=y=>f.value=!t(f))},{default:b(()=>[C(" Rename ")]),_:1}),d(V,{icon:"carbon-delete",n:"red",onClick:o[4]||(o[4]=y=>v.value=!t(v))},{default:b(()=>[C(" Delete ")]),_:1})]),Ct,t(w).length?(s(),I(ce,{key:1,border:"t base","mx--4":"","mb--4":"","code-snippets":t(w)},null,8,["code-snippets"])):E("",!0)]),d(J,{modelValue:t(v),"onUpdate:modelValue":o[6]||(o[6]=y=>R(v)?v.value=y:null)},{default:b(()=>[e("div",Pt,[At,e("div",Dt,[d(V,{icon:"carbon-close",onClick:o[5]||(o[5]=y=>v.value=!1)},{default:b(()=>[C(" Cancel ")]),_:1}),d(V,{icon:"carbon-delete",n:"red",onClick:k},{default:b(()=>[C(" Delete ")]),_:1})])])]),_:1},8,["modelValue"]),d(J,{modelValue:t(f),"onUpdate:modelValue":o[9]||(o[9]=y=>R(f)?f.value=y:null)},{default:b(()=>[e("div",Vt,[d(ue,{modelValue:t(l),"onUpdate:modelValue":o[7]||(o[7]=y=>R(l)?l.value=y:null),placeholder:"New name",n:"blue"},null,8,["modelValue"]),e("div",Nt,[d(V,{icon:"carbon-close",onClick:o[8]||(o[8]=y=>f.value=!1)},{default:b(()=>[C(" Cancel ")]),_:1}),d(V,{icon:"carbon-text-annotation-toggle",n:"blue",onClick:D},{default:b(()=>[C(" Rename ")]),_:1})])])]),_:1},8,["modelValue"]),t(n).type==="text"?(s(),I(J,{key:0,modelValue:t(A),"onUpdate:modelValue":o[12]||(o[12]=y=>R(A)?A.value=y:null)},{default:b(()=>[e("div",Ft,[W(e("textarea",{"onUpdate:modelValue":o[10]||(o[10]=y=>R(u)?u.value=y:null),placeholder:"Item value...",class:"h-lg w-xl of-auto rounded-lg p-4 text-sm font-mono outline-none",onKeydown:we(L,["enter"])},null,40,St),[[ye,t(u)]]),e("div",It,[d(V,{icon:"carbon-close",onClick:o[11]||(o[11]=y=>A.value=!1)},{default:b(()=>[C(" Cancel ")]),_:1}),d(V,{icon:"carbon:save",n:"primary",onClick:L},{default:b(()=>[C(" save ")]),_:1})])])]),_:1},8,["modelValue"])):E("",!0)],64)}}}),jt={"h-full":"","of-auto":""},Ut={"flex-none":"",flex:"~ gap2 items-center"},Et={op50:""},Lt={key:0},Bt={"mt--4":"",px2:"",grid:"~ cols-minmax-8rem"},Mt={key:1,p2:"",grid:"~ cols-minmax-8rem"},zt={key:1},Jt=X({__name:"assets",setup(T){const a=ke(),p=F(""),n=P(()=>new Ce(a.value||[],{keys:["path"]})),m=P(()=>p.value?n.value.search(p.value).map(_=>_.item):a.value||[]),h=P(()=>{const x={};for(const _ of m.value){const w=`${_.path.split("/").slice(0,-1).join("/")}/`;x[w]||(x[w]=[]),x[w].push(_)}return Object.entries(x).sort(([_],[w])=>_.localeCompare(w))}),A=P(()=>{const x={path:"public",children:[]},_=(w,M,S)=>{const[j,...r]=M;let g=w.children.find(v=>v.path===j);g||(g={...S,path:j,children:[]},w.children.push(g)),r.length>1?_(g,r,S):r.length===1&&g.children.push({...S,path:r[0]})};return m.value.forEach(w=>{const M=w.path.split("/").filter(S=>S!=="");_(x,M,w)}),x.children}),u=F(),{view:$}=Fe("assets");function K(){$.value=$.value==="list"?"grid":"list"}Pe("Escape",()=>{u.value=void 0});const L=F();return(x,_)=>{const w=ee,M=Ae,S=Re,j=st,r=De,g=re,v=Tt,k=Se,f=ae("tooltip");return s(),c("div",jt,[d(M,{ref_key:"navbar",ref:L,search:t(p),"onUpdate:search":_[0]||(_[0]=l=>R(p)?p.value=l:null),pb2:""},{actions:b(()=>[e("div",Ut,[W(d(w,{"text-lg":"",border:!1,icon:t($)==="grid"?"i-carbon-list":"i-carbon-grid",title:"Toggle view",onClick:K},null,8,["icon"]),[[f,"Toggle View",void 0,{"bottom-end":!0}]])])]),default:b(()=>[e("div",Et,[t(p)?(s(),c("span",Lt,N(t(m).length)+" matched · ",1)):E("",!0),e("span",null,N(t(a)?.length)+" assets in total",1)])]),_:1},8,["search"]),d(S,{folder:"/"}),t($)==="grid"?(s(),c(B,{key:0},[t(h).length>1?(s(!0),c(B,{key:0},Z(t(h),([l,D])=>(s(),I(r,{key:l,text:l,description:`${D.length} items`,open:D.length<=("DETAILS_MAX_ITEMS"in x?x.DETAILS_MAX_ITEMS:t(Ie)),padding:!1},{default:b(()=>[e("div",Bt,[(s(!0),c(B,null,Z(D,i=>(s(),I(j,{key:i.path,asset:i,folder:l,onClick:o=>u.value=i},null,8,["asset","folder","onClick"]))),128))])]),_:2},1032,["text","description","open"]))),128)):(s(),c("div",Mt,[(s(!0),c(B,null,Z(t(m),l=>(s(),I(j,{key:l.path,asset:l,onClick:D=>u.value=l},null,8,["asset","onClick"]))),128))]))],64)):(s(),c("div",zt,[(s(!0),c(B,null,Z(t(A),(l,D)=>(s(),I(g,{key:D,modelValue:t(u),"onUpdate:modelValue":_[1]||(_[1]=i=>R(u)?u.value=i:null),item:l},null,8,["modelValue","item"]))),128))])),d(k,{"model-value":!!t(u),"auto-close":"","w-120":"",top:t(L),onClose:_[3]||(_[3]=l=>u.value=void 0)},{default:b(()=>[t(u)?(s(),I(v,{key:0,modelValue:t(u),"onUpdate:modelValue":_[2]||(_[2]=l=>R(u)?u.value=l:null)},null,8,["modelValue"])):E("",!0)]),_:1},8,["model-value","top"])])}}});export{Jt as default};

package/dist/client/_nuxt/{client.3f2665f1.js → client.253674ec.js}

@@ -1 +1 @@
-import{bm as f,bB as r}from"./entry.e01776ec.js";let o;const n=[];function s(i){if(n.push(i),!(typeof window>"u"))return window.__NUXT_DEVTOOLS__&&n.forEach(e=>e(window.__NUXT_DEVTOOLS__)),Object.defineProperty(window,"__NUXT_DEVTOOLS__",{set(e){e&&n.forEach(t=>t(e))},get(){return o.value},configurable:!0}),()=>{n.splice(n.indexOf(i),1)}}function u(){o||(o=f(),s(e));function i(){r(o)}function e(t){o.value=t,t.host&&t.host.hooks.hook("host:update:reactivity",i)}return o}const c=u();export{c as d};
+import{bo as f,bD as r}from"./entry.3dd66f35.js";let o;const n=[];function s(i){if(n.push(i),!(typeof window>"u"))return window.__NUXT_DEVTOOLS__&&n.forEach(e=>e(window.__NUXT_DEVTOOLS__)),Object.defineProperty(window,"__NUXT_DEVTOOLS__",{set(e){e&&n.forEach(t=>t(e))},get(){return o.value},configurable:!0}),()=>{n.splice(n.indexOf(i),1)}}function u(){o||(o=f(),s(e));function i(){r(o)}function e(t){o.value=t,t.host&&t.host.hooks.hook("host:update:reactivity",i)}return o}const c=u();export{c as d};