@nuxt/devtools 0.7.6 → 0.8.1

package/dist/runtime/plugins/view/client.mjs

@@ -18,52 +18,72 @@ export async function setupDevToolsClient({
   const timeline = initTimelineMetrics();
   const client = shallowReactive({
     nuxt: markRaw(nuxt),
-    appConfig: useAppConfig(),
     hooks: createHooks(),
-    getClientHooksMetrics: () => Object.values(clientHooks),
-    clientPluginMetrics: window.__NUXT_DEVTOOLS_PLUGINS_METRIC__,
-    clientTimelineMetrics: timeline,
-    loadingTimeMetrics: timeMetric,
-    reloadPage() {
-      location.reload();
-    },
-    toggle() {
-      if (state.value.open)
-        client.close();
-      else
-        client.open();
-    },
-    close() {
-      if (!state.value.open)
-        return;
-      state.value.open = false;
-      if (popupWindow.value) {
-        try {
-          popupWindow.value.close();
-        } catch (e) {
+    inspector: getInspectorInstance(),
+    getIframe,
+    syncClient,
+    devtools: {
+      toggle() {
+        if (state.value.open)
+          client.devtools.close();
+        else
+          client.devtools.open();
+      },
+      close() {
+        if (!state.value.open)
+          return;
+        state.value.open = false;
+        if (popupWindow.value) {
+          try {
+            popupWindow.value.close();
+          } catch (e) {
+          }
+          popupWindow.value = null;
         }
-        popupWindow.value = null;
+      },
+      open() {
+        if (state.value.open)
+          return;
+        state.value.open = true;
+        return nextTick(() => {
+          client.syncClient();
+        });
+      },
+      async navigate(path) {
+        if (!state.value.open)
+          await client.devtools.open();
+        await client.hooks.callHook("host:action:navigate", path);
+      },
+      async reload() {
+        await client.hooks.callHook("host:action:reload");
       }
     },
-    open() {
-      if (state.value.open)
-        return;
-      state.value.open = true;
-      nextTick(() => {
-        client.updateClient();
-      });
+    app: {
+      appConfig: useAppConfig(),
+      reload() {
+        location.reload();
+      },
+      navigate(path, hard = false) {
+        if (hard)
+          location.href = path;
+        else
+          router.push(path);
+      },
+      colorMode,
+      frameState: state
     },
-    inspector: getInspectorInstance(),
-    colorMode,
-    getIframe,
-    updateClient,
-    frameState: state
+    metrics: {
+      clientPlugins: () => window.__NUXT_DEVTOOLS_PLUGINS_METRIC__,
+      clientHooks: () => Object.values(clientHooks),
+      clientTimeline: () => timeline,
+      loading: () => timeMetric
+    }
   });
+  window.__NUXT_DEVTOOLS_HOST__ = client;
   let iframe;
-  function updateClient() {
+  function syncClient() {
     if (!client.inspector)
       client.inspector = getInspectorInstance();
-    client.clientPluginMetrics = window.__NUXT_DEVTOOLS_PLUGINS_METRIC__;
     try {
       iframe?.contentWindow?.__NUXT_DEVTOOLS_VIEW__?.setClient(client);
     } catch (e) {
@@ -79,8 +99,13 @@ export async function setupDevToolsClient({
         iframe.id = "nuxt-devtools-iframe";
         iframe.src = initialUrl;
         iframe.onload = async () => {
-          await waitForClientInjection();
-          client.updateClient();
+          try {
+            await waitForClientInjection();
+            client.syncClient();
+          } catch (e) {
+            console.error("Nuxt DevTools client injection failed");
+            console.error(e);
+          }
         };
       } catch (e) {
         console.error(e);
@@ -89,10 +114,12 @@ export async function setupDevToolsClient({
     return iframe;
   }
   function waitForClientInjection(retry = 10, timeout = 200) {
+    let lastError;
     const test = () => {
       try {
         return !!iframe?.contentWindow?.__NUXT_DEVTOOLS_VIEW__;
       } catch (e) {
+        lastError = e;
       }
       return false;
     };
@@ -105,7 +132,7 @@ export async function setupDevToolsClient({
           resolve();
         } else if (retry-- <= 0) {
           clearInterval(interval);
-          reject("Nuxt Devtools client injection failed");
+          reject(lastError);
         }
       }, timeout);
     });
@@ -153,7 +180,7 @@ export async function setupDevToolsClient({
   clientRef.value = client;
   const documentPictureInPicture = window.documentPictureInPicture;
   if (documentPictureInPicture?.requestWindow) {
-    client.popup = async () => {
+    client.devtools.popup = async () => {
       const iframe2 = getIframe();
       if (!iframe2)
         return;
@@ -189,14 +216,14 @@ export async function setupDevToolsClient({
       });
     };
   }
-  client.updateClient();
+  client.syncClient();
   const holder = document.createElement("div");
   holder.id = "nuxt-devtools-container";
   holder.setAttribute("data-v-inspector-ignore", "true");
   document.body.appendChild(holder);
   addEventListener("keydown", (e) => {
     if (e.code === "KeyD" && e.altKey && e.shiftKey)
-      client.toggle();
+      client.devtools.toggle();
   });
   const app = createApp({
     render: () => h(Main, { client }),
@@ -284,8 +311,8 @@ function setupReactivity(client, router, timeMetric) {
   }, 100, { trailing: true });
   watch(() => [
     client.nuxt.payload,
-    client.colorMode.value,
-    client.loadingTimeMetrics,
+    client.app.colorMode.value,
+    client.metrics.loading(),
     timeMetric
   ], () => {
     refreshReactivity();

package/dist/runtime/use-nuxt-devtools.d.ts

@@ -0,0 +1,8 @@
+import type { Ref } from 'vue';
+import type { NuxtDevtoolsHostClient } from '../types';
+/**
+ * Get Nuxt DevTools client for host app
+ *
+ * Returns undefined if not in development mode or the devtools is not enabled
+ */
+export declare function useNuxtDevTools(): Ref<NuxtDevtoolsHostClient | undefined>;

package/dist/runtime/use-nuxt-devtools.mjs

@@ -0,0 +1,23 @@
+import { shallowRef } from "vue";
+export function useNuxtDevTools() {
+  const r = shallowRef();
+  if (!process.dev)
+    return r;
+  if (process.server)
+    return r;
+  if (window.__NUXT_DEVTOOLS_HOST__) {
+    r.value = window.__NUXT_DEVTOOLS_HOST__;
+  } else {
+    Object.defineProperty(window, "__NUXT_DEVTOOLS_HOST__", {
+      set(value) {
+        r.value = value;
+      },
+      get() {
+        return r.value;
+      },
+      enumerable: false,
+      configurable: true
+    });
+  }
+  return r;
+}

package/dist/types.d.ts

@@ -1,4 +1,4 @@
-import './global-ea55645c.js';
+import './global-2a48a9e5.js';
 import { ModuleStaticInfo } from '@nuxt/devtools-kit/types';
 export * from '@nuxt/devtools-kit/types';
 import 'vite-plugin-vue-inspector';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/devtools",
   "type": "module",
-  "version": "0.7.6",
+  "version": "0.8.1",
   "license": "MIT",
   "repository": "nuxt/devtools",
   "exports": {
@@ -11,8 +11,7 @@
       "require": "./module.cjs"
     },
     "./types": {
-      "types": "./dist/types.d.ts",
-      "import": "./dist/types.mjs"
+      "types": "./dist/types.d.ts"
     },
     "./*": "./*"
   },
@@ -30,88 +29,87 @@
     "vite": "*"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.6.5",
-    "birpc": "^0.2.12",
+    "@antfu/utils": "^0.7.6",
+    "@nuxt/kit": "^3.7.0",
+    "birpc": "^0.2.13",
     "boxen": "^7.1.1",
     "consola": "^3.2.3",
-    "error-stack-parser-es": "^0.1.0",
+    "error-stack-parser-es": "^0.1.1",
     "execa": "^7.2.0",
-    "fast-folder-size": "^2.1.0",
+    "fast-folder-size": "^2.2.0",
     "fast-glob": "^3.3.1",
-    "get-port-please": "^3.0.1",
+    "flatted": "^3.2.7",
+    "get-port-please": "^3.0.2",
     "global-dirs": "^3.0.1",
-    "h3": "^1.7.1",
+    "h3": "^1.8.1",
     "hookable": "^5.5.3",
     "image-meta": "^0.1.1",
     "is-installed-globally": "^0.4.0",
     "launch-editor": "^2.6.0",
     "local-pkg": "^0.4.3",
     "magicast": "^0.2.10",
-    "nypm": "^0.2.2",
-    "pacote": "^15.2.0",
+    "nypm": "^0.3.1",
+    "ofetch": "^1.3.3",
+    "ohash": "^1.1.3",
+    "pacote": "^17.0.3",
     "pathe": "^1.1.1",
     "perfect-debounce": "^1.0.0",
     "picocolors": "^1.0.0",
     "pkg-types": "^1.0.3",
     "rc9": "^2.1.1",
     "semver": "^7.5.4",
+    "simple-git": "^3.19.1",
     "sirv": "^2.0.3",
-    "unimport": "^3.1.3",
-    "vite-plugin-inspect": "^0.7.35",
+    "unimport": "^3.2.0",
+    "vite-plugin-inspect": "^0.7.38",
     "vite-plugin-vue-inspector": "^3.6.0",
     "wait-on": "^7.0.1",
     "which": "^3.0.1",
     "ws": "^8.13.0",
-    "@nuxt/devtools-kit": "0.7.6",
-    "@nuxt/devtools-wizard": "0.7.6"
+    "@nuxt/devtools-kit": "0.8.1",
+    "@nuxt/devtools-wizard": "0.8.1"
   },
   "devDependencies": {
-    "@antfu/utils": "^0.7.5",
     "@iconify-json/bxl": "^1.1.7",
-    "@iconify-json/carbon": "^1.1.19",
+    "@iconify-json/carbon": "^1.1.20",
     "@iconify-json/logos": "^1.1.34",
     "@iconify-json/ri": "^1.1.12",
-    "@iconify-json/simple-icons": "^1.1.65",
-    "@iconify-json/tabler": "^1.1.87",
+    "@iconify-json/simple-icons": "^1.1.68",
+    "@iconify-json/tabler": "^1.1.89",
     "@nuxt/content": "^2.7.2",
     "@nuxtjs/color-mode": "^3.3.0",
-    "@parcel/watcher": "^2.2.0",
+    "@parcel/watcher": "^2.3.0",
     "@types/markdown-it-link-attributes": "^3.0.1",
     "@types/ua-parser-js": "^0.7.36",
-    "@unocss/nuxt": "^0.54.2",
-    "@unocss/preset-icons": "^0.54.2",
-    "@unocss/preset-uno": "^0.54.2",
-    "@unocss/runtime": "^0.54.2",
-    "@vueuse/nuxt": "^10.3.0",
+    "@unocss/nuxt": "^0.55.3",
+    "@unocss/preset-icons": "^0.55.3",
+    "@unocss/preset-uno": "^0.55.3",
+    "@unocss/runtime": "^0.55.3",
+    "@vueuse/nuxt": "^10.4.1",
     "esno": "^0.17.0",
-    "flatted": "^3.2.7",
     "floating-vue": "2.0.0-beta.24",
     "fuse.js": "^6.6.2",
     "json-editor-vue": "^0.10.6",
     "markdown-it": "^13.0.1",
     "markdown-it-link-attributes": "^4.0.1",
     "nanoid": "^4.0.2",
-    "nuxt": "^3.6.5",
+    "nuxt": "^3.7.0",
     "nuxt-vitest": "^0.10.2",
-    "ofetch": "^1.1.1",
-    "ohash": "^1.1.2",
-    "quicktype-core": "^23.0.64",
-    "shiki": "^0.14.3",
-    "shiki-es": "^0.14.0",
-    "simple-git": "^3.19.1",
+    "quicktype-core": "^23.0.71",
+    "shikiji": "^0.6.3",
     "splitpanes": "^3.1.5",
     "theme-vitesse": "^0.7.2",
     "ua-parser-js": "^1.0.35",
-    "unocss": "^0.54.2",
-    "vanilla-jsoneditor": "^0.17.8",
+    "unocss": "^0.55.3",
+    "vanilla-jsoneditor": "^0.18.2",
     "vis-data": "^7.1.6",
     "vis-network": "^9.1.6",
-    "vite-plugin-vue-markdown": "^0.23.7",
+    "vite-plugin-vue-markdown": "^0.23.8",
     "vue-tsc": "^1.8.8",
     "vue-virtual-scroller": "2.0.0-beta.8",
     "xterm": "^5.2.1",
     "xterm-addon-fit": "^0.7.0",
-    "@nuxt/devtools": "0.7.6"
+    "@nuxt/devtools": "0.8.1"
   },
   "scripts": {
     "build": "pnpm dev:prepare && pnpm build:module && pnpm build:client && esno scripts/prepare.ts",

package/dist/client/_nuxt/FilepathItem.vue.a967b383.js

@@ -1 +0,0 @@
-import{d as u,a6 as f,a7 as c,a as k,b4 as v,o as t,h as y,j as B,m as s,F as p,v as d,t as n,f as a,k as C,p as N,E as b,ap as g}from"./entry.b81bf245.js";const E={key:0,op50:""},F=u({__name:"FilepathItem",props:{filepath:{},lineBreak:{type:Boolean},subpath:{type:Boolean},override:{}},setup(m){const r=m,h=f(),l=c(),o=k(()=>r.filepath&&l.value?v(r.filepath,l.value.rootDir):{path:r.filepath||""});return(e,i)=>(t(),y(g(e.filepath?"button":"span"),{class:b([e.filepath?"hover:underline":"",e.lineBreak?"":"ws-nowrap of-hidden truncate"]),"font-mono":"",title:e.override||e.filepath,onClick:i[0]||(i[0]=w=>e.filepath&&a(h)(e.filepath))},{default:B(()=>[e.override?(t(),s(p,{key:0},[d(n(e.override),1)],64)):a(o).moduleName?(t(),s(p,{key:1},[C("span",null,n(a(o).moduleName),1),e.subpath?(t(),s("span",E,n(a(o).path.slice(a(o).moduleName.length)),1)):N("",!0)],64)):(t(),s(p,{key:2},[d(n(a(o).path),1)],64))]),_:1},8,["class","title"]))}});export{F as _};

package/dist/client/_nuxt/NSelect.vue.7a8edc85.js

@@ -1 +0,0 @@
-import{d as u,a4 as p,m as l,a5 as t,H as f,bC as m,f as b,k as h,t as _,p as n,l as v,o as s,h as k,a0 as V}from"./entry.b81bf245.js";const y={class:"n-text-input flex flex items-center border n-border-base rounded px-2 py-1 focus-within:n-focus-base focus-within:border-context n-bg-base"},B=["disabled"],w={key:0,value:"",disabled:"",hidden:""},g=u({__name:"NSelect",props:{modelValue:{default:void 0},placeholder:{default:""},icon:{default:""},disabled:{type:Boolean,default:!1}},setup(d,{emit:i}){const o=p(d,"modelValue",i,{passive:!0});return(e,a)=>{const r=V;return s(),l("div",y,[t(e.$slots,"icon",{},()=>[e.icon?(s(),k(r,{key:0,icon:e.icon,class:"mr-0.4em text-1.1em op50"},null,8,["icon"])):n("",!0)]),f(h("select",{"onUpdate:modelValue":a[0]||(a[0]=c=>v(o)?o.value=c:null),disabled:e.disabled,class:"w-full flex-auto n-bg-base !outline-none"},[e.placeholder?(s(),l("option",w,_(e.placeholder),1)):n("",!0),t(e.$slots,"default")],8,B),[[m,b(o)]])])}}});export{g as _};

package/dist/client/_nuxt/assets.634c950e.js

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