@jsenv/core 39.9.6 → 39.10.0

package/dist/jsenv_core.js

@@ -1485,6 +1485,14 @@ const isValidUrl$1 = (url) => {
   }
 };
 
+const asSpecifierWithoutSearch = (specifier) => {
+  if (isValidUrl$1(specifier)) {
+    return asUrlWithoutSearch(specifier);
+  }
+  const [beforeQuestion] = specifier.split("?");
+  return beforeQuestion;
+};
+
 // normalize url search params:
 // Using URLSearchParams to alter the url search params
 // can result into "file:///file.css?css_module"
@@ -6973,6 +6981,14 @@ const startServer = async ({
         nodeResponse.end();
         return;
       }
+      try {
+        // eslint-disable-next-line no-new
+        new URL(nodeRequest.url, "http://example.com/");
+      } catch {
+        nodeResponse.writeHead(400, "Request url is not supported");
+        nodeResponse.end();
+        return;
+      }
 
       const receiveRequestOperation = Abort.startOperation();
       receiveRequestOperation.addAbortSource((abort) => {
@@ -8045,6 +8061,7 @@ const fetchFileSystem = async (
       : "no-store",
     canReadDirectory = false,
     rootDirectoryUrl, //  = `${pathToFileURL(process.cwd())}/`,
+    ENOENTFallback = () => {},
   } = {},
 ) => {
   const urlString = asUrlString(filesystemUrl);
@@ -8102,100 +8119,109 @@ const fetchFileSystem = async (
     };
   }
 
-  const sourceUrl = `file://${new URL(urlString).pathname}`;
-  try {
-    const [readStatTiming, sourceStat] = await timeFunction(
-      "file service>read file stat",
-      () => statSync(new URL(sourceUrl)),
-    );
-    if (sourceStat.isDirectory()) {
-      if (canReadDirectory) {
-        return serveDirectory(urlString, {
+  const serveFile = async (fileUrl) => {
+    try {
+      const [readStatTiming, fileStat] = timeFunction(
+        "file service>read file stat",
+        () => statSync(new URL(fileUrl)),
+      );
+      if (fileStat.isDirectory()) {
+        if (canReadDirectory) {
+          return serveDirectory(fileUrl, {
+            headers,
+            canReadDirectory,
+            rootDirectoryUrl,
+          });
+        }
+        return {
+          status: 403,
+          statusText: "not allowed to read directory",
+        };
+      }
+      // not a file, give up
+      if (!fileStat.isFile()) {
+        return {
+          status: 404,
+          timing: readStatTiming,
+        };
+      }
+
+      const clientCacheResponse = await getClientCacheResponse({
+        headers,
+        etagEnabled,
+        etagMemory,
+        etagMemoryMaxSize,
+        mtimeEnabled,
+        fileStat,
+        fileUrl,
+      });
+
+      // send 304 (redirect response to client cache)
+      // because the response body does not have to be transmitted
+      if (clientCacheResponse.status === 304) {
+        return composeTwoResponses(
+          {
+            timing: readStatTiming,
+            headers: {
+              ...(cacheControl ? { "cache-control": cacheControl } : {}),
+            },
+          },
+          clientCacheResponse,
+        );
+      }
+
+      let response;
+      if (compressionEnabled && fileStat.size >= compressionSizeThreshold) {
+        const compressedResponse = await getCompressedResponse({
           headers,
-          canReadDirectory,
-          rootDirectoryUrl,
+          fileUrl,
+        });
+        if (compressedResponse) {
+          response = compressedResponse;
+        }
+      }
+      if (!response) {
+        response = await getRawResponse({
+          fileStat,
+          fileUrl,
         });
       }
-      return {
-        status: 403,
-        statusText: "not allowed to read directory",
-      };
-    }
-    // not a file, give up
-    if (!sourceStat.isFile()) {
-      return {
-        status: 404,
-        timing: readStatTiming,
-      };
-    }
-
-    const clientCacheResponse = await getClientCacheResponse({
-      headers,
-      etagEnabled,
-      etagMemory,
-      etagMemoryMaxSize,
-      mtimeEnabled,
-      sourceStat,
-      sourceUrl,
-    });
 
-    // send 304 (redirect response to client cache)
-    // because the response body does not have to be transmitted
-    if (clientCacheResponse.status === 304) {
-      return composeTwoResponses(
+      const intermediateResponse = composeTwoResponses(
         {
           timing: readStatTiming,
           headers: {
             ...(cacheControl ? { "cache-control": cacheControl } : {}),
+            // even if client cache is disabled, server can still
+            // send his own cache control but client should just ignore it
+            // and keep sending cache-control: 'no-store'
+            // if not, uncomment the line below to preserve client
+            // desire to ignore cache
+            // ...(headers["cache-control"] === "no-store" ? { "cache-control": "no-store" } : {}),
           },
         },
-        clientCacheResponse,
+        response,
       );
-    }
-
-    let response;
-    if (compressionEnabled && sourceStat.size >= compressionSizeThreshold) {
-      const compressedResponse = await getCompressedResponse({
-        headers,
-        sourceUrl,
-      });
-      if (compressedResponse) {
-        response = compressedResponse;
+      return composeTwoResponses(intermediateResponse, clientCacheResponse);
+    } catch (e) {
+      if (e.code === "ENOENT") {
+        const fallbackFileUrl = ENOENTFallback();
+        if (fallbackFileUrl) {
+          return serveFile(fallbackFileUrl);
+        }
       }
+      return composeTwoResponses(
+        {
+          headers: {
+            ...(cacheControl ? { "cache-control": cacheControl } : {}),
+          },
+        },
+        convertFileSystemErrorToResponseProperties(e) || {},
+      );
     }
-    if (!response) {
-      response = await getRawResponse({
-        sourceStat,
-        sourceUrl,
-      });
-    }
+  };
 
-    const intermediateResponse = composeTwoResponses(
-      {
-        timing: readStatTiming,
-        headers: {
-          ...(cacheControl ? { "cache-control": cacheControl } : {}),
-          // even if client cache is disabled, server can still
-          // send his own cache control but client should just ignore it
-          // and keep sending cache-control: 'no-store'
-          // if not, uncomment the line below to preserve client
-          // desire to ignore cache
-          // ...(headers["cache-control"] === "no-store" ? { "cache-control": "no-store" } : {}),
-        },
-      },
-      response,
-    );
-    return composeTwoResponses(intermediateResponse, clientCacheResponse);
-  } catch (e) {
-    return composeTwoResponses(
-      {
-        headers: {
-          ...(cacheControl ? { "cache-control": cacheControl } : {}),
-        },
-      },
-      convertFileSystemErrorToResponseProperties(e) || {},
-    );
-  }
+  return serveFile(`file://${new URL(urlString).pathname}`);
 };
 
 const create500Response = (message) => {
@@ -8215,8 +8241,8 @@ const getClientCacheResponse = async ({
   etagMemory,
   etagMemoryMaxSize,
   mtimeEnabled,
-  sourceStat,
-  sourceUrl,
+  fileStat,
+  fileUrl,
 }) => {
   // here you might be tempted to add || headers["cache-control"] === "no-cache"
   // but no-cache means resource can be cache but must be revalidated (yeah naming is strange)
@@ -8235,15 +8261,15 @@ const getClientCacheResponse = async ({
       headers,
       etagMemory,
       etagMemoryMaxSize,
-      sourceStat,
-      sourceUrl,
+      fileStat,
+      fileUrl,
     });
   }
 
   if (mtimeEnabled) {
     return getMtimeResponse({
       headers,
-      sourceStat,
+      fileStat,
     });
   }
 
@@ -8254,8 +8280,8 @@ const getEtagResponse = async ({
   headers,
   etagMemory,
   etagMemoryMaxSize,
-  sourceUrl,
-  sourceStat,
+  fileUrl,
+  fileStat,
 }) => {
   const [computeEtagTiming, fileContentEtag] = await timeFunction(
     "file service>generate file etag",
@@ -8263,8 +8289,8 @@ const getEtagResponse = async ({
       computeEtag({
         etagMemory,
         etagMemoryMaxSize,
-        sourceUrl,
-        sourceStat,
+        fileUrl,
+        fileStat,
       }),
   );
 
@@ -8292,20 +8318,20 @@ const ETAG_MEMORY_MAP = new Map();
 const computeEtag = async ({
   etagMemory,
   etagMemoryMaxSize,
-  sourceUrl,
-  sourceStat,
+  fileUrl,
+  fileStat,
 }) => {
   if (etagMemory) {
-    const etagMemoryEntry = ETAG_MEMORY_MAP.get(sourceUrl);
+    const etagMemoryEntry = ETAG_MEMORY_MAP.get(fileUrl);
     if (
       etagMemoryEntry &&
-      fileStatAreTheSame(etagMemoryEntry.sourceStat, sourceStat)
+      fileStatAreTheSame(etagMemoryEntry.fileStat, fileStat)
     ) {
       return etagMemoryEntry.eTag;
     }
   }
   const fileContentAsBuffer = await new Promise((resolve, reject) => {
-    readFile(new URL(sourceUrl), (error, buffer) => {
+    readFile(new URL(fileUrl), (error, buffer) => {
       if (error) {
         reject(error);
       } else {
@@ -8319,7 +8345,7 @@ const computeEtag = async ({
       const firstKey = Array.from(ETAG_MEMORY_MAP.keys())[0];
       ETAG_MEMORY_MAP.delete(firstKey);
     }
-    ETAG_MEMORY_MAP.set(sourceUrl, { sourceStat, eTag });
+    ETAG_MEMORY_MAP.set(fileUrl, { fileStat, eTag });
   }
   return eTag;
 };
@@ -8344,7 +8370,7 @@ const fileStatKeysToCompare = [
   "blksize",
 ];
 
-const getMtimeResponse = async ({ headers, sourceStat }) => {
+const getMtimeResponse = async ({ headers, fileStat }) => {
   if ("if-modified-since" in headers) {
     let cachedModificationDate;
     try {
@@ -8356,7 +8382,7 @@ const getMtimeResponse = async ({ headers, sourceStat }) => {
       };
     }
 
-    const actualModificationDate = dateToSecondsPrecision(sourceStat.mtime);
+    const actualModificationDate = dateToSecondsPrecision(fileStat.mtime);
     if (Number(cachedModificationDate) >= Number(actualModificationDate)) {
       return {
         status: 304,
@@ -8367,12 +8393,12 @@ const getMtimeResponse = async ({ headers, sourceStat }) => {
   return {
     status: 200,
     headers: {
-      "last-modified": dateToUTCString(sourceStat.mtime),
+      "last-modified": dateToUTCString(fileStat.mtime),
     },
   };
 };
 
-const getCompressedResponse = async ({ sourceUrl, headers }) => {
+const getCompressedResponse = async ({ fileUrl, headers }) => {
   const acceptedCompressionFormat = pickContentEncoding(
     { headers },
     Object.keys(availableCompressionFormats),
@@ -8381,7 +8407,7 @@ const getCompressedResponse = async ({ sourceUrl, headers }) => {
     return null;
   }
 
-  const fileReadableStream = fileUrlToReadableStream(sourceUrl);
+  const fileReadableStream = fileUrlToReadableStream(fileUrl);
   const body =
     await availableCompressionFormats[acceptedCompressionFormat](
       fileReadableStream,
@@ -8390,7 +8416,7 @@ const getCompressedResponse = async ({ sourceUrl, headers }) => {
   return {
     status: 200,
     headers: {
-      "content-type": CONTENT_TYPE.fromUrlExtension(sourceUrl),
+      "content-type": CONTENT_TYPE.fromUrlExtension(fileUrl),
       "content-encoding": acceptedCompressionFormat,
       "vary": "accept-encoding",
     },
@@ -8420,14 +8446,14 @@ const availableCompressionFormats = {
   },
 };
 
-const getRawResponse = async ({ sourceUrl, sourceStat }) => {
+const getRawResponse = async ({ fileUrl, fileStat }) => {
   return {
     status: 200,
     headers: {
-      "content-type": CONTENT_TYPE.fromUrlExtension(sourceUrl),
-      "content-length": sourceStat.size,
+      "content-type": CONTENT_TYPE.fromUrlExtension(fileUrl),
+      "content-length": fileStat.size,
     },
-    body: fileUrlToReadableStream(sourceUrl),
+    body: fileUrlToReadableStream(fileUrl),
   };
 };
 
@@ -13085,6 +13111,7 @@ const createReference = ({
       );
     }
   }
+
   const reference = {
     id: ++referenceId,
     ownerUrlInfo,
@@ -13107,6 +13134,9 @@ const createReference = ({
     integrity,
     crossorigin,
     specifier,
+    get specifierPathname() {
+      return asSpecifierWithoutSearch(reference.specifier);
+    },
     specifierStart,
     specifierEnd,
     specifierLine,
@@ -15602,7 +15632,7 @@ const jsenvPluginDirectoryReferenceEffect = (
         reference.filenameHint = `${
           reference.ownerUrlInfo.filenameHint
         }${urlToFilename$1(reference.url)}/`;
-      } else if (reference.specifier.endsWith("./")) ; else {
+      } else if (reference.specifierPathname.endsWith("./")) ; else {
         reference.filenameHint = `${urlToFilename$1(reference.url)}/`;
       }
       let actionForDirectory;
@@ -18890,7 +18920,7 @@ const createNodeEsmResolver = ({
       return reference.specifier;
     }
     const { ownerUrlInfo } = reference;
-    if (reference.specifier[0] === "/") {
+    if (reference.specifierPathname[0] === "/") {
       const url = new URL(
         reference.specifier.slice(1),
         ownerUrlInfo.context.rootDirectoryUrl,
@@ -19092,7 +19122,7 @@ const jsenvPluginWebResolution = () => {
     appliesDuring: "*",
     resolveReference: (reference) => {
       const { ownerUrlInfo } = reference;
-      if (reference.specifier[0] === "/") {
+      if (reference.specifierPathname[0] === "/") {
         const url = new URL(
           reference.specifier.slice(1),
           ownerUrlInfo.context.rootDirectoryUrl,
@@ -19168,6 +19198,14 @@ const jsenvPluginFsRedirection = ({
       if (reference.subtype === "new_url_second_arg") {
         return `ignore:${reference.url}`;
       }
+      if (reference.specifierPathname.endsWith("/...")) {
+        const { rootDirectoryUrl } = reference.ownerUrlInfo.context;
+        const directoryUrl = new URL(
+          reference.specifierPathname.replace("/...", "/").slice(1),
+          rootDirectoryUrl,
+        ).href;
+        return directoryUrl;
+      }
       // ignore "./" on new URL("./")
       // if (
       //   reference.subtype === "new_url_first_arg" &&
@@ -19319,6 +19357,14 @@ const jsenvPluginProtocolFile = ({
         if (!generatedUrl.startsWith("file:")) {
           return null;
         }
+        if (reference.original) {
+          const originalSpecifierPathname =
+            reference.original.specifierPathname;
+
+          if (originalSpecifierPathname.endsWith("/...")) {
+            return originalSpecifierPathname;
+          }
+        }
         const { rootDirectoryUrl } = reference.ownerUrlInfo.context;
         if (urlIsInsideOf(generatedUrl, rootDirectoryUrl)) {
           const result = `/${urlToRelativeUrl(generatedUrl, rootDirectoryUrl)}`;
@@ -19475,7 +19521,7 @@ const generateDirectoryNav = (relativeUrl, rootDirectoryUrl) => {
   let i = 0;
   while (i < parts.length) {
     const part = parts[i];
-    const href = i === 0 ? "/" : `/${parts.slice(1, i + 1).join("/")}/`;
+    const href = i === 0 ? "/..." : `/${parts.slice(1, i + 1).join("/")}/`;
     const text = part;
     const isLastPart = i === parts.length - 1;
     if (isLastPart) {
@@ -21133,7 +21179,7 @@ const getCorePlugins = ({
       appliesDuring: "*",
       resolveReference: (reference) => {
         const { ownerUrlInfo } = reference;
-        if (reference.specifier === "/") {
+        if (reference.specifierPathname === "/") {
           const { mainFilePath, rootDirectoryUrl } = ownerUrlInfo.context;
           const url = new URL(mainFilePath, rootDirectoryUrl);
           return url;
@@ -21586,7 +21632,7 @@ const createBuildSpecifierManager = ({
         const url = new URL(reference.specifier, ownerRawUrl).href;
         return url;
       }
-      if (reference.specifier[0] === "/") {
+      if (reference.specifierPathname[0] === "/") {
         const url = new URL(reference.specifier.slice(1), sourceDirectoryUrl)
           .href;
         return url;
@@ -21711,6 +21757,7 @@ const createBuildSpecifierManager = ({
           type: reference.type,
           expectedType: reference.expectedType,
           specifier: reference.specifier,
+          specifierPathname: reference.specifierPathname,
           specifierLine: reference.specifierLine,
           specifierColumn: reference.specifierColumn,
           specifierStart: reference.specifierStart,
@@ -24484,19 +24531,26 @@ const createBuildFilesService = ({ buildDirectoryUrl, buildMainFilePath }) => {
         resource: `/${buildMainFilePath}`,
       };
     }
-    return fetchFileSystem(
-      new URL(request.resource.slice(1), buildDirectoryUrl),
-      {
-        headers: request.headers,
-        cacheControl: urlIsVersioned
-          ? `private,max-age=${SECONDS_IN_30_DAYS},immutable`
-          : "private,max-age=0,must-revalidate",
-        etagEnabled: true,
-        compressionEnabled: !request.pathname.endsWith(".mp4"),
-        rootDirectoryUrl: buildDirectoryUrl,
-        canReadDirectory: true,
+    const urlObject = new URL(request.resource.slice(1), buildDirectoryUrl);
+    return fetchFileSystem(urlObject, {
+      headers: request.headers,
+      cacheControl: urlIsVersioned
+        ? `private,max-age=${SECONDS_IN_30_DAYS},immutable`
+        : "private,max-age=0,must-revalidate",
+      etagEnabled: true,
+      compressionEnabled: !request.pathname.endsWith(".mp4"),
+      rootDirectoryUrl: buildDirectoryUrl,
+      canReadDirectory: true,
+      ENOENTFallback: () => {
+        if (
+          !urlToExtension$1(urlObject) &&
+          !urlToPathname$1(urlObject).endsWith("/")
+        ) {
+          return new URL(buildMainFilePath, buildDirectoryUrl);
+        }
+        return null;
       },
-    );
+    });
   };
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsenv/core",
-  "version": "39.9.6",
+  "version": "39.10.0",
   "description": "Tool to develop, test and build js projects",
   "license": "MIT",
   "author": {
@@ -69,22 +69,22 @@
   "dependencies": {
     "@financial-times/polyfill-useragent-normaliser": "1.10.2",
     "@jsenv/abort": "4.3.0",
-    "@jsenv/ast": "6.4.3",
-    "@jsenv/filesystem": "4.13.1",
+    "@jsenv/ast": "6.4.4",
+    "@jsenv/filesystem": "4.13.2",
     "@jsenv/humanize": "1.2.8",
     "@jsenv/importmap": "1.2.1",
     "@jsenv/integrity": "0.0.2",
-    "@jsenv/js-module-fallback": "1.3.55",
+    "@jsenv/js-module-fallback": "1.3.56",
     "@jsenv/node-esm-resolution": "1.0.6",
-    "@jsenv/plugin-bundling": "2.7.23",
+    "@jsenv/plugin-bundling": "2.7.24",
     "@jsenv/plugin-minification": "1.5.13",
-    "@jsenv/plugin-supervisor": "1.6.2",
-    "@jsenv/plugin-transpilation": "1.4.91",
+    "@jsenv/plugin-supervisor": "1.6.3",
+    "@jsenv/plugin-transpilation": "1.4.92",
     "@jsenv/runtime-compat": "1.3.1",
-    "@jsenv/server": "15.3.3",
-    "@jsenv/sourcemap": "1.2.29",
+    "@jsenv/server": "15.4.0",
+    "@jsenv/sourcemap": "1.2.30",
     "@jsenv/url-meta": "8.5.2",
-    "@jsenv/urls": "2.5.4",
+    "@jsenv/urls": "2.6.0",
     "@jsenv/utils": "2.1.2",
     "string-width": "7.2.0"
   },

package/src/build/build_specifier_manager.js

@@ -170,7 +170,7 @@ export const createBuildSpecifierManager = ({
         const url = new URL(reference.specifier, ownerRawUrl).href;
         return url;
       }
-      if (reference.specifier[0] === "/") {
+      if (reference.specifierPathname[0] === "/") {
         const url = new URL(reference.specifier.slice(1), sourceDirectoryUrl)
           .href;
         return url;
@@ -295,6 +295,7 @@ export const createBuildSpecifierManager = ({
           type: reference.type,
           expectedType: reference.expectedType,
           specifier: reference.specifier,
+          specifierPathname: reference.specifierPathname,
           specifierLine: reference.specifierLine,
           specifierColumn: reference.specifierColumn,
           specifierStart: reference.specifierStart,

package/src/build/start_build_server.js

@@ -23,6 +23,7 @@ import {
   jsenvServiceErrorHandler,
   startServer,
 } from "@jsenv/server";
+import { urlToExtension, urlToPathname } from "@jsenv/urls";
 import { existsSync } from "node:fs";
 
 /**
@@ -168,19 +169,26 @@ const createBuildFilesService = ({ buildDirectoryUrl, buildMainFilePath }) => {
         resource: `/${buildMainFilePath}`,
       };
     }
-    return fetchFileSystem(
-      new URL(request.resource.slice(1), buildDirectoryUrl),
-      {
-        headers: request.headers,
-        cacheControl: urlIsVersioned
-          ? `private,max-age=${SECONDS_IN_30_DAYS},immutable`
-          : "private,max-age=0,must-revalidate",
-        etagEnabled: true,
-        compressionEnabled: !request.pathname.endsWith(".mp4"),
-        rootDirectoryUrl: buildDirectoryUrl,
-        canReadDirectory: true,
+    const urlObject = new URL(request.resource.slice(1), buildDirectoryUrl);
+    return fetchFileSystem(urlObject, {
+      headers: request.headers,
+      cacheControl: urlIsVersioned
+        ? `private,max-age=${SECONDS_IN_30_DAYS},immutable`
+        : "private,max-age=0,must-revalidate",
+      etagEnabled: true,
+      compressionEnabled: !request.pathname.endsWith(".mp4"),
+      rootDirectoryUrl: buildDirectoryUrl,
+      canReadDirectory: true,
+      ENOENTFallback: () => {
+        if (
+          !urlToExtension(urlObject) &&
+          !urlToPathname(urlObject).endsWith("/")
+        ) {
+          return new URL(buildMainFilePath, buildDirectoryUrl);
+        }
+        return null;
       },
-    );
+    });
   };
 };
 

package/src/kitchen/url_graph/references.js

@@ -1,6 +1,7 @@
 import { generateUrlForInlineContent } from "@jsenv/ast";
 import { generateContentFrame } from "@jsenv/humanize";
 import {
+  asSpecifierWithoutSearch,
   getCallerPosition,
   stringifyUrlSite,
   urlToBasename,
@@ -315,6 +316,7 @@ const createReference = ({
       );
     }
   }
+
   const reference = {
     id: ++referenceId,
     ownerUrlInfo,
@@ -337,6 +339,9 @@ const createReference = ({
     integrity,
     crossorigin,
     specifier,
+    get specifierPathname() {
+      return asSpecifierWithoutSearch(reference.specifier);
+    },
     specifierStart,
     specifierEnd,
     specifierLine,

package/src/plugins/directory_reference_effect/jsenv_plugin_directory_reference_effect.js

@@ -30,7 +30,7 @@ export const jsenvPluginDirectoryReferenceEffect = (
         reference.filenameHint = `${
           reference.ownerUrlInfo.filenameHint
         }${urlToFilename(reference.url)}/`;
-      } else if (reference.specifier.endsWith("./")) {
+      } else if (reference.specifierPathname.endsWith("./")) {
       } else {
         reference.filenameHint = `${urlToFilename(reference.url)}/`;
       }

package/src/plugins/plugins.js

@@ -86,7 +86,7 @@ export const getCorePlugins = ({
       appliesDuring: "*",
       resolveReference: (reference) => {
         const { ownerUrlInfo } = reference;
-        if (reference.specifier === "/") {
+        if (reference.specifierPathname === "/") {
           const { mainFilePath, rootDirectoryUrl } = ownerUrlInfo.context;
           const url = new URL(mainFilePath, rootDirectoryUrl);
           return url;

package/src/plugins/protocol_file/jsenv_plugin_fs_redirection.js

@@ -30,6 +30,14 @@ export const jsenvPluginFsRedirection = ({
       if (reference.subtype === "new_url_second_arg") {
         return `ignore:${reference.url}`;
       }
+      if (reference.specifierPathname.endsWith("/...")) {
+        const { rootDirectoryUrl } = reference.ownerUrlInfo.context;
+        const directoryUrl = new URL(
+          reference.specifierPathname.replace("/...", "/").slice(1),
+          rootDirectoryUrl,
+        ).href;
+        return directoryUrl;
+      }
       // ignore "./" on new URL("./")
       // if (
       //   reference.subtype === "new_url_first_arg" &&

package/src/plugins/protocol_file/jsenv_plugin_protocol_file.js

@@ -69,6 +69,14 @@ export const jsenvPluginProtocolFile = ({
         if (!generatedUrl.startsWith("file:")) {
           return null;
         }
+        if (reference.original) {
+          const originalSpecifierPathname =
+            reference.original.specifierPathname;
+
+          if (originalSpecifierPathname.endsWith("/...")) {
+            return originalSpecifierPathname;
+          }
+        }
         const { rootDirectoryUrl } = reference.ownerUrlInfo.context;
         if (urlIsInsideOf(generatedUrl, rootDirectoryUrl)) {
           const result = `/${urlToRelativeUrl(generatedUrl, rootDirectoryUrl)}`;
@@ -225,7 +233,7 @@ const generateDirectoryNav = (relativeUrl, rootDirectoryUrl) => {
   let i = 0;
   while (i < parts.length) {
     const part = parts[i];
-    const href = i === 0 ? "/" : `/${parts.slice(1, i + 1).join("/")}/`;
+    const href = i === 0 ? "/..." : `/${parts.slice(1, i + 1).join("/")}/`;
     const text = part;
     const isLastPart = i === parts.length - 1;
     if (isLastPart) {

package/src/plugins/resolution_node_esm/node_esm_resolver.js

@@ -33,7 +33,7 @@ export const createNodeEsmResolver = ({
       return reference.specifier;
     }
     const { ownerUrlInfo } = reference;
-    if (reference.specifier[0] === "/") {
+    if (reference.specifierPathname[0] === "/") {
       const url = new URL(
         reference.specifier.slice(1),
         ownerUrlInfo.context.rootDirectoryUrl,

package/src/plugins/resolution_web/jsenv_plugin_web_resolution.js

@@ -4,7 +4,7 @@ export const jsenvPluginWebResolution = () => {
     appliesDuring: "*",
     resolveReference: (reference) => {
       const { ownerUrlInfo } = reference;
-      if (reference.specifier[0] === "/") {
+      if (reference.specifierPathname[0] === "/") {
         const url = new URL(
           reference.specifier.slice(1),
           ownerUrlInfo.context.rootDirectoryUrl,