vike 0.4.239 → 0.4.240-commit-bac5dee

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

@@ -1,81 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.inferMediaType = inferMediaType;
-const utils_js_1 = require("../utils.js");
-function inferMediaType(href) {
-    // Basics
-    if (utils_js_1.styleFileRE.test(href)) {
-        return { mediaType: 'text/css', assetType: 'style' };
-    }
-    if ((0, utils_js_1.isScriptFile)(href)) {
-        return { mediaType: 'text/javascript', assetType: 'script' };
-    }
-    // Images
-    if (href.endsWith('.png')) {
-        return { assetType: 'image', mediaType: 'image/png' };
-    }
-    if (href.endsWith('.webp')) {
-        return { assetType: 'image', mediaType: 'image/webp' };
-    }
-    if (href.endsWith('.jpg') || href.endsWith('.jpeg')) {
-        return { assetType: 'image', mediaType: 'image/jpeg' };
-    }
-    if (href.endsWith('.gif')) {
-        return { assetType: 'image', mediaType: 'image/gif' };
-    }
-    if (href.endsWith('.svg')) {
-        return { assetType: 'image', mediaType: 'image/svg+xml' };
-    }
-    if (href.endsWith('.avif')) {
-        return { assetType: 'image', mediaType: 'image/avif' };
-    }
-    // Fonts
-    if (href.endsWith('.ttf')) {
-        return { assetType: 'font', mediaType: 'font/ttf' };
-    }
-    if (href.endsWith('.woff')) {
-        return { assetType: 'font', mediaType: 'font/woff' };
-    }
-    if (href.endsWith('.woff2')) {
-        return { assetType: 'font', mediaType: 'font/woff2' };
-    }
-    // Videos
-    if (href.endsWith('.mp4')) {
-        return { assetType: 'video', mediaType: 'video/mp4' };
-    }
-    if (href.endsWith('.webm')) {
-        return { assetType: 'video', mediaType: 'video/webm' };
-    }
-    if (href.endsWith('.ogv')) {
-        return { assetType: 'video', mediaType: 'video/ogg' };
-    }
-    if (href.endsWith('.mpeg') || href.endsWith('.mpg')) {
-        return { assetType: 'video', mediaType: 'video/mpeg' };
-    }
-    if (href.endsWith('.avi')) {
-        return { assetType: 'video', mediaType: 'video/x-msvideo' };
-    }
-    if (href.endsWith('.mov') || href.endsWith('.qt')) {
-        return { assetType: 'video', mediaType: 'video/quicktime' };
-    }
-    // Audios
-    if (href.endsWith('.mp3')) {
-        return { assetType: 'audio', mediaType: 'audio/mpeg' };
-    }
-    if (href.endsWith('.wav')) {
-        return { assetType: 'audio', mediaType: 'audio/wav' };
-    }
-    if (href.endsWith('.ogg')) {
-        return { assetType: 'audio', mediaType: 'audio/ogg' };
-    }
-    if (href.endsWith('.m4a')) {
-        return { assetType: 'audio', mediaType: 'audio/aac' };
-    }
-    if (href.endsWith('midi') || href.endsWith('.mid')) {
-        return { assetType: 'audio', mediaType: 'audio/midi' };
-    }
-    if (href.endsWith('.flac')) {
-        return { assetType: 'audio', mediaType: 'audio/flac' };
-    }
-    return null;
-}

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

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isFontFallback = isFontFallback;
-const assert_js_1 = require("../../../utils/assert.js");
-function isFontFallback(asset, pageAssets) {
-    if (asset.assetType !== 'font') {
-        return false;
-    }
-    const fontUrlBase = removeFileExtensionAndHash(asset.src);
-    return pageAssets.some((assetOther) => {
-        return assetOther.assetType === 'font' && removeFileExtensionAndHash(assetOther.src) === fontUrlBase;
-    });
-}
-function removeFileExtensionAndHash(assetUrl) {
-    (0, assert_js_1.assert)(!assetUrl.includes('\\'));
-    // The logic below doesn't work for '/assets/chunk-0e184ced.js'
-    (0, assert_js_1.assert)(!assetUrl.endsWith('.js'));
-    const paths = assetUrl.split('/');
-    {
-        const filename = paths[paths.length - 1];
-        const filenameParts = filename.split('.');
-        (0, assert_js_1.assert)(filenameParts.length >= 2);
-        // User may set config.build.rollupOptions.output.assetFileNames => we can't assume the filename to be `*.${hash}.${ext}`
-        const filenameBase = filenameParts.slice(0, filenameParts.length === 2 ? -1 : -2);
-        (0, assert_js_1.assert)(filenameBase.length >= 1);
-        paths[paths.length - 1] = filenameBase.join('.');
-    }
-    return paths.join('/');
-}

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

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isNewError = isNewError;
-exports.setAlreadyLogged = setAlreadyLogged;
-exports.hasAlreadyLogged = hasAlreadyLogged;
-const utils_js_1 = require("../utils.js");
-const globalObject = (0, utils_js_1.getGlobalObject)('renderPage/isNewError.ts', {
-    wasAlreadyLogged: new WeakSet(),
-});
-function isNewError(errErrorPage, errNominalPage) {
-    (0, utils_js_1.warnIfErrorIsNotObject)(errErrorPage);
-    return (!(0, utils_js_1.isSameErrorMessage)(errNominalPage, errErrorPage) ||
-        // Isn't this redudant/superfluous? I think we can remove this entire file and only use isSameErrorMessage() instead.
-        !hasAlreadyLogged(errNominalPage));
-}
-function hasAlreadyLogged(err) {
-    if (!(0, utils_js_1.isObject)(err))
-        return false;
-    return globalObject.wasAlreadyLogged.has(err);
-}
-function setAlreadyLogged(err) {
-    if (!(0, utils_js_1.isObject)(err))
-        return;
-    globalObject.wasAlreadyLogged.add(err);
-}

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

