@nuxt/devtools 0.2.3 → 0.2.5

package/README.md

@@ -1,20 +1,24 @@
 <img width="1200" alt="Nuxt DevTools" src="https://user-images.githubusercontent.com/904724/217796838-597625f1-3f5a-4fb1-9720-68fd1c7d6615.jpg">
-
-<br>
 <br>
-
-<h1 align="center">
+<h1>
 Nuxt DevTools <sup>Preview</sup>
 </h1>
 
-<p align="center">
+[![npm version][npm-version-src]][npm-version-href]
+[![npm downloads][npm-downloads-src]][npm-downloads-href]
+[![License][license-src]][license-href]
+[![Nuxt][nuxt-src]][nuxt-href]
+[![Volta][volta-src]][volta-href]
+
+<p>
 Unleash Nuxt Developer Experience.
 <br>Nuxt DevTools is a set of visual tools that help you to know your app better.
 </p>
 
-<p align="center">
+<p>
   <a href="https://github.com/nuxt/devtools/discussions/29">💡 Ideas & Suggestions</a> |
-  <a href="https://github.com/nuxt/devtools/discussions/31">🗺️ Project Roadmap</a>
+  <a href="https://github.com/nuxt/devtools/discussions/31">🗺️ Project Roadmap</a> |
+  <a href="https://devtools.nuxtjs.org/">📚 Documentation</a> |
 </p>
 
 <br>
