vike 0.4.153 → 0.4.154

package/dist/cjs/node/cli/bin.js

@@ -12,8 +12,8 @@ cli
     assertOptions();
     const { partial, noExtraDir, base, parallel, outDir, configFile } = options;
     const root = options.root && (0, path_1.resolve)(options.root);
-    await (0, runPrerender_js_1.prerenderFromCLI)({ partial, noExtraDir, base, root, parallel, outDir, configFile });
-    (0, runPrerender_js_1.prerenderForceExit)();
+    await (0, runPrerender_js_1.runPrerenderFromCLI)({ partial, noExtraDir, base, root, parallel, outDir, configFile });
+    (0, runPrerender_js_1.runPrerender_forceExit)();
 });
 function assertOptions() {
     // Using process.argv because cac convert names to camelCase

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

@@ -27,7 +27,7 @@ const extensionsAssets_js_1 = require("./plugins/extensionsAssets.js");
 const baseUrls_js_1 = require("./plugins/baseUrls.js");
 const envVars_js_1 = require("./plugins/envVars.js");
 const picocolors_1 = __importDefault(require("@brillout/picocolors"));
-const assertFileEnv_js_1 = require("./plugins/assertFileEnv.js");
+const fileEnv_js_1 = require("./plugins/fileEnv.js");
 (0, utils_js_2.markEnvAsVite)();
 // Return as `any` to avoid Plugin type mismatches when there are multiple Vite versions installed
 function plugin(vikeConfig) {
@@ -50,7 +50,7 @@ function plugin(vikeConfig) {
         (0, extensionsAssets_js_1.extensionsAssets)(),
         (0, baseUrls_js_1.baseUrls)(vikeConfig),
         (0, envVars_js_1.envVarsPlugin)(),
-        (0, assertFileEnv_js_1.assertFileEnv)()
+        (0, fileEnv_js_1.fileEnv)()
     ];
     return plugins;
 }

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;
@@ -50,7 +51,7 @@ function autoFullBuild() {
                 order: 'post',
                 handler() {
                     if (forceExit) {
-                        (0, runPrerender_js_1.prerenderForceExit)();
+                        (0, runPrerender_js_1.runPrerender_forceExit)();
                     }
                 }
             }
@@ -76,15 +77,22 @@ 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.prerenderFromAutoFullBuild)({ viteConfig: configInline });
+        await (0, runPrerender_js_1.runPrerenderFromAutoFullBuild)({ viteConfig: configInline });
         forceExit = true;
     }
 }

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