@@ -1,124 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadPageConfigsLazyServerSide = loadPageConfigsLazyServerSide;
-const getPageFiles_js_1 = require("../../../shared/getPageFiles.js");
-const resolveVikeConfigPublic_js_1 = require("../../../shared/page-configs/resolveVikeConfigPublic.js");
-const analyzePageClientSide_js_1 = require("../../../shared/getPageFiles/analyzePageClientSide.js");
-const utils_js_1 = require("../utils.js");
-const getPageAssets_js_1 = require("./getPageAssets.js");
-const findPageConfig_js_1 = require("../../../shared/page-configs/findPageConfig.js");
-const analyzePage_js_1 = require("./analyzePage.js");
-const loadAndParseVirtualFilePageEntry_js_1 = require("../../../shared/page-configs/loadAndParseVirtualFilePageEntry.js");
-const execHookServer_js_1 = require("./execHookServer.js");
-const headersResponse_js_1 = require("./headersResponse.js");
-const csp_js_1 = require("./csp.js");
-async function loadPageConfigsLazyServerSide(pageContext) {
-    (0, utils_js_1.objectAssign)(pageContext, {
-        _pageConfig: (0, findPageConfig_js_1.findPageConfig)(pageContext._globalContext._pageConfigs, pageContext.pageId),
-    });
-    // Load the page's + files
-    (0, utils_js_1.objectAssign)(pageContext, await loadPageUserFiles(pageContext));
-    // Resolve new computed pageContext properties
-    (0, utils_js_1.updateType)(pageContext, await resolvePageContext(pageContext));
-    // Execute +onCreatePageContext
-    await (0, execHookServer_js_1.execHookServer)('onCreatePageContext', pageContext);
-    return pageContext;
-}
-async function resolvePageContext(pageContext) {
-    const { isHtmlOnly, clientEntries, clientDependencies } = (0, analyzePage_js_1.analyzePage)(pageContext);
-    const passToClient = [];
-    const errMsgSuffix = ' should be an array of strings.';
-    const isV1Design = !!pageContext._pageConfig;
-    if (!isV1Design) {
-        pageContext.exportsAll.passToClient?.forEach((e) => {
-            (0, utils_js_1.assertUsage)((0, utils_js_1.hasProp)(e, 'exportValue', 'string[]'), `${e.exportSource}${errMsgSuffix}`);
-            passToClient.push(...e.exportValue);
-        });
-    }
-    else {
-        pageContext.from.configsCumulative.passToClient?.values.forEach((v) => {
-            const { value, definedAt } = v;
-            const errMsg = `+passToClient value defined at ${definedAt}${errMsgSuffix}`;
-            //*/ TO-DO/next-major-release: remove the passToClient once setting from the public API
-            (0, utils_js_1.assertUsage)((0, utils_js_1.isArray)(value), `+passToClient value defined at ${definedAt} should be an array`);
-            const valS = value.map((el) => {
-                if ((0, utils_js_1.isObject)(el)) {
-                    (0, utils_js_1.assertWarning)(!('once' in el), 'The passToClient once setting is deprecated and no longer has any effect. Instead, see the upcoming .once.js suffix (see https://github.com/vikejs/vike/issues/2566 for more information).', { onlyOnce: true });
-                    (0, utils_js_1.assertUsage)((0, utils_js_1.hasProp)(el, 'prop', 'string'), errMsg);
-                    return el.prop;
-                }
-                (0, utils_js_1.assertUsage)(typeof el === 'string', errMsg);
-                return el;
-            });
-            /*/
-            assertUsage(isArrayOfStrings(value), errMsg)
-            //*/
-            passToClient.push(...valS);
-        });
-    }
-    (0, utils_js_1.objectAssign)(pageContext, await (0, csp_js_1.resolvePageContextCspNone)(pageContext));
-    (0, utils_js_1.objectAssign)(pageContext, {
-        Page: pageContext.exports.Page,
-        _isHtmlOnly: isHtmlOnly,
-        _passToClient: passToClient,
-    });
-    (0, utils_js_1.objectAssign)(pageContext, await (0, headersResponse_js_1.resolveHeadersResponseEarly)(pageContext));
-    (0, utils_js_1.objectAssign)(pageContext, {
-        __getPageAssets: async () => {
-            if ('_pageAssets' in pageContext) {
-                return pageContext._pageAssets;
-            }
-            else {
-                const pageAssets = await (0, getPageAssets_js_1.getPageAssets)(pageContext, clientDependencies, clientEntries);
-                (0, utils_js_1.objectAssign)(pageContext, { _pageAssets: pageAssets });
-                return pageContext._pageAssets;
-            }
-        },
-    });
-    // TO-DO/next-major-release: remove
-    Object.assign(pageContext, {
-        _getPageAssets: async () => {
-            (0, utils_js_1.assertWarning)(false, 'pageContext._getPageAssets() deprecated, see https://vike.dev/preloading', {
-                onlyOnce: true,
-                showStackTrace: true,
-            });
-            const pageAssetsOldFormat = [];
-            (await pageContext.__getPageAssets()).forEach((p) => {
-                if (p.assetType === 'script' && p.isEntry) {
-                    pageAssetsOldFormat.push({
-                        src: p.src,
-                        preloadType: null,
-                        assetType: 'script',
-                        mediaType: p.mediaType,
-                    });
-                }
-                pageAssetsOldFormat.push({
-                    src: p.src,
-                    preloadType: p.assetType,
-                    assetType: p.assetType === 'style' ? 'style' : 'preload',
-                    mediaType: p.mediaType,
-                });
-            });
-            return pageAssetsOldFormat;
-        },
-    });
-    return pageContext;
-}
-async function loadPageUserFiles(pageContext) {
-    const [{ pageContextAddendum }] = await Promise.all([
-        (async () => {
-            const pageFilesServerSide = (0, getPageFiles_js_1.getPageFilesServerSide)(pageContext._pageFilesAll, pageContext.pageId);
-            const isDev = !pageContext._globalContext._isProduction;
-            const pageConfigLoaded = !pageContext._pageConfig
-                ? null
-                : await (0, loadAndParseVirtualFilePageEntry_js_1.loadAndParseVirtualFilePageEntry)(pageContext._pageConfig, isDev);
-            await Promise.all(pageFilesServerSide.map((p) => p.loadFile?.()));
-            const pageContextAddendum = (0, resolveVikeConfigPublic_js_1.resolvePageContextConfig)(pageFilesServerSide, pageConfigLoaded, pageContext._globalContext._pageConfigGlobal);
-            return { pageContextAddendum };
-        })(),
-        (0, analyzePageClientSide_js_1.analyzePageClientSideInit)(pageContext._globalContext._pageFilesAll, pageContext.pageId, {
-            sharedPageFilesAlreadyLoaded: true,
-        }),
-    ]);
-    return pageContextAddendum;
-}

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