@@ -167,112 +171,29 @@ Inspect expose the [`vite-plugin-inspect`](https://github.com/antfu/vite-plugin-
 
 ## Module Authors
 
-Nuxt DevTools is designed to be extensible. You can add your own modules' integration to the DevTools.
-
-> **Warning**: APIs are subject to change.
-
-### Contributing to View
-
-Currently the only way to contribute to Nuxt DevTools View is via iframe. You need to serve your module's view yourself and then register it to the DevTools.
-
-```ts
-nuxt.hook('devtools:customTabs', (tabs) => {
-  tabs.push({
-    // unique identifier
-    name: 'my-module',
-    // title to display in the tab
-    title: 'My Module',
-    // any icon from Iconify, or a URL to an image
-    icon: 'carbon:apps',
-    // iframe view
-    view: {
-      type: 'iframe',
-      src: '/url-to-your-module-view',
-    },
-  })
-})
-```
-
-### Lazy Service Launching
-
-If the view you are contributing is heavy to load, you can have the tab first and let user launch it when they need it.
-
-```ts
-let isReady = false
-const promise: Promise<any> | null = null
-
-async function launchService() {
-  // ...launch your service
-  isReady = true
-}
-
-nuxt.hook('devtools:customTabs', (tabs) => {
-  tabs.push({
-    name: 'my-module',
-    title: 'My Module',
-    view: isReady
-      ? {
-          type: 'iframe',
-          src: '/url-to-your-module-view',
-        }
-      : {
-          type: 'launch',
-          description: 'Launch My Module',
-          actions: [{
-            label: 'Start',
-            async handle() {
-              if (!promise)
-                promise = launchService()
-              await promise
-            },
-          }]
-        },
-  })
-})
-```
+Please refer to the [Module Authors Guide](https://devtools.nuxtjs.org/module/guide).
 
-It will first display a launch page with a button to start the service. When user click the button, the `handle()` will be called, and the view will be updated to iframe.
-
-When you need to refresh the custom tabs, you can call `nuxt.callHook('devtools:customTabs:refresh')` and the hooks on `devtools:customTabs` will be revaluated again.
-
-### DevTools API from Custom View
-
-To provide complex interactions for your module integrations, we recommend to host your own view and display it in devtools via iframe.
-
-To get the infomation from the devtools and the client app, you can do this in your client app:
-
-```ts
-import { useDevtoolsClient } from '@nuxt/devtools/iframe-client'
-
-export const devtoolsClient = useDevtoolsClient()
-```
-
-When the iframe been served with the same origin (CORS limitation), devtools will automatically inject `__NUXT_DEVTOOLS__` to the iframe's window object. You can access it as a ref using `useDevtoolsClient()` utility.
-
-`devtoolsClient.value.host` contains APIs to communicate with the client app, and `devtoolsClient.value.devtools` contains APIs to communicate with the devtools. For example, you can get the router instance from the client app:
-
-```ts
-const router = computed(() => devtoolsClient.value?.host?.nuxt.vueApp.config.globalProperties?.$router)
-```
+## Contribution Guide
 
-### Trying Local Changes to Nuxt DevTools
+Please refer to the [Contribution Guide](https://devtools.nuxtjs.org/development/contributing).
 
-You can clone Nuxt DevTools repo and try your changes locally.
+## License
 
-Please refer to [Trying Local Changes](CONTRIBUTING.md#trying-local-changes).
+[MIT](./LICENSE)
 
-### Examples
 
-- Built-in VS Code integration with lazy initialize: https://github.com/nuxt/devtools/blob/main/src/integrations/vscode.ts.
-- VueUse adds a docs tab: https://github.com/vueuse/vueuse/blob/ce28cef154489c73abe308104bef8568594a9bcd/packages/nuxt/index.ts#L89-L99.
-- UnoCSS Inspector: https://github.com/unocss/unocss/blob/25021a751494e99e85cfd82cca3855cdf78f6a12/packages/nuxt/src/index.ts#L81-L94
-- Nuxt Vitest runner: https://github.com/danielroe/nuxt-vitest/blob/7bac68d96f27dea6c30c198b7caaaf0b495574ab/packages/nuxt-vitest/src/module.ts#L139-L181
-- Nuxt OG Image Playground: https://github.com/harlan-zw/nuxt-og-image/blob/main/src/module.ts#L136
+<!-- Badges -->
+[npm-version-src]: https://img.shields.io/npm/v/@nuxt/devtools/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
+[npm-version-href]: https://npmjs.com/package/@nuxt/devtools
 
-## Contribution Guide
+[npm-downloads-src]: https://img.shields.io/npm/dt/@nuxt/devtools.svg?style=flat&colorA=18181B&colorB=28CF8D
+[npm-downloads-href]: https://npmjs.com/package/@nuxt/devtools
 
-Please refer to [CONTRIBUTING.md](./CONTRIBUTING.md) for more information.
+[license-src]: https://img.shields.io/npm/l/@nuxt/devtools.svg?style=flat&colorA=18181B&colorB=28CF8D
+[license-href]: https://npmjs.com/package/@nuxt/devtools
 
-## License
+[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
+[nuxt-href]: https://nuxt.com
 
-[MIT](./LICENSE)
+[volta-src]: https://user-images.githubusercontent.com/904724/209143798-32345f6c-3cf8-4e06-9659-f4ace4a6acde.svg
+[volta-href]: https://volta.net/nuxt/devtools?utm_source=nuxt_devtools_readme

package/dist/chunks/module-main.mjs

@@ -15,14 +15,14 @@ import require$$0$4 from 'url';
 import { searchForWorkspaceRoot } from 'vite';
 import * as qs from 'querystring';
 import require$$0$5 from 'tty';
-import { v as version } from '../shared/devtools.e021beee.mjs';
+import { v as version } from '../shared/devtools.258c6e2e.mjs';
 import { createBirpcGroup } from 'birpc';
 import { resolvePreset } from 'unimport';
 import { join as join$1, dirname, resolve as resolve$1 } from 'pathe';
 import fsp from 'fs/promises';
 import 'pkg-types';
 import { runtimeDir, clientDir, packageDir, isGlobalInstall } from '../dirs.mjs';
-import { R as ROUTE_ENTRY, a as ROUTE_CLIENT } from '../shared/devtools.20f5aa36.mjs';
+import { R as ROUTE_ENTRY, a as ROUTE_CLIENT } from '../shared/devtools.95cf6023.mjs';
 
 
 
@@ -8187,6 +8187,8 @@ async function checkForUpdates() {
   return updates;
 }
 
+const IGNORE_STORAGE_MOUNTS = ["root", "build", "src", "cache"];
+const shouldIgnoreStorageKey = (key) => IGNORE_STORAGE_MOUNTS.includes(key.split(":")[0]);
 function setupRPC(nuxt, _options) {
   const components = [];
   const imports = [];
@@ -8195,6 +8197,8 @@ function setupRPC(nuxt, _options) {
   const iframeTabs = [];
   const customTabs = [];
   const serverHooks = setupHooksDebug(nuxt.hooks);
+  let storage;
+  const storageMounts = {};
   let unimport;
   let app;
   let checkForUpdatePromise;
@@ -8205,7 +8209,55 @@ function setupRPC(nuxt, _options) {
   function refresh(event) {
     birpc.broadcast.refresh.asEvent(event);
   }
+  nuxt.hook("nitro:init", (nitro) => {
+    storage = nitro.storage;
+    nuxt.hook("ready", () => {
+      storage.watch((event, key) => {
+        if (shouldIgnoreStorageKey(key))
+          return;
+        birpc.broadcast.callHook.asEvent("storage:key:update", key, event);
+      });
+    });
+    const mounts = {
+      ...nitro.options.storage,
+      ...nitro.options.devStorage
+    };
+    for (const name of Object.keys(mounts)) {
+      if (shouldIgnoreStorageKey(name))
+        continue;
+      storageMounts[name] = mounts[name];
+    }
+  });
   Object.assign(serverFunctions, {
+    async getStorageMounts() {
+      return storageMounts;
+    },
+    async getStorageKeys(base) {
+      if (!storage)
+        return [];
+      try {
+        const keys = await storage.getKeys(base);
+        return keys.filter((key) => !shouldIgnoreStorageKey(key));
+      } catch (err) {
+        console.error(`Cloud not fetch storage keys for ${base}:`, err);
+        return [];
+      }
+    },
+    async getStorageItem(key) {
+      if (!storage)
+        return null;
+      return await storage.getItem(key);
+    },
+    async setStorageItem(key, value) {
+      if (!storage)
+        return;
+      return await storage.setItem(key, value);
+    },
+    async removeStorageItem(key) {
+      if (!storage)
+        return;
+      return await storage.removeItem(key);
+    },
     getServerConfig() {
       return nuxt.options;
     },
@@ -8403,8 +8455,8 @@ async function enableModule(options, nuxt) {
       server.middlewares.use(ROUTE_CLIENT, sirv(clientDir, { single: true, dev: true }));
   });
   const integrations = [
-    import('./vue-inspector.mjs').then(({ setup }) => setup(nuxt, serverFunctions)),
-    import('./vite-inspect.mjs').then(({ setup }) => setup(nuxt, serverFunctions)),
+    options.viteInspect !== false ? import('./vite-inspect.mjs').then(({ setup }) => setup(nuxt, serverFunctions)) : null,
+    options.componentInspector !== false ? import('./vue-inspector.mjs').then(({ setup }) => setup(nuxt, serverFunctions)) : null,
     options.vscode?.enabled ? import('./vscode.mjs').then(({ setup }) => setup(nuxt, serverFunctions, options.vscode || {})) : null
   ];
   await Promise.all(integrations);

package/dist/chunks/vscode.mjs

@@ -21,7 +21,7 @@ import 'crypto';
 import 'events';
 import 'vite';
 import 'querystring';
-import '../shared/devtools.e021beee.mjs';
+import '../shared/devtools.258c6e2e.mjs';
 import 'birpc';
 import 'unimport';
 import 'pathe';
@@ -29,7 +29,7 @@ import 'fs/promises';
 import 'pkg-types';
 import '../dirs.mjs';
 import 'is-installed-globally';
-import '../shared/devtools.20f5aa36.mjs';
+import '../shared/devtools.95cf6023.mjs';
 
 
 

package/dist/cli.mjs

@@ -5,7 +5,7 @@ import { readUser, writeUser } from 'rc9';
 import require$$1 from 'path';
 import require$$1$1 from 'os';
 import { resolve } from 'pathe';
-import { n as name } from './shared/devtools.e021beee.mjs';
+import { n as name } from './shared/devtools.258c6e2e.mjs';
 
 var globalDirs = {};
 

package/dist/client/200.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html >
 <head><meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="modulepreload" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/entry.86f6ad34.js"><link rel="preload" as="style" href="/__nuxt_devtools__/client/_nuxt/entry.aace963d.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/default.ddc4865a.js"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/SectionBlock.48da9d80.css"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/NButton.a7fda268.css"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/StateEditor.ce27b0a9.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/context.9698c0b7.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NuxtLogo.042990f0.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/_plugin-vue_export-helper.c27b6911.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NButton.vue.1a112b83.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NIcon.vue.87f21f5b.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/nuxt-link.5c23b37c.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/StateEditor.vue.36646f40.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/composables.d26f66f1.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/TabIcon.vue.5b095463.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/state.567d3ef4.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/asyncData.1fda28f3.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/none.31b2b728.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/unocss-runtime.25c772f5.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/error-component.c0967733.js"><link rel="stylesheet" href="/__nuxt_devtools__/client/_nuxt/entry.aace963d.css"><script>"use strict";const w=window,de=document.documentElement,knownColorSchemes=["dark","light"],preference=window.localStorage.getItem("nuxt-color-mode")||"system";let value=preference==="system"?getColorScheme():preference;const forcedColorMode=de.getAttribute("data-color-mode-forced");forcedColorMode&&(value=forcedColorMode),addColorScheme(value),w["__NUXT_COLOR_MODE__"]={preference,value,getColorScheme,addColorScheme,removeColorScheme};function addColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.add(o):de.className+=" "+o,t&&de.setAttribute("data-"+t,e)}function removeColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.remove(o):de.className=de.className.replace(new RegExp(o,"g"),""),t&&de.removeAttribute("data-"+t)}function prefersColorScheme(e){return w.matchMedia("(prefers-color-scheme"+e+")")}function getColorScheme(){if(w.matchMedia&&prefersColorScheme("").media!=="not all"){for(const e of knownColorSchemes)if(prefersColorScheme(":"+e).matches)return e}return"light"}
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="modulepreload" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/entry.883bcfe6.js"><link rel="preload" as="style" href="/__nuxt_devtools__/client/_nuxt/entry.3a404c59.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/default.c29c3e74.js"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/NSectionBlock.891fa081.css"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/NButton.a7fda268.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/context.55688cca.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NuxtLogo.8111403f.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NButton.vue.76dccbb9.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/nuxt-link.a34a1045.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/client.9c41f495.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/json-editor-vue.a65019ca.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/TabIcon.vue.30ae65eb.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/state.1f523208.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/asyncData.103aad72.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/none.394b52e6.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/index.a6656ecb.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/unocss-runtime.daeb320e.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/error-component.ee11a8ba.js"><link rel="stylesheet" href="/__nuxt_devtools__/client/_nuxt/entry.3a404c59.css"><script>"use strict";const w=window,de=document.documentElement,knownColorSchemes=["dark","light"],preference=window.localStorage.getItem("nuxt-color-mode")||"system";let value=preference==="system"?getColorScheme():preference;const forcedColorMode=de.getAttribute("data-color-mode-forced");forcedColorMode&&(value=forcedColorMode),addColorScheme(value),w["__NUXT_COLOR_MODE__"]={preference,value,getColorScheme,addColorScheme,removeColorScheme};function addColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.add(o):de.className+=" "+o,t&&de.setAttribute("data-"+t,e)}function removeColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.remove(o):de.className=de.className.replace(new RegExp(o,"g"),""),t&&de.removeAttribute("data-"+t)}function prefersColorScheme(e){return w.matchMedia("(prefers-color-scheme"+e+")")}function getColorScheme(){if(w.matchMedia&&prefersColorScheme("").media!=="not all"){for(const e of knownColorSchemes)if(prefersColorScheme(":"+e).matches)return e}return"light"}
 </script></head>
-<body ><div id="__nuxt"></div><script>window.__NUXT__={serverRendered:false,config:{public:{fixture4:"public runtime config from nuxt.config.ts"},app:{baseURL:"\u002F__nuxt_devtools__\u002Fclient",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:""}},data:{},state:{}}</script><script type="module" src="/__nuxt_devtools__/client/_nuxt/entry.86f6ad34.js" crossorigin></script></body>
+<body ><div id="__nuxt"></div><script>window.__NUXT__={serverRendered:false,config:{public:{fixture4:"public runtime config from nuxt.config.ts"},app:{baseURL:"\u002F__nuxt_devtools__\u002Fclient",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:""}},data:{},state:{}}</script><script type="module" src="/__nuxt_devtools__/client/_nuxt/entry.883bcfe6.js" crossorigin></script></body>
 </html>

package/dist/client/404.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html >
 <head><meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="modulepreload" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/entry.86f6ad34.js"><link rel="preload" as="style" href="/__nuxt_devtools__/client/_nuxt/entry.aace963d.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/default.ddc4865a.js"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/SectionBlock.48da9d80.css"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/NButton.a7fda268.css"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/StateEditor.ce27b0a9.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/context.9698c0b7.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NuxtLogo.042990f0.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/_plugin-vue_export-helper.c27b6911.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NButton.vue.1a112b83.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NIcon.vue.87f21f5b.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/nuxt-link.5c23b37c.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/StateEditor.vue.36646f40.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/composables.d26f66f1.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/TabIcon.vue.5b095463.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/state.567d3ef4.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/asyncData.1fda28f3.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/none.31b2b728.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/unocss-runtime.25c772f5.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/error-component.c0967733.js"><link rel="stylesheet" href="/__nuxt_devtools__/client/_nuxt/entry.aace963d.css"><script>"use strict";const w=window,de=document.documentElement,knownColorSchemes=["dark","light"],preference=window.localStorage.getItem("nuxt-color-mode")||"system";let value=preference==="system"?getColorScheme():preference;const forcedColorMode=de.getAttribute("data-color-mode-forced");forcedColorMode&&(value=forcedColorMode),addColorScheme(value),w["__NUXT_COLOR_MODE__"]={preference,value,getColorScheme,addColorScheme,removeColorScheme};function addColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.add(o):de.className+=" "+o,t&&de.setAttribute("data-"+t,e)}function removeColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.remove(o):de.className=de.className.replace(new RegExp(o,"g"),""),t&&de.removeAttribute("data-"+t)}function prefersColorScheme(e){return w.matchMedia("(prefers-color-scheme"+e+")")}function getColorScheme(){if(w.matchMedia&&prefersColorScheme("").media!=="not all"){for(const e of knownColorSchemes)if(prefersColorScheme(":"+e).matches)return e}return"light"}
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="modulepreload" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/entry.883bcfe6.js"><link rel="preload" as="style" href="/__nuxt_devtools__/client/_nuxt/entry.3a404c59.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/default.c29c3e74.js"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/NSectionBlock.891fa081.css"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/NButton.a7fda268.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/context.55688cca.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NuxtLogo.8111403f.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NButton.vue.76dccbb9.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/nuxt-link.a34a1045.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/client.9c41f495.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/json-editor-vue.a65019ca.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/TabIcon.vue.30ae65eb.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/state.1f523208.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/asyncData.103aad72.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/none.394b52e6.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/index.a6656ecb.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/unocss-runtime.daeb320e.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/error-component.ee11a8ba.js"><link rel="stylesheet" href="/__nuxt_devtools__/client/_nuxt/entry.3a404c59.css"><script>"use strict";const w=window,de=document.documentElement,knownColorSchemes=["dark","light"],preference=window.localStorage.getItem("nuxt-color-mode")||"system";let value=preference==="system"?getColorScheme():preference;const forcedColorMode=de.getAttribute("data-color-mode-forced");forcedColorMode&&(value=forcedColorMode),addColorScheme(value),w["__NUXT_COLOR_MODE__"]={preference,value,getColorScheme,addColorScheme,removeColorScheme};function addColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.add(o):de.className+=" "+o,t&&de.setAttribute("data-"+t,e)}function removeColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.remove(o):de.className=de.className.replace(new RegExp(o,"g"),""),t&&de.removeAttribute("data-"+t)}function prefersColorScheme(e){return w.matchMedia("(prefers-color-scheme"+e+")")}function getColorScheme(){if(w.matchMedia&&prefersColorScheme("").media!=="not all"){for(const e of knownColorSchemes)if(prefersColorScheme(":"+e).matches)return e}return"light"}
 </script></head>
-<body ><div id="__nuxt"></div><script>window.__NUXT__={serverRendered:false,config:{public:{fixture4:"public runtime config from nuxt.config.ts"},app:{baseURL:"\u002F__nuxt_devtools__\u002Fclient",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:""}},data:{},state:{}}</script><script type="module" src="/__nuxt_devtools__/client/_nuxt/entry.86f6ad34.js" crossorigin></script></body>
+<body ><div id="__nuxt"></div><script>window.__NUXT__={serverRendered:false,config:{public:{fixture4:"public runtime config from nuxt.config.ts"},app:{baseURL:"\u002F__nuxt_devtools__\u002Fclient",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:""}},data:{},state:{}}</script><script type="module" src="/__nuxt_devtools__/client/_nuxt/entry.883bcfe6.js" crossorigin></script></body>
 </html>

package/dist/client/__inspecting/index.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html >
 <head><meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="modulepreload" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/entry.86f6ad34.js"><link rel="preload" as="style" href="/__nuxt_devtools__/client/_nuxt/entry.aace963d.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/default.ddc4865a.js"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/SectionBlock.48da9d80.css"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/NButton.a7fda268.css"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/StateEditor.ce27b0a9.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/context.9698c0b7.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NuxtLogo.042990f0.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/_plugin-vue_export-helper.c27b6911.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NButton.vue.1a112b83.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NIcon.vue.87f21f5b.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/nuxt-link.5c23b37c.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/StateEditor.vue.36646f40.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/composables.d26f66f1.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/TabIcon.vue.5b095463.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/state.567d3ef4.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/asyncData.1fda28f3.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/none.31b2b728.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/unocss-runtime.25c772f5.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/error-component.c0967733.js"><link rel="stylesheet" href="/__nuxt_devtools__/client/_nuxt/entry.aace963d.css"><script>"use strict";const w=window,de=document.documentElement,knownColorSchemes=["dark","light"],preference=window.localStorage.getItem("nuxt-color-mode")||"system";let value=preference==="system"?getColorScheme():preference;const forcedColorMode=de.getAttribute("data-color-mode-forced");forcedColorMode&&(value=forcedColorMode),addColorScheme(value),w["__NUXT_COLOR_MODE__"]={preference,value,getColorScheme,addColorScheme,removeColorScheme};function addColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.add(o):de.className+=" "+o,t&&de.setAttribute("data-"+t,e)}function removeColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.remove(o):de.className=de.className.replace(new RegExp(o,"g"),""),t&&de.removeAttribute("data-"+t)}function prefersColorScheme(e){return w.matchMedia("(prefers-color-scheme"+e+")")}function getColorScheme(){if(w.matchMedia&&prefersColorScheme("").media!=="not all"){for(const e of knownColorSchemes)if(prefersColorScheme(":"+e).matches)return e}return"light"}
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="modulepreload" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/entry.883bcfe6.js"><link rel="preload" as="style" href="/__nuxt_devtools__/client/_nuxt/entry.3a404c59.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/default.c29c3e74.js"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/NSectionBlock.891fa081.css"><link rel="prefetch" as="style" href="/__nuxt_devtools__/client/_nuxt/NButton.a7fda268.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/context.55688cca.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NuxtLogo.8111403f.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/NButton.vue.76dccbb9.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/nuxt-link.a34a1045.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/client.9c41f495.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/json-editor-vue.a65019ca.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/TabIcon.vue.30ae65eb.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/state.1f523208.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/asyncData.103aad72.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/none.394b52e6.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/index.a6656ecb.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/unocss-runtime.daeb320e.js"><link rel="prefetch" as="script" crossorigin href="/__nuxt_devtools__/client/_nuxt/error-component.ee11a8ba.js"><link rel="stylesheet" href="/__nuxt_devtools__/client/_nuxt/entry.3a404c59.css"><script>"use strict";const w=window,de=document.documentElement,knownColorSchemes=["dark","light"],preference=window.localStorage.getItem("nuxt-color-mode")||"system";let value=preference==="system"?getColorScheme():preference;const forcedColorMode=de.getAttribute("data-color-mode-forced");forcedColorMode&&(value=forcedColorMode),addColorScheme(value),w["__NUXT_COLOR_MODE__"]={preference,value,getColorScheme,addColorScheme,removeColorScheme};function addColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.add(o):de.className+=" "+o,t&&de.setAttribute("data-"+t,e)}function removeColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.remove(o):de.className=de.className.replace(new RegExp(o,"g"),""),t&&de.removeAttribute("data-"+t)}function prefersColorScheme(e){return w.matchMedia("(prefers-color-scheme"+e+")")}function getColorScheme(){if(w.matchMedia&&prefersColorScheme("").media!=="not all"){for(const e of knownColorSchemes)if(prefersColorScheme(":"+e).matches)return e}return"light"}
 </script></head>
-<body ><div id="__nuxt"></div><script>window.__NUXT__={serverRendered:false,config:{public:{fixture4:"public runtime config from nuxt.config.ts"},app:{baseURL:"\u002F__nuxt_devtools__\u002Fclient",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:""}},data:{},state:{}}</script><script type="module" src="/__nuxt_devtools__/client/_nuxt/entry.86f6ad34.js" crossorigin></script></body>
+<body ><div id="__nuxt"></div><script>window.__NUXT__={serverRendered:false,config:{public:{fixture4:"public runtime config from nuxt.config.ts"},app:{baseURL:"\u002F__nuxt_devtools__\u002Fclient",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:""}},data:{},state:{}}</script><script type="module" src="/__nuxt_devtools__/client/_nuxt/entry.883bcfe6.js" crossorigin></script></body>
 </html>

package/dist/client/_nuxt/Badge.4f16da14.js

@@ -0,0 +1 @@
+import{a2 as o,o as t,f as n,r as s}from"./entry.883bcfe6.js";const r={},c={class:"text-12px whitespace-nowrap px-1.5 py-0.5 mx-0.5 rounded"};function a(e,_){return t(),n("span",c,[s(e.$slots,"default")])}const d=o(r,[["render",a]]);export{d as _};

package/dist/client/_nuxt/{FilepathItem.vue.979135a2.js → FilepathItem.vue.235fa07d.js}

@@ -1 +1 @@
-import{f as p,k as s}from"./state.567d3ef4.js";import{o as f}from"./editor.09625e23.js";import{a as l,l as m,o as u,f as h,t as c,u as a}from"./entry.86f6ad34.js";const E=l({__name:"FilepathItem",props:{filepath:null},setup(e){const o=e,t=p(),i=m(()=>o.filepath&&t.value?s(o.filepath,t.value.rootDir):o.filepath);return(n,r)=>(u(),h("button",{"font-mono":"","hover:underline":"","ws-nowrap":"","of-hidden":"",onClick:r[0]||(r[0]=d=>("openInEditor"in n?n.openInEditor:a(f))(e.filepath))},c(a(i)),1))}});export{E as _};
+import{a as p,k as s}from"./state.1f523208.js";import{o as l}from"./editor.66e59505.js";import{a as f,l as m,o as u,f as h,t as c,u as a}from"./entry.883bcfe6.js";const E=f({__name:"FilepathItem",props:{filepath:null},setup(e){const o=e,t=p(),i=m(()=>o.filepath&&t.value?s(o.filepath,t.value.rootDir):o.filepath);return(n,r)=>(u(),h("button",{"font-mono":"","hover:underline":"","ws-nowrap":"","of-hidden":"",onClick:r[0]||(r[0]=d=>("openInEditor"in n?n.openInEditor:a(l))(e.filepath))},c(a(i)),1))}});export{E as _};

package/dist/client/_nuxt/LaunchPage.vue.86f00e85.js

@@ -0,0 +1 @@
+import{_ as f}from"./TabIcon.vue.30ae65eb.js";import{_ as p}from"./NMarkdown.vue.abb154b8.js";import{a as k,f as s,i as h,h as c,t as i,c as o,m as r,F as g,A as x,o as n,w as b,k as N,a0 as w,D as y}from"./entry.883bcfe6.js";import{_ as B}from"./NButton.vue.76dccbb9.js";const C={flex:"~ col gap2","h-full":"","items-center":"","justify-center":""},$={"text-xl":""},V={flex:"~ gap2 wrap"},P=k({__name:"LaunchPage",props:{icon:null,title:null,description:null,actions:null},emits:["action"],setup(e){return(l,v)=>{const m=f,d=p,_=y,u=B;return n(),s("div",C,[h(m,{"text-5xl":"",mb4:"",icon:e.icon||e.icon,title:e.title},null,8,["icon","title"]),c("h1",$,i(e.title),1),e.description?(n(),o(d,{key:0,op50:"","text-center":"","text-base":"","mt--1":"",mb2:"",markdown:e.description},null,8,["markdown"])):r("",!0),c("div",V,[(n(!0),s(g,null,x(e.actions,(t,a)=>(n(),o(u,w({key:a,n:"solid primary",disabled:t.pending,to:t.src,target:t.src?"_blank":void 0},t.attrs,{onClick:()=>{t.handle?.(),l.$emit("action",a)}}),{default:b(()=>[t.pending?(n(),o(_,{key:0,icon:"carbon-circle-dash","animate-spin":""})):r("",!0),N(" "+i(t.label),1)]),_:2},1040,["disabled","to","target","onClick"]))),128))])])}}});export{P as _};