@valbuild/next 0.148.1 → 0.148.3

package/CHANGELOG.md

@@ -1,5 +1,53 @@
 # @valbuild/next
 
+## 0.148.3
+
+### Patch Changes
+
+- [#881](https://github.com/valbuild/val/pull/881) [`0139436`](https://github.com/valbuild/val/commit/0139436426142d91cbb29ec6c696dfb86f34ab9d) Thanks [@freekh](https://github.com/freekh)! - The content analytics script. With analytics on (it is off by default, and turned on in a hosted project's settings), a TanStack site counts which content each visitor's page **rendered** and which they actually **viewed** (at least half on screen for a second), and sends it to `/api/val/analytics`.
+
+  - No cookies, no storage, no visitor IDs. Each page view also says where it came from (the referring site's host and any `utm_source` / `utm_medium` / `utm_campaign`) and whether it was a phone, tablet or desktop.
+  - A page is sent as its route's pattern (`/posts/$postId`), never its address, so a path that holds something about one visitor (an order number, a token) is never stored. `startValAnalytics` takes this as `routeFor`; `ValProvider` passes TanStack's matched route.
+  - Editors are never counted: nothing is sent in draft mode, in the Studio, with Val enabled, or at a proposal's address, and nothing from automated browsers. A page the browser prerenders counts nothing until it is shown.
+  - The script is the new `@valbuild/react/analytics` entry, loaded only for visitors of a site with analytics on, after the page has hydrated. It imports nothing else from Val.
+  - Storing the counts and showing them is part of Val's hosting, which takes these beacons before they reach the site. Anywhere else, `/api/val/analytics` checks each beacon and stores nothing; in local development, with `VAL_DEBUG=1`, it logs a line per beacon, so you can see it working.
+  - `ValProvider`'s Studio check now matches `/val` and what is below it only, not every route starting with those letters (`/values`). The same fix is in `@valbuild/next`.
+
+- Updated dependencies [[`0139436`](https://github.com/valbuild/val/commit/0139436426142d91cbb29ec6c696dfb86f34ab9d), [`5eff8a0`](https://github.com/valbuild/val/commit/5eff8a055a4ef50d476797c28f9c3e50deb73c89)]:
+  - @valbuild/react@0.148.3
+  - @valbuild/shared@0.148.3
+  - @valbuild/server@0.148.3
+  - @valbuild/ui@0.148.3
+  - @valbuild/language-server@0.148.3
+  - @valbuild/mcp@0.148.3
+
+## 0.148.2
+
+### Patch Changes
+
+- [#889](https://github.com/valbuild/val/pull/889) [`dc7c8cc`](https://github.com/valbuild/val/commit/dc7c8ccd82f643e662d00225fabec411b5d39e3a) Thanks [@freekh](https://github.com/freekh)! - Val is quieter in your app's console. Errors and warnings you can act on still
+  print, now prefixed with `[val]` so you can filter them. Val's own debug
+  output, which used to reach your terminal and browser console, is now off by
+  default. That includes the `Invalid JWT` line that printed on every request
+  with an expired session cookie, the "verifying draft mode" and polling notices,
+  and the Studio's sync and WebSocket chatter.
+
+  To turn the debug output back on, for example when reporting a bug:
+
+  - on the server, set `VAL_DEBUG=1`
+  - in the browser, run `localStorage.setItem("val:debug", "1")` in the console.
+    It takes effect immediately, with no reload. Remove the key to turn it off
+    again.
+
+- Updated dependencies [[`dc7c8cc`](https://github.com/valbuild/val/commit/dc7c8ccd82f643e662d00225fabec411b5d39e3a)]:
+  - @valbuild/core@0.148.2
+  - @valbuild/shared@0.148.2
+  - @valbuild/server@0.148.2
+  - @valbuild/react@0.148.2
+  - @valbuild/ui@0.148.2
+  - @valbuild/language-server@0.148.2
+  - @valbuild/mcp@0.148.2
+
 ## 0.148.1
 
 ### Patch Changes

package/client/dist/valbuild-next-client.cjs.dev.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('client-only');
-var routeFromVal = require('../../dist/routeFromVal-1cdcfed4.cjs.dev.js');
+var routeFromVal = require('../../dist/routeFromVal-4df1157a.cjs.dev.js');
 var core = require('@valbuild/core');
 var stega = require('@valbuild/react/stega');
 var React = require('react');
-var ValOverlayContext = require('../../dist/ValOverlayContext-98d33d86.cjs.dev.js');
+var ValOverlayContext = require('../../dist/ValOverlayContext-262899b3.cjs.dev.js');
 require('../../dist/createForOfIteratorHelper-0445603c.cjs.dev.js');
 require('../../dist/unsupportedIterableToArray-c8ab77c9.cjs.dev.js');
 require('../../dist/objectSpread2-58024783.cjs.dev.js');
@@ -258,7 +258,7 @@ function resolveParams(params) {
     // diagnosable error instead of a cryptic `TypeError: React.use is not a
     // function`. Callers treat null as the error sentinel.
     if (!("use" in React__default["default"])) {
-      console.error("Val: useValRoute received a Promise params argument but React.use is unavailable. Upgrade to React 19+ or pre-resolve the promise before passing it.");
+      core.Internal.log.error("useValRoute received a Promise params argument but React.use is unavailable. Upgrade to React 19+ or pre-resolve the promise before passing it.");
       return null;
     }
     return React__default["default"].use(params);

package/client/dist/valbuild-next-client.cjs.prod.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('client-only');
-var routeFromVal = require('../../dist/routeFromVal-e447aa07.cjs.prod.js');
+var routeFromVal = require('../../dist/routeFromVal-812be6ea.cjs.prod.js');
 var core = require('@valbuild/core');
 var stega = require('@valbuild/react/stega');
 var React = require('react');
-var ValOverlayContext = require('../../dist/ValOverlayContext-9c4ae06d.cjs.prod.js');
+var ValOverlayContext = require('../../dist/ValOverlayContext-405ca70c.cjs.prod.js');
 require('../../dist/createForOfIteratorHelper-d4afcad8.cjs.prod.js');
 require('../../dist/unsupportedIterableToArray-0d2087a2.cjs.prod.js');
 require('../../dist/objectSpread2-13f847a9.cjs.prod.js');
@@ -258,7 +258,7 @@ function resolveParams(params) {
     // diagnosable error instead of a cryptic `TypeError: React.use is not a
     // function`. Callers treat null as the error sentinel.
     if (!("use" in React__default["default"])) {
-      console.error("Val: useValRoute received a Promise params argument but React.use is unavailable. Upgrade to React 19+ or pre-resolve the promise before passing it.");
+      core.Internal.log.error("useValRoute received a Promise params argument but React.use is unavailable. Upgrade to React 19+ or pre-resolve the promise before passing it.");
       return null;
     }
     return React__default["default"].use(params);

package/client/dist/valbuild-next-client.esm.js

@@ -1,9 +1,9 @@
 import 'client-only';
-import { j as jsonValuesRecordToFill, f as fillJsonValuesRecord, g as getJsonEntryStegaRoot, _ as _typeof, c as bundledJsonEntryImport, a as isJsonValuesRecordSchema, b as getValRouteUrlFromVal, i as initValRouteFromVal } from '../../dist/routeFromVal-3e1c7e8b.esm.js';
+import { j as jsonValuesRecordToFill, f as fillJsonValuesRecord, g as getJsonEntryStegaRoot, _ as _typeof, c as bundledJsonEntryImport, a as isJsonValuesRecordSchema, b as getValRouteUrlFromVal, i as initValRouteFromVal } from '../../dist/routeFromVal-64cba2a6.esm.js';
 import { Internal } from '@valbuild/core';
 import { getModuleIds, stegaEncode } from '@valbuild/react/stega';
 import React from 'react';
-import { useValOverlayContext } from '../../dist/ValOverlayContext-398baef3.esm.js';
+import { useValOverlayContext } from '../../dist/ValOverlayContext-1a45e03d.esm.js';
 import '../../dist/createForOfIteratorHelper-5758a730.esm.js';
 import '../../dist/unsupportedIterableToArray-5baabfdc.esm.js';
 import '../../dist/objectSpread2-60d1bd93.esm.js';
@@ -250,7 +250,7 @@ function resolveParams(params) {
     // diagnosable error instead of a cryptic `TypeError: React.use is not a
     // function`. Callers treat null as the error sentinel.
     if (!("use" in React)) {
-      console.error("Val: useValRoute received a Promise params argument but React.use is unavailable. Upgrade to React 19+ or pre-resolve the promise before passing it.");
+      Internal.log.error("useValRoute received a Promise params argument but React.use is unavailable. Upgrade to React 19+ or pre-resolve the promise before passing it.");
       return null;
     }
     return React.use(params);

package/dist/ValNextProvider-35d0b521.cjs.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./ValNextProvider-35d0b521.cjs.prod.js");
+} else {
+  module.exports = require("./ValNextProvider-35d0b521.cjs.dev.js");
+}

package/dist/{ValNextProvider-3f8bc508.cjs.prod.js → ValNextProvider-35d0b521.cjs.prod.js}

@@ -11,7 +11,7 @@ var ui = require('@valbuild/ui');
 var navigation = require('next/navigation');
 var Script = require('next/script');
 var React = require('react');
-var ValOverlayContext = require('./ValOverlayContext-9c4ae06d.cjs.prod.js');
+var ValOverlayContext = require('./ValOverlayContext-405ca70c.cjs.prod.js');
 var stega = require('@valbuild/react/stega');
 var fallbackColors = require('./fallbackColors-e1d73b36.cjs.prod.js');
 var client = require('@valbuild/shared/client');
@@ -359,7 +359,7 @@ var ValNextProvider = function ValNextProvider(props) {
   useConsoleLogEnableVal(mountOverlay);
   React__default["default"].useEffect(function () {
     if (location.search === "?message_onready=true") {
-      console.warn("Val is verifying draft mode...");
+      core.Internal.log.debug("verifying draft mode...");
       return;
     }
     if (isValStudioPath(location.pathname)) {
@@ -489,7 +489,7 @@ var ValNextProvider = function ValNextProvider(props) {
     var valProviderOverlayListener = function valProviderOverlayListener(event) {
       if (event instanceof CustomEvent) {
         if (!(event !== null && event !== void 0 && event.detail.type)) {
-          console.error("Val: invalid event detail (val-overlay-provider)", event);
+          core.Internal.log.error("invalid event detail (val-overlay-provider)", event);
         }
         if (event.detail.type === "spa-ready") {
           setSpaReady(true);
@@ -511,10 +511,10 @@ var ValNextProvider = function ValNextProvider(props) {
             });
           }
         } else {
-          console.error("Val: invalid event detail (val-overlay-provider)", event.detail);
+          core.Internal.log.error("invalid event detail (val-overlay-provider)", event.detail);
         }
       } else {
-        console.error("Val: invalid event (val-overlay-provider)", event);
+        core.Internal.log.error("invalid event (val-overlay-provider)", event);
       }
     };
     window.addEventListener("val-overlay-provider", valProviderOverlayListener);
@@ -557,7 +557,7 @@ var ValNextProvider = function ValNextProvider(props) {
           return;
         }
         if (res.status !== 200) {
-          console.error("Val: could not get draft mode status", res);
+          core.Internal.log.error("could not get draft mode status", res);
           return;
         }
         setDraftMode(function (prev) {
@@ -569,7 +569,7 @@ var ValNextProvider = function ValNextProvider(props) {
           return prev;
         });
       })["catch"](function (err) {
-        console.error("Val: could not get draft mode status", err);
+        core.Internal.log.error("could not get draft mode status", err);
       })["finally"](function () {
         if (pollDraftStatIdRef.current !== pollDraftStatId) {
           return;
@@ -586,7 +586,7 @@ var ValNextProvider = function ValNextProvider(props) {
            * unrecoverable, because the ONLY other thing that clears it is the
            * `val-ready` message the frame never sent.
            */
-          console.warn("Val: draft mode did not confirm in time. Falling back to the " + "idle poll — try toggling preview again.");
+          core.Internal.log.warn("draft mode did not confirm in time. Falling back to the " + "idle poll — try toggling preview again.");
           setIframeSrc(null);
           return;
         }
@@ -656,13 +656,13 @@ var ValNextProvider = function ValNextProvider(props) {
                   window.dispatchEvent(new Event(VAL_EDIT_LANDED));
                 }
               } else {
-                console.error("Val: invalid event detail", event.detail);
+                core.Internal.log.error("invalid event detail", event.detail);
               }
             } else {
-              console.error("Val: invalid custom event details (val-event)", event.detail);
+              core.Internal.log.error("invalid custom event details (val-event)", event.detail);
             }
           } else {
-            console.error("Val: invalid custom event (val-event)", event);
+            core.Internal.log.error("invalid custom event (val-event)", event);
           }
         };
         window.addEventListener("val-event", reactServerComponentRefreshListener);
@@ -831,7 +831,7 @@ var ValNextProvider = function ValNextProvider(props) {
 function useConsoleLogEnableVal(showOverlay) {
   React__default["default"].useEffect(function () {
     if (process.env["NODE_ENV"] === "development" && showOverlay === false && !isValStudioPath(location.pathname)) {
-      console.warn("\n###########\n###########\n###########                           @@@@\n###########                             @@\n###########    @@      @@  @@@@@@ @     @@\n###########     @@    @@  @@     @@     @@\n###########     @@    @@ %@       @     @@\n####  #####      @@  @@  .@      .@     @@\n###    ####       @@@@    @@:   @@@.    @@\n####  #####       @@@@      @@@@  =@@@@@@@@@\n###########\n\nThis page is built with Val Build - the lightweight CMS where content is code.\n\nVal is currently hidden.\n\nTo show Val, go to the following URL:\n".concat(window.location.origin, "/api/val/enable?redirect_to=").concat(encodeURIComponent(window.location.href), "\n        \nYou are seeing this message because you are in development mode."));
+      core.Internal.log.warn("\n###########\n###########\n###########                           @@@@\n###########                             @@\n###########    @@      @@  @@@@@@ @     @@\n###########     @@    @@  @@     @@     @@\n###########     @@    @@ %@       @     @@\n####  #####      @@  @@  .@      .@     @@\n###    ####       @@@@    @@:   @@@.    @@\n####  #####       @@@@      @@@@  =@@@@@@@@@\n###########\n\nThis page is built with Val Build - the lightweight CMS where content is code.\n\nVal is currently hidden.\n\nTo show Val, go to the following URL:\n".concat(window.location.origin, "/api/val/enable?redirect_to=").concat(encodeURIComponent(window.location.href), "\n        \nYou are seeing this message because you are in development mode."));
     }
   }, [showOverlay]);
 }
@@ -870,8 +870,13 @@ function getPositionClassName(dropZone) {
   }
   return className;
 }
+
+/**
+ * The Studio is `/val` and what is below it -- not every route that starts
+ * with the letters, which would leave `/values` without its overlay.
+ */
 function isValStudioPath(pathname) {
-  return pathname.startsWith("/val");
+  return pathname === "/val" || pathname.startsWith("/val/");
 }
 
 /**

package/dist/{ValNextProvider-d6de5d9a.cjs.dev.js → ValNextProvider-a85a1d33.cjs.dev.js}

@@ -11,7 +11,7 @@ var ui = require('@valbuild/ui');
 var navigation = require('next/navigation');
 var Script = require('next/script');
 var React = require('react');
-var ValOverlayContext = require('./ValOverlayContext-98d33d86.cjs.dev.js');
+var ValOverlayContext = require('./ValOverlayContext-262899b3.cjs.dev.js');
 var stega = require('@valbuild/react/stega');
 var fallbackColors = require('./fallbackColors-080c1bbc.cjs.dev.js');
 var client = require('@valbuild/shared/client');
@@ -359,7 +359,7 @@ var ValNextProvider = function ValNextProvider(props) {
   useConsoleLogEnableVal(mountOverlay);
   React__default["default"].useEffect(function () {
     if (location.search === "?message_onready=true") {
-      console.warn("Val is verifying draft mode...");
+      core.Internal.log.debug("verifying draft mode...");
       return;
     }
     if (isValStudioPath(location.pathname)) {
@@ -489,7 +489,7 @@ var ValNextProvider = function ValNextProvider(props) {
     var valProviderOverlayListener = function valProviderOverlayListener(event) {
       if (event instanceof CustomEvent) {
         if (!(event !== null && event !== void 0 && event.detail.type)) {
-          console.error("Val: invalid event detail (val-overlay-provider)", event);
+          core.Internal.log.error("invalid event detail (val-overlay-provider)", event);
         }
         if (event.detail.type === "spa-ready") {
           setSpaReady(true);
@@ -511,10 +511,10 @@ var ValNextProvider = function ValNextProvider(props) {
             });
           }
         } else {
-          console.error("Val: invalid event detail (val-overlay-provider)", event.detail);
+          core.Internal.log.error("invalid event detail (val-overlay-provider)", event.detail);
         }
       } else {
-        console.error("Val: invalid event (val-overlay-provider)", event);
+        core.Internal.log.error("invalid event (val-overlay-provider)", event);
       }
     };
     window.addEventListener("val-overlay-provider", valProviderOverlayListener);
@@ -557,7 +557,7 @@ var ValNextProvider = function ValNextProvider(props) {
           return;
         }
         if (res.status !== 200) {
-          console.error("Val: could not get draft mode status", res);
+          core.Internal.log.error("could not get draft mode status", res);
           return;
         }
         setDraftMode(function (prev) {
@@ -569,7 +569,7 @@ var ValNextProvider = function ValNextProvider(props) {
           return prev;
         });
       })["catch"](function (err) {
-        console.error("Val: could not get draft mode status", err);
+        core.Internal.log.error("could not get draft mode status", err);
       })["finally"](function () {
         if (pollDraftStatIdRef.current !== pollDraftStatId) {
           return;
@@ -586,7 +586,7 @@ var ValNextProvider = function ValNextProvider(props) {
            * unrecoverable, because the ONLY other thing that clears it is the
            * `val-ready` message the frame never sent.
            */
-          console.warn("Val: draft mode did not confirm in time. Falling back to the " + "idle poll — try toggling preview again.");
+          core.Internal.log.warn("draft mode did not confirm in time. Falling back to the " + "idle poll — try toggling preview again.");
           setIframeSrc(null);
           return;
         }
@@ -656,13 +656,13 @@ var ValNextProvider = function ValNextProvider(props) {
                   window.dispatchEvent(new Event(VAL_EDIT_LANDED));
                 }
               } else {
-                console.error("Val: invalid event detail", event.detail);
+                core.Internal.log.error("invalid event detail", event.detail);
               }
             } else {
-              console.error("Val: invalid custom event details (val-event)", event.detail);
+              core.Internal.log.error("invalid custom event details (val-event)", event.detail);
             }
           } else {
-            console.error("Val: invalid custom event (val-event)", event);
+            core.Internal.log.error("invalid custom event (val-event)", event);
           }
         };
         window.addEventListener("val-event", reactServerComponentRefreshListener);
@@ -831,7 +831,7 @@ var ValNextProvider = function ValNextProvider(props) {
 function useConsoleLogEnableVal(showOverlay) {
   React__default["default"].useEffect(function () {
     if (process.env["NODE_ENV"] === "development" && showOverlay === false && !isValStudioPath(location.pathname)) {
-      console.warn("\n###########\n###########\n###########                           @@@@\n###########                             @@\n###########    @@      @@  @@@@@@ @     @@\n###########     @@    @@  @@     @@     @@\n###########     @@    @@ %@       @     @@\n####  #####      @@  @@  .@      .@     @@\n###    ####       @@@@    @@:   @@@.    @@\n####  #####       @@@@      @@@@  =@@@@@@@@@\n###########\n\nThis page is built with Val Build - the lightweight CMS where content is code.\n\nVal is currently hidden.\n\nTo show Val, go to the following URL:\n".concat(window.location.origin, "/api/val/enable?redirect_to=").concat(encodeURIComponent(window.location.href), "\n        \nYou are seeing this message because you are in development mode."));
+      core.Internal.log.warn("\n###########\n###########\n###########                           @@@@\n###########                             @@\n###########    @@      @@  @@@@@@ @     @@\n###########     @@    @@  @@     @@     @@\n###########     @@    @@ %@       @     @@\n####  #####      @@  @@  .@      .@     @@\n###    ####       @@@@    @@:   @@@.    @@\n####  #####       @@@@      @@@@  =@@@@@@@@@\n###########\n\nThis page is built with Val Build - the lightweight CMS where content is code.\n\nVal is currently hidden.\n\nTo show Val, go to the following URL:\n".concat(window.location.origin, "/api/val/enable?redirect_to=").concat(encodeURIComponent(window.location.href), "\n        \nYou are seeing this message because you are in development mode."));
     }
   }, [showOverlay]);
 }
@@ -870,8 +870,13 @@ function getPositionClassName(dropZone) {
   }
   return className;
 }
+
+/**
+ * The Studio is `/val` and what is below it -- not every route that starts
+ * with the letters, which would leave `/values` without its overlay.
+ */
 function isValStudioPath(pathname) {
-  return pathname.startsWith("/val");
+  return pathname === "/val" || pathname.startsWith("/val/");
 }
 
 /**

package/dist/{ValNextProvider-9934c628.esm.js → ValNextProvider-df6f351e.esm.js}

@@ -7,7 +7,7 @@ import { VERSION, VAL_APP_PATH, VAL_OVERLAY_ID } from '@valbuild/ui';
 import { useRouter, usePathname } from 'next/navigation';
 import Script from 'next/script';
 import React, { useEffect } from 'react';
-import { ValExternalStore, ValOverlayProvider } from './ValOverlayContext-398baef3.esm.js';
+import { ValExternalStore, ValOverlayProvider } from './ValOverlayContext-1a45e03d.esm.js';
 import { SET_AUTO_TAG_JSX_ENABLED } from '@valbuild/react/stega';
 import { p as prefixStyles, u as useConfigStorageSave, f as floatDarkBg, d as floatLightBg, v as valPrefixedClass, c as cn } from './fallbackColors-149dfbc9.esm.js';
 import { VAL_THEME_SESSION_STORAGE_KEY, isValCanvasFrame } from '@valbuild/shared/client';
@@ -332,7 +332,7 @@ var ValNextProvider = function ValNextProvider(props) {
   useConsoleLogEnableVal(mountOverlay);
   React.useEffect(function () {
     if (location.search === "?message_onready=true") {
-      console.warn("Val is verifying draft mode...");
+      Internal.log.debug("verifying draft mode...");
       return;
     }
     if (isValStudioPath(location.pathname)) {
@@ -462,7 +462,7 @@ var ValNextProvider = function ValNextProvider(props) {
     var valProviderOverlayListener = function valProviderOverlayListener(event) {
       if (event instanceof CustomEvent) {
         if (!(event !== null && event !== void 0 && event.detail.type)) {
-          console.error("Val: invalid event detail (val-overlay-provider)", event);
+          Internal.log.error("invalid event detail (val-overlay-provider)", event);
         }
         if (event.detail.type === "spa-ready") {
           setSpaReady(true);
@@ -484,10 +484,10 @@ var ValNextProvider = function ValNextProvider(props) {
             });
           }
         } else {
-          console.error("Val: invalid event detail (val-overlay-provider)", event.detail);
+          Internal.log.error("invalid event detail (val-overlay-provider)", event.detail);
         }
       } else {
-        console.error("Val: invalid event (val-overlay-provider)", event);
+        Internal.log.error("invalid event (val-overlay-provider)", event);
       }
     };
     window.addEventListener("val-overlay-provider", valProviderOverlayListener);
@@ -530,7 +530,7 @@ var ValNextProvider = function ValNextProvider(props) {
           return;
         }
         if (res.status !== 200) {
-          console.error("Val: could not get draft mode status", res);
+          Internal.log.error("could not get draft mode status", res);
           return;
         }
         setDraftMode(function (prev) {
@@ -542,7 +542,7 @@ var ValNextProvider = function ValNextProvider(props) {
           return prev;
         });
       })["catch"](function (err) {
-        console.error("Val: could not get draft mode status", err);
+        Internal.log.error("could not get draft mode status", err);
       })["finally"](function () {
         if (pollDraftStatIdRef.current !== pollDraftStatId) {
           return;
@@ -559,7 +559,7 @@ var ValNextProvider = function ValNextProvider(props) {
            * unrecoverable, because the ONLY other thing that clears it is the
            * `val-ready` message the frame never sent.
            */
-          console.warn("Val: draft mode did not confirm in time. Falling back to the " + "idle poll — try toggling preview again.");
+          Internal.log.warn("draft mode did not confirm in time. Falling back to the " + "idle poll — try toggling preview again.");
           setIframeSrc(null);
           return;
         }
@@ -629,13 +629,13 @@ var ValNextProvider = function ValNextProvider(props) {
                   window.dispatchEvent(new Event(VAL_EDIT_LANDED));
                 }
               } else {
-                console.error("Val: invalid event detail", event.detail);
+                Internal.log.error("invalid event detail", event.detail);
               }
             } else {
-              console.error("Val: invalid custom event details (val-event)", event.detail);
+              Internal.log.error("invalid custom event details (val-event)", event.detail);
             }
           } else {
-            console.error("Val: invalid custom event (val-event)", event);
+            Internal.log.error("invalid custom event (val-event)", event);
           }
         };
         window.addEventListener("val-event", reactServerComponentRefreshListener);
