vike 0.4.220 → 0.4.221-commit-8577456

package/dist/cjs/node/plugin/plugins/importUserCode/v1-design/{assertExtensions.js → getVikeConfig/assertExtensions.js}

@@ -4,52 +4,53 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.assertExtensionsConventions = assertExtensionsConventions;
-exports.assertExtensionsPeerDependencies = assertExtensionsPeerDependencies;
+exports.assertExtensionsRequire = assertExtensionsRequire;
 const picocolors_1 = __importDefault(require("@brillout/picocolors"));
-const isObjectOfStrings_js_1 = require("../../../../../utils/isObjectOfStrings.js");
-const utils_js_1 = require("../../../utils.js");
-const getVikeConfig_js_1 = require("./getVikeConfig.js");
+const isObjectOfStrings_js_1 = require("../../../../../../utils/isObjectOfStrings.js");
+const utils_js_1 = require("../../../../utils.js");
+const getVikeConfig_js_1 = require("../getVikeConfig.js");
 const path_1 = __importDefault(require("path"));
 const semver_1 = __importDefault(require("semver"));
-function assertExtensionsConventions(interfaceFile) {
-    assertExtensionName(interfaceFile);
-    assertConfigExportPath(interfaceFile);
+function assertExtensionsConventions(plusFile) {
+    assertExtensionName(plusFile);
+    assertConfigExportPath(plusFile);
 }
-function assertConfigExportPath(interfaceFile) {
-    const { importPathAbsolute, filePathAbsoluteFilesystem } = interfaceFile.filePath;
+function assertConfigExportPath(plusFile) {
+    const { importPathAbsolute, filePathAbsoluteFilesystem } = plusFile.filePath;
     // Ejected Vike extension
     if (!importPathAbsolute) {
         const p = filePathAbsoluteFilesystem;
         (0, utils_js_1.assert)(!p.includes('node_modules'));
         return;
     }
-    const name = getConfigNameValue(interfaceFile);
+    const name = getNameValue(plusFile);
     (0, utils_js_1.assert)(name); // already asserted in assertExtensionName()
     const importPathAbsoluteExpected = `${name}/config`;
     (0, utils_js_1.assertWarning)(importPathAbsolute === importPathAbsoluteExpected, `The Vike configuration of ${picocolors_1.default.bold(name)} is exported at ${picocolors_1.default.bold(importPathAbsolute)}, but it should be exported at ${picocolors_1.default.bold(importPathAbsoluteExpected)} instead.`, { onlyOnce: true });
 }
-function assertExtensionName(interfaceFile) {
-    const filePathToShowToUser = getFilePathToShowToUser(interfaceFile);
-    const name = getConfigNameValue(interfaceFile);
+function assertExtensionName(plusFile) {
+    const filePathToShowToUser = getFilePathToShowToUser(plusFile);
+    const name = getNameValue(plusFile);
     (0, utils_js_1.assertUsage)(name, `Vike extension name missing: the config ${filePathToShowToUser} must define the setting ${picocolors_1.default.cyan('name')}`);
 }
-function assertExtensionsPeerDependencies(interfaceFilesRelevantList) {
-    // Get installed extensions
+function assertExtensionsRequire(pageConfig) {
+    const plusFilesRelevantList = Object.values(pageConfig.plusFiles).flat(1);
+    // Collect extensions
     const extensions = {};
-    interfaceFilesRelevantList.forEach((interfaceFile) => {
-        const name = getConfigNameValue(interfaceFile);
+    plusFilesRelevantList.forEach((plusFile) => {
+        const name = getNameValue(plusFile);
         if (name) {
-            const version = getExtensionVersion(name, interfaceFile);
+            const version = getExtensionVersion(name, plusFile);
             extensions[name] = version;
         }
     });
-    // Enforce peer dependencies
-    interfaceFilesRelevantList.forEach((interfaceFile) => {
-        const require = getConfigRequireValue(interfaceFile);
+    // Enforce `require`
+    plusFilesRelevantList.forEach((plusFile) => {
+        const require = getConfigRequireValue(plusFile);
         if (!require)
             return;
-        const name = getConfigNameValue(interfaceFile);
-        const filePathToShowToUser = getFilePathToShowToUser(interfaceFile);
+        const name = getNameValue(plusFile);
+        const filePathToShowToUser = getFilePathToShowToUser(plusFile);
         (0, utils_js_1.assertUsage)(name, `Setting ${picocolors_1.default.bold('name')} is required for being able to use setting ${picocolors_1.default.bold('require')} in ${filePathToShowToUser}.`);
         Object.entries(require).forEach(([reqName, reqVersion]) => {
             const errBase = `${picocolors_1.default.bold(name)} requires ${picocolors_1.default.bold(reqName)}`;
@@ -63,32 +64,36 @@ function assertExtensionsPeerDependencies(interfaceFilesRelevantList) {
         });
     });
 }
-function getConfigRequireValue(interfaceFile) {
-    const require = (0, getVikeConfig_js_1.getConfigValueInterfaceFile)(interfaceFile, 'require');
-    if (!require)
+function getConfigRequireValue(plusFile) {
+    const confVal = (0, getVikeConfig_js_1.getConfVal)(plusFile, 'require');
+    if (!confVal)
         return null;
-    const { filePathToShowToUserResolved } = interfaceFile.filePath;
+    (0, utils_js_1.assert)(confVal.configValueLoaded);
+    const require = confVal.configValue;
+    const { filePathToShowToUserResolved } = plusFile.filePath;
     (0, utils_js_1.assert)(filePathToShowToUserResolved);
     (0, utils_js_1.assertUsage)((0, isObjectOfStrings_js_1.isObjectOfStrings)(require), `The setting ${picocolors_1.default.bold('require')} defined at ${filePathToShowToUserResolved} should be an object with string values (${picocolors_1.default.bold('Record<string, string>')}).`);
     return require;
 }
-function getConfigNameValue(interfaceFile) {
-    const name = (0, getVikeConfig_js_1.getConfigValueInterfaceFile)(interfaceFile, 'name');
-    if (!name)
+function getNameValue(plusFile) {
+    const confVal = (0, getVikeConfig_js_1.getConfVal)(plusFile, 'name');
+    if (!confVal)
         return null;
-    const filePathToShowToUser = getFilePathToShowToUser(interfaceFile);
+    (0, utils_js_1.assert)(confVal.configValueLoaded);
+    const name = confVal.configValue;
+    const filePathToShowToUser = getFilePathToShowToUser(plusFile);
     (0, utils_js_1.assertUsage)(typeof name === 'string', `The setting ${picocolors_1.default.bold('name')} defined at ${filePathToShowToUser} should be a string.`);
     return name;
 }
 // We use a forever cache: users need to restart the dev server anyways when touching node_modules/**/* (I presume Vite doesn't pick up node_modules/**/* changes).
 const extensionsVersion = {};
-function getExtensionVersion(name, interfaceFile) {
+function getExtensionVersion(name, plusFile) {
     if (!extensionsVersion[name]) {
-        const extensionConfigFilePath = interfaceFile.filePath.filePathAbsoluteFilesystem;
+        const extensionConfigFilePath = plusFile.filePath.filePathAbsoluteFilesystem;
         const found = (0, utils_js_1.findPackageJson)(path_1.default.posix.dirname(extensionConfigFilePath));
         (0, utils_js_1.assert)(found);
         const { packageJson, packageJsonPath } = found;
-        const filePathToShowToUser = getFilePathToShowToUser(interfaceFile);
+        const filePathToShowToUser = getFilePathToShowToUser(plusFile);
         const nameExpected = packageJson.name;
         (0, utils_js_1.assertWarning)(name === nameExpected, `The setting ${picocolors_1.default.bold('name')} defined at ${filePathToShowToUser} is ${picocolors_1.default.bold(JSON.stringify(name))}, but it should be equal to ${picocolors_1.default.bold(JSON.stringify(nameExpected))} (the value of ${packageJsonPath}${picocolors_1.default.dim('#')}${picocolors_1.default.bold('name')})`, { onlyOnce: true });
         const { version } = packageJson;
@@ -97,8 +102,8 @@ function getExtensionVersion(name, interfaceFile) {
     }
     return extensionsVersion[name];
 }
-function getFilePathToShowToUser(interfaceFile) {
-    const { filePathToShowToUserResolved } = interfaceFile.filePath;
+function getFilePathToShowToUser(plusFile) {
+    const { filePathToShowToUserResolved } = plusFile.filePath;
     (0, utils_js_1.assert)(filePathToShowToUserResolved);
     return filePathToShowToUserResolved;
 }

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

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.configDefinitionsBuiltInAll = void 0;
+exports.configDefinitionsBuiltIn = void 0;
 const utils_js_1 = require("../../../../utils.js");
 const getConfigDefinedAt_js_1 = require("../../../../../../shared/page-configs/getConfigDefinedAt.js");
-const configDefinitionsBuiltInAll = {
+const configDefinitionsBuiltIn = {
     onRenderHtml: {
         env: { server: true }
     },
@@ -89,11 +89,14 @@ const configDefinitionsBuiltInAll = {
         _computed: (configValueSources) => {
             {
                 const source = getConfigValueSource(configValueSources, 'clientHooks');
-                if (source && source.value !== null) {
-                    const { value } = source;
-                    const definedAt = (0, getConfigDefinedAt_js_1.getConfigDefinedAt)('Config', 'clientHooks', source.definedAtFilePath);
-                    (0, utils_js_1.assertUsage)(typeof value === 'boolean', `${definedAt} should be a boolean`);
-                    return value;
+                if (source) {
+                    (0, utils_js_1.assert)(source.valueIsLoaded);
+                    if (source.value !== null) {
+                        const { value } = source;
+                        const definedAt = (0, getConfigDefinedAt_js_1.getConfigDefinedAt)('Config', 'clientHooks', source.definedAtFilePath);
+                        (0, utils_js_1.assertUsage)(typeof value === 'boolean', `${definedAt} should be a boolean`);
+                        return value;
+                    }
                 }
             }
             return (isConfigSet(configValueSources, 'onRenderClient') &&
@@ -129,8 +132,7 @@ const configDefinitionsBuiltInAll = {
     keepScrollPosition: {
         env: { client: true }
     },
-    // TODO/eventually: define it as a global config.
-    middleware: { env: { server: true }, cumulative: true, eager: true },
+    middleware: { env: { server: true }, cumulative: true, eager: true, global: true },
     onPrerenderStart: {
         env: { server: true, production: true },
         eager: true,
@@ -141,7 +143,12 @@ const configDefinitionsBuiltInAll = {
         eager: true,
         global: true
     },
-    prerender: { env: { config: true }, global: (value) => typeof value !== 'object', type: ['boolean', 'object'] },
+    prerender: {
+        env: { config: true },
+        global: (value) => typeof value === 'object',
+        type: ['boolean', 'object'],
+        cumulative: true
+    },
     vite: { env: { config: true }, global: true, cumulative: true, type: 'object' },
     disableAutoFullBuild: {
         env: { config: true },
@@ -152,14 +159,44 @@ const configDefinitionsBuiltInAll = {
             'string'
         ]
     },
-    includeAssetsImportedByServer: { env: { config: true }, global: true, type: 'boolean' },
-    baseAssets: { env: { config: true }, global: true, type: 'string' },
-    baseServer: { env: { config: true }, global: true, type: 'string' },
-    redirects: { env: { server: true }, global: true, type: 'string{}', cumulative: true },
-    trailingSlash: { env: { server: true }, global: true, type: 'boolean' },
-    disableUrlNormalization: { env: { server: true }, global: true, type: 'boolean' }
+    viteEnvironmentAPI: {
+        env: { config: true },
+        global: true,
+        type: 'boolean'
+    },
+    includeAssetsImportedByServer: {
+        env: { config: true },
+        global: true,
+        type: 'boolean'
+    },
+    baseAssets: {
+        env: { config: true, server: true },
+        global: true,
+        type: 'string'
+    },
+    baseServer: {
+        env: { config: true, server: true },
+        global: true,
+        type: 'string'
+    },
+    redirects: {
+        env: { server: true },
+        global: true,
+        type: 'string{}',
+        cumulative: true
+    },
+    trailingSlash: {
+        env: { server: true },
+        global: true,
+        type: 'boolean'
+    },
+    disableUrlNormalization: {
+        env: { server: true },
+        global: true,
+        type: 'boolean'
+    }
 };
-exports.configDefinitionsBuiltInAll = configDefinitionsBuiltInAll;
+exports.configDefinitionsBuiltIn = configDefinitionsBuiltIn;
 function getConfigEnv(configValueSources, configName) {
     const configValueSource = getConfigValueSource(configValueSources, configName);
     if (!configValueSource)
@@ -173,11 +210,11 @@ function getConfigEnv(configValueSources, configName) {
     return env;
 }
 function isConfigSet(configValueSources, configName) {
-    const configValueSource = getConfigValueSource(configValueSources, configName);
-    // Enable users to suppress global config values by overriding the config's value to null
-    if (configValueSource?.value === null)
-        return false;
-    return !!configValueSource;
+    const source = getConfigValueSource(configValueSources, configName);
+    return (!!source &&
+        !(source.valueIsLoaded &&
+            // Enable users to suppress inherited config by overriding it with `null`
+            source.value === null));
 }
 function getConfigValueSource(configValueSources, configName) {
     const sources = configValueSources[configName];

package/dist/cjs/node/plugin/plugins/importUserCode/v1-design/{getConfigFileExport.js → getVikeConfig/getConfigFileExport.js}

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getConfigFileExport = getConfigFileExport;
 const picocolors_1 = __importDefault(require("@brillout/picocolors"));
-const assertPlusFileExport_js_1 = require("../../../../../shared/page-configs/assertPlusFileExport.js");
-const utils_js_1 = require("../../../utils.js");
+const assertPlusFileExport_js_1 = require("../../../../../../shared/page-configs/assertPlusFileExport.js");
+const utils_js_1 = require("../../../../utils.js");
 function getConfigFileExport(fileExports, filePathToShowToUser) {
     (0, assertPlusFileExport_js_1.assertPlusFileExport)(fileExports, filePathToShowToUser, 'config');
     const usesNamedExport = !!fileExports.config;

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

@@ -0,0 +1,159 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPlusFilesAll = getPlusFilesAll;
+exports.getPlusFileValueConfigName = getPlusFileValueConfigName;
+const utils_js_1 = require("../../../../utils.js");
+const configDefinitionsBuiltIn_js_1 = require("./configDefinitionsBuiltIn.js");
+const filesystemRouting_js_1 = require("./filesystemRouting.js");
+const transpileAndExecuteFile_js_1 = require("./transpileAndExecuteFile.js");
+const crawlPlusFiles_js_1 = require("./crawlPlusFiles.js");
+const getConfigFileExport_js_1 = require("./getConfigFileExport.js");
+const loadFileAtConfigTime_js_1 = require("./loadFileAtConfigTime.js");
+const resolvePointerImport_js_1 = require("./resolvePointerImport.js");
+const getFilePath_js_1 = require("../../../../shared/getFilePath.js");
+const assertExtensions_js_1 = require("./assertExtensions.js");
+const node_path_1 = __importDefault(require("node:path"));
+async function getPlusFilesAll(userRootDir, esbuildCache) {
+    const plusFiles = await findPlusFiles(userRootDir, null);
+    const configFiles = [];
+    const valueFiles = [];
+    plusFiles.forEach((f) => {
+        if (getPlusFileValueConfigName(f.filePathAbsoluteFilesystem) === 'config') {
+            configFiles.push(f);
+        }
+        else {
+            valueFiles.push(f);
+        }
+    });
+    let plusFilesAll = {};
+    await Promise.all([
+        // Config files
+        ...configFiles.map(async (filePath) => {
+            const { filePathAbsoluteUserRootDir } = filePath;
+            (0, utils_js_1.assert)(filePathAbsoluteUserRootDir);
+            const { configFile, extendsConfigs } = await (0, loadFileAtConfigTime_js_1.loadConfigFile)(filePath, userRootDir, [], false, esbuildCache);
+            (0, utils_js_1.assert)(filePath.filePathAbsoluteUserRootDir);
+            const locationId = (0, filesystemRouting_js_1.getLocationId)(filePathAbsoluteUserRootDir);
+            const plusFile = getPlusFileFromConfigFile(configFile, false, locationId, userRootDir);
+            plusFilesAll[locationId] = plusFilesAll[locationId] ?? [];
+            plusFilesAll[locationId].push(plusFile);
+            extendsConfigs.forEach((extendsConfig) => {
+                /* We purposely use the same locationId because the Vike extension's config should only apply to where it's being extended from, for example:
+                ```js
+                // /pages/admin/+config.js
+        
+                import vikeVue from 'vike-vue/config'
+                // Should only apply to /pages/admin/**
+                export default { extends: [vikeVue] }
+                ```
+                ```js
+                // /pages/marketing/+config.js
+        
+                import vikeReact from 'vike-react/config'
+                // Should only apply to /pages/marketing/**
+                export default { extends: [vikeReact] }
+                ```
+                */
+                const plusFile = getPlusFileFromConfigFile(extendsConfig, true, locationId, userRootDir);
+                (0, assertExtensions_js_1.assertExtensionsConventions)(plusFile);
+                plusFilesAll[locationId].push(plusFile);
+            });
+        }),
+        // Value files
+        ...valueFiles.map(async (filePath) => {
+            const { filePathAbsoluteUserRootDir } = filePath;
+            (0, utils_js_1.assert)(filePathAbsoluteUserRootDir);
+            const configName = getPlusFileValueConfigName(filePathAbsoluteUserRootDir);
+            (0, utils_js_1.assert)(configName);
+            const locationId = (0, filesystemRouting_js_1.getLocationId)(filePathAbsoluteUserRootDir);
+            const plusFile = {
+                locationId,
+                filePath,
+                isConfigFile: false,
+                isNotLoaded: true,
+                configName
+            };
+            plusFilesAll[locationId] = plusFilesAll[locationId] ?? [];
+            plusFilesAll[locationId].push(plusFile);
+            // We don't have access to the custom config definitions defined by the user yet.
+            //  - If `configDef` is `undefined` => we load the file +{configName}.js later.
+            //  - We already need to load +meta.js here (to get the custom config definitions defined by the user)
+            await (0, loadFileAtConfigTime_js_1.loadValueFile)(plusFile, configDefinitionsBuiltIn_js_1.configDefinitionsBuiltIn, userRootDir, esbuildCache);
+        })
+    ]);
+    // Make lists element order deterministic
+    Object.entries(plusFilesAll).forEach(([_locationId, plusFiles]) => {
+        plusFiles.sort(sortMakeDeterministic);
+    });
+    return plusFilesAll;
+}
+function getPlusFileFromConfigFile(configFile, isExtensionConfig, locationId, userRootDir) {
+    const { fileExports, filePath, extendsFilePaths } = configFile;
+    const fileExportsByConfigName = {};
+    const pointerImportsByConfigName = {};
+    const fileExport = (0, getConfigFileExport_js_1.getConfigFileExport)(fileExports, filePath.filePathToShowToUser);
+    Object.entries(fileExport).forEach(([configName, configValue]) => {
+        fileExportsByConfigName[configName] = configValue;
+        const pointerImport = (0, resolvePointerImport_js_1.resolvePointerImport)(configValue, configFile.filePath, userRootDir, configName);
+        if (pointerImport) {
+            pointerImportsByConfigName[configName] = {
+                ...pointerImport,
+                fileExportValueLoaded: false
+            };
+        }
+    });
+    const plusFile = {
+        locationId,
+        filePath,
+        fileExportsByConfigName,
+        pointerImportsByConfigName,
+        isConfigFile: true,
+        isExtensionConfig,
+        extendsFilePaths
+    };
+    return plusFile;
+}
+// Make order deterministic (no other purpose)
+function sortMakeDeterministic(plusFile1, plusFile2) {
+    return plusFile1.filePath.filePathAbsoluteVite < plusFile2.filePath.filePathAbsoluteVite ? -1 : 1;
+}
+async function findPlusFiles(userRootDir, outDirRoot) {
+    const files = await (0, crawlPlusFiles_js_1.crawlPlusFiles)(userRootDir, outDirRoot);
+    const plusFiles = files.map(({ filePathAbsoluteUserRootDir }) => (0, getFilePath_js_1.getFilePathResolved)({ filePathAbsoluteUserRootDir, userRootDir }));
+    return plusFiles;
+}
+function getPlusFileValueConfigName(filePath) {
+    (0, utils_js_1.assertPosixPath)(filePath);
+    if ((0, transpileAndExecuteFile_js_1.isTemporaryBuildFile)(filePath))
+        return null;
+    const fileName = node_path_1.default.posix.basename(filePath);
+    // assertNoUnexpectedPlusSign(filePath, fileName)
+    const basename = fileName.split('.')[0];
+    if (!basename.startsWith('+')) {
+        return null;
+    }
+    else {
+        const configName = basename.slice(1);
+        (0, utils_js_1.assertUsage)(configName !== '', `${filePath} Invalid filename ${fileName}`);
+        return configName;
+    }
+}
+/* https://github.com/vikejs/vike/issues/1407
+function assertNoUnexpectedPlusSign(filePath: string, fileName: string) {
+  const dirs = path.posix.dirname(filePath).split('/')
+  dirs.forEach((dir, i) => {
+    const dirPath = dirs.slice(0, i + 1).join('/')
+    assertUsage(
+      !dir.includes('+'),
+      `Character '+' is a reserved character: remove '+' from the directory name ${dirPath}/`
+    )
+  })
+  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`
+  )
+}
+*/

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

@@ -1,49 +1,63 @@
 "use strict";
-// Files loadded at config time:
+// Files loaded at config time:
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadImportedFile = loadImportedFile;
+exports.loadPointerImport = loadPointerImport;
 exports.loadValueFile = loadValueFile;
 exports.loadConfigFile = loadConfigFile;
 const utils_js_1 = require("../../../../utils.js");
 const transpileAndExecuteFile_js_1 = require("./transpileAndExecuteFile.js");
+const getVikeConfig_js_1 = require("../getVikeConfig.js");
 const assertPlusFileExport_js_1 = require("../../../../../../shared/page-configs/assertPlusFileExport.js");
 const picocolors_1 = __importDefault(require("@brillout/picocolors"));
 const transformPointerImports_js_1 = require("./transformPointerImports.js");
-const getConfigFileExport_js_1 = require("../getConfigFileExport.js");
+const getConfigFileExport_js_1 = require("./getConfigFileExport.js");
 const resolvePointerImport_js_1 = require("./resolvePointerImport.js");
+const getConfigDefinedAt_js_1 = require("../../../../../../shared/page-configs/getConfigDefinedAt.js");
 (0, utils_js_1.assertIsNotProductionRuntime)();
 // Load pointer import
-async function loadImportedFile(import_, userRootDir, importedFilesLoaded) {
-    const f = import_.filePathAbsoluteFilesystem;
-    if (!importedFilesLoaded[f]) {
-        importedFilesLoaded[f] = (0, transpileAndExecuteFile_js_1.transpileAndExecuteFile)(import_, userRootDir, false).then((r) => r.fileExports);
-    }
-    const fileExports = await importedFilesLoaded[f];
-    const fileExport = fileExports[import_.fileExportName];
-    return fileExport;
+async function loadPointerImport(pointerImport, userRootDir, configName, configDefinitions, esbuildCache) {
+    // The value of `extends` was already loaded and already used: we don't need the value of `extends` anymore
+    if (configName === 'extends')
+        return;
+    const configDef = (0, getVikeConfig_js_1.getConfigDefinitionOptional)(configDefinitions, configName);
+    // Only load pointer import if `env.config===true`
+    if (!configDef || !shouldBeLoadableAtBuildTime(configDef))
+        return;
+    const configDefinedAt = (0, getConfigDefinedAt_js_1.getConfigDefinedAt)('Config', configName, pointerImport.fileExportPath);
+    (0, utils_js_1.assertUsage)(pointerImport.fileExportPath.filePathAbsoluteFilesystem, `${configDefinedAt} cannot be defined over an aliased import`);
+    const { fileExports } = await (0, transpileAndExecuteFile_js_1.transpileAndExecuteFile)(pointerImport.fileExportPath, userRootDir, false, esbuildCache);
+    const fileExportValue = fileExports[pointerImport.fileExportPath.fileExportName];
+    pointerImport.fileExportValueLoaded = true;
+    (0, utils_js_1.assert)(pointerImport.fileExportValueLoaded);
+    pointerImport.fileExportValue = fileExportValue;
 }
 // Load +{configName}.js
-async function loadValueFile(interfaceValueFile, configName, userRootDir) {
-    const { fileExports } = await (0, transpileAndExecuteFile_js_1.transpileAndExecuteFile)(interfaceValueFile.filePath, userRootDir, false);
+async function loadValueFile(interfaceValueFile, configDefinitions, userRootDir, esbuildCache) {
+    const { configName } = interfaceValueFile;
+    const configDef = (0, getVikeConfig_js_1.getConfigDefinitionOptional)(configDefinitions, configName);
+    // Only load value files with `env.config===true`
+    if (!configDef || !shouldBeLoadableAtBuildTime(configDef))
+        return;
+    interfaceValueFile.isNotLoaded = false;
+    (0, utils_js_1.assert)(!interfaceValueFile.isNotLoaded);
+    interfaceValueFile.fileExportsByConfigName = {};
+    const { fileExports } = await (0, transpileAndExecuteFile_js_1.transpileAndExecuteFile)(interfaceValueFile.filePath, userRootDir, false, esbuildCache);
     const { filePathToShowToUser } = interfaceValueFile.filePath;
     (0, assertPlusFileExport_js_1.assertPlusFileExport)(fileExports, filePathToShowToUser, configName);
     Object.entries(fileExports).forEach(([exportName, configValue]) => {
         const configName_ = exportName === 'default' ? configName : exportName;
-        interfaceValueFile.fileExportsByConfigName[configName_] = { configValue };
+        interfaceValueFile.fileExportsByConfigName[configName_] = configValue;
     });
 }
 // Load +config.js, including all its extends pointer imports
-async function loadConfigFile(configFilePath, userRootDir, visited, isExtensionConfig) {
+async function loadConfigFile(configFilePath, userRootDir, visited, isExtensionConfig, esbuildCache) {
     const { filePathAbsoluteFilesystem } = configFilePath;
     assertNoInfiniteLoop(visited, filePathAbsoluteFilesystem);
-    const { fileExports } = await (0, transpileAndExecuteFile_js_1.transpileAndExecuteFile)(configFilePath, userRootDir, isExtensionConfig ? 'is-extension-config' : true);
-    const { extendsConfigs, extendsFilePaths } = await loadExtendsConfigs(fileExports, configFilePath, userRootDir, [
-        ...visited,
-        filePathAbsoluteFilesystem
-    ]);
+    const { fileExports } = await (0, transpileAndExecuteFile_js_1.transpileAndExecuteFile)(configFilePath, userRootDir, isExtensionConfig ? 'is-extension-config' : true, esbuildCache);
+    const { extendsConfigs, extendsFilePaths } = await loadExtendsConfigs(fileExports, configFilePath, userRootDir, [...visited, filePathAbsoluteFilesystem], esbuildCache);
     const configFile = {
         fileExports,
         filePath: configFilePath,
@@ -59,15 +73,15 @@ function assertNoInfiniteLoop(visited, filePathAbsoluteFilesystem) {
     (0, utils_js_1.assert)(loop[0] === filePathAbsoluteFilesystem);
     (0, utils_js_1.assertUsage)(idx === -1, `Infinite extends loop ${[...loop, filePathAbsoluteFilesystem].join('>')}`);
 }
-async function loadExtendsConfigs(configFileExports, configFilePath, userRootDir, visited) {
+async function loadExtendsConfigs(configFileExports, configFilePath, userRootDir, visited, esbuildCache) {
     const { extendsPointerImportData, extendsConfigs } = getExtendsPointerImportData(configFileExports, configFilePath);
     const extendsConfigFiles = [];
     extendsPointerImportData.map((pointerImportData) => {
-        const filePath = (0, resolvePointerImport_js_1.resolvePointerImport)(pointerImportData, configFilePath, userRootDir);
+        const filePath = (0, resolvePointerImport_js_1.resolvePointerImportData)(pointerImportData, configFilePath, userRootDir);
         (0, utils_js_1.assert)(filePath.filePathAbsoluteFilesystem);
         extendsConfigFiles.push(filePath);
     });
-    const results = await Promise.all(extendsConfigFiles.map(async (configFilePath) => await loadConfigFile(configFilePath, userRootDir, visited, true)));
+    const results = await Promise.all(extendsConfigFiles.map(async (configFilePath) => await loadConfigFile(configFilePath, userRootDir, visited, true, esbuildCache)));
     results.forEach((result) => {
         extendsConfigs.push(result.configFile);
         extendsConfigs.push(...result.extendsConfigs);
@@ -110,3 +124,6 @@ function getExtendsPointerImportData(configFileExports, configFilePath) {
     }
     return { extendsPointerImportData, extendsConfigs };
 }
+function shouldBeLoadableAtBuildTime(configDef) {
+    return !!configDef.env.config && !configDef._valueIsFilePath;
+}