@@ -1,154 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.log404 = log404;
-exports.getRoutesInfo = getRoutesInfo;
-const noRouteMatch_js_1 = require("../../../../shared/route/noRouteMatch.js");
-const utils_js_1 = require("../../utils.js");
-const picocolors_1 = __importDefault(require("@brillout/picocolors"));
-async function log404(pageContext) {
-    const { urlPathname } = pageContext;
-    const pageRoutes = pageContext._globalContext._pageRoutes;
-    (0, utils_js_1.assertUsage)(pageRoutes.length > 0, 'No page found.');
-    const globalContext = pageContext._globalContext;
-    if (!globalContext._isProduction && !isFileRequest(urlPathname) && !pageContext.isClientSideNavigation) {
-        const routesInfo = getRoutesInfo(pageRoutes);
-        let msg = `URL ${picocolors_1.default.cyan(urlPathname)} ${noRouteMatch_js_1.noRouteMatch}`;
-        const outro = 'See https://vike.dev/routing for more information about routing.';
-        if (!routesInfo) {
-            msg = `${msg}. ${picocolors_1.default.dim(outro)}`;
-        }
-        else {
-            msg = `${msg}:\n${routesInfo}\n${outro}`;
-        }
-        (0, utils_js_1.assertInfo)(false, msg, { onlyOnce: false });
-    }
-}
-function getRoutesInfo(pageRoutes) {
-    const entries = pageRoutes
-        .map((pageRoute) => {
-        let routeStr;
-        let routeTypeSrc;
-        let routeDefinedBy;
-        if (pageRoute.routeType === 'FILESYSTEM') {
-            (0, utils_js_1.assert)(pageRoute.routeFilesystemDefinedBy);
-            routeDefinedBy = pageRoute.routeFilesystemDefinedBy;
-        }
-        else {
-            (0, utils_js_1.assert)(pageRoute.routeDefinedAtString);
-            routeDefinedBy = pageRoute.routeDefinedAtString;
-        }
-        if (pageRoute.routeType === 'STRING') {
-            routeStr = pageRoute.routeString;
-            routeTypeSrc = 'Route String';
-        }
-        else if (pageRoute.routeType === 'FUNCTION') {
-            routeStr = String(pageRoute.routeFunction);
-            routeTypeSrc = 'Route Function';
-        }
-        else {
-            routeStr = pageRoute.routeString;
-            routeTypeSrc = 'Filesystem Route';
-        }
-        (0, utils_js_1.assert)(routeStr && routeTypeSrc && routeDefinedBy);
-        return { routeStr, routeTypeSrc, routeDefinedBy };
-    })
-        .sort((e1, e2) => {
-        if (e1.routeTypeSrc !== 'Route Function' && e2.routeTypeSrc === 'Route Function') {
-            return -1;
-        }
-        if (e1.routeTypeSrc === 'Route Function' && e2.routeTypeSrc !== 'Route Function') {
-            return 1;
-        }
-        return (0, utils_js_1.compareString)(e1.routeStr, e2.routeStr);
-    });
-    const linesContent = [
-        {
-            routeStr: 'ROUTE',
-            routeTypeSrc: 'TYPE',
-            routeDefinedBy: 'DEFINED BY',
-        },
-        ...entries,
-    ];
-    const terminalWidth = (0, utils_js_1.getTerminalWidth)() || 134;
-    let width2 = Math.max(...linesContent.map(({ routeTypeSrc }) => (0, utils_js_1.stripAnsi)(routeTypeSrc).length));
-    let width3 = Math.max(...linesContent.map(({ routeDefinedBy }) => (0, utils_js_1.stripAnsi)(routeDefinedBy).length));
-    const width1_max = terminalWidth -
-        width3 -
-        width2 -
-        // Total width of table border & padding
-        10;
-    if (width1_max < 10)
-        return null;
-    linesContent.forEach((lineContent) => {
-        let { routeStr } = lineContent;
-        if (lineContent.routeTypeSrc === 'Route Function') {
-            routeStr = truncateRouteFunction(routeStr, width1_max);
-            (0, utils_js_1.assert)((0, utils_js_1.stripAnsi)(routeStr).length <= width1_max);
-        }
-        lineContent.routeStr = routeStr;
-    });
-    let width1 = Math.max(...linesContent.map(({ routeStr }) => (0, utils_js_1.stripAnsi)(routeStr).length));
-    if (width1 > width1_max)
-        return null;
-    let lines = linesContent.map(({ routeStr, routeTypeSrc, routeDefinedBy }, i) => {
-        let cell1 = padEnd(routeStr, width1 + ((0, utils_js_1.stripAnsi)(routeStr).length - (0, utils_js_1.stripAnsi)(routeStr).length));
-        let cell2 = padEnd(routeTypeSrc, width2);
-        let cell3 = padEnd(routeDefinedBy, width3);
-        const isHeader = i === 0;
-        if (isHeader) {
-            cell1 = picocolors_1.default.dim(cell1);
-            cell2 = picocolors_1.default.dim(cell2);
-            cell3 = picocolors_1.default.dim(cell3);
-        }
-        let line = [cell1, cell2, cell3].join(picocolors_1.default.dim(' │ '));
-        line = picocolors_1.default.dim('│ ') + line + picocolors_1.default.dim(' │');
-        return line;
-    });
-    width1 = width1 + 2;
-    width2 = width2 + 2;
-    width3 = width3 + 2;
-    // https://en.wikipedia.org/wiki/Box-drawing_character
-    lines = [
-        picocolors_1.default.dim(`┌${'─'.repeat(width1)}┬${'─'.repeat(width2)}┬${'─'.repeat(width3)}┐`),
-        lines[0],
-        picocolors_1.default.dim(`├${'─'.repeat(width1)}┼${'─'.repeat(width2)}┼${'─'.repeat(width3)}┤`),
-        ...lines.slice(1),
-        picocolors_1.default.dim(`└${'─'.repeat(width1)}┴${'─'.repeat(width2)}┴${'─'.repeat(width3)}┘`),
-    ];
-    lines.forEach((line) => {
-        (0, utils_js_1.assert)((0, utils_js_1.stripAnsi)(line).length <= terminalWidth);
-    });
-    return lines.join('\n');
-}
-function truncateRouteFunction(routeStr, lenMax) {
-    routeStr = (0, utils_js_1.stripAnsi)(routeStr);
-    routeStr = removeNonAscii(routeStr);
-    routeStr = routeStr.split(/\s/).filter(Boolean).join(' ');
-    routeStr = (0, utils_js_1.truncateString)(routeStr, lenMax);
-    return routeStr;
-}
-/** Same as String.prototype.padEnd but with stripAnsi() */
-function padEnd(str, width) {
-    const padWidth = Math.max(0, width - (0, utils_js_1.stripAnsi)(str).length);
-    return str + ''.padEnd(padWidth, ' ');
-}
-function removeNonAscii(str) {
-    // https://stackoverflow.com/questions/20856197/remove-non-ascii-character-in-string/20856346#20856346
-    return str.replace(/[^\x00-\x7F]/g, '');
-}
-function isFileRequest(urlPathname) {
-    (0, utils_js_1.assert)(urlPathname.startsWith('/'));
-    const paths = urlPathname.split('/');
-    const lastPath = paths[paths.length - 1];
-    (0, utils_js_1.assert)(typeof lastPath === 'string');
-    const parts = lastPath.split('.');
-    if (parts.length < 2) {
-        return false;
-    }
-    const fileExtension = parts[parts.length - 1];
-    (0, utils_js_1.assert)(typeof fileExtension === 'string');
-    return /^[a-z0-9]+$/.test(fileExtension);
-}

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

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.error_cannot_use_import_outside_of_module = void 0;
-// https://github.com/vikejs/vike/discussions/571#discussioncomment-6137618
-exports.error_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/logErrorHint.js