@@ -804,7 +804,7 @@ var ValNextProvider = function ValNextProvider(props) {
 function useConsoleLogEnableVal(showOverlay) {
   React.useEffect(function () {
     if (process.env["NODE_ENV"] === "development" && showOverlay === false && !isValStudioPath(location.pathname)) {
-      console.warn("\n###########\n###########\n###########                           @@@@\n###########                             @@\n###########    @@      @@  @@@@@@ @     @@\n###########     @@    @@  @@     @@     @@\n###########     @@    @@ %@       @     @@\n####  #####      @@  @@  .@      .@     @@\n###    ####       @@@@    @@:   @@@.    @@\n####  #####       @@@@      @@@@  =@@@@@@@@@\n###########\n\nThis page is built with Val Build - the lightweight CMS where content is code.\n\nVal is currently hidden.\n\nTo show Val, go to the following URL:\n".concat(window.location.origin, "/api/val/enable?redirect_to=").concat(encodeURIComponent(window.location.href), "\n        \nYou are seeing this message because you are in development mode."));
+      Internal.log.warn("\n###########\n###########\n###########                           @@@@\n###########                             @@\n###########    @@      @@  @@@@@@ @     @@\n###########     @@    @@  @@     @@     @@\n###########     @@    @@ %@       @     @@\n####  #####      @@  @@  .@      .@     @@\n###    ####       @@@@    @@:   @@@.    @@\n####  #####       @@@@      @@@@  =@@@@@@@@@\n###########\n\nThis page is built with Val Build - the lightweight CMS where content is code.\n\nVal is currently hidden.\n\nTo show Val, go to the following URL:\n".concat(window.location.origin, "/api/val/enable?redirect_to=").concat(encodeURIComponent(window.location.href), "\n        \nYou are seeing this message because you are in development mode."));
     }
   }, [showOverlay]);
 }
@@ -843,8 +843,13 @@ function getPositionClassName(dropZone) {
   }
   return className;
 }
