vike 0.4.236-commit-cd565e9 → 0.4.236-commit-3c05c99

package/dist/cjs/client/shared/getJsonSerializedInHtml.js

@@ -26,6 +26,15 @@ function findAndParseJson(id) {
     `Couldn't find #${id} (which Vike automatically injects in the HTML): make sure it exists (i.e. don't remove it and make sure your HTML isn't malformed)`);
     const jsonStr = elem.textContent;
     (0, utils_js_1.assert)(jsonStr);
-    const json = (0, parse_1.parse)(jsonStr);
+    const json = (0, parse_1.parse)(jsonStr, {
+        // Prevent Google from crawling URLs in JSON:
+        // - https://github.com/vikejs/vike/pull/2603
+        // - https://github.com/brillout/json-serializer/blob/38edbb9945de4938da1e65d6285ce1dd123a45ef/test/main.spec.ts#L44-L95
+        reviver(_key, value) {
+            if (typeof value === 'string') {
+                return { replacement: value.replaceAll('\\/', '/'), resolved: false };
+            }
+        },
+    });
     return json;
 }

package/dist/cjs/node/runtime/html/injectAssets/getHtmlTags.js

@@ -187,7 +187,7 @@ function mergeScriptEntries(pageAssets, viteDevScript) {
     return scriptEntry;
 }
 function getPageContextJsonScriptTag(pageContext) {
-    const pageContextClientSerialized = (0, sanitizeJson_js_1.sanitizeJson)((0, serializeContext_js_1.getPageContextClientSerialized)(pageContext));
+    const pageContextClientSerialized = (0, sanitizeJson_js_1.sanitizeJson)((0, serializeContext_js_1.getPageContextClientSerialized)(pageContext, true));
     const htmlTag = `<script id="${htmlElementIds_js_1.htmlElementId_pageContext}" type="application/json">${pageContextClientSerialized}</script>`;
     // Used by contra.com https://github.com/gajus
     // @ts-expect-error
@@ -195,7 +195,7 @@ function getPageContextJsonScriptTag(pageContext) {
     return htmlTag;
 }
 function getGlobalContextJsonScriptTag(pageContext) {
-    const globalContextClientSerialized = (0, sanitizeJson_js_1.sanitizeJson)((0, serializeContext_js_1.getGlobalContextClientSerialized)(pageContext));
+    const globalContextClientSerialized = (0, sanitizeJson_js_1.sanitizeJson)((0, serializeContext_js_1.getGlobalContextClientSerialized)(pageContext, true));
     const htmlTag = `<script id="${htmlElementIds_js_1.htmlElementId_globalContext}" type="application/json">${globalContextClientSerialized}</script>`;
     return htmlTag;
 }

package/dist/cjs/node/runtime/html/serializeContext.js

@@ -30,7 +30,7 @@ const passToClientBuiltInPageContext = [
     'data', // for data() hook
 ];
 const pageToClientBuiltInPageContextError = ['pageProps', 'is404', isServerSideError_js_1.isServerSideError];
-function getPageContextClientSerialized(pageContext) {
+function getPageContextClientSerialized(pageContext, isHtmlJsonScript) {
     const passToClientPageContext = getPassToClientPageContext(pageContext);
     const getObj = (passToClientEntry) => {
         if (passToClientEntry.once)
@@ -43,10 +43,10 @@ function getPageContextClientSerialized(pageContext) {
     if (pageContextClientProps.some((prop) => (0, propKeys_js_1.getPropVal)(pageContext._pageContextInit, prop))) {
         pageContextClient[pageContextInitIsPassedToClient_js_1.pageContextInitIsPassedToClient] = true;
     }
-    const pageContextClientSerialized = serializeObject(pageContextClient, passToClientPageContext, getObj);
+    const pageContextClientSerialized = serializeObject(pageContextClient, passToClientPageContext, getObj, isHtmlJsonScript);
     return pageContextClientSerialized;
 }
-function getGlobalContextClientSerialized(pageContext) {
+function getGlobalContextClientSerialized(pageContext, isHtmlJsonScript) {
     const passToClient = pageContext._passToClient;
     const globalContext = pageContext._globalContext;
     const getObj = ({ prop, once }) => {
@@ -63,13 +63,13 @@ function getGlobalContextClientSerialized(pageContext) {
     };
     const res = applyPassToClient(passToClient, getObj);
     const globalContextClient = res.objClient;
-    const globalContextClientSerialized = serializeObject(globalContextClient, passToClient, getObj);
+    const globalContextClientSerialized = serializeObject(globalContextClient, passToClient, getObj, isHtmlJsonScript);
     return globalContextClientSerialized;
 }
-function serializeObject(obj, passToClient, getObj) {
+function serializeObject(obj, passToClient, getObj, isHtmlJsonScript) {
     let serialized;
     try {
-        serialized = serializeValue(obj);
+        serialized = serializeValue(obj, isHtmlJsonScript);
     }
     catch (err) {
         const h = (s) => picocolors_1.default.cyan(s);
@@ -86,7 +86,7 @@ function serializeObject(obj, passToClient, getObj) {
             (0, utils_js_1.assert)(objName);
             const varName = `${objName}${(0, propKeys_js_1.getPropKeys)(prop).map(utils_js_1.getPropAccessNotation).join('')}`;
             try {
-                serializeValue(value, varName);
+                serializeValue(value, isHtmlJsonScript, varName);
             }
             catch (err) {
                 propsNonSerializable.push(prop);
@@ -124,7 +124,7 @@ function serializeObject(obj, passToClient, getObj) {
             obj[(0, propKeys_js_1.getPropKeys)(prop)[0]] = NOT_SERIALIZABLE_js_1.NOT_SERIALIZABLE;
         });
         try {
-            serialized = serializeValue(obj);
+            serialized = serializeValue(obj, isHtmlJsonScript);
         }
         catch (err) {
             (0, utils_js_1.assert)(false);
@@ -132,20 +132,20 @@ function serializeObject(obj, passToClient, getObj) {
     }
     return serialized;
 }
-function serializeValue(value, varName) {
+function serializeValue(value, isHtmlJsonScript, varName) {
     return (0, stringify_1.stringify)(value, {
         forbidReactElements: true,
         valueName: varName,
         // Prevent Google from crawling URLs in JSON:
-        //  - https://github.com/vikejs/vike/discussions/2541#discussioncomment-13660198
-        //  - https://github.com/vikejs/vike/discussions/2277
-        //  - https://github.com/vikejs/vike/pull/2542
-        replacer(_key, value) {
-            if (typeof value === 'string' && value.startsWith('/')) {
-                // No need to use a reviver: https://github.com/brillout/json-serializer/blob/70fc8ed3741306391b51655b05df24e6963d1fdb/test/main.spec.ts#L74-L80
-                return { replacement: (value = '!' + value) };
-            }
-        },
+        // - https://github.com/vikejs/vike/pull/2603
+        // - https://github.com/brillout/json-serializer/blob/38edbb9945de4938da1e65d6285ce1dd123a45ef/test/main.spec.ts#L44-L95
+        replacer: !isHtmlJsonScript
+            ? undefined
+            : (_key, value) => {
+                if (typeof value === 'string') {
+                    return { replacement: value.replaceAll('/', '\\/'), resolved: false };
+                }
+            },
     });
 }
 function getPassToClientPageContext(pageContext) {
@@ -158,7 +158,7 @@ function getPassToClientPageContext(pageContext) {
     passToClient = (0, utils_js_1.unique)(passToClient);
     return passToClient;
 }
-function getPageContextClientSerializedAbort(pageContext) {
+function getPageContextClientSerializedAbort(pageContext, isHtmlJsonScript) {
     (0, utils_js_1.assert)(pageContext._urlRedirect || pageContext._urlRewrite || pageContext.abortStatusCode);
     (0, utils_js_1.assert)(pageContext._abortCall);
     (0, utils_js_1.assert)(pageContext._abortCaller);
@@ -191,7 +191,7 @@ function getPageContextClientSerializedAbort(pageContext) {
             onlyOnce: false,
         });
     }
-    return serializeValue(pageContext);
+    return serializeValue(pageContext, isHtmlJsonScript);
 }
 function applyPassToClient(passToClient, getObj) {
     const objClient = {};

package/dist/cjs/node/runtime/renderPage/renderPageAlreadyRouted.js

@@ -50,7 +50,7 @@ async function renderPageAlreadyRouted(pageContext) {
         if (isError) {
             (0, utils_js_1.objectAssign)(pageContext, { [isServerSideError_js_1.isServerSideError]: true });
         }
-        const pageContextSerialized = (0, serializeContext_js_1.getPageContextClientSerialized)(pageContext);
+        const pageContextSerialized = (0, serializeContext_js_1.getPageContextClientSerialized)(pageContext, false);
         const httpResponse = await (0, createHttpResponse_js_1.createHttpResponsePageContextJson)(pageContextSerialized);
         (0, utils_js_1.objectAssign)(pageContext, { httpResponse });
         return pageContext;
@@ -80,7 +80,7 @@ async function prerenderPage(pageContext) {
         return { documentHtml, pageContextSerialized: null, pageContext };
     }
     else {
-        const pageContextSerialized = (0, serializeContext_js_1.getPageContextClientSerialized)(pageContext);
+        const pageContextSerialized = (0, serializeContext_js_1.getPageContextClientSerialized)(pageContext, false);
         return { documentHtml, pageContextSerialized, pageContext };
     }
 }

package/dist/cjs/node/runtime/renderPage.js

@@ -424,10 +424,10 @@ pageContextNominalPageBegin, httpRequestId, pageContextErrorPageInit, globalCont
             (0, utils_js_1.objectAssign)(pageContext, pageContextErrorPageInit, true);
             (0, utils_js_1.augmentType)(pageContext, await (0, loadPageConfigsLazyServerSide_js_1.loadPageConfigsLazyServerSideAndExecHook)(pageContext));
             // We include pageContextInit: we don't only serialize pageContextAbort because the error page may need to access pageContextInit
-            pageContextSerialized = (0, serializeContext_js_1.getPageContextClientSerialized)(pageContext);
+            pageContextSerialized = (0, serializeContext_js_1.getPageContextClientSerialized)(pageContext, false);
         }
         else {
-            pageContextSerialized = (0, serializeContext_js_1.getPageContextClientSerializedAbort)(pageContextAbort);
+            pageContextSerialized = (0, serializeContext_js_1.getPageContextClientSerializedAbort)(pageContextAbort, false);
         }
         const httpResponse = await (0, createHttpResponse_js_1.createHttpResponsePageContextJson)(pageContextSerialized);
         const pageContextReturn = { httpResponse };

package/dist/cjs/utils/PROJECT_VERSION.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PROJECT_VERSION = void 0;
 // Automatically updated by @brillout/release-me
-exports.PROJECT_VERSION = '0.4.236-commit-cd565e9';
+exports.PROJECT_VERSION = '0.4.236-commit-3c05c99';

package/dist/esm/client/runtime-client-routing/history.d.ts

@@ -2,7 +2,8 @@ export { pushHistoryState };
 export { replaceHistoryStateOriginal };
 export { onPopStateBegin };
 export { saveScrollPosition };
-export { initHistory };
+export { initHistoryState };
+export { monkeyPatchHistoryAPI };
 export type { HistoryInfo };
 export type { ScrollPosition };
 type StateEnhanced = {
@@ -17,7 +18,8 @@ type ScrollPosition = {
 };
 declare function saveScrollPosition(): void;
 declare function pushHistoryState(url: string, overwriteLastHistoryEntry: boolean): void;
-declare function replaceHistoryStateOriginal(state: unknown, url: Parameters<typeof window.history.replaceState>[2]): void;
+declare function replaceHistoryStateOriginal(state: unknown, url: string): void;
+declare function monkeyPatchHistoryAPI(): void;
 type HistoryInfo = {
     url: `/${string}`;
     state: StateEnhanced;
@@ -27,4 +29,4 @@ declare function onPopStateBegin(): {
     previous: HistoryInfo;
     current: HistoryInfo;
 };
-declare function initHistory(): void;
+declare function initHistoryState(): void;

package/dist/esm/client/runtime-client-routing/history.js

@@ -2,15 +2,12 @@ export { pushHistoryState };
 export { replaceHistoryStateOriginal };
 export { onPopStateBegin };
 export { saveScrollPosition };
-export { initHistory };
+export { initHistoryState };
+export { monkeyPatchHistoryAPI };
 import { getCurrentUrl } from '../shared/getCurrentUrl.js';
-import { assert, assertUsage, getGlobalObject, isObject, deepEqual } from './utils.js';
-const globalObject = getGlobalObject('history.ts', {
-    monkeyPatched: false,
-    previous: undefined,
-});
-initHistory(); // we redundantly call initHistory() to ensure it's called early
-globalObject.previous = getHistoryInfo();
+import { assert, assertUsage, getGlobalObject, isObject } from './utils.js';
+initHistoryState(); // we redundantly call initHistoryState() to ensure it's called early
+const globalObject = getGlobalObject('runtime-client-routing/history.ts', { previous: getHistoryInfo() });
 // `window.history.state === null` when:
 // - The very first render
 // - Click on `<a href="#some-hash" />`
@@ -44,7 +41,7 @@ function enhance(stateNotEnhanced) {
             _isVikeEnhanced: true,
         };
     }
-    assertIsVikeEnhanced(stateVikeEnhanced);
+    assert(isVikeEnhanced(stateVikeEnhanced));
     return stateVikeEnhanced;
 }
 function getState() {
@@ -54,7 +51,7 @@ function getState() {
     // - Therefore, we have to monkey patch history.pushState() and history.replaceState()
     // - Therefore, we need the assert() below to ensure history.state has been enhanced by Vike
     //   - If users stumble upon this assert() then let's make it a assertUsage()
-    assertIsVikeEnhanced(state);
+    assert(isVikeEnhanced(state), { state });
     return state;
 }
 function getStateNotEnhanced() {
@@ -93,7 +90,6 @@ function pushHistoryState(url, overwriteLastHistoryEntry) {
 function replaceHistoryState(state, url) {
     const url_ = url ?? null; // Passing `undefined` chokes older Edge versions.
     window.history.replaceState(state, '', url_);
-    assertIsVikeEnhanced(getState());
 }
 function replaceHistoryStateOriginal(state, url) {
     // Bypass all monkey patches.
@@ -104,9 +100,7 @@ function replaceHistoryStateOriginal(state, url) {
 // - history.pushState()
 // - history.replaceState()
 function monkeyPatchHistoryAPI() {
-    if (globalObject.monkeyPatched)
-        return;
-    globalObject.monkeyPatched = true;
+    ;
     ['pushState', 'replaceState'].forEach((funcName) => {
         const funcOriginal = window.history[funcName].bind(window.history);
         window.history[funcName] = (stateOriginal = {}, ...rest) => {
@@ -120,21 +114,11 @@ function monkeyPatchHistoryAPI() {
                     triggeredBy: 'user',
                     ...stateOriginal,
                 };
-            assertIsVikeEnhanced(stateEnhanced);
-            funcOriginal(stateEnhanced, ...rest);
-            assertIsVikeEnhanced(getState());
+            assert(isVikeEnhanced(stateEnhanced));
+            const ret = funcOriginal(stateEnhanced, ...rest);
             globalObject.previous = getHistoryInfo();
-            // Workaround https://github.com/vikejs/vike/issues/2504#issuecomment-3149764736
-            assert(deepEqual(window.history.state, stateEnhanced));
-            queueMicrotask(() => {
-                if (deepEqual(window.history.state, stateEnhanced))
-                    return;
-                Object.assign(stateEnhanced, window.history.state);
-                replaceHistoryStateOriginal(stateEnhanced, rest[1]);
-                assert(deepEqual(window.history.state, stateEnhanced));
-            });
+            return ret;
         };
-        window.history[funcName]._isVikeMonkeyPatch = true;
     });
 }
 function isVikeEnhanced(state) {
@@ -152,16 +136,6 @@ function isVikeEnhanced(state) {
     }
     return false;
 }
-function assertIsVikeEnhanced(state) {
-    if (isVikeEnhanced(state))
-        return;
-    assert(false, {
-        state,
-        // TO-DO/eventually: remove _isVikeMonkeyPatch debug info to save KBs
-        pushStateIsVikeMonkeyPatch: window.history.pushState._isVikeMonkeyPatch,
-        replaceStateIsVikeMonkeyPatch: window.history.replaceState._isVikeMonkeyPatch,
-    });
-}
 function getHistoryInfo() {
     return {
         url: getCurrentUrl(),
@@ -173,12 +147,11 @@ function onPopStateBegin() {
     const isHistoryStateEnhanced = window.history.state !== null;
     if (!isHistoryStateEnhanced)
         enhanceHistoryState();
-    assertIsVikeEnhanced(window.history.state);
+    assert(isVikeEnhanced(window.history.state));
     const current = getHistoryInfo();
     globalObject.previous = current;
     return { isHistoryStateEnhanced, previous, current };
 }
-function initHistory() {
-    monkeyPatchHistoryAPI(); // the earlier we call it the better (Vike can workaround erroneous library monkey patches if Vike is the last one in the monkey patch chain)
-    enhanceHistoryState(); // enhance very first window.history.state which is `null`
+function initHistoryState() {
+    enhanceHistoryState();
 }

package/dist/esm/client/runtime-client-routing/initClientRouter.js

@@ -6,7 +6,7 @@ import { initOnLinkClick } from './initOnLinkClick.js';
 import { scrollRestoration_init } from './scrollRestoration.js';
 import { autoSaveScrollPosition } from './setScrollPosition.js';
 import { initLinkPrefetchHandlers } from './prefetch.js';
-import { initHistory } from './history.js';
+import { initHistoryState, monkeyPatchHistoryAPI } from './history.js';
 async function initClientRouter() {
     // Init navigation history and scroll restoration
     initHistoryAndScroll();
@@ -29,7 +29,8 @@ async function renderFirstPage() {
 }
 function initHistoryAndScroll() {
     scrollRestoration_init();
-    initHistory(); // we redundantly call initHistory() to ensure it's called early
+    monkeyPatchHistoryAPI();
+    initHistoryState(); // we redundantly call initHistoryState() to ensure it's called early
     autoSaveScrollPosition();
     // Handle back-/forward navigation
     initOnPopState();

package/dist/esm/client/runtime-client-routing/utils.d.ts

@@ -22,4 +22,3 @@ export * from '../../utils/PROJECT_VERSION.js';
 export * from '../../utils/genPromise.js';
 export * from '../../utils/catchInfiniteLoop.js';
 export * from '../../utils/changeEnumerable.js';
-export * from '../../utils/deepEqual.js';

package/dist/esm/client/runtime-client-routing/utils.js

@@ -26,4 +26,3 @@ export * from '../../utils/PROJECT_VERSION.js';
 export * from '../../utils/genPromise.js';
 export * from '../../utils/catchInfiniteLoop.js';
 export * from '../../utils/changeEnumerable.js';
-export * from '../../utils/deepEqual.js';

package/dist/esm/client/shared/getJsonSerializedInHtml.js

@@ -24,6 +24,15 @@ function findAndParseJson(id) {
     `Couldn't find #${id} (which Vike automatically injects in the HTML): make sure it exists (i.e. don't remove it and make sure your HTML isn't malformed)`);
     const jsonStr = elem.textContent;
     assert(jsonStr);
-    const json = parse(jsonStr);
+    const json = parse(jsonStr, {
+        // Prevent Google from crawling URLs in JSON:
+        // - https://github.com/vikejs/vike/pull/2603
+        // - https://github.com/brillout/json-serializer/blob/38edbb9945de4938da1e65d6285ce1dd123a45ef/test/main.spec.ts#L44-L95
+        reviver(_key, value) {
+            if (typeof value === 'string') {
+                return { replacement: value.replaceAll('\\/', '/'), resolved: false };
+            }
+        },
+    });
     return json;
 }

package/dist/esm/node/runtime/html/injectAssets/getHtmlTags.js

@@ -182,7 +182,7 @@ function mergeScriptEntries(pageAssets, viteDevScript) {
     return scriptEntry;
 }
 function getPageContextJsonScriptTag(pageContext) {
-    const pageContextClientSerialized = sanitizeJson(getPageContextClientSerialized(pageContext));
+    const pageContextClientSerialized = sanitizeJson(getPageContextClientSerialized(pageContext, true));
     const htmlTag = `<script id="${htmlElementId_pageContext}" type="application/json">${pageContextClientSerialized}</script>`;
     // Used by contra.com https://github.com/gajus
     // @ts-expect-error
@@ -190,7 +190,7 @@ function getPageContextJsonScriptTag(pageContext) {
     return htmlTag;
 }
 function getGlobalContextJsonScriptTag(pageContext) {
-    const globalContextClientSerialized = sanitizeJson(getGlobalContextClientSerialized(pageContext));
+    const globalContextClientSerialized = sanitizeJson(getGlobalContextClientSerialized(pageContext, true));
     const htmlTag = `<script id="${htmlElementId_globalContext}" type="application/json">${globalContextClientSerialized}</script>`;
     return htmlTag;
 }

package/dist/esm/node/runtime/html/serializeContext.d.ts

@@ -15,8 +15,8 @@ type PageContextSerialization = {
     _globalContext: GlobalContextServerInternal;
     isClientSideNavigation: boolean;
 };
-declare function getPageContextClientSerialized(pageContext: PageContextSerialization): string;
-declare function getGlobalContextClientSerialized(pageContext: PageContextSerialization): string;
+declare function getPageContextClientSerialized(pageContext: PageContextSerialization, isHtmlJsonScript: boolean): string;
+declare function getGlobalContextClientSerialized(pageContext: PageContextSerialization, isHtmlJsonScript: boolean): string;
 type PassToClient = (string | {
     prop: string;
     once?: boolean;
@@ -27,4 +27,4 @@ declare function getPageContextClientSerializedAbort(pageContext: Record<string,
     _urlRewrite: string;
 } | {
     abortStatusCode: number;
-})): string;
+}), isHtmlJsonScript: false): string;

package/dist/esm/node/runtime/html/serializeContext.js

@@ -25,7 +25,7 @@ const passToClientBuiltInPageContext = [
     'data', // for data() hook
 ];
 const pageToClientBuiltInPageContextError = ['pageProps', 'is404', isServerSideError];
-function getPageContextClientSerialized(pageContext) {
+function getPageContextClientSerialized(pageContext, isHtmlJsonScript) {
     const passToClientPageContext = getPassToClientPageContext(pageContext);
     const getObj = (passToClientEntry) => {
         if (passToClientEntry.once)
@@ -38,10 +38,10 @@ function getPageContextClientSerialized(pageContext) {
     if (pageContextClientProps.some((prop) => getPropVal(pageContext._pageContextInit, prop))) {
         pageContextClient[pageContextInitIsPassedToClient] = true;
     }
-    const pageContextClientSerialized = serializeObject(pageContextClient, passToClientPageContext, getObj);
+    const pageContextClientSerialized = serializeObject(pageContextClient, passToClientPageContext, getObj, isHtmlJsonScript);
     return pageContextClientSerialized;
 }
-function getGlobalContextClientSerialized(pageContext) {
+function getGlobalContextClientSerialized(pageContext, isHtmlJsonScript) {
     const passToClient = pageContext._passToClient;
     const globalContext = pageContext._globalContext;
     const getObj = ({ prop, once }) => {
@@ -58,13 +58,13 @@ function getGlobalContextClientSerialized(pageContext) {
     };
     const res = applyPassToClient(passToClient, getObj);
     const globalContextClient = res.objClient;
-    const globalContextClientSerialized = serializeObject(globalContextClient, passToClient, getObj);
+    const globalContextClientSerialized = serializeObject(globalContextClient, passToClient, getObj, isHtmlJsonScript);
     return globalContextClientSerialized;
 }
-function serializeObject(obj, passToClient, getObj) {
+function serializeObject(obj, passToClient, getObj, isHtmlJsonScript) {
     let serialized;
     try {
-        serialized = serializeValue(obj);
+        serialized = serializeValue(obj, isHtmlJsonScript);
     }
     catch (err) {
         const h = (s) => pc.cyan(s);
@@ -81,7 +81,7 @@ function serializeObject(obj, passToClient, getObj) {
             assert(objName);
             const varName = `${objName}${getPropKeys(prop).map(getPropAccessNotation).join('')}`;
             try {
-                serializeValue(value, varName);
+                serializeValue(value, isHtmlJsonScript, varName);
             }
             catch (err) {
                 propsNonSerializable.push(prop);
@@ -119,7 +119,7 @@ function serializeObject(obj, passToClient, getObj) {
             obj[getPropKeys(prop)[0]] = NOT_SERIALIZABLE;
         });
         try {
-            serialized = serializeValue(obj);
+            serialized = serializeValue(obj, isHtmlJsonScript);
         }
         catch (err) {
             assert(false);
@@ -127,20 +127,20 @@ function serializeObject(obj, passToClient, getObj) {
     }
     return serialized;
 }
-function serializeValue(value, varName) {
+function serializeValue(value, isHtmlJsonScript, varName) {
     return stringify(value, {
         forbidReactElements: true,
         valueName: varName,
         // Prevent Google from crawling URLs in JSON:
-        //  - https://github.com/vikejs/vike/discussions/2541#discussioncomment-13660198
-        //  - https://github.com/vikejs/vike/discussions/2277
-        //  - https://github.com/vikejs/vike/pull/2542
-        replacer(_key, value) {
-            if (typeof value === 'string' && value.startsWith('/')) {
-                // No need to use a reviver: https://github.com/brillout/json-serializer/blob/70fc8ed3741306391b51655b05df24e6963d1fdb/test/main.spec.ts#L74-L80
-                return { replacement: (value = '!' + value) };
-            }
-        },
+        // - https://github.com/vikejs/vike/pull/2603
+        // - https://github.com/brillout/json-serializer/blob/38edbb9945de4938da1e65d6285ce1dd123a45ef/test/main.spec.ts#L44-L95
+        replacer: !isHtmlJsonScript
+            ? undefined
+            : (_key, value) => {
+                if (typeof value === 'string') {
+                    return { replacement: value.replaceAll('/', '\\/'), resolved: false };
+                }
+            },
     });
 }
 function getPassToClientPageContext(pageContext) {
@@ -153,7 +153,7 @@ function getPassToClientPageContext(pageContext) {
     passToClient = unique(passToClient);
     return passToClient;
 }
-function getPageContextClientSerializedAbort(pageContext) {
+function getPageContextClientSerializedAbort(pageContext, isHtmlJsonScript) {
     assert(pageContext._urlRedirect || pageContext._urlRewrite || pageContext.abortStatusCode);
     assert(pageContext._abortCall);
     assert(pageContext._abortCaller);
@@ -186,7 +186,7 @@ function getPageContextClientSerializedAbort(pageContext) {
             onlyOnce: false,
         });
     }
-    return serializeValue(pageContext);
+    return serializeValue(pageContext, isHtmlJsonScript);
 }
 function applyPassToClient(passToClient, getObj) {
     const objClient = {};

package/dist/esm/node/runtime/renderPage/renderPageAlreadyRouted.js

@@ -45,7 +45,7 @@ async function renderPageAlreadyRouted(pageContext) {
         if (isError) {
             objectAssign(pageContext, { [isServerSideError]: true });
         }
-        const pageContextSerialized = getPageContextClientSerialized(pageContext);
+        const pageContextSerialized = getPageContextClientSerialized(pageContext, false);
         const httpResponse = await createHttpResponsePageContextJson(pageContextSerialized);
         objectAssign(pageContext, { httpResponse });
         return pageContext;
@@ -75,7 +75,7 @@ async function prerenderPage(pageContext) {
         return { documentHtml, pageContextSerialized: null, pageContext };
     }
     else {
-        const pageContextSerialized = getPageContextClientSerialized(pageContext);
+        const pageContextSerialized = getPageContextClientSerialized(pageContext, false);
         return { documentHtml, pageContextSerialized, pageContext };
     }
 }

package/dist/esm/node/runtime/renderPage.js

@@ -419,10 +419,10 @@ pageContextNominalPageBegin, httpRequestId, pageContextErrorPageInit, globalCont
             objectAssign(pageContext, pageContextErrorPageInit, true);
             augmentType(pageContext, await loadPageConfigsLazyServerSideAndExecHook(pageContext));
             // We include pageContextInit: we don't only serialize pageContextAbort because the error page may need to access pageContextInit
-            pageContextSerialized = getPageContextClientSerialized(pageContext);
+            pageContextSerialized = getPageContextClientSerialized(pageContext, false);
         }
         else {
-            pageContextSerialized = getPageContextClientSerializedAbort(pageContextAbort);
+            pageContextSerialized = getPageContextClientSerializedAbort(pageContextAbort, false);
         }
         const httpResponse = await createHttpResponsePageContextJson(pageContextSerialized);
         const pageContextReturn = { httpResponse };

package/dist/esm/utils/PROJECT_VERSION.d.ts

@@ -1 +1 @@
-export declare const PROJECT_VERSION: "0.4.236-commit-cd565e9";
+export declare const PROJECT_VERSION: "0.4.236-commit-3c05c99";

package/dist/esm/utils/PROJECT_VERSION.js

@@ -1,2 +1,2 @@
 // Automatically updated by @brillout/release-me
-export const PROJECT_VERSION = '0.4.236-commit-cd565e9';
+export const PROJECT_VERSION = '0.4.236-commit-3c05c99';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vike",
-  "version": "0.4.236-commit-cd565e9",
+  "version": "0.4.236-commit-3c05c99",
   "repository": "https://github.com/vikejs/vike",
   "exports": {
     "./server": {
@@ -129,7 +129,7 @@
   },
   "dependencies": {
     "@brillout/import": "^0.2.6",
-    "@brillout/json-serializer": "^0.5.16",
+    "@brillout/json-serializer": "^0.5.17",
     "@brillout/picocolors": "^1.0.26",
     "@brillout/require-shim": "^0.1.2",
     "@brillout/vite-plugin-server-entry": "^0.7.12",