nuxt-nightly 4.1.1-29283135.db9d840e → 4.1.1-29283391.911ce76c

package/dist/app/composables/asyncData.js

@@ -1,9 +1,8 @@
 import { computed, getCurrentInstance, getCurrentScope, inject, isShallow, nextTick, onBeforeMount, onScopeDispose, onServerPrefetch, onUnmounted, ref, shallowRef, toRef, toValue, unref, watch } from "vue";
-import { captureStackTrace } from "errx";
 import { debounce } from "perfect-debounce";
 import { hash } from "ohash";
 import { useNuxtApp } from "../nuxt.js";
-import { toArray } from "../utils.js";
+import { getUserCaller, toArray } from "../utils.js";
 import { clientOnlySymbol } from "../components/client-only.js";
 import { createError } from "./error.js";
 import { onNuxtReady } from "./ready.js";
@@ -49,9 +48,8 @@ export function useAsyncData(...args) {
       warnings.push(`mismatching \`deep\` option`);
     }
     if (warnings.length) {
-      const distURL = import.meta.url.replace(/\/app\/.*$/, "/app");
-      const { source, line, column } = captureStackTrace().find((entry) => !entry.source.startsWith(distURL)) ?? {};
-      const explanation = source ? ` (used at ${source.replace(/^file:\/\//, "")}:${line}:${column})` : "";
+      const caller = getUserCaller();
+      const explanation = caller ? ` (used at ${caller.source}:${caller.line}:${caller.column})` : "";
       console.warn(`[nuxt] [${functionName}] Incompatible options detected for "${key.value}"${explanation}:
 ${warnings.map((w) => `- ${w}`).join("\n")}
 You can use a different key or move the call to a composable to ensure the options are shared across calls.`);
@@ -344,9 +342,8 @@ function createAsyncData(nuxtApp, key, _handler, options, initialCachedData) {
           result = pick(result, options.pick);
         }
         if (import.meta.dev && import.meta.server && typeof result === "undefined") {
-          const stack = captureStackTrace();
-          const { source, line, column } = stack[stack.length - 1] ?? {};
-          const explanation = source ? ` (used at ${source.replace(/^file:\/\//, "")}:${line}:${column})` : "";
+          const caller = getUserCaller();
+          const explanation = caller ? ` (used at ${caller.source}:${caller.line}:${caller.column})` : "";
           console.warn(`[nuxt] \`${options._functionName || "useAsyncData"}${explanation}\` must return a value (it should not be \`undefined\`) or the request may be duplicated on the client side.`);
         }
         nuxtApp.payload.data[key] = result;

package/dist/app/composables/router.js

@@ -4,12 +4,15 @@ import { hasProtocol, isScriptProtocol, joinURL, parseQuery, parseURL, withQuery
 import { useNuxtApp, useRuntimeConfig } from "../nuxt.js";
 import { PageRouteSymbol } from "../components/injections.js";
 import { createError, showError } from "./error.js";
+import { getUserTrace } from "../utils.js";
 export const useRouter = () => {
   return useNuxtApp()?.$router;
 };
 export const useRoute = () => {
   if (import.meta.dev && !getCurrentInstance() && isProcessingMiddleware()) {
-    console.warn("[nuxt] Calling `useRoute` within middleware may lead to misleading results. Instead, use the (to, from) arguments passed to the middleware to access the new and old routes. Learn more: https://nuxt.com/docs/4.x/guide/directory-structure/app/middleware#accessing-route-in-middleware");
+    const middleware = useNuxtApp()._processingMiddleware;
+    const trace = getUserTrace().map(({ source, line, column }) => `at ${source}:${line}:${column}`).join("\n");
+    console.warn(`[nuxt] \`useRoute\` was called within middleware${typeof middleware === "string" ? ` (\`${middleware}\`)` : ""}. This may lead to misleading results. Instead, use the (to, from) arguments passed to the middleware to access the new and old routes. Learn more: https://nuxt.com/docs/4.x/guide/directory-structure/app/middleware#accessing-route-in-middleware` + ("\n" + trace));
   }
   if (hasInjectionContext()) {
     return inject(PageRouteSymbol, useNuxtApp()._route);

package/dist/app/nuxt.d.ts

@@ -134,6 +134,8 @@ interface _NuxtApp {
         named: Record<string, RouteMiddleware>;
     };
     /** @internal */
+    _processingMiddleware?: string | boolean;
+    /** @internal */
     _once: {
         [key: string]: Promise<any>;
     };

package/dist/app/plugins/router.js

@@ -178,6 +178,9 @@ export default defineNuxtPlugin({
             }
           }
           for (const middleware of middlewareEntries) {
+            if (import.meta.dev) {
+              nuxtApp._processingMiddleware = middleware.name || true;
+            }
             const result = await nuxtApp.runWithContext(() => middleware(to, from));
             if (import.meta.server) {
               if (result === false || result instanceof Error) {

package/dist/app/utils.d.ts

@@ -1,2 +1,13 @@
 /** @since 3.9.0 */
 export declare function toArray<T>(value: T | T[]): T[];
+export declare function getUserTrace(): {
+    source: string;
+    column?: number;
+    function?: string;
+    line?: number;
+}[];
+export declare function getUserCaller(): {
+    source: string;
+    line: number | undefined;
+    column: number | undefined;
+} | null;

package/dist/app/utils.js

@@ -1,3 +1,34 @@
+import { captureStackTrace } from "errx";
 export function toArray(value) {
   return Array.isArray(value) ? value : [value];
 }
+const distURL = import.meta.url.replace(/\/app\/.*$/, "/");
+export function getUserTrace() {
+  if (!import.meta.dev) {
+    return [];
+  }
+  const trace = captureStackTrace();
+  const start = trace.findIndex((entry) => !entry.source.startsWith(distURL));
+  const end = [...trace].reverse().findIndex((entry) => !entry.source.includes("node_modules") && !entry.source.startsWith(distURL));
+  if (start === -1 || end === -1) {
+    return [];
+  }
+  return trace.slice(start, -end).map((i) => ({
+    ...i,
+    source: i.source.replace(/^file:\/\//, "")
+  }));
+}
+export function getUserCaller() {
+  if (!import.meta.dev) {
+    return null;
+  }
+  const { source, line, column } = captureStackTrace().find((entry) => !entry.source.startsWith(distURL)) ?? {};
+  if (!source) {
+    return null;
+  }
+  return {
+    source: source.replace(/^file:\/\//, ""),
+    line,
+    column
+  };
+}

package/dist/index.mjs

@@ -3760,7 +3760,7 @@ function addDeclarationTemplates(ctx, options) {
   });
 }
 
-const version = "4.1.1-29283135.db9d840e";
+const version = "4.1.1-29283391.911ce76c";
 
 const createImportProtectionPatterns = (nuxt, options) => {
   const patterns = [];

package/dist/pages/runtime/plugins/router.js

@@ -165,6 +165,9 @@ const plugin = defineNuxtPlugin({
             throw new Error(`Unknown route middleware: '${entry}'.`);
           }
           try {
+            if (import.meta.dev) {
+              nuxtApp._processingMiddleware = (typeof entry === "string" ? entry : middleware.name) || true;
+            }
             const result = await nuxtApp.runWithContext(() => middleware(to, from));
             if (import.meta.server || !nuxtApp.payload.serverRendered && nuxtApp.isHydrating) {
               if (result === false || result instanceof Error) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-nightly",
-  "version": "4.1.1-29283135.db9d840e",
+  "version": "4.1.1-29283391.911ce76c",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nuxt/nuxt.git",
@@ -67,10 +67,10 @@
     "@nuxt/cli": "npm:@nuxt/cli-nightly@latest",
     "@nuxt/devalue": "^2.0.2",
     "@nuxt/devtools": "^2.6.3",
-    "@nuxt/kit": "npm:@nuxt/kit-nightly@4.1.1-29283135.db9d840e",
-    "@nuxt/schema": "npm:@nuxt/schema-nightly@4.1.1-29283135.db9d840e",
+    "@nuxt/kit": "npm:@nuxt/kit-nightly@4.1.1-29283391.911ce76c",
+    "@nuxt/schema": "npm:@nuxt/schema-nightly@4.1.1-29283391.911ce76c",
     "@nuxt/telemetry": "^2.6.6",
-    "@nuxt/vite-builder": "npm:@nuxt/vite-builder-nightly@4.1.1-29283135.db9d840e",
+    "@nuxt/vite-builder": "npm:@nuxt/vite-builder-nightly@4.1.1-29283391.911ce76c",
     "@unhead/vue": "^2.0.14",
     "@vue/shared": "^3.5.20",
     "c12": "^3.2.0",