+
+/**
+ * The Studio is `/val` and what is below it -- not every route that starts
+ * with the letters, which would leave `/values` without its overlay.
+ */
 function isValStudioPath(pathname) {
-  return pathname.startsWith("/val");
+  return pathname === "/val" || pathname.startsWith("/val/");
 }
 
 /**

package/dist/{ValOverlayContext-398baef3.esm.js → ValOverlayContext-1a45e03d.esm.js}

@@ -1,6 +1,7 @@
 'use client';
 import { _ as _createForOfIteratorHelper } from './createForOfIteratorHelper-5758a730.esm.js';
 import { a as _toPropertyKey, _ as _defineProperty } from './defineProperty-cca5affa.esm.js';
+import { Internal } from '@valbuild/core';
 import { deepEqual } from '@valbuild/core/patch';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -153,7 +154,7 @@ var ValExternalStore = /*#__PURE__*/function () {
           var missing = paths.filter(function (p) {
             return !_this.loadedSources.has(p);
           });
-          console.error("Val: draft module(s) did not load within ".concat(LOAD_TIMEOUT_MS, "ms; rendering with partial data. Missing: ").concat(missing.join(", ")));
+          Internal.log.error("draft module(s) did not load within ".concat(LOAD_TIMEOUT_MS, "ms; rendering with partial data. Missing: ").concat(missing.join(", ")));
           cleanup();
           resolve();
         }, LOAD_TIMEOUT_MS);

