@nuxt/devtools 0.6.2 → 0.6.3

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

@@ -1,4 +1,212 @@
-import { computed, ref } from "vue";
+import { computed, createApp, h, markRaw, nextTick, ref, shallowReactive, shallowRef, watch } from "vue";
+import { createHooks } from "hookable";
+import Main from "./Main.vue";
+import { popupWindow, state } from "./state.mjs";
+import { useAppConfig } from "#imports";
+const clientRef = shallowRef();
+export { clientRef as client };
+export async function setupDevToolsClient({
+  nuxt,
+  clientHooks,
+  timeMetric
+}) {
+  const isInspecting = ref(false);
+  const colorMode = useClientColorMode();
+  const client = shallowReactive({
+    nuxt: markRaw(nuxt),
+    appConfig: useAppConfig(),
+    hooks: createHooks(),
+    getClientHooksMetrics: () => Object.values(clientHooks),
+    getClientPluginMetrics: () => {
+      return window.__NUXT_DEVTOOLS_PLUGINS_METRIC__ || [];
+    },
+    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) {
+        }
+        popupWindow.value = null;
+      }
+    },
+    open() {
+      if (state.value.open)
+        return;
+      state.value.open = true;
+      nextTick(() => {
+        client.updateClient();
+      });
+    },
+    inspector: getInspectorInstance(),
+    colorMode,
+    getIframe,
+    updateClient
+  });
+  let iframe;
+  function updateClient() {
+    if (!client.inspector)
+      client.inspector = getInspectorInstance();
+    try {
+      iframe?.contentWindow?.__NUXT_DEVTOOLS_VIEW__?.setClient(client);
+    } catch (e) {
+    }
+    return client;
+  }
+  function getIframe() {
+    if (!iframe) {
+      const CLIENT_PATH = "/__nuxt_devtools__/client";
+      const initialUrl = CLIENT_PATH + state.value.route;
+      iframe = document.createElement("iframe");
+      iframe.id = "nuxt-devtools-iframe";
+      iframe.src = initialUrl;
+      iframe.setAttribute("data-v-inspector-ignore", "true");
+      iframe.onload = async () => {
+        await waitForClientInjection();
+        client.updateClient();
+      };
+    }
+    return iframe;
+  }
+  function waitForClientInjection(retry = 10, timeout = 200) {
+    const test = () => !!iframe?.contentWindow?.__NUXT_DEVTOOLS_VIEW__;
+    if (test())
+      return;
+    return new Promise((resolve, reject) => {
+      const interval = setInterval(() => {
+        if (test()) {
+          clearInterval(interval);
+          resolve();
+        } else if (retry-- <= 0) {
+          clearInterval(interval);
+          reject("Nuxt Devtools client injection failed");
+        }
+      }, timeout);
+    });
+  }
+  function enableComponentInspector() {
+    window.__VUE_INSPECTOR__?.enable();
+    isInspecting.value = true;
+  }
+  function disableComponentInspector() {
+    if (!window.__VUE_INSPECTOR__?.enabled)
+      return;
+    window.__VUE_INSPECTOR__?.disable();
+    client?.hooks.callHook("host:inspector:close");
+    isInspecting.value = false;
+  }
+  function getInspectorInstance() {
+    const componentInspector = window.__VUE_INSPECTOR__;
+    if (componentInspector) {
+      componentInspector.openInEditor = async (baseUrl, file, line, column) => {
+        disableComponentInspector();
+        await client.hooks.callHook("host:inspector:click", baseUrl, file, line, column);
+      };
+      componentInspector.onUpdated = () => {
+        client.hooks.callHook("host:inspector:update", {
+          ...componentInspector.linkParams,
+          ...componentInspector.position
+        });
+      };
+    }
+    return markRaw({
+      isEnabled: isInspecting,
+      enable: enableComponentInspector,
+      disable: disableComponentInspector,
+      toggle: () => {
+        if (window.__VUE_INSPECTOR__?.enabled)
+          disableComponentInspector();
+        else
+          enableComponentInspector();
+      },
+      instance: componentInspector
+    });
+  }
+  function refreshReactivity() {
+    client.hooks.callHook("host:update:reactivity");
+  }
+  watch(() => [
+    client.nuxt.payload,
+    client.colorMode.value,
+    client.loadingTimeMetrics
+  ], () => {
+    refreshReactivity();
+  }, { deep: true });
+  client.nuxt.vueApp.config.globalProperties?.$router?.afterEach(() => {
+    refreshReactivity();
+  });
+  client.nuxt.hook("app:mounted", () => {
+    refreshReactivity();
+  });
+  client.hooks.hook("devtools:navigate", (path) => {
+    state.value.route = path;
+  });
+  clientRef.value = client;
+  const documentPictureInPicture = window.documentPictureInPicture;
+  if (documentPictureInPicture?.requestWindow) {
+    client.popup = async () => {
+      const iframe2 = getIframe();
+      const pip = popupWindow.value = await documentPictureInPicture.requestWindow({
+        width: Math.round(window.innerWidth * state.value.width / 100),
+        height: Math.round(window.innerHeight * state.value.height / 100)
+      });
+      const style = pip.document.createElement("style");
+      style.innerHTML = `
+        body {
+          margin: 0;
+          padding: 0;
+        }
+        iframe {
+          width: 100vw;
+          height: 100vh;
+          border: none;
+          outline: none;
+        }
+      `;
+      pip.__NUXT_DEVTOOLS_DISABLE__ = true;
+      pip.__NUXT_DEVTOOLS_IS_POPUP__ = true;
+      pip.document.title = "Nuxt DevTools";
+      pip.document.head.appendChild(style);
+      pip.document.body.appendChild(iframe2);
+      pip.addEventListener("resize", () => {
+        state.value.width = Math.round(pip.innerWidth / window.innerWidth * 100);
+        state.value.height = Math.round(pip.innerHeight / window.innerHeight * 100);
+      });
+      pip.addEventListener("pagehide", () => {
+        popupWindow.value = null;
+        pip.close();
+      });
+    };
+  }
+  client.updateClient();
+  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.close();
+  });
+  const app = createApp({
+    render: () => h(Main, { client }),
+    devtools: {
+      hide: true
+    }
+  });
+  app.mount(holder);
+}
 export function useClientColorMode() {
   const explicitColor = ref();
   const systemColor = ref();

package/dist/runtime/plugins/view/state.d.ts

@@ -2,8 +2,5 @@ import type { DevToolsFrameState } from '../../../types';
 export declare const PANEL_PADDING = 10;
 export declare const PANEL_MIN = 20;
 export declare const PANEL_MAX = 100;
+export declare const popupWindow: import("vue").ShallowRef<Window | null>;
 export declare const state: import("vue").Ref<DevToolsFrameState>;
-export declare const isInitialized: import("vue").Ref<boolean>;
-export declare function togglePanel(): void;
-export declare function closePanel(): void;
-export declare function openPanel(): void;

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

@@ -1,8 +1,9 @@
-import { ref, watch } from "vue";
+import { shallowRef } from "vue";
 import { useObjectStorage } from "./utils.mjs";
 export const PANEL_PADDING = 10;
 export const PANEL_MIN = 20;
 export const PANEL_MAX = 100;
+export const popupWindow = shallowRef(null);
 export const state = useObjectStorage("nuxt-devtools-frame-state", {
   width: 80,
   height: 60,
@@ -13,22 +14,3 @@ export const state = useObjectStorage("nuxt-devtools-frame-state", {
   position: "bottom",
   closeOnOutsideClick: false
 });
-export const isInitialized = ref(state.value.open);
-if (!isInitialized.value) {
-  watch(() => state.value.open, (open) => {
-    if (open)
-      isInitialized.value = open;
-  });
-}
-export function togglePanel() {
-  if (state.value.open)
-    closePanel();
-  else
-    openPanel();
-}
-export function closePanel() {
-  state.value.open = false;
-}
-export function openPanel() {
-  state.value.open = true;
-}

package/dist/types.d.ts

@@ -1,5 +1,7 @@
+import './global-20ccb74c.js';
 import { ModuleStaticInfo } from '@nuxt/devtools-kit/types';
 export * from '@nuxt/devtools-kit/types';
+import 'vite-plugin-vue-inspector';
 
 interface DevToolsFrameState {
     width: number;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/devtools",
   "type": "module",
-  "version": "0.6.2",
+  "version": "0.6.3",
   "license": "MIT",
   "repository": "nuxt/devtools",
   "exports": {
@@ -30,12 +30,12 @@
     "vite": "*"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.5.3",
+    "@nuxt/kit": "^3.6.0",
     "birpc": "^0.2.12",
     "boxen": "^7.1.0",
     "consola": "^3.1.0",
     "execa": "^7.1.1",
-    "fast-folder-size": "^2.0.0",
+    "fast-folder-size": "^2.1.0",
     "fast-glob": "^3.2.12",
     "get-port-please": "^3.0.1",
     "global-dirs": "^3.0.1",
@@ -53,7 +53,7 @@
     "picocolors": "^1.0.0",
     "pkg-types": "^1.0.3",
     "rc9": "^2.1.1",
-    "semver": "^7.5.2",
+    "semver": "^7.5.3",
     "sirv": "^2.0.3",
     "unimport": "^3.0.8",
     "vite-plugin-inspect": "^0.7.28",
@@ -61,8 +61,8 @@
     "wait-on": "^7.0.1",
     "which": "^3.0.1",
     "ws": "^8.13.0",
-    "@nuxt/devtools-kit": "0.6.2",
-    "@nuxt/devtools-wizard": "0.6.2"
+    "@nuxt/devtools-kit": "0.6.3",
+    "@nuxt/devtools-wizard": "0.6.3"
   },
   "devDependencies": {
     "@antfu/utils": "^0.7.4",
@@ -73,14 +73,14 @@
     "@iconify-json/simple-icons": "^1.1.57",
     "@iconify-json/tabler": "^1.1.79",
     "@nuxt/content": "^2.7.0",
-    "@nuxtjs/color-mode": "^3.2.0",
+    "@nuxtjs/color-mode": "^3.3.0",
     "@parcel/watcher": "^2.1.0",
     "@types/markdown-it-link-attributes": "^3.0.1",
     "@types/ua-parser-js": "^0.7.36",
-    "@unocss/nuxt": "^0.53.1",
-    "@unocss/preset-icons": "^0.53.1",
-    "@unocss/preset-uno": "^0.53.1",
-    "@unocss/runtime": "^0.53.1",
+    "@unocss/nuxt": "^0.53.3",
+    "@unocss/preset-icons": "^0.53.3",
+    "@unocss/preset-uno": "^0.53.3",
+    "@unocss/runtime": "^0.53.3",
     "@vueuse/nuxt": "^10.2.0",
     "esno": "^0.16.3",
     "flatted": "^3.2.7",
@@ -90,7 +90,7 @@
     "markdown-it": "^13.0.1",
     "markdown-it-link-attributes": "^4.0.1",
     "nanoid": "^4.0.2",
-    "nuxt": "^3.5.3",
+    "nuxt": "^3.6.0",
     "nuxt-vitest": "^0.8.5",
     "ofetch": "^1.1.1",
     "ohash": "^1.1.2",
@@ -100,7 +100,7 @@
     "splitpanes": "^3.1.5",
     "theme-vitesse": "^0.7.2",
     "ua-parser-js": "^1.0.35",
-    "unocss": "^0.53.1",
+    "unocss": "^0.53.3",
     "vanilla-jsoneditor": "^0.17.8",
     "vis-data": "^7.1.6",
     "vis-network": "^9.1.6",
@@ -109,7 +109,7 @@
     "vue-virtual-scroller": "2.0.0-beta.8",
     "xterm": "^5.2.1",
     "xterm-addon-fit": "^0.7.0",
-    "@nuxt/devtools": "0.6.2"
+    "@nuxt/devtools": "0.6.3"
   },
   "scripts": {
     "build": "pnpm dev:prepare && pnpm build:module && pnpm build:client && esno scripts/prepare.ts",

package/dist/client/_nuxt/AuthRequiredPanel.vue.4f66b5dd.js

@@ -1 +0,0 @@
-import{a as b,a3 as x,an as n,bd as _,y as l,r as m,u as c,c as g,w as d,Z as w,o as A,f as s,b as e,j as i,H as N,aO as T,aV as V,be as q,h as B,J as C,a6 as D}from"./entry.f3de3eb8.js";import{_ as P}from"./NIconButton.vue.e211c1b6.js";import{_ as $}from"./NPanelGrids.fc7166ff.js";const I=e("h3",{class:"mb2 text-lg font-medium leading-6",flex:"~ items-center gap-1","text-orange":""},[e("span",{class:"i-carbon-information-square"}),i(" Permissions required ")],-1),K=e("p",null," This operation requires permissions for running command and access files from the browser. ",-1),S=e("p",null,[i(" A request is sent to the server."),e("br"),i(" Please check your terminal for the instructions and then come back. ")],-1),j={flex:"~ gap-3",mt2:"","justify-end":""},F=e("p",null,"Or you can manually paste the token here:",-1),M=["onSubmit"],G=b({__name:"AuthRequiredPanel",setup(O){x(async()=>{n.value||_.value&&await l.verifyAuthToken(_.value)&&(n.value=!0),n.value||l.requestForAuth()});const o=m(""),r=m(!1);async function u(){const t=o.value.trim();r.value=!1,await l.verifyAuthToken(t).then(a=>{a?(n.value=!0,q(t)):r.value=!0})}return(t,a)=>{const f=B,p=C,h=P,v=D,k=$;return("isDevAuthed"in t?t.isDevAuthed:c(n))?w(t.$slots,"default",{key:1}):(A(),g(k,{key:0},{default:d(()=>[s(v,{flex:"~ col gap-2",mxa:"","items-center":"",p6:"","text-center":""},{default:d(()=>[I,K,S,e("div",j,[s(f,{disabled:"",icon:"i-carbon-time"},{default:d(()=>[i(" Waiting for authorization... ")]),_:1})]),F,e("form",{flex:"~ inline gap-2 items-center",onSubmit:V(u,["prevent"])},[s(p,{modelValue:c(o),"onUpdate:modelValue":a[0]||(a[0]=y=>N(o)?o.value=y:null),placeholder:"Enter token here",n:c(r)?"red":void 0,onKeydown:T(u,["enter"])},null,8,["modelValue","n","onKeydown"]),s(h,{icon:"i-carbon-arrow-right",onClick:u})],40,M)]),_:1})]),_:1}))}}});export{G as _};

package/dist/client/_nuxt/Badge.2cc4687e.js

@@ -1 +0,0 @@
-import{aY as n,o,e as s,Z as t}from"./entry.f3de3eb8.js";const c={},r={class:"mx-0.5 select-none whitespace-nowrap rounded px-1.5 py-0.5 text-xs"};function a(e,_){return o(),s("span",r,[t(e.$slots,"default")])}const l=n(c,[["render",a]]);export{l as _};

package/dist/client/_nuxt/CodeSnippets.vue.1e158b8f.js

@@ -1 +0,0 @@
-import{_ as C}from"./NCodeBlock.vue.de2cd5a6.js";import{a as g,b3 as h,aj as S,o as s,e as a,b as n,F as d,m as w,p as u,u as o,t as x,f as _,w as f,j as m,c as B,q as r,h as N}from"./entry.f3de3eb8.js";import{a as V}from"./editor.24e006dd.js";const $={key:0,relative:"","n-code-block":""},j={flex:"~ wrap","w-full":""},D=["onClick"],E=n("div",{border:"b base","flex-auto":""},null,-1),F={flex:"~ gap-2",px3:"",pb3:"",n:"sm primary"},T=g({__name:"CodeSnippets",props:{codeSnippets:{}},setup(b){const c=b,e=h(c.codeSnippets[0]),k=V();return S(()=>{c.codeSnippets.includes(e.value)||(e.value=c.codeSnippets[0])}),(l,p)=>{const v=C,i=N;return l.codeSnippets.length?(s(),a("div",$,[n("div",j,[(s(!0),a(d,null,w(l.codeSnippets,(t,y)=>(s(),a("button",{key:y,px4:"",py2:"",border:"r base",hover:"bg-active",class:u(t===o(e)?"":"border-b"),onClick:q=>e.value=t},[n("div",{class:u(t===o(e)?"":"op30"),"font-mono":""},x(t.name),3)],10,D))),128)),E]),o(e)?(s(),a(d,{key:0},[_(v,{code:o(e).code,lang:o(e).lang,lines:!1,"w-full":"","of-auto":"",p3:""},null,8,["code","lang"]),n("div",F,[_(i,{icon:"carbon-copy",onClick:p[0]||(p[0]=t=>o(k)(o(e).code))},{default:f(()=>[m(" Copy ")]),_:1}),o(e)?.docs?(s(),B(i,{key:0,to:o(e).docs,target:"_blank",icon:"carbon-catalog"},{default:f(()=>[m(" Docs ")]),_:1},8,["to"])):r("",!0)])],64)):r("",!0)])):r("",!0)}}});export{T as _};

package/dist/client/_nuxt/DurationDisplay.vue.a48b74dd.js

@@ -1 +0,0 @@
-import{a as n,o as s,e as i,j as u,t as f,p,b as c}from"./entry.f3de3eb8.js";const m=c("span",{"ml-1":"","text-xs":"",op50:""},"ms",-1),l=n({__name:"DurationDisplay",props:{duration:{},factor:{default:1}},setup(r){const e=r;function o(t){return t?(t=t*e.factor,t<.5?"text-gray:50":t>1e3?"text-red-400":t>500?"text-orange-400":t>200?"text-yellow-400":""):"text-gray-400"}function a(t){return t?t<1?"<1":t.toFixed(2):"-"}return(t,d)=>(s(),i("div",{class:p(o(t.duration))},[u(f(a(t.duration)),1),m],2))}});export{l as _};

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

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

package/dist/client/_nuxt/HelpFab.vue.49173e4b.js

@@ -1 +0,0 @@
-import{_ as f}from"./NIconButton.vue.e211c1b6.js";import{a as _,r as m,u as o,e as s,b as d,f as a,w as i,ae as u,F as v,q as n,o as l,Z as g,a5 as k}from"./entry.f3de3eb8.js";const x=d("div",{"i-ri:question-mark":""},null,-1),h=[x],y={key:0,border:"l base",class:"prose",pos:"fixed bottom-0 right-0 top-0","z-200":"","w-150":"",px8:"",py4:"","bg-base":""},$=_({__name:"HelpFab",setup(w){const e=m(!1),{showHelpButtons:p}=k();return(b,t)=>{const c=f;return o(p)?(l(),s(v,{key:0},[d("button",{pos:"absolute bottom-5 right-5",border:"~ base rounded-full ",flex:"~ items-center justify-center","z-110":"","h-11":"","w-11":"","backdrop-blur-8":"",bg:"bg-base op50!","light:shadow":"",hover:"bg-active",title:"Help",onClick:t[0]||(t[0]=r=>e.value=!o(e))},h),a(u,{name:"fade-in"},{default:i(()=>[o(e)?(l(),s("div",{key:0,class:"fixed bottom-0 left-0 right-0 top-0 z-100","bg-black:20":"","backdrop-blur-2":"",onClick:t[1]||(t[1]=r=>e.value=!1)})):n("",!0)]),_:1}),a(u,{name:"slide-in"},{default:i(()=>[o(e)?(l(),s("div",y,[g(b.$slots,"default"),a(c,{icon:"carbon-close",pos:"absolute top-3 right-3","rounded-full":"","text-xl":"",onClick:t[2]||(t[2]=r=>e.value=!1)})])):n("",!0)]),_:3})],64)):n("",!0)}}});export{$ as _};

package/dist/client/_nuxt/NCheckbox.vue.df53e265.js

@@ -1 +0,0 @@
-import{a as i,ar as r,e as p,v as b,bj as u,u as a,b as n,H as h,aO as k,f,Z as m,p as v,o as _,P as x}from"./entry.f3de3eb8.js";const V=["checked","disabled"],y=["disabled"],B={class:"n-checkbox-box n-checked:n-checkbox-box-checked peer-active:n-active-base peer-focus-visible:n-focus-base n-transition"},$=i({__name:"NCheckbox",props:{modelValue:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(c,{emit:t}){const e=r(c,"modelValue",t,{passive:!0});return(o,s)=>{const d=x;return _(),p("label",{class:"n-checkbox hover:n-checkbox-hover select-none items-center n-disabled:n-disabled",checked:a(e)||null,disabled:o.disabled||null},[b(n("input",{"onUpdate:modelValue":s[0]||(s[0]=l=>h(e)?e.value=l:null),type:"checkbox",class:"peer absolute op0",disabled:o.disabled,onKeypress:s[1]||(s[1]=k(l=>e.value=!a(e),["enter"]))},null,40,y),[[u,a(e)]]),n("span",B,[f(d,{class:"n-checkbox-icon scale-0 transform op0 n-transition n-checked:scale-100 n-checked:op100"})]),n("span",{class:v([a(e)?"":"op50","n-transition"])},[m(o.$slots,"default")],2)],8,V)}}});export{$ as _};

package/dist/client/_nuxt/NIconButton.vue.e211c1b6.js

@@ -1 +0,0 @@
-import{a as s,o as e,c,w as r,f as i,af as p,ab as _,u as m,I as u,P as f}from"./entry.f3de3eb8.js";const d=s({__name:"NIconButton",props:{to:{},icon:{}},setup(n){const t=n;return(o,l)=>{const a=f;return e(),c(_(o.to?m(u):"button"),p({to:o.to},o.$attrs,{class:"n-transition n-icon-button"}),{default:r(()=>[i(a,{icon:t.icon},null,8,["icon"])]),_:1},16,["to"])}}});export{d as _};

package/dist/client/_nuxt/NIconTitle.vue.4e3340eb.js

@@ -1 +0,0 @@
-import{a as t,o,e as s,p as a,q as n,Z as r,b as l,t as i}from"./entry.f3de3eb8.js";const c={flex:"~ gap-3","items-center":""},u=t({__name:"NIconTitle",props:{icon:{},text:{}},setup(p){return(e,m)=>(o(),s("div",c,[e.icon?(o(),s("div",{key:0,class:a(e.icon)},null,2)):n("",!0),r(e.$slots,"default",{},()=>[l("div",null,i(e.text),1)])]))}});export{u as _};

package/dist/client/_nuxt/NMarkdown.vue.26c114a8.js

@@ -1 +0,0 @@
-import{d as o}from"./client.aa60153e.js";import{a as t,u as a,o as e,c as r,ab as s,t as d}from"./entry.f3de3eb8.js";const i=t({__name:"NMarkdown",props:{markdown:{},tag:{}},setup(m){return(n,l)=>n.markdown&&a(o)?.devtools?.renderMarkdown?(e(),r(s(n.tag||"span"),{key:0,class:"n-markdown",innerHTML:a(o).devtools.renderMarkdown(n.markdown)},null,8,["innerHTML"])):(e(),r(s(n.tag||"span"),{key:1,class:"n-markdown",textContent:d(n.markdown)},null,8,["textContent"]))}});export{i as _};

package/dist/client/_nuxt/NPanelGrids.fc7166ff.js

@@ -1 +0,0 @@
-import{aY as n,o,e as s,Z as t}from"./entry.f3de3eb8.js";const c={},r={class:"n-panel-grids-center"};function _(e,a){return o(),s("div",r,[t(e.$slots,"default")])}const d=n(c,[["render",_]]);export{d as _};

package/dist/client/_nuxt/NSectionBlock.0eaaa956.js

@@ -1 +0,0 @@
-import{a as g,ar as y,e as r,b as o,p as n,f as b,w,u as i,F as c,v as B,x as S,Z as s,q as p,o as l,j as u,t as v,c as $,ay as C,az as N,P as k,aY as x}from"./entry.f3de3eb8.js";import{_ as I}from"./NIconTitle.vue.4e3340eb.js";const f=t=>(C("data-v-a73dbcfe"),t=t(),N(),t),V=["open"],z={"text-base":""},T={key:0,"text-sm":"",op50:""},D=f(()=>o("div",{class:"flex-auto"},null,-1)),F=f(()=>o("div",{class:"x-divider"},null,-1)),j=g({__name:"NSectionBlock",props:{icon:{},text:{},description:{},containerClass:{default:""},headerClass:{},collapse:{type:Boolean,default:!0},open:{type:Boolean,default:!0},padding:{type:[Boolean,String],default:!0}},setup(t){const a=y(t,"open",void 0,{passive:!0});function _(e){a.value=e.target.open}return(e,d)=>{const m=k,h=I;return l(),r(c,null,[o("details",{open:i(a),onToggle:_},[o("summary",{class:n(["cursor-pointer select-none hover:bg-active p4",e.collapse?"":"pointer-events-none"])},[b(h,{icon:e.icon,text:e.text,"text-xl":"",transition:"",class:n([i(a)?"op100":"op60",e.headerClass])},{default:w(()=>[o("div",null,[o("div",z,[s(e.$slots,"text",{},()=>[u(v(e.text),1)],!0)]),e.description||e.$slots.description?(l(),r("div",T,[s(e.$slots,"description",{},()=>[u(v(e.description),1)],!0)])):p("",!0)]),D,s(e.$slots,"actions",{},void 0,!0),e.collapse?(l(),$(m,{key:0,icon:"carbon-chevron-down",class:"chevron","cursor-pointer":"","place-self-start":"","text-base":"",op75:"",transition:"","duration-500":""})):p("",!0)]),_:3},8,["icon","text","class"])],2),d._lazyshow1||i(a)?(d._lazyshow1=!0,l(),r(c,null,[B(o("div",{class:n(["flex flex-col flex-gap2 pb6 pt2",typeof e.padding=="string"?e.padding:e.padding?"px4":""])},[s(e.$slots,"details",{},void 0,!0),o("div",{class:n([e.containerClass,"mt1"])},[s(e.$slots,"default",{},void 0,!0)],2),s(e.$slots,"footer",{},void 0,!0)],2),[[S,i(a)]])],64)):p("v-show-if",!0)],40,V),F],64)}}});const P=x(j,[["__scopeId","data-v-a73dbcfe"]]);export{P as _};

package/dist/client/_nuxt/NSelect.vue.94ec8f3c.js

@@ -1 +0,0 @@
-import{a as u,ar as p,e as t,Z as l,v as f,bk as m,u as b,b as h,t as v,q as n,H as _,o as s,c as k,P as V}from"./entry.f3de3eb8.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(),t("div",y,[l(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=>_(o)?o.value=c:null),disabled:e.disabled,class:"w-full flex-auto n-bg-base !outline-none"},[e.placeholder?(s(),t("option",w,v(e.placeholder),1)):n("",!0),l(e.$slots,"default")],8,B),[[m,b(o)]])])}}});export{g as _};

package/dist/client/_nuxt/Navbar.vue.a50c38bf.js

@@ -1 +0,0 @@
-import{a as r,e as c,b as d,Z as s,p as n,o as p,f as i,J as u}from"./entry.f3de3eb8.js";const f={flex:"~ gap4"},g=r({__name:"Navbar",props:{search:{type:String,default:void 0},noPadding:{type:Boolean,default:!1}},emits:["update:search"],setup(e,{emit:o}){function t(a){o("update:search",a.target.value)}return(a,m)=>{const l=u;return p(),c("div",{flex:"~ col gap2",border:"b base","flex-1":"","navbar-glass":"",class:n([{p4:!e.noPadding}])},[d("div",f,[s(a.$slots,"search",{},()=>[i(l,{placeholder:"Search...",icon:"carbon-search",n:"primary","flex-auto":"",class:n({"px-5 py-2":!e.noPadding}),value:e.search,onInput:t},null,8,["class","value"])]),s(a.$slots,"actions")]),s(a.$slots,"default")],2)}}});export{g as _};

package/dist/client/_nuxt/NpmVersionCheck.vue.029b0cde.js

@@ -1 +0,0 @@
-import{_ as S}from"./Badge.2cc4687e.js";import{_ as E}from"./NCodeBlock.vue.de2cd5a6.js";import{_ as F}from"./NCheckbox.vue.df53e265.js";import{_ as q}from"./NTip.vue.c99855ad.js";import{a as A,C as G,aT as H,r as h,aU as K,A as W,o as l,e as p,Z,u as e,t as v,q as x,F as N,f as t,c as z,w as s,b as _,H as b,j as i,h as J,K as L}from"./entry.f3de3eb8.js";const M={key:0},O={p4:"",flex:"~ col gap-1"},Q={class:"text-lg font-medium leading-6"},X=_("p",{op50:""}," The following command will be executed in your terminal: ",-1),Y={flex:"~ gap-3",mt2:"","justify-end":""},ne=A({__name:"NpmVersionCheck",props:{packageName:{},options:{},showVersion:{type:Boolean,default:!0}},setup(V){const u=V,$=G(),{info:r,update:w,state:B,processId:U,restart:R}=H(u.packageName,u.options),d=h(!0),c=h(!0),T=K(),f=W();async function g(){const o=await w(async a=>f.start(a));o&&c.value&&T.value.push({id:o,message:`${u.packageName} has been updated. Do you want to restart the Nuxt server now?`}),o&&d.value&&$.push(`/modules/terminals?id=${encodeURIComponent(o)}`)}return(o,a)=>{const k=S,D=E,y=F,P=q,C=J,j=L;return l(),p(N,null,[Z(o.$slots,"default",{id:e(U),info:e(r),update:g,state:e(B),restart:e(R)},()=>[e(r)&&o.showVersion?(l(),p("code",M,v(`v${e(r).current}`),1)):x("",!0),e(r)?.latest?(l(),p(N,{key:1},[e(r).needsUpdate?(l(),p("button",{key:0,onClick:a[0]||(a[0]=m=>g())},[t(k,{"bg-green-400:10":"","text-green-400":"",title:"updates available",textContent:"updates available"})])):(l(),z(k,{key:1,"bg-gray-400:10":"","text-gray-400":"",title:"latest",textContent:"latest"}))],64)):x("",!0)]),t(e(f),null,{default:s(({resolve:m,args:I})=>[t(j,{"model-value":!0,onClose:n=>m(!1)},{default:s(()=>[_("div",O,[_("h3",Q," Update "+v(u.packageName)+"? ",1),X,t(D,{code:I[0],lang:"bash",my3:"",px4:"",py2:"",border:"~ base rounded",lines:!1},null,8,["code"]),t(y,{modelValue:e(d),"onUpdate:modelValue":a[1]||(a[1]=n=>b(d)?d.value=n:null),n:"primary"},{default:s(()=>[i(" Navigate to terminal ")]),_:1},8,["modelValue"]),t(y,{modelValue:e(c),"onUpdate:modelValue":a[2]||(a[2]=n=>b(c)?c.value=n:null),n:"primary"},{default:s(()=>[i(" Restart Nuxt server after update ")]),_:1},8,["modelValue"]),_("div",Y,[t(P,{n:"sm purple","flex-auto":"",icon:"carbon-chemistry"},{default:s(()=>[i(" Experimental feature. Please make sure to backup your project first. ")]),_:1}),t(C,{onClick:n=>m(!1)},{default:s(()=>[i(" Cancel ")]),_:2},1032,["onClick"]),t(C,{n:"solid primary",onClick:n=>m(!0)},{default:s(()=>[i(" Update ")]),_:2},1032,["onClick"])])])]),_:2},1032,["onClose"])]),_:1})],64)}}});export{ne as _};

package/dist/client/_nuxt/StateEditor.vue.4e5aa888.js

@@ -1 +0,0 @@
-import{_ as h}from"./NIconButton.vue.e211c1b6.js";import{a as N,ar as S,a0 as B,r as O,aZ as V,o as r,e as l,b as p,p as d,u as s,t as C,q as u,Z as _,n as w,g as j,c as f,F as J,af as P,a_ as $,H as z,ai as M}from"./entry.f3de3eb8.js";import{U as R}from"./json-editor-vue.0e484aeb.js";const U=["open"],A={flex:"~ gap2","select-none":"","items-center":"",px4:""},E={key:1,"bg-active":"",p5:"",italic:""},F=p("span",{op50:""},"No data",-1),Z=[F],I=N({__name:"StateEditor",props:{name:{},open:{type:Boolean},state:{},readonly:{type:Boolean}},emits:["update:open"],setup(v,{emit:k}){const i=v,n=S(i,"open",k,{passive:!0}),b=B(),o=O();o.value=JSON.parse(JSON.stringify(i.state));const c=V(o,e=>{m(e,i.state)},{deep:!0});function m(e,t){for(const a in e)e[a]===null?t[a]=null:Array.isArray(e[a])?t[a]=e[a].slice():typeof e[a]=="object"?m(e[a],t[a]):t[a]=e[a]}async function g(){c.pause(),o.value=JSON.parse(JSON.stringify(i.state)),await M(),c.resume()}return(e,t)=>{const a=h;return r(),l("div",{class:"state-editor-details",open:e.name?s(n):!0},[p("div",A,[e.name?(r(),l("button",{key:0,flex:"~","cursor-pointer":"","items-center":"",class:d(s(n)?"":"op50"),onClick:t[0]||(t[0]=y=>n.value=!s(n))},[p("div",{"i-carbon-chevron-right":"",transition:"",class:d(s(n)?"rotate-90 op0":"")},null,2),p("code",{px3:"",py1:"","font-mono":"",class:d(s(n)?"bg-[#8881] rounded-t":"rounded hover:bg-active")},C(e.name),3)],2)):u("",!0),_(e.$slots,"actions",w(j({isOpen:s(n),name:e.name,state:e.state}))),s(n)?(r(),f(a,{key:1,title:"Refresh View",icon:"carbon-renew",onClick:g})):u("",!0)]),s(n)||!e.name?(r(),l(J,{key:0},[e.state&&Object.keys(e.state).length>0?(r(),f(s(R),P({key:0,modelValue:s(o),"onUpdate:modelValue":t[1]||(t[1]=y=>z(o)?o.value=y:null)},e.$attrs,{class:["json-editor-vue",[s(b).value==="dark"?"jse-theme-dark":"",(e.name,"")]],"main-menu-bar":!1,"navigation-bar":!1,"status-bar":!1,"read-only":"readonly"in e?e.readonly:s($),indentation:2,"tab-size":2}),null,16,["modelValue","class","read-only"])):(r(),l("div",E,Z))],64)):u("",!0)],8,U)}}});export{I as _};

package/dist/client/_nuxt/__blank.8e143dfc.js

@@ -1 +0,0 @@
-import{_ as o}from"./NPanelGrids.fc7166ff.js";import{a as n,c as t,w as _,o as a,b as s}from"./entry.f3de3eb8.js";const c=s("div",null," Your App ",-1),u=n({__name:"__blank",setup(r){return(p,m)=>{const e=o;return a(),t(e,{"h-screen":"","w-screen":"",px5:""},{default:_(()=>[c]),_:1})}}});export{u as default};

package/dist/client/_nuxt/custom-_name_.ed0df2f5.js

@@ -1 +0,0 @@
-import{_ as M}from"./NPanelGrids.fc7166ff.js";import{_ as N}from"./AuthRequiredPanel.vue.4f66b5dd.js";import{a as j,a0 as V,r as x,l as g,ag as $,ah as B,a3 as q,ai as E,aj as h,ak as I,al as L,e as D,o as a,D as P,C as W,am as F,an as C,y as A,u as t,c as l,w as b,q as O,ab as R,F as S,b as c,j as y,t as T,f as U,a6 as G}from"./entry.f3de3eb8.js";import{_ as X}from"./LaunchPage.vue.b85270dd.js";import"./NIconButton.vue.e211c1b6.js";import"./NMarkdown.vue.26c114a8.js";import"./client.aa60153e.js";const w=new Map,z=j({__name:"IframeView",props:{tab:{}},setup(k){const m=k,u=V(),r=x(),d=g(()=>m.tab.name),e=x(),o=$(B(r));q(()=>{const n=m.tab.view,s=n.persistent!==!1,f=["clipboard-write","clipboard-read"];if(w.get(d.value)&&s)e.value=w.get(d.value),e.value.style.visibility="visible";else{e.value=document.createElement("iframe"),e.value.setAttribute("allow",f.join("; ")),s&&w.set(d.value,e.value),e.value.src=n.src;try{e.value.style.opacity="0.01",e.value.onload=()=>{v(),i(),e.value.style.opacity="1"}}catch{e.value.style.opacity="1"}document.body.appendChild(e.value),E(_)}setTimeout(i,100)}),h(_),h(i),h(v),I(()=>{e.value&&(e.value.style.visibility="hidden")});function i(){if(!(!e.value||!e.value.contentWindow))try{const n=e.value.contentWindow.document.querySelector("html");n?.classList.toggle("dark",u.value==="dark"),n?.classList.toggle("light",u.value==="dark"),new MutationObserver(()=>{u.value=e.value?.contentWindow?.document.querySelector("html")?.classList.contains("dark")?"dark":"light"}).observe(n,{attributes:!0,attributeFilter:["class"]})}catch{}}const p=L();function v(){if(!(!e.value||!e.value.contentWindow))try{e.value.contentWindow.__NUXT_DEVTOOLS__=p.value}catch{}}function _(){e.value&&Object.assign(e.value.style,{position:"fixed",left:`${o.left}px`,top:`${o.top}px`,width:`${o.width}px`,height:`${o.height}px`,outline:"none"})}return(n,s)=>(a(),D("div",{ref_key:"anchor",ref:r,"h-full":"","w-full":""},null,512))}}),H={flex:"~ col gap2",mxa:"","items-center":""},J=c("div",{"i-carbon-queued":"",mb2:"","text-5xl":"",op50:""},null,-1),K={"text-xl":""},Q={"text-rose":""},Y=c("p",{op50:""}," It might because the module contributing this tab is not installed or enabled ",-1),Z=c("p",{mt8:"","animate-pulse":""}," Redirecting to overview page... ",-1),ce=j({__name:"custom-[name]",setup(k){const m=P(),u=W(),r=g(()=>m.params.name),d=F(),e=g(()=>d.value.find(o=>o.name===r.value));return q(()=>{e.value?e.value.requireAuth&&!C.value&&A.requestForAuth():setTimeout(()=>{e.value||u.push("/modules/overview")},2e3)}),(o,i)=>{const p=M,v=N,_=z,n=X,s=G;return a(),D(S,null,[t(e)?O("",!0):(a(),l(p,{key:0},{default:b(()=>[c("div",H,[J,c("p",K,[y(" Tab "),c("code",Q,T(t(r)),1),y(" not found ")]),Y,Z])]),_:1})),t(e).requireAuth&&!("isDevAuthed"in o?o.isDevAuthed:t(C))?(a(),l(v,{key:1})):t(e).view.type==="iframe"?(a(),l(_,{key:2,tab:t(e)},null,8,["tab"])):t(e).view.type==="vnode"?(a(),l(R(t(e).view.vnode),{key:3})):t(e).view.type==="launch"?(a(),l(n,{key:4,icon:t(e).view.icon||t(e).icon,title:t(e).view.title||t(e).title,description:t(e).view.description,actions:t(e).view.actions,onAction:i[0]||(i[0]=f=>("rpc"in o?o.rpc:t(A)).customTabAction(t(e).name,f))},null,8,["icon","title","description","actions"])):(a(),l(p,{key:5},{default:b(()=>[U(s,{flex:"~ col","h-full":"","items-center":"","justify-center":""},{default:b(()=>[y(" Unknown tab type "+T(t(e).view),1)]),_:1})]),_:1}))],64)}}});export{ce as default};

package/dist/client/_nuxt/default.29185309.js

@@ -1 +0,0 @@
-import{aY as o,e as s,b as t,Z as a,o as n}from"./entry.f3de3eb8.js";const r={},c={"h-full":"","of-auto":"","n-panel-grids":""},l={"h-full":"","bg-base":""};function d(e,_){return n(),s("div",c,[t("div",l,[a(e.$slots,"default")])])}const i=o(r,[["render",d]]);export{i as default};