vike 0.4.153-commit-01ab602 → 0.4.153-commit-e631897

package/dist/cjs/node/plugin/plugins/autoFullBuild.js

@@ -10,6 +10,7 @@ const runPrerender_js_1 = require("../../prerender/runPrerender.js");
 const getConfigVike_js_1 = require("../../shared/getConfigVike.js");
 const isViteCliCall_js_1 = require("../shared/isViteCliCall.js");
 const picocolors_1 = __importDefault(require("@brillout/picocolors"));
+const logHintForCjsEsmError_js_1 = require("../../runtime/renderPage/logHintForCjsEsmError.js");
 let forceExit = false;
 function autoFullBuild() {
     let config;
@@ -76,13 +77,20 @@ async function triggerFullBuild(config, configVike, bundle) {
             ...configFromCli?.build
         }
     };
-    await (0, vite_1.build)({
-        ...configInline,
-        build: {
-            ...configInline.build,
-            ssr: true
-        }
-    });
+    try {
+        await (0, vite_1.build)({
+            ...configInline,
+            build: {
+                ...configInline.build,
+                ssr: true
+            }
+        });
+    }
+    catch (err) {
+        console.error(err);
+        (0, logHintForCjsEsmError_js_1.logHintForCjsEsmError)(err);
+        process.exit(1);
+    }
     if (configVike.prerender && !configVike.prerender.disableAutoRun) {
         await (0, runPrerender_js_1.runPrerenderFromAutoFullBuild)({ viteConfig: configInline });
         forceExit = true;

package/dist/cjs/node/plugin/plugins/importBuild/index.js

@@ -48,13 +48,18 @@ function getEntryCode(config, configVike) {
     const importerCode = [
         `  import { setImportBuildGetters } from '${importPath}';`,
         `  import * as pageFiles from '${virtualFileImportUserCode_js_1.virtualFileIdImportUserCodeServer}';`,
-        '  setImportBuildGetters({',
-        `    pageFiles: () => pageFiles,`,
+        `  {`,
+        // We first set the values to a variable because of a Rollup bug, and this workaround doesn't work: https://github.com/vikejs/vike/commit/d5f3a4f7aae5a8bc44192e6cbb2bcb9007be188d
+        `    const clientManifest = ${ASSETS_MAP};`,
+        `    const pluginManifest = ${JSON.stringify(vikeManifest, null, 2)};`,
+        '    setImportBuildGetters({',
+        `      pageFiles: () => pageFiles,`,
         // TODO: rename clientManifest -> assetManifest
-        `    clientManifest: () => (${ASSETS_MAP}),`,
+        `      clientManifest: () => clientManifest,`,
         // TODO: rename pluginManifest -> vikeManifest
-        `    pluginManifest: () => (${JSON.stringify(vikeManifest, null, 2)}),`,
-        '  });',
+        `      pluginManifest: () => pluginManifest,`,
+        '    });',
+        `  }`,
         ''
     ].join('\n');
     return importerCode;

package/dist/cjs/node/plugin/shared/loggerNotProd/log.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.screenHasErrors = exports.clearScreen = exports.isFirstLog = exports.logDirectly = exports.logWithVikeTag = exports.logWithViteTag = void 0;
+exports.applyViteSourceMapToStackTrace = exports.screenHasErrors = exports.clearScreen = exports.isFirstLog = exports.logDirectly = exports.logWithVikeTag = exports.logWithViteTag = void 0;
 const utils_js_1 = require("../../utils.js");
 const picocolors_1 = __importDefault(require("@brillout/picocolors"));
 const isErrorDebug_js_1 = require("../isErrorDebug.js");
@@ -78,6 +78,7 @@ function applyViteSourceMapToStackTrace(thing) {
     // Apply Vite's source maps
     viteDevServer.ssrFixStacktrace(thing);
 }
+exports.applyViteSourceMapToStackTrace = applyViteSourceMapToStackTrace;
 function prependTags(msg, projectTag, category, logType) {
     const color = (s) => {
         if (logType === 'error' && !hasRed(msg))

package/dist/cjs/node/plugin/shared/loggerNotProd.js

@@ -22,6 +22,7 @@ const log_js_1 = require("./loggerNotProd/log.js");
 const picocolors_1 = __importDefault(require("@brillout/picocolors"));
 const isNewError_js_1 = require("../../runtime/renderPage/isNewError.js");
 const isConfigInvalid_js_1 = require("../../runtime/renderPage/isConfigInvalid.js");
+const loggerProd_js_1 = require("../../runtime/renderPage/loggerProd.js");
 (0, utils_js_1.assertIsNotProductionRuntime)();
 (0, loggerRuntime_js_1.overwriteRuntimeProductionLogger)(logRuntimeError, logRuntimeInfo);
 (0, utils_js_1.overwriteAssertProductionLogger)(assertLogger);
@@ -105,6 +106,7 @@ function logErr(err, httpRequestId = null) {
         logFallbackErrIntro(category);
     }
     (0, log_js_1.logDirectly)(err, 'error');
+    (0, loggerProd_js_1.onRuntimeError)(err);
 }
 function logConfigError(err) {
     clearLogs({ clearAlsoIfConfigIsInvalid: true });
@@ -158,6 +160,7 @@ function handleAssertMsg(err, category) {
     return true;
 }
 function assertLogger(thing, logType) {
+    (0, log_js_1.applyViteSourceMapToStackTrace)(thing);
     const category = getCategory();
     const res = (0, utils_js_1.getAssertErrMsg)(thing);
     /* Risk of infinite loop
@@ -198,11 +201,7 @@ function logErrorDebugNote() {
             return;
         store.errorDebugNoteAlreadyShown = true;
     }
-    const msg = picocolors_1.default.dim([
-        '┌──────────────────────────────────────────────────────────┐',
-        "│ Error isn't helpful? See https://vike.dev/errors#verbose │",
-        '└──────────────────────────────────────────────────────────┘'
-    ].join('\n'));
+    const msg = picocolors_1.default.dim((0, utils_js_1.formatHintLog)("Error isn't helpful? See https://vike.dev/errors#verbose"));
     (0, log_js_1.logDirectly)(msg, 'error');
 }
 exports.logErrorDebugNote = logErrorDebugNote;

package/dist/cjs/node/plugin/shared/loggerVite.js

@@ -7,6 +7,7 @@ const errorWithCodeSnippet_js_1 = require("./loggerNotProd/errorWithCodeSnippet.
 const getHttpRequestAsyncStore_js_1 = require("./getHttpRequestAsyncStore.js");
 const removeSuperfluousViteLog_js_1 = require("./loggerVite/removeSuperfluousViteLog.js");
 const isErrorDebug_js_1 = require("./isErrorDebug.js");
+const loggerProd_js_1 = require("../../runtime/renderPage/loggerProd.js");
 function improveViteLogs(config) {
     intercept('info', config);
     intercept('warn', config);
@@ -48,6 +49,8 @@ function intercept(logType, config) {
         // Vite's default logger preprends the "[vite]" tag if and only if options.timestamp is true
         const prependViteTag = options.timestamp || !!store?.httpRequestId;
         (0, loggerNotProd_js_1.logViteAny)(msg, logType, store?.httpRequestId ?? null, prependViteTag);
+        if (options.error)
+            (0, loggerProd_js_1.onRuntimeError)(options.error);
     };
 }
 function cleanFirstViteLog(msg) {

package/dist/cjs/node/prerender/runPrerender.js

@@ -51,16 +51,31 @@ const loadUserFilesServerSide_js_1 = require("../runtime/renderPage/loadUserFile
 const getHook_js_1 = require("../../shared/hooks/getHook.js");
 const noRouteMatch_js_1 = require("../../shared/route/noRouteMatch.js");
 const getVikeConfig_js_1 = require("../plugin/plugins/importUserCode/v1-design/getVikeConfig.js");
+const logHintForCjsEsmError_js_1 = require("../runtime/renderPage/logHintForCjsEsmError.js");
 async function runPrerenderFromAPI(options = {}) {
     await runPrerender(options, 'prerender()');
 }
 exports.runPrerenderFromAPI = runPrerenderFromAPI;
 async function runPrerenderFromCLI(options) {
-    await runPrerender(options, '$ vike prerender');
+    try {
+        await runPrerender(options, '$ vike prerender');
+    }
+    catch (err) {
+        console.error(err);
+        (0, logHintForCjsEsmError_js_1.logHintForCjsEsmError)(err);
+        process.exit(1);
+    }
 }
 exports.runPrerenderFromCLI = runPrerenderFromCLI;
 async function runPrerenderFromAutoFullBuild(options) {
-    await runPrerender(options, null);
+    try {
+        await runPrerender(options, null);
+    }
+    catch (err) {
+        console.error(err);
+        (0, logHintForCjsEsmError_js_1.logHintForCjsEsmError)(err);
+        process.exit(1);
+    }
 }
 exports.runPrerenderFromAutoFullBuild = runPrerenderFromAutoFullBuild;
 async function runPrerender(options, manuallyTriggered) {

package/dist/cjs/node/runtime/globalContext/loadImportBuild.js

@@ -13,10 +13,6 @@ exports.setImportBuildGetters = setImportBuildGetters;
 async function loadImportBuild(outDir) {
     if (!buildGetters.getters) {
         await (0, loadServerBuild_js_1.loadServerBuild)(outDir);
-        // Await dist/server/importBuild.cjs
-        await (0, utils_js_1.autoRetry)(() => {
-            (0, utils_js_1.assert)(buildGetters.getters);
-        }, 2000);
         (0, utils_js_1.assert)(buildGetters.getters);
     }
     const [pageFiles, clientManifest, pluginManifest] = await Promise.all([

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.errror_cannot_use_import_outside_of_module = void 0;
+// https://github.com/vikejs/vike/discussions/571#discussioncomment-6137618
+exports.errror_cannot_use_import_outside_of_module = `
+import{useRunner as e}from"react-runner";export*from"react-runner";import t,{useState as r,useEffect as n,Fragment as a,useCallback as l,useRef as o,useMemo as c,createContext as s,useContext as i}from"react";import p from"react-simple-code-editor";import m,{Prism as u}from"prism-react-renderer";function g(){return g=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},g.apply(this,arguments)}function y(e,t){if(null==e)return{};var r,n,a={},l=Object.keys(e);for(n=0;n<l.length;n++)t.indexOf(r=l[n])>=0||(a[r]=e[r]);return a}const d=["initialCode","transformCode"],h=t=>{let{initialCode:a="",transformCode:l}=t,o=y(t,d);const[c,s]=r(a),{element:i,error:p}=e(g({code:l?l(c):c},o));return n(()=>{s(a)},[a]),{element:i,error:p,code:c,onChange:s}},f={plain:{color:"#ffffff",backgroundColor:"#282c34"},styles:[{types:["comment","block-comment","prolog","doctype","cdata"],style:{color:"#b2b2b2"}},{types:["property","number","function-name","constant","symbol","deleted"],style:{color:"#5a9bcf"}},{types:["boolean"],style:{color:"#ff8b50"}},{types:["tag"],style:{color:"#fc929e"}},{types:["string","attr-value"],style:{color:"#8dc891"}},{types:["punctuation"],style:{color:"#88c6Be"}},{types:["selector","char","builtin","inserted"],style:{color:"#d8dee9"}},{types:["function"],style:{color:"#79b6f2"}},{types:["operator","entity","url","variable"],style:{color:"#d7deea"}},{types:["keyword"],style:{color:"#c5a5c5"}},{types:["atrule","class-name"],style:{color:"#fac863"}},{types:["important"],style:{fontWeight:"400"}},{types:["bold"],style:{fontWeight:"700"}},{types:["italic"],style:{fontStyle:"italic"}},{types:["entity"],style:{cursor:"help"}},{types:["namespace"],style:{opacity:.7}}]},b=["children","language","theme","Prism","padding","noWrapper","noWrap","className","style"],C=e=>{let{children:r,language:n="jsx",theme:l=f,Prism:o=u,padding:c=10,noWrapper:s,noWrap:i,className:p,style:d}=e,h=y(e,b);/*#__PURE__*/return t.createElement(m,{code:r||"",language:n,Prism:o,theme:l},({className:e,style:r,tokens:n,getLineProps:l,getTokenProps:o})=>{const m=n.map((e,r)=>/*#__PURE__*/t.createElement(a,{key:r},/*#__PURE__*/t.createElement("span",l({line:e}),e.map((e,r)=>/*#__PURE__*/t.createElement("span",o({token:e,key:r})))),"\\n"));return s?m:/*#__PURE__*/t.createElement("pre",g({className:p?:e,style:g({},r,{margin:0,padding:c,whiteSpace:i?"pre":"pre-wrap"},d)},h),m)})},v=["defaultValue","value","language","theme","Prism","highlight","padding","onChange"],E=e=>{let{defaultValue:n,value:a,language:s="jsx",theme:i=f,Prism:m,highlight:u,padding:d=10,onChange:h}=e,b=y(e,v);const[E,P]=r(n||""),k=void 0!==a,W=l(e=>/*#__PURE__*/t.createElement(C,{language:s,theme:i,Prism:m,noWrapper:!0},e),[s,i,m]),j=o(h);j.current=h;const x=l(e=>{k||P(e),null==j.current||j.current(e)},[k]),O=c(()=>g({},i.plain,b.style),[i.plain,b.style]);/*#__PURE__*/return t.createElement(p,g({},b,{highlight:u||W,padding:d,value:k?a:E,onValueChange:x,style:O}))},P=s({}),k=()=>i(P),W=["children","code","language","theme"],j=e=>{let{children:r,code:n="",language:a="jsx",theme:l=f}=e,o=y(e,W);const{element:c,error:s,code:i,onChange:p}=h(g({initialCode:n},o));/*#__PURE__*/return t.createElement(P.Provider,{value:{element:c,error:s,code:i,onChange:p,language:a,theme:l}},r)},x=e=>{const{code:r,language:n,theme:a,onChange:l}=k();/*#__PURE__*/return t.createElement(E,g({value:r,language:n,theme:a,onChange:l},e))},O=["Component"],w=e=>{let{Component:r="div"}=e,n=y(e,O);const{element:a}=k();/*#__PURE__*/return t.createElement(r,n,a)},N=e=>{const{error:r}=k();return r?/*#__PURE__*/t.createElement("pre",e,r):/*#__PURE__*/t.createElement(t.Fragment,null)};export{C as CodeBlock,E as CodeEditor,P as LiveContext,x as LiveEditor,N as LiveError,w as LivePreview,j as LiveProvider,f as defaultTheme,k as useLiveContext,h as useLiveRunner};
+^^^^^^
+
+    SyntaxError: Cannot use import statement outside a module
+        at Object.compileFunction (node:vm:360:18)
+        at wrapSafe (node:internal/modules/cjs/loader:1084:15)
+        at Module._compile (node:internal/modules/cjs/loader:1119:27)
+        at Object.Module._extensions..js (node:internal/modules/cjs/loader:1209:10)
+        at Module.load (node:internal/modules/cjs/loader:1033:32)
+        at Function.Module._load (node:internal/modules/cjs/loader:868:12)
+        at ModuleWrap.<anonymous> (node:internal/modules/esm/translators:169:29)
+        at ModuleJob.run (node:internal/modules/esm/module_job:193:25)
+        at processTicksAndRejections (node:internal/process/task_queues:96:5)
+        at async Promise.all (index 0)
+`;

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

@@ -0,0 +1,326 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getHint = exports.isReactInvalidComponentError = exports.isCjsEsmError = exports.logHintForCjsEsmError = void 0;
+const picocolors_1 = __importDefault(require("@brillout/picocolors"));
+const utils_js_1 = require("../utils.js");
+function logHintForCjsEsmError(error) {
+    /* Collect errors for ./logHintForCjsEsmError.spec.ts
+    collectError(error)
+    //*/
+    const hint = getHint(error);
+    if (hint)
+        logHint(hint);
+}
+exports.logHintForCjsEsmError = logHintForCjsEsmError;
+function getHint(error) {
+    if (isReactInvalidComponentError(error)) {
+        const hint = 'To fix this error, see https://vike.dev/broken-npm-package#react-invalid-component';
+        return hint;
+    }
+    const res = isCjsEsmError(error);
+    if (res) {
+        const packageNames = res === true ? null : res;
+        const hint = [
+            'Error could be a CJS/ESM issue, consider ',
+            !packageNames || packageNames.length === 0
+                ? 'using'
+                : `adding ${(0, utils_js_1.joinEnglish)(packageNames.map((p) => picocolors_1.default.cyan(p)), 'or')} to`,
+            ` ${picocolors_1.default.cyan('ssr.noExternal')}`,
+            ', see https://vike.dev/broken-npm-package'
+        ].join('');
+        return hint;
+    }
+    return null;
+}
+exports.getHint = getHint;
+function logHint(hint) {
+    hint = (0, utils_js_1.formatHintLog)(hint);
+    console.error(hint);
+}
+function isReactInvalidComponentError(error) {
+    const anywhere = getAnywhere(error);
+    return includes(anywhere, 'Element type is invalid: expected a string (for built-in components) or a class/function (for composite components)');
+}
+exports.isReactInvalidComponentError = isReactInvalidComponentError;
+/**
+ * `false` -> noop
+ * `true` -> generic message
+ * `'some-npm-package'` -> add some-npm-package to `ssr.noExternal`
+ */
+function isCjsEsmError(error) {
+    const message = getErrMessage(error);
+    const anywhere = getAnywhere(error);
+    const packageName_stack1 = getPackageName_stack1(error);
+    const packageName_stack2 = getPackageName_stack2(error);
+    const isRelatedToNodeModules = !!packageName_stack1 || !!packageName_stack2 || includesNodeModules(message);
+    // const relatedNpmPackages = normalize([packageName_stack1, packageName_stack2, extractFromNodeModulesPath(message)])
+    // ERR_UNSUPPORTED_DIR_IMPORT
+    {
+        const packageNames = parseNodeModulesPathMessage('ERR_UNSUPPORTED_DIR_IMPORT', anywhere);
+        if (packageNames)
+            return packageNames;
+    }
+    // ERR_UNKNOWN_FILE_EXTENSION
+    {
+        const packageNames = parseUnkownFileExtensionMessage(anywhere);
+        if (packageNames)
+            return packageNames;
+    }
+    {
+        const packageNames = parseNodeModulesPathMessage('ERR_UNKNOWN_FILE_EXTENSION', anywhere);
+        if (packageNames)
+            return packageNames;
+    }
+    {
+        const packageNames = parseNodeModulesPathMessage('is not exported', anywhere);
+        if (packageNames)
+            return packageNames;
+    }
+    // Using CJS inside ESM modules.
+    if (includes(anywhere, 'require is not a function') ||
+        includes(anywhere, 'exports is not defined') ||
+        includes(anywhere, 'module is not defined') ||
+        includes(anywhere, 'window is not defined') ||
+        includes(anywhere, 'not defined in ES')) {
+        if (packageName_stack1)
+            return packageName_stack1;
+    }
+    if (includes(anywhere, "Unexpected token 'export'")) {
+        if (packageName_stack2)
+            return packageName_stack2;
+        if (packageName_stack1)
+            return packageName_stack1;
+    }
+    // ERR_REQUIRE_ESM
+    if (includes(anywhere, 'ERR_REQUIRE_ESM')) {
+        /* The issue is the importer, not the importee.
+        if (relatedNpmPackages) return relatedNpmPackages
+        */
+        {
+            if (packageName_stack1)
+                return packageName_stack1;
+        }
+        if (isRelatedToNodeModules)
+            return true;
+    }
+    /* The following two wrongfully match user land errors
+    {
+      const packageNames = parseNodeModulesPath('ERR_REQUIRE_ESM', anywhere)
+      if (packageNames) return packageNames
+    }
+    {
+      const packageNames = parseNodeModulesPath('Must use import', anywhere)
+      if (packageNames) return packageNames
+    }
+    */
+    // `SyntaxError: Named export '${exportName}' not found. The requested module '${packageName}' is a CommonJS module, which may not support all module.exports as named exports.`
+    {
+        const packageNames = parseImportFrom(anywhere);
+        if (packageNames)
+            return packageNames;
+    }
+    if (includes(anywhere, 'Cannot read properties of undefined')) {
+        if (isRelatedToNodeModules) {
+            /* We return true because relatedNpmPackages points to the importer but the problematic npm package is the importee
+            if (relatedNpmPackages) return relatedNpmPackages
+            */
+            return true;
+        }
+    }
+    // ERR_MODULE_NOT_FOUND
+    {
+        const packageNames = parseCannotFindMessage(anywhere);
+        if (packageNames)
+            return packageNames;
+    }
+    if (
+    // `SyntaxError: Cannot use import statement outside a module`.
+    // Since user code is always ESM, this error must always originate from an npm package.
+    includes(anywhere, 'Cannot use import statement') ||
+        // `SyntaxError: Named export '${exportName}' not found. The requested module '${packageName}' is a CommonJS module, which may not support all module.exports as named exports.`
+        // It seems that this always points to an npm package import.
+        /Named export.*not found/i.test(anywhere)) {
+        /* We return true even if fromNodeModules is false because the errors always relate to npm packages.
+        if (fromNodeModules) return true
+        */
+        return true;
+    }
+    return false;
+}
+exports.isCjsEsmError = isCjsEsmError;
+function parseCannotFindMessage(str) {
+    const match = /Cannot find \S+ '(\S+)' imported from (\S+)/.exec(str);
+    if (!match)
+        return false;
+    // const packageNameCannotFind = extractFromPath(match[1]!)
+    const packageNameFrom = extractFromPath(match[2]);
+    return normalize([
+        // packageNameCannotFind,
+        packageNameFrom
+    ]);
+}
+function parseUnkownFileExtensionMessage(str) {
+    const match = /Unknown file extension "\S+" for (\S+)/.exec(str);
+    if (!match)
+        return false;
+    const filePath = match[1];
+    const packageName = extractFromPath(filePath);
+    return normalize([packageName]);
+}
+function parseImportFrom(str) {
+    const match = /\bimport\b.*?\bfrom\b\s*?"(.+?)"/.exec(str);
+    if (!match)
+        return false;
+    const importPath = match[1];
+    const packageName = extractFromPath(importPath);
+    return normalize([packageName]);
+}
+function parseNodeModulesPathMessage(begin, str) {
+    str = str.replaceAll('\\', '/');
+    const regex = new RegExp(`${begin}.*(node_modules\\/\\S+)`);
+    const match = regex.exec(str);
+    if (!match)
+        return false;
+    const importPath = match[1];
+    return extractFromNodeModulesPath(importPath);
+}
+function getPackageName_stack1(err) {
+    const errStack = getErrStack(err);
+    if (!errStack)
+        return false;
+    const firstLineStackTrace = errStack.split('\n').filter((line) => line.startsWith('    at '))[0];
+    if (!firstLineStackTrace)
+        return false;
+    return extractFromNodeModulesPath(firstLineStackTrace);
+}
+/** See https://github.com/brillout/repro_node-syntax-error#nodejs-behavior */
+function getPackageName_stack2(err) {
+    const errStack = getErrStack(err);
+    if (!errStack)
+        return false;
+    const firstLine = errStack.trim().split('\n')[0];
+    return extractFromNodeModulesPath(firstLine);
+}
+function extractFromPath(filePath) {
+    (0, utils_js_1.assert)(filePath);
+    filePath = clean(filePath);
+    filePath = filePath.replaceAll('\\', '/');
+    let packageName;
+    if (!filePath.includes('node_modules/')) {
+        packageName = filePath;
+        if (packageName.startsWith('/'))
+            return null;
+        if (packageName.startsWith('.'))
+            return null;
+    }
+    else {
+        packageName = filePath.split('node_modules/').pop();
+        // This assert is fairly risk, we should eventually remove it
+        (0, utils_js_1.assert)(!packageName.startsWith('.'));
+        // This assert is fairly risk, we should eventually remove it
+        (0, utils_js_1.assert)(!packageName.startsWith('/'));
+    }
+    if (!packageName)
+        return null;
+    packageName = packageName.split('/').slice(0, 2).join('/');
+    if (!packageName.startsWith('@')) {
+        packageName = packageName.split('/')[0];
+    }
+    packageName = clean(packageName);
+    (0, utils_js_1.assert)(!['vite', 'vike'].includes(packageName));
+    return packageName;
+}
+function clean(packageName) {
+    const b = ['"', "'", '(', ')'];
+    if (b.includes(packageName[0])) {
+        packageName = packageName.slice(1);
+    }
+    if (b.includes(packageName[packageName.length - 1])) {
+        packageName = packageName.slice(0, -1);
+    }
+    return packageName;
+}
+function extractFromNodeModulesPath(str) {
+    if (!includesNodeModules(str))
+        return false;
+    const packageName = extractFromPath(str);
+    (0, utils_js_1.assert)(packageName);
+    return normalize([packageName]);
+}
+function includes(str1, str2) {
+    return !!str1 && str1.toLowerCase().includes(str2.toLowerCase());
+}
+function includesNodeModules(str) {
+    if (!str)
+        return false;
+    str = str.replaceAll('\\', '/');
+    if (!str.includes('node_modules/'))
+        return false;
+    if (str.includes('node_modules/vite/'))
+        return false;
+    return true;
+}
+function normalize(packageNames) {
+    const result = (0, utils_js_1.unique)(packageNames.filter(utils_js_1.isNotNullish));
+    if (result.length === 0)
+        return false;
+    return result;
+}
+function getErrMessage(err) {
+    if (!(0, utils_js_1.isObject)(err))
+        return null;
+    if (!err.message)
+        return null;
+    if (typeof err.message !== 'string')
+        return null;
+    return err.message;
+}
+function getErrCode(err) {
+    if (!(0, utils_js_1.isObject)(err))
+        return null;
+    if (!err.code)
+        return null;
+    if (typeof err.code !== 'string')
+        return null;
+    return err.code;
+}
+function getErrStack(err) {
+    if (!(0, utils_js_1.isObject)(err))
+        return null;
+    if (!err.stack)
+        return null;
+    if (typeof err.stack !== 'string')
+        return null;
+    return err.stack;
+}
+function getAnywhere(error) {
+    const code = getErrCode(error);
+    const message = getErrMessage(error);
+    const stack = getErrStack(error);
+    const anywhere = [code, message, stack].filter(Boolean).join('\n');
+    return anywhere;
+}
+function collectError(err) {
+    console.log([
+        '{',
+        `  message: ${JSON.stringify(err.message)},`,
+        `  code: ${JSON.stringify(err.code)},`,
+        '  stack: `\n' + err.stack + '\n`',
+        '}'
+    ].join('\n'));
+    /* For reproductions using older vite-plugin-ssr versions, do one of the following.
+        - If upon pre-rendering:https: //github.com/brillout/repro_node-syntax-error#error-catched-by-vite-plugin-ssr
+        - Inject the logger inside `catch` in node_modules/vite-plugin-ssr/dist/esm/node/runtime/renderPage.js
+        - Inject the following inside `configResolved(config_)` at node_modules/vite-plugin-ssr/dist/cjs/node/plugin/plugins/devConfig/index.js
+          ```js
+          config_.logger.error = (msg, options) => {
+            const { error } = options;
+            if (error) return;
+            console.log(...);
+          };
+          ```
+    */
+}

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

@@ -5,11 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.logErrorProd = void 0;
+exports.onRuntimeError = exports.logErrorProd = void 0;
 const abort_js_1 = require("../../../shared/route/abort.js");
 const isNewError_js_1 = require("./isNewError.js");
 const utils_js_1 = require("../utils.js");
 const picocolors_1 = __importDefault(require("@brillout/picocolors"));
+const logHintForCjsEsmError_js_1 = require("./logHintForCjsEsmError.js");
 function logErrorProd(err, _httpRquestId) {
     (0, utils_js_1.warnIfErrorIsNotObject)(err);
     (0, isNewError_js_1.setAlreadyLogged)(err);
@@ -19,5 +20,12 @@ function logErrorProd(err, _httpRquestId) {
     // We ensure we print a string; Cloudflare Workers doesn't seem to properly stringify `Error` objects.
     const errStr = (0, utils_js_1.isObject)(err) && 'stack' in err ? String(err.stack) : String(err);
     console.error(picocolors_1.default.red(errStr));
+    onRuntimeError(err);
 }
 exports.logErrorProd = logErrorProd;
+// Every server-side runtime error is expected to go through onRuntimeError(). (In principle, any runtime error is (or at least should) be catched by Vike, otherwise Vike couldn't render the error page.)
+function onRuntimeError(err) {
+    // The more runtime errors we pass to logHintForCjsEsmError() the better.
+    (0, logHintForCjsEsmError_js_1.logHintForCjsEsmError)(err);
+}
+exports.onRuntimeError = onRuntimeError;

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

@@ -67,4 +67,5 @@ __exportStar(require("../../utils/warnIfErrorIsNotObject.js"), exports);
 __exportStar(require("../../utils/stripAnsi.js"), exports);
 __exportStar(require("../../utils/getTerminWidth.js"), exports);
 __exportStar(require("../../utils/truncateString.js"), exports);
-__exportStar(require("../../utils/autoRetry.js"), exports);
+__exportStar(require("../../utils/formatHintLog.js"), exports);
+__exportStar(require("../../utils/joinEnglish.js"), exports);

package/dist/cjs/utils/formatHintLog.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatHintLog = void 0;
+const assert_js_1 = require("./assert.js");
+const stripAnsi_js_1 = require("./stripAnsi.js");
+function formatHintLog(msg) {
+    (0, assert_js_1.assert)(msg.length > 0);
+    const msgLength = (0, stripAnsi_js_1.stripAnsi)(msg).length;
+    const sep = '─'.repeat(msgLength);
+    return [
+        // prettier-ignore
+        `┌─${sep}─┐`,
+        `│ ${msg} │`,
+        `└─${sep}─┘`
+    ].join('\n');
+}
+exports.formatHintLog = formatHintLog;

package/dist/cjs/utils/projectInfo.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PROJECT_VERSION = exports.projectInfo = void 0;
 const assertSingleInstance_js_1 = require("./assertSingleInstance.js");
-const PROJECT_VERSION = '0.4.153-commit-01ab602';
+const PROJECT_VERSION = '0.4.153-commit-e631897';
 exports.PROJECT_VERSION = PROJECT_VERSION;
 const projectInfo = {
     projectName: 'Vike',

package/dist/esm/node/plugin/plugins/autoFullBuild.js

@@ -5,6 +5,7 @@ import { runPrerenderFromAutoFullBuild, runPrerender_forceExit } from '../../pre
 import { getConfigVike } from '../../shared/getConfigVike.js';
 import { isViteCliCall, getViteConfigFromCli } from '../shared/isViteCliCall.js';
 import pc from '@brillout/picocolors';
+import { logHintForCjsEsmError } from '../../runtime/renderPage/logHintForCjsEsmError.js';
 let forceExit = false;
 function autoFullBuild() {
     let config;
@@ -70,13 +71,20 @@ async function triggerFullBuild(config, configVike, bundle) {
             ...configFromCli?.build
         }
     };
-    await build({
-        ...configInline,
-        build: {
-            ...configInline.build,
-            ssr: true
-        }
-    });
+    try {
+        await build({
+            ...configInline,
+            build: {
+                ...configInline.build,
+                ssr: true
+            }
+        });
+    }
+    catch (err) {
+        console.error(err);
+        logHintForCjsEsmError(err);
+        process.exit(1);
+    }
     if (configVike.prerender && !configVike.prerender.disableAutoRun) {
         await runPrerenderFromAutoFullBuild({ viteConfig: configInline });
         forceExit = true;

package/dist/esm/node/plugin/plugins/importBuild/index.js

@@ -42,13 +42,18 @@ function getEntryCode(config, configVike) {
     const importerCode = [
         `  import { setImportBuildGetters } from '${importPath}';`,
         `  import * as pageFiles from '${virtualFileIdImportUserCodeServer}';`,
-        '  setImportBuildGetters({',
-        `    pageFiles: () => pageFiles,`,
+        `  {`,
+        // We first set the values to a variable because of a Rollup bug, and this workaround doesn't work: https://github.com/vikejs/vike/commit/d5f3a4f7aae5a8bc44192e6cbb2bcb9007be188d
+        `    const clientManifest = ${ASSETS_MAP};`,
+        `    const pluginManifest = ${JSON.stringify(vikeManifest, null, 2)};`,
+        '    setImportBuildGetters({',
+        `      pageFiles: () => pageFiles,`,
         // TODO: rename clientManifest -> assetManifest
-        `    clientManifest: () => (${ASSETS_MAP}),`,
+        `      clientManifest: () => clientManifest,`,
         // TODO: rename pluginManifest -> vikeManifest
-        `    pluginManifest: () => (${JSON.stringify(vikeManifest, null, 2)}),`,
-        '  });',
+        `      pluginManifest: () => pluginManifest,`,
+        '    });',
+        `  }`,
         ''
     ].join('\n');
     return importerCode;