@jsenv/core 41.4.20 → 41.4.22

package/dist/build/jsenv_core_packages.js

@@ -6619,7 +6619,6 @@ const browserDefaultRuntimeCompat = {
   chrome: "64",
   edge: "79",
   firefox: "67",
-  ios: "12",
   ios_safari: "12",
   opera: "51",
   safari: "11.3",
@@ -6721,7 +6720,6 @@ const featuresCompatMap = {
     chrome: "61",
     safari: "10.1",
     opera: "48",
-    ios: "10.3",
     ios_safari: "10.3",
     android: "61",
     samsung: "8.2",
@@ -6741,7 +6739,6 @@ const featuresCompatMap = {
     chrome: "64",
     edge: "79",
     firefox: "62",
-    ios: "12",
     ios_safari: "12",
     opera: "51",
     safari: "11.1",
@@ -6759,7 +6756,6 @@ const featuresCompatMap = {
     chrome: "63",
     edge: "79",
     firefox: "67",
-    ios: "11.3",
     ios_safari: "11.3",
     opera: "50",
     safari: "11.3",
@@ -6773,7 +6769,6 @@ const featuresCompatMap = {
     opera: "75",
     safari: "15",
     samsung: "15",
-    ios: "15",
     ios_safari: "15",
     node: "14.8",
   },
@@ -6809,7 +6804,6 @@ const featuresCompatMap = {
     chrome: "4",
     opera: "11.5",
     safari: "4",
-    ios: "5",
     ios_safari: "5",
     android: "4.4",
   },
@@ -6827,7 +6821,6 @@ const featuresCompatMap = {
     chrome: "40",
     safari: "11.1",
     opera: "27",
-    ios: "11.3",
     ios_safari: "11.3",
     android: "12.12",
   },
@@ -6857,7 +6850,6 @@ const featuresCompatMap = {
     chrome: "71",
     safari: "12.1",
     opera: "58",
-    ios: "12.2",
     ios_safari: "12.2",
     android: "94",
     node: "12",
@@ -6869,7 +6861,6 @@ const featuresCompatMap = {
     firefox: "57",
     safari: "12",
     node: "10",
-    ios: "12",
     ios_safari: "12",
     samsung: "8",
     electron: "3",
@@ -6881,7 +6872,6 @@ const featuresCompatMap = {
     firefox: "34",
     opera: "28",
     safari: "9",
-    ios: "9",
     ios_safari: "9",
     android: "4",
     node: "4",
@@ -6893,7 +6883,6 @@ const featuresCompatMap = {
     firefox: "45",
     safari: "10",
     node: "6",
-    ios: "10",
     ios_safari: "10",
     samsung: "5",
     electron: "0.36",
@@ -6906,7 +6895,6 @@ const featuresCompatMap = {
     safari: "10",
     node: "4",
     ie: "11",
-    ios: "10",
     ios_safari: "10",
     samsung: "3.4",
     electron: "0.22",
@@ -6918,7 +6906,6 @@ const featuresCompatMap = {
     firefox: "33",
     safari: "9",
     node: "4",
-    ios: "9",
     ios_safari: "9",
     samsung: "4",
     electron: "0.28",
@@ -6932,7 +6919,6 @@ const featuresCompatMap = {
     node: "0.10",
     ie: "9",
     android: "4.4",
-    ios: "6",
     ios_safari: "6",
     phantom: "2",
     samsung: "1",
@@ -6944,7 +6930,6 @@ const featuresCompatMap = {
     edge: "12",
     firefox: "36",
     safari: "9",
-    ios: "9",
     ios_safari: "9",
     samsung: "4",
     node: "0.12",

package/dist/start_dev_server/jsenv_core_packages.js

@@ -6958,7 +6958,6 @@ const featuresCompatMap = {
     chrome: "61",
     safari: "10.1",
     opera: "48",
-    ios: "10.3",
     ios_safari: "10.3",
     android: "61",
     samsung: "8.2",
@@ -6978,7 +6977,6 @@ const featuresCompatMap = {
     chrome: "64",
     edge: "79",
     firefox: "62",
-    ios: "12",
     ios_safari: "12",
     opera: "51",
     safari: "11.1",
@@ -6996,7 +6994,6 @@ const featuresCompatMap = {
     chrome: "63",
     edge: "79",
     firefox: "67",
-    ios: "11.3",
     ios_safari: "11.3",
     opera: "50",
     safari: "11.3",
@@ -7010,7 +7007,6 @@ const featuresCompatMap = {
     opera: "75",
     safari: "15",
     samsung: "15",
-    ios: "15",
     ios_safari: "15",
     node: "14.8",
   },
@@ -7046,7 +7042,6 @@ const featuresCompatMap = {
     chrome: "4",
     opera: "11.5",
     safari: "4",
-    ios: "5",
     ios_safari: "5",
     android: "4.4",
   },
@@ -7064,7 +7059,6 @@ const featuresCompatMap = {
     chrome: "40",
     safari: "11.1",
     opera: "27",
-    ios: "11.3",
     ios_safari: "11.3",
     android: "12.12",
   },
@@ -7094,7 +7088,6 @@ const featuresCompatMap = {
     chrome: "71",
     safari: "12.1",
     opera: "58",
-    ios: "12.2",
     ios_safari: "12.2",
     android: "94",
     node: "12",
@@ -7106,7 +7099,6 @@ const featuresCompatMap = {
     firefox: "57",
     safari: "12",
     node: "10",
-    ios: "12",
     ios_safari: "12",
     samsung: "8",
     electron: "3",
@@ -7118,7 +7110,6 @@ const featuresCompatMap = {
     firefox: "34",
     opera: "28",
     safari: "9",
-    ios: "9",
     ios_safari: "9",
     android: "4",
     node: "4",
@@ -7130,7 +7121,6 @@ const featuresCompatMap = {
     firefox: "45",
     safari: "10",
     node: "6",
-    ios: "10",
     ios_safari: "10",
     samsung: "5",
     electron: "0.36",
@@ -7143,7 +7133,6 @@ const featuresCompatMap = {
     safari: "10",
     node: "4",
     ie: "11",
-    ios: "10",
     ios_safari: "10",
     samsung: "3.4",
     electron: "0.22",
@@ -7155,7 +7144,6 @@ const featuresCompatMap = {
     firefox: "33",
     safari: "9",
     node: "4",
-    ios: "9",
     ios_safari: "9",
     samsung: "4",
     electron: "0.28",
@@ -7169,7 +7157,6 @@ const featuresCompatMap = {
     node: "0.10",
     ie: "9",
     android: "4.4",
-    ios: "6",
     ios_safari: "6",
     phantom: "2",
     samsung: "1",
@@ -7181,7 +7168,6 @@ const featuresCompatMap = {
     edge: "12",
     firefox: "36",
     safari: "9",
-    ios: "9",
     ios_safari: "9",
     samsung: "4",
     node: "0.12",

package/dist/start_dev_server/start_dev_server.js

@@ -11361,6 +11361,11 @@ const inferUrlInfoType = (urlInfo) => {
   return expectedType || "other";
 };
 
+// What the newest browser supports, and nothing less: the source untouched.
+// A version no browser has, so that every feature known to runtime-compat
+// counts as supported.
+const UNKNOWN_CLIENT_RUNTIME_COMPAT = { chrome: "9999.0.0" };
+
 const devServerPluginServeSourceFiles = ({
   packageDirectory,
   sourceDirectoryUrl,
@@ -11421,14 +11426,16 @@ const devServerPluginServeSourceFiles = ({
       }
     });
     // A client we cannot identify (curl, fetch, a healthcheck, a proxy dropping
-    // the user agent) is assumed to be one of the runtimes the project targets.
-    // Treating it as a runtime supporting nothing would serve it the js module
-    // fallback, breaking tooling perfectly capable of ES modules; an actual
-    // ancient browser hiding its identity fails loudly instead, which is the
-    // cheaper of the two mistakes.
+    // the user agent, the WebKit inspector re-requesting a page's resources
+    // under its own agent) is served the source as it is written. Taking the
+    // build targets instead would hand it the js module fallback and a heavy
+    // transpilation — and, when the same page mixes identified and
+    // unidentified requests, two incompatible versions of one module. An
+    // actual ancient browser hiding its identity fails loudly instead, which
+    // is the right failure for dev.
     const clientRuntimeCompat =
       runtimeName === "unknown"
-        ? runtimeCompat
+        ? UNKNOWN_CLIENT_RUNTIME_COMPAT
         : { [runtimeName]: runtimeVersion };
 
     kitchen = createKitchen({
@@ -11622,6 +11629,41 @@ const devServerPluginServeSourceFiles = ({
             request.resource,
             parentUrl,
           );
+          if (!reference) {
+            // Inline content ("page.html@L10C7-L14C16.js") has no file of its
+            // own: it is served from the reference its parent creates when it
+            // is cooked. Without a usable referer the parent is not known —
+            // devtools re-fetching a resource on its own, a second kitchen for
+            // the same page (the WebKit inspector sends its own user agent) —
+            // so it is derived from the url and cooked first.
+            const inlineParentUrl = getInlineContentParentUrl(requestedUrl);
+            if (inlineParentUrl) {
+              if (!kitchen.graph.getUrlInfo(inlineParentUrl)) {
+                const rootUrlInfo = kitchen.graph.rootUrlInfo;
+                const inlineParentWebUrl = WEB_URL_CONVERTER.asWebUrl(
+                  inlineParentUrl,
+                  {
+                    origin: request.origin,
+                    rootDirectoryUrl: sourceDirectoryUrl,
+                  },
+                );
+                const parentReference =
+                  rootUrlInfo.dependencies.createResolveAndFinalize({
+                    trace: { message: parentUrl },
+                    type: "http_request",
+                    specifier: inlineParentWebUrl.slice(request.origin.length),
+                  });
+                await parentReference.urlInfo.cook({
+                  request,
+                  reference: parentReference,
+                });
+              }
+              reference = kitchen.graph.inferReference(
+                request.resource,
+                inlineParentUrl,
+              );
+            }
+          }
           if (reference) {
             reference.urlInfo.context.request = request;
             reference.urlInfo.context.requestedUrl = requestedUrl;
@@ -11907,6 +11949,21 @@ const cacheIsDisabledInResponseHeader = (urlInfo) => {
   );
 };
 
+// "dir/page.html@L10C7-L14C16.js" -> "dir/page.html" (search kept: it is the
+// parent's). Null for anything else — the inline url grammar is the one
+// generateUrlForInlineContent writes (@jsenv/ast).
+const getInlineContentParentUrl = (url) => {
+  const urlObject = new URL(url);
+  const match = /^(.+)@[^@/]*?L\d+C\d+(?:-L\d+C\d+)?\.[a-z0-9]+$/.exec(
+    urlObject.pathname,
+  );
+  if (!match) {
+    return null;
+  }
+  urlObject.pathname = match[1];
+  return urlObject.href;
+};
+
 const EXECUTED_BY_TEST_PLAN = process.argv.includes("--jsenv-test");
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsenv/core",
-  "version": "41.4.20",
+  "version": "41.4.22",
   "type": "module",
   "description": "Tool to develop, test and build js projects",
   "repository": {
@@ -52,6 +52,7 @@
     "database:stop": "npx @jsenv/database stop",
     "dev": "node --watch --conditions=dev:jsenv ./scripts/dev/dev.mjs",
     "dev:route-inspector": "node --watch --conditions=dev:jsenv ./packages/backend/server/tests/route_inspector/start_server.js",
+    "dev:webkit": "node ./scripts/dev/webkit.mjs",
     "eslint": "npx eslint .",
     "https:setup": "npx @jsenv/https-local setup",
     "md:build": "node ./docs/build.js",
@@ -77,7 +78,7 @@
     "@jsenv/plugin-bundling": "2.10.18",
     "@jsenv/plugin-minification": "1.7.10",
     "@jsenv/plugin-supervisor": "1.8.13",
-    "@jsenv/plugin-transpilation": "1.6.1",
+    "@jsenv/plugin-transpilation": "1.6.2",
     "@jsenv/server": "17.6.3",
     "@jsenv/sourcemap": "1.4.2",
     "react-table": "7.8.0"

package/src/dev/dev_server_plugins/dev_server_plugin_serve_source_files.js

@@ -10,6 +10,11 @@ import { createKitchen } from "../../kitchen/kitchen.js";
 import { createJsenvPluginsController } from "../../plugins/jsenv_plugins_controller.js";
 import { getRuntimeFromRequest } from "./runtime_from_request.js";
 
+// What the newest browser supports, and nothing less: the source untouched.
+// A version no browser has, so that every feature known to runtime-compat
+// counts as supported.
+const UNKNOWN_CLIENT_RUNTIME_COMPAT = { chrome: "9999.0.0" };
+
 export const devServerPluginServeSourceFiles = ({
   packageDirectory,
   sourceDirectoryUrl,
@@ -70,14 +75,16 @@ export const devServerPluginServeSourceFiles = ({
       }
     });
     // A client we cannot identify (curl, fetch, a healthcheck, a proxy dropping
-    // the user agent) is assumed to be one of the runtimes the project targets.
-    // Treating it as a runtime supporting nothing would serve it the js module
-    // fallback, breaking tooling perfectly capable of ES modules; an actual
-    // ancient browser hiding its identity fails loudly instead, which is the
-    // cheaper of the two mistakes.
+    // the user agent, the WebKit inspector re-requesting a page's resources
+    // under its own agent) is served the source as it is written. Taking the
+    // build targets instead would hand it the js module fallback and a heavy
+    // transpilation — and, when the same page mixes identified and
+    // unidentified requests, two incompatible versions of one module. An
+    // actual ancient browser hiding its identity fails loudly instead, which
+    // is the right failure for dev.
     const clientRuntimeCompat =
       runtimeName === "unknown"
-        ? runtimeCompat
+        ? UNKNOWN_CLIENT_RUNTIME_COMPAT
         : { [runtimeName]: runtimeVersion };
 
     kitchen = createKitchen({
@@ -271,6 +278,41 @@ export const devServerPluginServeSourceFiles = ({
             request.resource,
             parentUrl,
           );
+          if (!reference) {
+            // Inline content ("page.html@L10C7-L14C16.js") has no file of its
+            // own: it is served from the reference its parent creates when it
+            // is cooked. Without a usable referer the parent is not known —
+            // devtools re-fetching a resource on its own, a second kitchen for
+            // the same page (the WebKit inspector sends its own user agent) —
+            // so it is derived from the url and cooked first.
+            const inlineParentUrl = getInlineContentParentUrl(requestedUrl);
+            if (inlineParentUrl) {
+              if (!kitchen.graph.getUrlInfo(inlineParentUrl)) {
+                const rootUrlInfo = kitchen.graph.rootUrlInfo;
+                const inlineParentWebUrl = WEB_URL_CONVERTER.asWebUrl(
+                  inlineParentUrl,
+                  {
+                    origin: request.origin,
+                    rootDirectoryUrl: sourceDirectoryUrl,
+                  },
+                );
+                const parentReference =
+                  rootUrlInfo.dependencies.createResolveAndFinalize({
+                    trace: { message: parentUrl },
+                    type: "http_request",
+                    specifier: inlineParentWebUrl.slice(request.origin.length),
+                  });
+                await parentReference.urlInfo.cook({
+                  request,
+                  reference: parentReference,
+                });
+              }
+              reference = kitchen.graph.inferReference(
+                request.resource,
+                inlineParentUrl,
+              );
+            }
+          }
           if (reference) {
             reference.urlInfo.context.request = request;
             reference.urlInfo.context.requestedUrl = requestedUrl;
@@ -555,3 +597,18 @@ const cacheIsDisabledInResponseHeader = (urlInfo) => {
     urlInfo.headers["cache-control"] === "no-cache"
   );
 };
+
+// "dir/page.html@L10C7-L14C16.js" -> "dir/page.html" (search kept: it is the
+// parent's). Null for anything else — the inline url grammar is the one
+// generateUrlForInlineContent writes (@jsenv/ast).
+const getInlineContentParentUrl = (url) => {
+  const urlObject = new URL(url);
+  const match = /^(.+)@[^@/]*?L\d+C\d+(?:-L\d+C\d+)?\.[a-z0-9]+$/.exec(
+    urlObject.pathname,
+  );
+  if (!match) {
+    return null;
+  }
+  urlObject.pathname = match[1];
+  return urlObject.href;
+};