package/dist/{ValOverlayContext-98d33d86.cjs.dev.js → ValOverlayContext-262899b3.cjs.dev.js}

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var createForOfIteratorHelper = require('./createForOfIteratorHelper-0445603c.cjs.dev.js');
 var defineProperty = require('./defineProperty-f90345d7.cjs.dev.js');
+var core = require('@valbuild/core');
 var patch = require('@valbuild/core/patch');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -161,7 +162,7 @@ var ValExternalStore = /*#__PURE__*/function () {
           var missing = paths.filter(function (p) {
             return !_this.loadedSources.has(p);
           });
-          console.error("Val: draft module(s) did not load within ".concat(LOAD_TIMEOUT_MS, "ms; rendering with partial data. Missing: ").concat(missing.join(", ")));
+          core.Internal.log.error("draft module(s) did not load within ".concat(LOAD_TIMEOUT_MS, "ms; rendering with partial data. Missing: ").concat(missing.join(", ")));
           cleanup();
           resolve();
         }, LOAD_TIMEOUT_MS);

package/dist/ValOverlayContext-405ca70c.cjs.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./ValOverlayContext-405ca70c.cjs.prod.js");
+} else {
+  module.exports = require("./ValOverlayContext-405ca70c.cjs.dev.js");
+}

package/dist/{ValOverlayContext-9c4ae06d.cjs.prod.js → ValOverlayContext-405ca70c.cjs.prod.js}

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var createForOfIteratorHelper = require('./createForOfIteratorHelper-d4afcad8.cjs.prod.js');
 var defineProperty = require('./defineProperty-8951f469.cjs.prod.js');