@@ -1,200 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.logErrorHint = logErrorHint;
-exports.getErrorHint = getErrorHint;
-const utils_js_1 = require("../utils.js");
-const picocolors_1 = __importDefault(require("@brillout/picocolors"));
-const hintDefault = 'The error could be a CJS/ESM issue, see https://vike.dev/broken-npm-package';
-const hintLinkPrefix = 'To fix this error, see ';
-const errorsMisc = [
-    {
-        errMsg: 'window is not defined',
-        link: 'https://vike.dev/hints#window-is-not-defined',
-        mustMentionNodeModules: false,
-    },
-    {
-        errMsg: 'jsxDEV is not a function',
-        link: 'https://github.com/vikejs/vike/issues/1469#issuecomment-1919518096',
-        mustMentionNodeModules: false,
-    },
-    {
-        // ```
-        // Error [RollupError]: Could not resolve "../dist/client/assets.json" from "renderer/+onRenderHtml.tsx"
-        // ```
-        errMsg: 'assets.json',
-        link: 'https://vike.dev/getGlobalContext',
-        mustMentionNodeModules: false,
-    },
-    {
-        errMsg: 'ERR_UNKNOWN_FILE_EXTENSION',
-        link: 'https://vike.dev/broken-npm-package#err-unknown-file-extension',
-    },
-];
-const reactInvalidEelement = 'https://vike.dev/broken-npm-package#react-invalid-component';
-const errorsReact = [
-    {
-        errMsg: 'Element type is invalid: expected a string (for built-in components) or a class/function (for composite components)',
-        link: reactInvalidEelement,
-        // The stack trace can be user-land while the import is coming from node_modules
-        mustMentionNodeModules: false,
-    },
-    {
-        errMsg: 'Objects are not valid as a React child',
-        link: reactInvalidEelement,
-        mustMentionNodeModules: false,
-    },
-    {
-        // React's "Invalid hook call.", see https://github.com/vikejs/vike/discussions/1637#discussioncomment-9424712
-        errMsg: "Cannot read properties of null (reading 'useContext')",
-    },
-];
-const errorsCjsEsm_withPreciseLink = [
-    {
-        // `SyntaxError: Named export '${exportName}' not found. The requested module '${packageName}' is a CommonJS module, which may not support all module.exports as named exports.`
-        errMsg: /Named export.*not found/i,
-        link: 'https://vike.dev/broken-npm-package#named-export-not-found',
-        // It seems that this always points to an npm package import.
-        mustMentionNodeModules: false,
-    },
-];
-const errorsCjsEsm = [
-    { errMsg: 'ERR_UNSUPPORTED_DIR_IMPORT' },
-    { errMsg: 'ERR_REQUIRE_ESM' },
-    { errMsg: 'Must use import' },
-    { errMsg: /Cannot find \S+ '(\S+)' imported from (\S+)/ },
-    { errMsg: 'ERR_UNKNOWN_FILE_EXTENSION' },
-    { errMsg: /Unknown file extension "\S+" for (\S+)/ },
-    // `SyntaxError: Cannot use import statement outside a module`.
-    {
-        errMsg: 'Cannot use import statement',
-        // Since user code is always ESM, this error must always originate from an npm package.
-        mustMentionNodeModules: false,
-    },
-    { errMsg: 'is not exported' },
-    { errMsg: 'Cannot read properties of undefined' },
-    { errMsg: '.default is not' },
-    // Using CJS inside ESM modules.
-    { errMsg: 'require is not a function' },
-    { errMsg: 'exports is not defined' },
-    { errMsg: 'module is not defined' },
-    { errMsg: 'not defined in ES' },
-    { errMsg: "Unexpected token 'export'" },
-    { errMsg: 'Failed to resolve entry for package' },
-];
-function logErrorHint(error) {
-    /* Collect errors for ./logErrorHint.spec.ts
-    collectError(error)
-    //*/
-    const hint = getErrorHint(error);
-    if (hint)
-        logHint(hint);
-}
-function getErrorHint(error) {
-    {
-        const knownErr = isKnownError(error);
-        if (knownErr) {
-            if (knownErr.link) {
-                return hintLinkPrefix + knownErr.link;
-            }
-            else {
-                return hintDefault;
-            }
-        }
-    }
-    return null;
-}
-function logHint(hint) {
-    hint = (0, utils_js_1.formatHintLog)(hint);
-    hint = picocolors_1.default.bold(hint);
-    console.error(hint);
-}
-function isKnownError(error) {
-    const anywhere = getAnywhere(error);
-    const knownErr = [
-        //
-        ...errorsMisc,
-        ...errorsReact,
-        ...errorsCjsEsm_withPreciseLink,
-        ...errorsCjsEsm,
-    ].find((knownError) => {
-        if (!includesLowercase(anywhere, knownError.errMsg))
-            return false;
-        if (knownError.mustMentionNodeModules !== false && !includesLowercase(anywhere, 'node_modules'))
-            return false;
-        return true;
-    });
-    if (!knownErr)
-        return false;
-    return knownErr;
-}
-function includesLowercase(str, substr) {
-    if (substr instanceof RegExp) {
-        let { flags } = substr;
-        if (!flags.includes('i'))
-            flags += 'i';
-        const regex = new RegExp(substr.source, flags);
-        return regex.test(str);
-    }
-    if (typeof substr === 'string') {
-        return str.toLowerCase().includes(substr.toLowerCase());
-    }
-    (0, utils_js_1.assert)(false);
-}
-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 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 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/vite/plugins/pluginDev/index.js
-          ```js
-          config_.logger.error = (msg, options) => {
-            const { error } = options;
-            if (error) return;
-            console.log(...);
-          };
-          ```
-    */
-}