@@ -7,7 +7,7 @@ function envVarsPlugin() {
     let envsAll;
     let config;
     return {
-        name: 'vike:env',
+        name: 'vike:envVars',
         enforce: 'post',
         configResolved(config_) {
             config = config_;

package/dist/cjs/node/plugin/plugins/{assertFileEnv.js → fileEnv.js}

@@ -3,16 +3,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.assertFileEnv = void 0;
+exports.fileEnv = void 0;
 const utils_js_1 = require("../utils.js");
 const extractAssetsPlugin_js_1 = require("./extractAssetsPlugin.js");
 const extractExportNamesPlugin_js_1 = require("./extractExportNamesPlugin.js");
 const picocolors_1 = __importDefault(require("@brillout/picocolors"));
-function assertFileEnv() {
+function fileEnv() {
     let config;
     let isDev = false;
     return {
-        name: 'vike:assertFileEnv',
+        name: 'vike:fileEnv',
         // - We need to set `enforce: 'pre'` because, otherwise, the resolvedId() hook of Vite's internal plugin `vite:resolve` is called before and it doesn't seem to call `this.resolve()` which means that the resolveId() hook below is never called.
         //   - Vite's `vite:resolve` plugin: https://github.com/vitejs/vite/blob/d649daba7682791178b711d9a3e44a6b5d00990c/packages/vite/src/node/plugins/resolve.ts#L105
         // - It's actually a good thing if the resolveId() hook below is the first one to be called because it doesn't actually resolve any ID, so all other resolveId() hooks will be called as normal. And with `this.resolve()` we get the information we want from all other resolvedId() hooks.
@@ -104,4 +104,4 @@ function assertFileEnv() {
         }
     };
 }
-exports.assertFileEnv = assertFileEnv;
+exports.fileEnv = fileEnv;

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: () => { return ${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/plugins/importUserCode/v1-design/getVikeConfig/crawlPlusFiles.js

@@ -9,6 +9,7 @@ const path_1 = __importDefault(require("path"));
 const fast_glob_1 = __importDefault(require("fast-glob"));
 const child_process_1 = require("child_process");
 const util_1 = require("util");
+const picocolors_1 = __importDefault(require("@brillout/picocolors"));
 const execA = (0, util_1.promisify)(child_process_1.exec);
 const globalObject = (0, utils_js_1.getGlobalObject)('crawlPlusFiles.ts', {
     gitIsMissing: false
@@ -38,7 +39,8 @@ async function crawlPlusFiles(userRootDir, outDirAbsoluteFilesystem, isDev) {
         const timeSpent = timeAfter - timeBefore;
         if (isDev) {
             // We only warn in dev, because while building it's expected to take a long time as crawling is competing for resources with other tasks.
-            (0, utils_js_1.assertWarning)(timeSpent < 2 * 1000, `Crawling your user files took an unexpected long time (${timeSpent}ms). Create a new issue on Vike's GitHub.`, {
+            // Although, in dev, it's also competing for resources e.g. with Vite's `optimizeDeps`.
+            (0, utils_js_1.assertWarning)(timeSpent < 3 * 1000, `Crawling your ${picocolors_1.default.cyan('+')} files took an unexpected long time (${(0, utils_js_1.humanizeTime)(timeSpent)}). If you repeatedly get this warning, then consider creating a new issue on Vike's GitHub.`, {
                 onlyOnce: 'slow-page-files-search'
             });
         }

package/dist/cjs/node/plugin/plugins/importUserCode/v1-design/getVikeConfig.js

@@ -834,7 +834,7 @@ function getConfigName(filePath) {
     if ((0, transpileAndExecuteFile_js_1.isTmpFile)(filePath))
         return null;
     const fileName = path_1.default.posix.basename(filePath);
-    assertNoUnexpectedPlusSign(filePath, fileName);
+    // assertNoUnexpectedPlusSign(filePath, fileName)
     const basename = fileName.split('.')[0];
     if (!basename.startsWith('+')) {
         return null;
@@ -844,14 +844,6 @@ function getConfigName(filePath) {
         return configName;
     }
 }
-function assertNoUnexpectedPlusSign(filePath, fileName) {
-    const dirs = path_1.default.posix.dirname(filePath).split('/');
-    dirs.forEach((dir, i) => {
-        const dirPath = dirs.slice(0, i + 1).join('/');
-        (0, utils_js_1.assertUsage)(!dir.includes('+'), `Character '+' is a reserved character: remove '+' from the directory name ${dirPath}/`);
-    });
-    (0, utils_js_1.assertUsage)(!fileName.slice(1).includes('+'), `Character '+' is only allowed at the beginning of filenames: make sure ${filePath} doesn't contain any '+' in its filename other than its first letter`);
-}
 async function loadConfigFile(configFilePath, userRootDir, visited) {
     const { filePathAbsoluteFilesystem } = configFilePath;
     assertNoInfiniteLoop(visited, filePathAbsoluteFilesystem);

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,8 @@ function handleAssertMsg(err, category) {
     return true;
 }
 function assertLogger(thing, logType) {
+    // vite.ssrFixStacktrace() is needed for `assertWarning(..., { showStackTrace: true })`
+    (0, log_js_1.applyViteSourceMapToStackTrace)(thing);
     const category = getCategory();
     const res = (0, utils_js_1.getAssertErrMsg)(thing);
     /* Risk of infinite loop
@@ -198,11 +202,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/plugin/utils.js

@@ -41,3 +41,4 @@ __exportStar(require("../../utils/mergeCumulativeValues.js"), exports);
 __exportStar(require("../../utils/deepEqual.js"), exports);
 __exportStar(require("../../utils/assertKeys.js"), exports);
 __exportStar(require("../../utils/injectRollupInputs.js"), exports);
+__exportStar(require("../../utils/humanizeTime.js"), exports);

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

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.prerender = void 0;
 var runPrerender_js_1 = require("./runPrerender.js");
-Object.defineProperty(exports, "prerender", { enumerable: true, get: function () { return runPrerender_js_1.prerenderFromAPI; } });
+Object.defineProperty(exports, "prerender", { enumerable: true, get: function () { return runPrerender_js_1.runPrerenderFromAPI; } });

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

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.prerenderForceExit = exports.prerenderFromAutoFullBuild = exports.prerenderFromCLI = exports.prerenderFromAPI = void 0;
+exports.runPrerender_forceExit = exports.runPrerenderFromAutoFullBuild = exports.runPrerenderFromCLI = exports.runPrerenderFromAPI = void 0;
 require("../runtime/page-files/setup.js");
 const path_1 = __importDefault(require("path"));
 const index_js_1 = require("../../shared/route/index.js");
@@ -51,20 +51,36 @@ 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");
-async function prerenderFromAPI(options = {}) {
+const logHintForCjsEsmError_js_1 = require("../runtime/renderPage/logHintForCjsEsmError.js");
+async function runPrerenderFromAPI(options = {}) {
     await runPrerender(options, 'prerender()');
 }
-exports.prerenderFromAPI = prerenderFromAPI;
-async function prerenderFromCLI(options) {
-    await runPrerender(options, '$ vike prerender');
+exports.runPrerenderFromAPI = runPrerenderFromAPI;
+async function runPrerenderFromCLI(options) {
+    try {
+        await runPrerender(options, '$ vike prerender');
+    }
+    catch (err) {
+        console.error(err);
+        (0, logHintForCjsEsmError_js_1.logHintForCjsEsmError)(err);
+        process.exit(1);
+    }
 }
-exports.prerenderFromCLI = prerenderFromCLI;
-async function prerenderFromAutoFullBuild(options) {
-    await runPrerender(options, null);
+exports.runPrerenderFromCLI = runPrerenderFromCLI;
+async function runPrerenderFromAutoFullBuild(options) {
+    try {
+        await runPrerender(options, null);
+    }
+    catch (err) {
+        console.error(err);
+        (0, logHintForCjsEsmError_js_1.logHintForCjsEsmError)(err);
+        process.exit(1);
+    }
 }
-exports.prerenderFromAutoFullBuild = prerenderFromAutoFullBuild;
+exports.runPrerenderFromAutoFullBuild = runPrerenderFromAutoFullBuild;
 async function runPrerender(options, manuallyTriggered) {
     checkOutdatedOptions(options);
+    (0, getHook_js_1.setIsPrerenderering)();
     const logLevel = !!options.onPagePrerender ? 'warn' : 'info';
     if (logLevel === 'info') {
         console.log(`${picocolors_1.default.cyan(`vike v${utils_js_1.projectInfo.projectVersion}`)} ${picocolors_1.default.green('pre-rendering HTML...')}`);
@@ -700,7 +716,7 @@ function isSameUrl(url1, url2) {
 function normalizeUrl(url) {
     return '/' + url.split('/').filter(Boolean).join('/');
 }
-function prerenderForceExit() {
+function runPrerender_forceExit() {
     // Force exit; known situations where pre-rendering is hanging:
     //  - https://github.com/vikejs/vike/discussions/774#discussioncomment-5584551
     //  - https://github.com/vikejs/vike/issues/807#issuecomment-1519010902
@@ -710,7 +726,7 @@ function prerenderForceExit() {
     assertInfo(false, "Pre-rendering was forced exit. (Didn't gracefully exit because the event queue isn't empty. This is usally fine, see ...", { onlyOnce: false })
     */
 }
-exports.prerenderForceExit = prerenderForceExit;
+exports.runPrerender_forceExit = runPrerender_forceExit;
 function assertIsNotAbort(err, urlOr404) {
     if (!(0, abort_js_1.isAbortError)(err))
         return;

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)
+`;