+var core = require('@valbuild/core');
 var patch = require('@valbuild/core/patch');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -161,7 +162,7 @@ var ValExternalStore = /*#__PURE__*/function () {
           var missing = paths.filter(function (p) {
             return !_this.loadedSources.has(p);
           });
-          console.error("Val: draft module(s) did not load within ".concat(LOAD_TIMEOUT_MS, "ms; rendering with partial data. Missing: ").concat(missing.join(", ")));
+          core.Internal.log.error("draft module(s) did not load within ".concat(LOAD_TIMEOUT_MS, "ms; rendering with partial data. Missing: ").concat(missing.join(", ")));
           cleanup();
           resolve();
         }, LOAD_TIMEOUT_MS);

package/dist/{ValVideo-b8130c1b.cjs.dev.js → ValVideo-6e410ad8.cjs.dev.js}

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var objectSpread2 = require('./objectSpread2-58024783.cjs.dev.js');
 var objectWithoutProperties = require('./objectWithoutProperties-8f93848f.cjs.dev.js');
+var core = require('@valbuild/core');
 var React = require('react');
 var stega = require('@valbuild/react/stega');
 var jsxRuntime = require('react/jsx-runtime');
@@ -59,7 +60,7 @@ function ValVideo(props) {
     }
     var loadHls = hlsRef.current;
     if (!loadHls) {
-      console.warn('Val: this browser cannot play HLS streams on its own. Pass `hls={() => import("hls.js")}` to ValVideo.');
+      core.Internal.log.warn('this browser cannot play HLS streams on its own. Pass `hls={() => import("hls.js")}` to ValVideo.');
       return;
     }
     var destroyed = false;

