@jsenv/core 40.3.3 → 40.5.0

package/dist/build/build.js

@@ -4,18 +4,18 @@ import { jsenvPluginMinification } from "@jsenv/plugin-minification";
 import { jsenvPluginTranspilation, jsenvPluginJsModuleFallback } from "@jsenv/plugin-transpilation";
 import { memoryUsage } from "node:process";
 import { readFileSync, existsSync, readdirSync, lstatSync, realpathSync } from "node:fs";
-import { lookupPackageDirectory$1 as lookupPackageDirectory, registerDirectoryLifecycle$1 as registerDirectoryLifecycle, urlToRelativeUrl$1 as urlToRelativeUrl, createDetailedMessage$1 as createDetailedMessage, stringifyUrlSite$1 as stringifyUrlSite, generateContentFrame$1 as generateContentFrame, validateResponseIntegrity$1 as validateResponseIntegrity, urlIsInsideOf$1 as urlIsInsideOf, ensureWindowsDriveLetter$1 as ensureWindowsDriveLetter, setUrlFilename$1 as setUrlFilename, moveUrl$1 as moveUrl, getCallerPosition$1 as getCallerPosition, urlToBasename$1 as urlToBasename, urlToExtension$1 as urlToExtension, asSpecifierWithoutSearch$1 as asSpecifierWithoutSearch, asUrlWithoutSearch$1 as asUrlWithoutSearch, injectQueryParamsIntoSpecifier$1 as injectQueryParamsIntoSpecifier, bufferToEtag$1 as bufferToEtag, isFileSystemPath$1 as isFileSystemPath, urlToPathname$1 as urlToPathname, setUrlBasename$1 as setUrlBasename, urlToFileSystemPath$1 as urlToFileSystemPath, writeFileSync$1 as writeFileSync, createLogger$1 as createLogger, URL_META$1 as URL_META, applyNodeEsmResolution$1 as applyNodeEsmResolution, RUNTIME_COMPAT$1 as RUNTIME_COMPAT, normalizeUrl$1 as normalizeUrl, ANSI$1 as ANSI, CONTENT_TYPE$1 as CONTENT_TYPE, urlToFilename$1 as urlToFilename, DATA_URL$1 as DATA_URL, errorToHTML$1 as errorToHTML, normalizeImportMap$1 as normalizeImportMap, composeTwoImportMaps$1 as composeTwoImportMaps, resolveImport$1 as resolveImport, JS_QUOTES$1 as JS_QUOTES, defaultLookupPackageScope$1 as defaultLookupPackageScope, defaultReadPackageJson$1 as defaultReadPackageJson, readCustomConditionsFromProcessArgs$1 as readCustomConditionsFromProcessArgs, readEntryStatSync$1 as readEntryStatSync, ensurePathnameTrailingSlash$1 as ensurePathnameTrailingSlash, compareFileUrls$1 as compareFileUrls, applyFileSystemMagicResolution$1 as applyFileSystemMagicResolution, getExtensionsToTry$1 as getExtensionsToTry, setUrlExtension$1 as setUrlExtension, isSpecifierForNodeBuiltin$1 as isSpecifierForNodeBuiltin, renderDetails, humanizeDuration, humanizeFileSize, renderTable, renderBigSection, distributePercentages, humanizeMemory, comparePathnames, UNICODE, escapeRegexpSpecialChars, injectQueryParamIntoSpecifierWithoutEncoding, renderUrlOrRelativeUrlFilename, assertAndNormalizeDirectoryUrl$1 as assertAndNormalizeDirectoryUrl, Abort, raceProcessTeardownEvents, startMonitoringCpuUsage, startMonitoringMemoryUsage, createLookupPackageDirectory, readPackageAtOrNull$1 as readPackageAtOrNull, inferRuntimeCompatFromClosestPackage, browserDefaultRuntimeCompat, nodeDefaultRuntimeCompat, clearDirectorySync, createTaskLog$1 as createTaskLog, ensureEmptyDirectory, updateJsonFileSync, createDynamicLog } from "../jsenv_core_packages.js";
+import { lookupPackageDirectory, registerDirectoryLifecycle, urlToRelativeUrl, createDetailedMessage, stringifyUrlSite, generateContentFrame, validateResponseIntegrity, urlIsInsideOf, ensureWindowsDriveLetter, setUrlFilename, moveUrl, getCallerPosition, urlToBasename, urlToExtension, asSpecifierWithoutSearch, asUrlWithoutSearch, injectQueryParamsIntoSpecifier, bufferToEtag, isFileSystemPath, urlToPathname, setUrlBasename, urlToFileSystemPath, writeFileSync, createLogger, URL_META, applyNodeEsmResolution, RUNTIME_COMPAT, normalizeUrl, ANSI, CONTENT_TYPE, urlToFilename, DATA_URL, errorToHTML, normalizeImportMap, composeTwoImportMaps, resolveImport, JS_QUOTES, defaultLookupPackageScope, defaultReadPackageJson, readCustomConditionsFromProcessArgs, readEntryStatSync, ensurePathnameTrailingSlash, compareFileUrls, applyFileSystemMagicResolution, getExtensionsToTry, setUrlExtension, isSpecifierForNodeBuiltin, renderDetails, humanizeDuration, humanizeFileSize, renderTable, renderBigSection, distributePercentages, humanizeMemory, comparePathnames, UNICODE, escapeRegexpSpecialChars, injectQueryParamIntoSpecifierWithoutEncoding, renderUrlOrRelativeUrlFilename, injectQueryParams, assertAndNormalizeDirectoryUrl, Abort, raceProcessTeardownEvents, startMonitoringCpuUsage, startMonitoringMemoryUsage, createLookupPackageDirectory, readPackageAtOrNull, inferRuntimeCompatFromClosestPackage, browserDefaultRuntimeCompat, nodeDefaultRuntimeCompat, clearDirectorySync, createTaskLog, ensureEmptyDirectory, updateJsonFileSync, createDynamicLog } from "./jsenv_core_packages.js";
 import { pathToFileURL } from "node:url";
 import { generateSourcemapFileUrl, createMagicSource, composeTwoSourcemaps, generateSourcemapDataUrl, SOURCEMAP } from "@jsenv/sourcemap";
 import { performance } from "node:perf_hooks";
 import { jsenvPluginSupervisor } from "@jsenv/plugin-supervisor";
 import { WebSocketResponse, pickContentType } from "@jsenv/server";
 import { randomUUID, createHash } from "node:crypto";
