@nuxt/devtools 0.1.2 → 0.1.4

package/README.md

@@ -77,6 +77,29 @@ You can opt-in to the edge release channel by running:
 
 Remove lockfile (`package-lock.json`, `yarn.lock`, or `pnpm-lock.yaml`) and reinstall dependencies.
 
+
+### Module Options
+
+To configure Nuxt DevTools, you can pass the `devtools` options. 
+
+```ts
+// nuxt.config.ts
+export default defineNuxtConfig({
+  modules: [
+    '@nuxt/devtools',
+  ],
+  devtools: {
+    // Enable devtools (default: true)
+    enabled: true,
+    // VS Code Server options
+    vscode: {},
+    // ...other options
+  }
+})
+```
+
+For all options available, please refer to TSDocs in your IDE, or the [type definition file](https://github.com/nuxt/devtools/blob/main/src/types.ts#L11).
+
 ## Features
 
 Nuxt DevTools is a set of visual tools available **right inside your app**.
@@ -233,7 +256,7 @@ const router = computed(() => devtoolsClient.value?.host?.nuxt.vueApp.config.glo
 ### 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/6158e660367b4417896926984670c5b91133c7c3/packages/nuxt/index.ts#L89-L99.
+- 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

package/dist/chunks/module-main.mjs

@@ -1,25 +1,25 @@
 import { resolve, join, normalize } from 'path';
-import * as require$$0 from 'fs';
-import require$$0__default, { readdirSync, statSync, existsSync } from 'fs';
+import * as fs from 'fs';
+import fs__default, { readdirSync, statSync, existsSync } from 'fs';
 import { logger, getNuxtVersion, addPlugin } from '@nuxt/kit';
-import require$$0$3 from 'stream';
-import require$$0$1 from 'zlib';
-import require$$0$2 from 'buffer';
-import require$$0$5 from 'net';
-import require$$1$1 from 'tls';
+import require$$0$2 from 'stream';
+import require$$0 from 'zlib';
+import require$$0$1 from 'buffer';
+import require$$3 from 'net';
+import require$$4 from 'tls';
 import require$$5 from 'crypto';
-import require$$0$4 from 'events';
+import require$$0$3 from 'events';
 import require$$2 from 'https';
 import require$$1 from 'http';
-import require$$0$6 from 'url';
+import require$$0$4 from 'url';
 import * as qs from 'querystring';
-import require$$0$7 from 'tty';
-import { i as isInstalledGlobally } from '../shared/devtools.34d9e53a.mjs';
-import { v as version } from '../shared/devtools.210fc042.mjs';
+import require$$0$5 from 'tty';
+import { i as isInstalledGlobally } from '../shared/devtools.cce722d0.mjs';
+import { v as version } from '../shared/devtools.b5fb0de8.mjs';
 import { createBirpcGroup } from 'birpc';
 import { resolvePreset } from 'unimport';
 import { join as join$1, dirname, resolve as resolve$1 } from 'pathe';
-import require$$0$8 from 'fs/promises';
+import fsp from 'fs/promises';
 import 'pkg-types';
 import { runtimeDir, clientDir, packageDir } from '../dirs.mjs';
 
@@ -236,7 +236,7 @@ let Limiter$1 = class Limiter {
 
 var limiter = Limiter$1;
 
-const zlib = require$$0$1;
+const zlib = require$$0;
 
 const bufferUtil = bufferUtilExports;
 const Limiter = limiter;
@@ -757,7 +757,7 @@ var validation = {
 
 var isValidUTF8_1;
 
-const { isUtf8 } = require$$0$2;
+const { isUtf8 } = require$$0$1;
 
 //
 // Allowed token characters:
@@ -886,7 +886,7 @@ if (isUtf8) {
   }
 }
 
-const { Writable } = require$$0$3;
+const { Writable } = require$$0$2;
 
 const PerMessageDeflate$3 = permessageDeflate;
 const {
@@ -1703,7 +1703,7 @@ let Sender$1 = class Sender {
     if (this._deflating) {
       this.enqueue([this.dispatch, buf, false, options, cb]);
     } else {
-      this.sendFrame(Sender$1.frame(buf, options), cb);
+      this.sendFrame(Sender.frame(buf, options), cb);
     }
   }
 
@@ -1746,7 +1746,7 @@ let Sender$1 = class Sender {
     if (this._deflating) {
       this.enqueue([this.dispatch, data, false, options, cb]);
     } else {
-      this.sendFrame(Sender$1.frame(data, options), cb);
+      this.sendFrame(Sender.frame(data, options), cb);
     }
   }
 
@@ -1789,7 +1789,7 @@ let Sender$1 = class Sender {
     if (this._deflating) {
       this.enqueue([this.dispatch, data, false, options, cb]);
     } else {
-      this.sendFrame(Sender$1.frame(data, options), cb);
+      this.sendFrame(Sender.frame(data, options), cb);
     }
   }
 
@@ -1866,7 +1866,7 @@ let Sender$1 = class Sender {
       }
     } else {
       this.sendFrame(
-        Sender$1.frame(data, {
+        Sender.frame(data, {
           [kByteLength]: byteLength,
           fin: options.fin,
           generateMask: this._generateMask,
@@ -1906,7 +1906,7 @@ let Sender$1 = class Sender {
    */
   dispatch(data, compress, options, cb) {
     if (!compress) {
-      this.sendFrame(Sender$1.frame(data, options), cb);
+      this.sendFrame(Sender.frame(data, options), cb);
       return;
     }
 
@@ -1935,7 +1935,7 @@ let Sender$1 = class Sender {
       this._bufferedBytes -= options[kByteLength];
       this._deflating = false;
       options.readOnly = false;
-      this.sendFrame(Sender$1.frame(buf, options), cb);
+      this.sendFrame(Sender.frame(buf, options), cb);
       this.dequeue();
     });
   }
@@ -2481,13 +2481,13 @@ var extension$1 = { format: format$1, parse: parse$b };
 
 /* eslint no-unused-vars: ["error", { "varsIgnorePattern": "^Readable$" }] */
 
-const EventEmitter$1 = require$$0$4;
+const EventEmitter$1 = require$$0$3;
 const https = require$$2;
 const http$1 = require$$1;
-const net = require$$0$5;
-const tls = require$$1$1;
+const net = require$$3;
+const tls = require$$4;
 const { randomBytes, createHash: createHash$1 } = require$$5;
-const { URL } = require$$0$6;
+const { URL } = require$$0$4;
 
 const PerMessageDeflate$1 = permessageDeflate;
 const Receiver = receiver;
@@ -2539,7 +2539,7 @@ let WebSocket$1 = class WebSocket extends EventEmitter$1 {
     this._extensions = {};
     this._paused = false;
     this._protocol = '';
-    this._readyState = WebSocket$1.CONNECTING;
+    this._readyState = WebSocket.CONNECTING;
     this._receiver = null;
     this._sender = null;
     this._socket = null;
@@ -2711,7 +2711,7 @@ let WebSocket$1 = class WebSocket extends EventEmitter$1 {
     socket.on('end', socketOnEnd);
     socket.on('error', socketOnError$1);
 
-    this._readyState = WebSocket$1.OPEN;
+    this._readyState = WebSocket.OPEN;
     this.emit('open');
   }
 
@@ -2722,7 +2722,7 @@ let WebSocket$1 = class WebSocket extends EventEmitter$1 {
    */
   emitClose() {
     if (!this._socket) {
-      this._readyState = WebSocket$1.CLOSED;
+      this._readyState = WebSocket.CLOSED;
       this.emit('close', this._closeCode, this._closeMessage);
       return;
     }
@@ -2732,7 +2732,7 @@ let WebSocket$1 = class WebSocket extends EventEmitter$1 {
     }
 
     this._receiver.removeAllListeners();
-    this._readyState = WebSocket$1.CLOSED;
+    this._readyState = WebSocket.CLOSED;
     this.emit('close', this._closeCode, this._closeMessage);
   }
 
@@ -2757,14 +2757,14 @@ let WebSocket$1 = class WebSocket extends EventEmitter$1 {
    * @public
    */
   close(code, data) {
-    if (this.readyState === WebSocket$1.CLOSED) return;
-    if (this.readyState === WebSocket$1.CONNECTING) {
+    if (this.readyState === WebSocket.CLOSED) return;
+    if (this.readyState === WebSocket.CONNECTING) {
       const msg = 'WebSocket was closed before the connection was established';
       abortHandshake$1(this, this._req, msg);
       return;
     }
 
-    if (this.readyState === WebSocket$1.CLOSING) {
+    if (this.readyState === WebSocket.CLOSING) {
       if (
         this._closeFrameSent &&
         (this._closeFrameReceived || this._receiver._writableState.errorEmitted)
@@ -2775,7 +2775,7 @@ let WebSocket$1 = class WebSocket extends EventEmitter$1 {
       return;
     }
 
-    this._readyState = WebSocket$1.CLOSING;
+    this._readyState = WebSocket.CLOSING;
     this._sender.close(code, data, !this._isServer, (err) => {
       //
       // This error is handled by the `'error'` listener on the socket. We only
@@ -2809,8 +2809,8 @@ let WebSocket$1 = class WebSocket extends EventEmitter$1 {
    */
   pause() {
     if (
-      this.readyState === WebSocket$1.CONNECTING ||
-      this.readyState === WebSocket$1.CLOSED
+      this.readyState === WebSocket.CONNECTING ||
+      this.readyState === WebSocket.CLOSED
     ) {
       return;
     }
@@ -2828,7 +2828,7 @@ let WebSocket$1 = class WebSocket extends EventEmitter$1 {
    * @public
    */
   ping(data, mask, cb) {
-    if (this.readyState === WebSocket$1.CONNECTING) {
+    if (this.readyState === WebSocket.CONNECTING) {
       throw new Error('WebSocket is not open: readyState 0 (CONNECTING)');
     }
 
@@ -2842,7 +2842,7 @@ let WebSocket$1 = class WebSocket extends EventEmitter$1 {
 
     if (typeof data === 'number') data = data.toString();
 
-    if (this.readyState !== WebSocket$1.OPEN) {
+    if (this.readyState !== WebSocket.OPEN) {
       sendAfterClose(this, data, cb);
       return;
     }
@@ -2860,7 +2860,7 @@ let WebSocket$1 = class WebSocket extends EventEmitter$1 {
    * @public
    */
   pong(data, mask, cb) {
-    if (this.readyState === WebSocket$1.CONNECTING) {
+    if (this.readyState === WebSocket.CONNECTING) {
       throw new Error('WebSocket is not open: readyState 0 (CONNECTING)');
     }
 
@@ -2874,7 +2874,7 @@ let WebSocket$1 = class WebSocket extends EventEmitter$1 {
 
     if (typeof data === 'number') data = data.toString();
 
-    if (this.readyState !== WebSocket$1.OPEN) {
+    if (this.readyState !== WebSocket.OPEN) {
       sendAfterClose(this, data, cb);
       return;
     }
@@ -2890,8 +2890,8 @@ let WebSocket$1 = class WebSocket extends EventEmitter$1 {
    */
   resume() {
     if (
-      this.readyState === WebSocket$1.CONNECTING ||
-      this.readyState === WebSocket$1.CLOSED
+      this.readyState === WebSocket.CONNECTING ||
+      this.readyState === WebSocket.CLOSED
     ) {
       return;
     }
@@ -2916,7 +2916,7 @@ let WebSocket$1 = class WebSocket extends EventEmitter$1 {
    * @public
    */
   send(data, options, cb) {
-    if (this.readyState === WebSocket$1.CONNECTING) {
+    if (this.readyState === WebSocket.CONNECTING) {
       throw new Error('WebSocket is not open: readyState 0 (CONNECTING)');
     }
 
@@ -2927,7 +2927,7 @@ let WebSocket$1 = class WebSocket extends EventEmitter$1 {
 
     if (typeof data === 'number') data = data.toString();
 
-    if (this.readyState !== WebSocket$1.OPEN) {
+    if (this.readyState !== WebSocket.OPEN) {
       sendAfterClose(this, data, cb);
       return;
     }
@@ -2953,15 +2953,15 @@ let WebSocket$1 = class WebSocket extends EventEmitter$1 {
    * @public
    */
   terminate() {
-    if (this.readyState === WebSocket$1.CLOSED) return;
-    if (this.readyState === WebSocket$1.CONNECTING) {
+    if (this.readyState === WebSocket.CLOSED) return;
+    if (this.readyState === WebSocket.CONNECTING) {
       const msg = 'WebSocket was closed before the connection was established';
       abortHandshake$1(this, this._req, msg);
       return;
     }
 
     if (this._socket) {
-      this._readyState = WebSocket$1.CLOSING;
+      this._readyState = WebSocket.CLOSING;
       this._socket.destroy();
     }
   }
@@ -3847,7 +3847,7 @@ var subprotocol$1 = { parse: parse$9 };
 
 /* eslint no-unused-vars: ["error", { "varsIgnorePattern": "^net|tls|https$" }] */
 
-const EventEmitter = require$$0$4;
+const EventEmitter = require$$0$3;
 const http = require$$1;
 const { createHash } = require$$5;
 
@@ -4881,8 +4881,8 @@ function viaLocal(dir, isEtag, uri, extns) {
 	let abs, stats, name, headers;
 	for (; i < arr.length; i++) {
 		abs = normalize(join(dir, name=arr[i]));
-		if (abs.startsWith(dir) && require$$0.existsSync(abs)) {
-			stats = require$$0.statSync(abs);
+		if (abs.startsWith(dir) && fs.existsSync(abs)) {
+			stats = fs.statSync(abs);
 			if (stats.isDirectory()) continue;
 			headers = toHeaders(name, stats, isEtag);
 			headers['Cache-Control'] = isEtag ? 'no-cache' : 'no-store';
@@ -4926,7 +4926,7 @@ function send(req, res, file, stats, headers) {
 	}
 
 	res.writeHead(code, headers);
-	require$$0.createReadStream(file, opts).pipe(res);
+	fs.createReadStream(file, opts).pipe(res);
 }
 
 const ENCODING = {
@@ -5036,7 +5036,7 @@ var picocolors = {
   set exports(v){ picocolorsExports = v; },
 };
 
-let tty = require$$0$7;
+let tty = require$$0$5;
 
 let isColorSupported =
 	!("NO_COLOR" in process.env || process.argv.includes("--no-color")) &&
@@ -5189,11 +5189,12 @@ const stringify = (value, replacer, space) => {
 
 function setupHooksDebug(hooks) {
   const serverHooks = {};
+  const now = typeof globalThis.performance === "undefined" ? () => Date.now() : () => performance.now();
   hooks.beforeEach((event) => {
     if (!serverHooks[event.name]) {
       serverHooks[event.name] = {
         name: event.name,
-        start: performance.now(),
+        start: now(),
         // @ts-expect-error private field
         listeners: hooks._hooks[event.name]?.length || 0,
         executions: []
@@ -5202,7 +5203,7 @@ function setupHooksDebug(hooks) {
       const hook = serverHooks[event.name];
       if (hook.duration != null)
         hook.executions.push(hook.duration);
-      hook.start = performance.now();
+      hook.start = now();
       hook.end = void 0;
       hook.duration = void 0;
     }
@@ -5211,7 +5212,7 @@ function setupHooksDebug(hooks) {
     const hook = serverHooks[event.name];
     if (!hook)
       return;
-    hook.end = performance.now();
+    hook.end = now();
     hook.duration = hook.end - hook.start;
     const listeners = hooks._hooks[event.name]?.length;
     if (listeners != null)
@@ -5235,16 +5236,16 @@ const route = useRoute()
 async function enablePages(nuxt) {
   const pathApp = join$1(nuxt.options.srcDir, "app.vue");
   const pathPageIndex = join$1(nuxt.options.srcDir, "pages/index.vue");
-  if (require$$0__default.existsSync(pathPageIndex)) {
+  if (fs__default.existsSync(pathPageIndex)) {
     logger.warn("pages/index.vue already exists, skipping");
     return;
   }
-  let appContent = require$$0__default.existsSync(pathApp) ? await require$$0$8.readFile(pathApp, "utf-8") : void 0;
-  await require$$0$8.mkdir(dirname(pathPageIndex), { recursive: true });
-  await require$$0$8.writeFile(pathPageIndex, pagesIndexTemplate, "utf-8");
+  let appContent = fs__default.existsSync(pathApp) ? await fsp.readFile(pathApp, "utf-8") : void 0;
+  await fsp.mkdir(dirname(pathPageIndex), { recursive: true });
+  await fsp.writeFile(pathPageIndex, pagesIndexTemplate, "utf-8");
   if (appContent && !appContent.includes("<NuxtPage")) {
     appContent = appContent.replace("</template>", "  <NuxtPage />\n</template>").replace(/<NuxtWelcome\s*\/>/, "");
-    await require$$0$8.writeFile(pathApp, appContent, "utf-8");
+    await fsp.writeFile(pathApp, appContent, "utf-8");
   }
   logger.success("Routing creation wizard completed");
 }
@@ -5520,7 +5521,7 @@ let SemVer$d = class SemVer {
   constructor (version, options) {
     options = parseOptions$1(options);
 
-    if (version instanceof SemVer$d) {
+    if (version instanceof SemVer) {
       if (version.loose === !!options.loose &&
           version.includePrerelease === !!options.includePrerelease) {
         return version
@@ -5602,11 +5603,11 @@ let SemVer$d = class SemVer {
 
   compare (other) {
     debug('SemVer.compare', this.version, this.options, other);
-    if (!(other instanceof SemVer$d)) {
+    if (!(other instanceof SemVer)) {
       if (typeof other === 'string' && other === this.version) {
         return 0
       }
-      other = new SemVer$d(other, this.options);
+      other = new SemVer(other, this.options);
     }
 
     if (other.version === this.version) {
@@ -5617,8 +5618,8 @@ let SemVer$d = class SemVer {
   }
 
   compareMain (other) {
-    if (!(other instanceof SemVer$d)) {
-      other = new SemVer$d(other, this.options);
+    if (!(other instanceof SemVer)) {
+      other = new SemVer(other, this.options);
     }
 
     return (
@@ -5629,8 +5630,8 @@ let SemVer$d = class SemVer {
   }
 
   comparePre (other) {
-    if (!(other instanceof SemVer$d)) {
-      other = new SemVer$d(other, this.options);
+    if (!(other instanceof SemVer)) {
+      other = new SemVer(other, this.options);
     }
 
     // NOT having a prerelease is > having one
@@ -5662,8 +5663,8 @@ let SemVer$d = class SemVer {
   }
 
   compareBuild (other) {
-    if (!(other instanceof SemVer$d)) {
-      other = new SemVer$d(other, this.options);
+    if (!(other instanceof SemVer)) {
+      other = new SemVer(other, this.options);
     }
 
     let i = 0;
@@ -8163,7 +8164,7 @@ var semver = {
 };
 
 async function checkForUpdateOf(info) {
-  const packument = await import('./index.mjs').then(function (n) { return n.i; }).then((r) => r.default?.packument || r.packument);
+  const packument = await import('pacote').then((r) => r.default?.packument || r.packument);
   const manifest = await packument(info.name);
   const latest = manifest["dist-tags"].latest;
   const needsUpdate = latest !== info.current && semver.lt(info.current, latest);
@@ -8421,4 +8422,4 @@ const moduleMain = {
   enableModule: enableModule
 };
 
-export { LOG_PREFIX as L, clean_1 as c, moduleMain as m, requireYallist as r, semver as s, valid_1 as v };
+export { LOG_PREFIX as L, moduleMain as m };