package/dist/{ValVideo-19f2ab05.esm.js → ValVideo-d377f06e.esm.js}

@@ -1,6 +1,7 @@
 'use client';
 import { _ as _objectSpread2 } from './objectSpread2-60d1bd93.esm.js';
 import { _ as _objectWithoutProperties, d as decodeValPathsOfString } from './objectWithoutProperties-2daec22c.esm.js';
+import { Internal } from '@valbuild/core';
 import { useRef, useEffect } from 'react';
 import { raw } from '@valbuild/react/stega';
 import { jsx } from 'react/jsx-runtime';
@@ -55,7 +56,7 @@ function ValVideo(props) {
     }
     var loadHls = hlsRef.current;
     if (!loadHls) {
-      console.warn('Val: this browser cannot play HLS streams on its own. Pass `hls={() => import("hls.js")}` to ValVideo.');
+      Internal.log.warn('this browser cannot play HLS streams on its own. Pass `hls={() => import("hls.js")}` to ValVideo.');
       return;
     }
     var destroyed = false;

package/dist/ValVideo-dcd2b9f8.cjs.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./ValVideo-dcd2b9f8.cjs.prod.js");
+} else {
+  module.exports = require("./ValVideo-dcd2b9f8.cjs.dev.js");
+}

package/dist/{ValVideo-94e5aa28.cjs.prod.js → ValVideo-dcd2b9f8.cjs.prod.js}

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var objectSpread2 = require('./objectSpread2-13f847a9.cjs.prod.js');
 var objectWithoutProperties = require('./objectWithoutProperties-107dcb46.cjs.prod.js');
+var core = require('@valbuild/core');
 var React = require('react');
 var stega = require('@valbuild/react/stega');
 var jsxRuntime = require('react/jsx-runtime');
@@ -59,7 +60,7 @@ function ValVideo(props) {
     }
     var loadHls = hlsRef.current;
     if (!loadHls) {
-      console.warn('Val: this browser cannot play HLS streams on its own. Pass `hls={() => import("hls.js")}` to ValVideo.');
+      core.Internal.log.warn('this browser cannot play HLS streams on its own. Pass `hls={() => import("hls.js")}` to ValVideo.');
       return;
     }
     var destroyed = false;