-import "../jsenv_core_node_modules.js";
+import "./jsenv_core_node_modules.js";
 import "node:os";
 import "node:tty";
-import "node:util";
 import "node:path";
+import "node:util";
 
 const getDirectoryWatchPatterns = (
   directoryUrl,
@@ -5669,28 +5669,63 @@ const createBuildPackageConditions = (
   const nodeRuntimeEnabled = Object.keys(runtimeCompat).includes("node");
   // https://nodejs.org/api/esm.html#resolver-algorithm-specification
   const processArgConditions = readCustomConditionsFromProcessArgs();
-  const packageConditionsDefaultResolvers = {};
-  for (const processArgCondition of processArgConditions) {
-    packageConditionsDefaultResolvers[processArgCondition] = true;
-  }
-  const packageConditionResolvers = {
-    ...packageConditionsDefaultResolvers,
-    development: (specifier, importer) => {
-      if (isBareSpecifier$1(specifier)) {
-        const { url } = applyNodeEsmResolution({
-          specifier,
-          parentUrl: importer,
-        });
-        return !url.includes("/node_modules/");
+  const devResolver = (specifier, importer) => {
+    if (isBareSpecifier$1(specifier)) {
+      const { url } = applyNodeEsmResolution({
+        specifier,
+        parentUrl: importer,
+      });
+      return !url.includes("/node_modules/");
+    }
+    return !importer.includes("/node_modules/");
+  };
+
+  const conditionDefaultResolvers = {
+    "dev:*": devResolver,
+    "development": devResolver,
+    "node": nodeRuntimeEnabled,
+    "browser": !nodeRuntimeEnabled,
+    "import": true,
+  };
+  const conditionResolvers = {
+    ...conditionDefaultResolvers,
+  };
+
+  let wildcardToRemoveSet = new Set();
+  const addCustomResolver = (condition, customResolver) => {
+    for (const conditionCandidate of Object.keys(conditionDefaultResolvers)) {
+      if (conditionCandidate.includes("*")) {
+        const conditionRegex = new RegExp(
+          `^${conditionCandidate.replace(/\*/g, "(.*)")}$`,
+        );
+        if (conditionRegex.test(condition)) {
+          const existingResolver =
+            conditionDefaultResolvers[conditionCandidate];
+          wildcardToRemoveSet.add(conditionCandidate);
+          conditionResolvers[condition] = combineTwoPackageConditionResolvers(
+            existingResolver,
+            customResolver,
+          );
+          return;
+        }
       }
-      return !importer.includes("/node_modules/");
-    },
-    node: nodeRuntimeEnabled,
-    browser: !nodeRuntimeEnabled,
-    import: true,
+    }
+    const existingResolver = conditionDefaultResolvers[condition];
+    if (existingResolver) {
+      conditionResolvers[condition] = combineTwoPackageConditionResolvers(
+        existingResolver,
+        customResolver,
+      );
+      return;
+    }
+    conditionResolvers[condition] = customResolver;
   };
-  for (const condition of Object.keys(packageConditions)) {
-    const value = packageConditions[condition];
+
+  for (const processArgCondition of processArgConditions) {
+    addCustomResolver(processArgCondition, true);
+  }
+  for (const customCondition of Object.keys(packageConditions)) {
+    const value = packageConditions[customCondition];
     let customResolver;
     if (typeof value === "object") {
       const associations = URL_META.resolveAssociations(
@@ -5733,29 +5768,25 @@ const createBuildPackageConditions = (
     } else if (typeof value === "function") {
       customResolver = value;
     } else {
-      customResolver = () => value;
-    }
-    const existing = packageConditionResolvers[condition];
-    if (existing) {
-      packageConditionResolvers[condition] = (...args) => {
-        const customResult = customResolver(...args);
-        return customResult === undefined ? existing(...args) : customResult;
-      };
-    } else {
-      packageConditionResolvers[condition] = customResolver;
+      customResolver = value;
     }
+    addCustomResolver(customCondition, customResolver);
+  }
+
+  for (const wildcardToRemove of wildcardToRemoveSet) {
+    delete conditionResolvers[wildcardToRemove];
   }
 
+  const conditionCandidateArray = Object.keys(conditionResolvers);
   return (specifier, importer) => {
     const conditions = [];
-    for (const conditionCandidate of Object.keys(packageConditionResolvers)) {
-      const packageConditionResolver =
-        packageConditionResolvers[conditionCandidate];
-      if (typeof packageConditionResolver === "function") {
-        if (packageConditionResolver(specifier, importer)) {
+    for (const conditionCandidate of conditionCandidateArray) {
+      const conditionResolver = conditionResolvers[conditionCandidate];
+      if (typeof conditionResolver === "function") {
+        if (conditionResolver(specifier, importer)) {
           conditions.push(conditionCandidate);
         }
-      } else if (packageConditionResolver) {
+      } else if (conditionResolver) {
         conditions.push(conditionCandidate);
       }
     }
@@ -5763,6 +5794,22 @@ const createBuildPackageConditions = (
   };
 };
 
+const combineTwoPackageConditionResolvers = (first, second) => {
+  if (typeof second !== "function") {
+    return second;
+  }
+  return (...args) => {
+    const secondResult = second(...args);
+    if (secondResult !== undefined) {
+      return secondResult;
+    }
+    if (typeof first === "function") {
+      return first(...args);
+    }
+    return first;
+  };
+};
+
 const addRelationshipWithPackageJson = ({
   reference,
   packageJsonUrl,
@@ -9020,7 +9067,6 @@ const createBuildSpecifierManager = ({
       buildUrl = generateSourcemapFileUrl(parentBuildUrl);
       reference.generatedSpecifier = buildUrl;
     } else {
-      const url = reference.generatedUrl;
       const rawUrlInfo = rawKitchen.graph.getUrlInfo(reference.url);
       let urlInfo;
       if (rawUrlInfo) {
@@ -9030,6 +9076,7 @@ const createBuildSpecifierManager = ({
         buildUrlInfo.subtype = reference.expectedSubtype;
         urlInfo = buildUrlInfo;
       }
+      const url = reference.generatedUrl;
       buildUrl = buildUrlsGenerator.generate(url, {
         urlInfo,
         ownerUrlInfo: reference.ownerUrlInfo,
@@ -9207,7 +9254,7 @@ const createBuildSpecifierManager = ({
         js_classic: undefined, // TODO: add comment to explain who is using this
         entry_point: undefined,
         dynamic_import: undefined,
-        dynamic_import_id: undefined,
+        // dynamic_import_id: undefined,
       };
     },
     formatReference: (reference) => {
@@ -10349,6 +10396,20 @@ const createBuildUrlsGenerator = ({
       return buildUrlFromMap;
     }
     if (urlIsInsideOf(url, buildDirectoryUrl)) {
+      if (ownerUrlInfo.searchParams.has("dynamic_import_id")) {
+        const ownerDirectoryPath = determineDirectoryPath({
+          sourceDirectoryUrl,
+          assetsDirectory,
+          urlInfo: ownerUrlInfo,
+        });
+        const buildRelativeUrl = urlToRelativeUrl(url, buildDirectoryUrl);
+        let buildUrl = `${buildDirectoryUrl}${ownerDirectoryPath}${buildRelativeUrl}`;
+        buildUrl = injectQueryParams(buildUrl, {
+          dynamic_import_id: undefined,
+        });
+        associateBuildUrl(url, buildUrl);
+        return buildUrl;
+      }
       associateBuildUrl(url, url);
       return url;
     }
@@ -10369,7 +10430,8 @@ const createBuildUrlsGenerator = ({
       } else {
         directoryPath = urlToRelativeUrl(url, sourceDirectoryUrl);
       }
-      const { search } = new URL(url);
+      const urlObject = new URL(url);
+      const { search } = urlObject;
       const buildUrl = `${buildDirectoryUrl}${directoryPath}${search}`;
       associateBuildUrl(url, buildUrl);
       return buildUrl;
@@ -10387,6 +10449,7 @@ const createBuildUrlsGenerator = ({
       nameSetPerDirectoryMap.set(directoryPath, nameSet);
     }
     const urlObject = new URL(url);
+    injectQueryParams(urlObject, { dynamic_import_id: undefined });
     let { search, hash } = urlObject;
     let urlName = getUrlName(url, urlInfo);
     let [basename, extension] = splitFileExtension(urlName);
@@ -10433,7 +10496,7 @@ const determineDirectoryPath = ({
   sourceDirectoryUrl,
   assetsDirectory,
   urlInfo,
-  ownerUrlInfo,
+  ownerUrlInfo = urlInfo.firstReference.ownerUrlInfo,
 }) => {
   if (urlInfo.dirnameHint) {
     return urlInfo.dirnameHint;
@@ -10445,13 +10508,29 @@ const determineDirectoryPath = ({
     const parentDirectoryPath = determineDirectoryPath({
       sourceDirectoryUrl,
       assetsDirectory,
-      urlInfo: ownerUrlInfo || urlInfo.firstReference.ownerUrlInfo,
+      urlInfo: ownerUrlInfo,
     });
     return parentDirectoryPath;
   }
   const dynamicImportId = urlInfo.searchParams.get("dynamic_import_id");
   if (dynamicImportId) {
-    return `${assetsDirectory}${dynamicImportId}/`;
+    const ancestorImportIds = [];
+    let ancestorUrlInfo = ownerUrlInfo;
+    let currentImportId = dynamicImportId;
+    while (ancestorUrlInfo) {
+      const ancestorDynamicImportId =
+        ancestorUrlInfo.searchParams.get("dynamic_import_id");
+      if (!ancestorDynamicImportId) {
+        break;
+      }
+      if (ancestorDynamicImportId !== currentImportId) {
+        ancestorImportIds.push(ancestorDynamicImportId);
+        currentImportId = ancestorDynamicImportId;
+      }
+      ancestorUrlInfo = ancestorUrlInfo.firstReference?.ownerUrlInfo;
+    }
+    const importIdPath = [...ancestorImportIds, dynamicImportId].join("/");
+    return `${assetsDirectory}${importIdPath}/`;
   }
   if (urlInfo.isEntryPoint && !urlInfo.isDynamicEntryPoint) {
     return "";
@@ -10694,7 +10773,12 @@ const build = async ({
         let runtimeType;
         {
           if (isBareSpecifier(key)) {
-            const packageConditions = ["development", "node", "import"];
+            const packageConditions = [
+              "development",
+              "dev:*",
+              "node",
+              "import",
+            ];
             try {
               const { url, type } = applyNodeEsmResolution({
                 conditions: packageConditions,
@@ -10870,7 +10954,42 @@ const build = async ({
     { sourceUrlToLog, buildUrlToLog },
   ) => {
     let content = "";
-    content += `${UNICODE.OK} ${ANSI.color(sourceUrlToLog, ANSI.GREY)} ${ANSI.color("->", ANSI.GREY)} ${ANSI.color(buildUrlToLog, "")}`;
+
+    const applyColorOnFileRelativeUrl = (fileRelativeUrl, color) => {
+      const fileUrl = new URL(fileRelativeUrl, rootPackageDirectoryUrl);
+      const packageDirectoryUrl = lookupPackageDirectory(fileUrl);
+      if (
+        !packageDirectoryUrl ||
+        packageDirectoryUrl === rootPackageDirectoryUrl
+      ) {
+        return ANSI.color(fileRelativeUrl, color);
+      }
+      const parentDirectoryUrl = new URL("../", packageDirectoryUrl).href;
+      const beforePackageDirectoryName = urlToRelativeUrl(
+        parentDirectoryUrl,
+        rootPackageDirectoryUrl,
+      );
+      const packageDirectoryName = urlToFilename(packageDirectoryUrl);
+      const afterPackageDirectoryUrl = urlToRelativeUrl(
+        fileUrl,
+        packageDirectoryUrl,
+      );
+      const beforePackageNameStylized = ANSI.color(
+        beforePackageDirectoryName,
+        color,
+      );
+      const packageNameStylized = ANSI.color(
+        ANSI.effect(packageDirectoryName, ANSI.UNDERLINE),
+        color,
+      );
+      const afterPackageNameStylized = ANSI.color(
+        `/${afterPackageDirectoryUrl}`,
+        color,
+      );
+      return `${beforePackageNameStylized}${packageNameStylized}${afterPackageNameStylized}`;
+    };
+
+    content += `${UNICODE.OK} ${applyColorOnFileRelativeUrl(sourceUrlToLog, ANSI.GREY)} ${ANSI.color("->", ANSI.GREY)} ${applyColorOnFileRelativeUrl(buildUrlToLog, "")}`;
     // content += " ";
     // content += ANSI.color("(", ANSI.GREY);
     // content += ANSI.color(