vike-react 0.6.13 → 0.6.14

package/dist/integration/onRenderClient.js

@@ -8,6 +8,7 @@ import { applyHeadSettings } from './applyHeadSettings.js';
 import { resolveReactOptions } from './resolveReactOptions.js';
 import { getGlobalObject } from '../utils/getGlobalObject.js';
 import { isObject } from '../utils/isObject.js';
+import { getBetterErrorLight } from '../utils/getBetterErrorLight.js';
 const globalObject = getGlobalObject('onRenderClient.tsx', {});
 async function onRenderClient(pageContext) {
     pageContext._headAlreadySet = pageContext.isHydration;
@@ -70,7 +71,7 @@ function applyHead(pageContext) {
 // Global callback, attached once upon hydration.
 function onUncaughtErrorGlobal(args, userOptions) {
     const [errorOriginal, errorInfo] = args;
-    const errorEnhanced = getErrorEnhanced(errorOriginal, errorInfo);
+    const errorEnhanced = getErrorWithComponentStack(errorOriginal, errorInfo);
     console.error(errorEnhanced);
     // Used by Vike:
     // https://github.com/vikejs/vike/blob/8ce2cbda756892f0ff083256291515b5a45fe319/packages/vike/client/runtime-client-routing/renderPageClientSide.ts#L838-L844
@@ -79,7 +80,7 @@ function onUncaughtErrorGlobal(args, userOptions) {
     globalObject.onUncaughtErrorLocal?.(errorEnhanced);
     userOptions?.onUncaughtError?.call(this, errorEnhanced, errorInfo);
 }
-function getErrorEnhanced(errorOriginal, errorInfo) {
+function getErrorWithComponentStack(errorOriginal, errorInfo) {
     if (!errorInfo?.componentStack || !isObject(errorOriginal))
         return errorOriginal;
     const errorStackLines = String(errorOriginal.stack).split('\n');
@@ -108,18 +109,6 @@ function getErrorEnhanced(errorOriginal, errorInfo) {
         ...componentStackLines,
         ...errorStackLinesEnd,
     ].join('\n');
-    const errorEnhanced = structuredClone(errorOriginal);
-    errorEnhanced.stack = stackEnhanced;
-    // https://gist.github.com/brillout/066293a687ab7cf695e62ad867bc6a9c
-    Object.defineProperty(errorEnhanced, 'getOriginalError', {
-        value: () => errorOriginal,
-        enumerable: true,
-    });
-    /* Not needed. Let's skip this to save client-side KBs.
-    Object.defineProperty(errorOriginal, 'getEnhancedError', {
-      value: () => errorEnhanced,
-      enumerable: true,
-    })
-    //*/
-    return errorEnhanced;
+    const errorBetter = getBetterErrorLight(errorOriginal, { stack: stackEnhanced });
+    return errorBetter;
 }

package/dist/utils/getBetterErrorLight.d.ts

@@ -0,0 +1,4 @@
+export { getBetterErrorLight };
+declare function getBetterErrorLight(err: Record<string, unknown>, modifications: {
+    stack?: string;
+}): Record<string, unknown>;

package/dist/utils/getBetterErrorLight.js

@@ -0,0 +1,12 @@
+export { getBetterErrorLight };
+// Same as getBetterError() with less features (thus less KBs) for the client-side
+// Copies:
+// - https://github.com/vikejs/vike/blob/a54b7618d80409c6df4b597489ddbb7739f3e86f/packages/vike/utils/getBetterError.ts
+// - https://github.com/brillout/react-streaming/blob/b8565c1257c63a665bda31b9be42112e458859d1/src/utils/getBetterError.ts
+function getBetterErrorLight(err, modifications) {
+    const errBetter = structuredClone(err);
+    Object.assign(errBetter, modifications);
+    // Enable users to retrieve the original error
+    Object.assign(errBetter, { getOriginalError: () => err?.getOriginalError?.() ?? err });
+    return errBetter;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vike-react",
-  "version": "0.6.13",
+  "version": "0.6.14",
   "repository": "https://github.com/vikejs/vike-react",
   "type": "module",
   "exports": {
@@ -27,7 +27,7 @@
     "./__internal/integration/Loading": "./dist/integration/Loading.js"
   },
   "dependencies": {
-    "react-streaming": "^0.4.11"
+    "react-streaming": "^0.4.14"
   },
   "peerDependencies": {
     "react": ">=19",
@@ -36,12 +36,12 @@
   },
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",
-    "@brillout/release-me": "^0.4.8",
+    "@brillout/release-me": "^0.4.9",
     "@types/node": "^24.0.8",
     "@types/react": "^19.1.13",
     "@types/react-dom": "^19.1.9",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1",
     "rimraf": "^5.0.5",
     "typescript": "^5.9.2",
     "vike": "^0.4.242",