@jsenv/core 27.0.0-alpha.5 → 27.0.0-alpha.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsenv/core",
-  "version": "27.0.0-alpha.5",
+  "version": "27.0.0-alpha.8",
   "description": "Tool to develop, test and build js projects",
   "license": "MIT",
   "repository": {
@@ -11,8 +11,7 @@
     "node": ">=16.13.0"
   },
   "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org"
+    "access": "public"
   },
   "type": "module",
   "imports": {},
@@ -107,4 +106,4 @@
     "redux": "4.1.2",
     "rollup": "2.70.1"
   }
-}
+}

package/src/build/build.js

@@ -70,6 +70,8 @@ export const build = async ({
   writeOnFileSystem = true,
   buildDirectoryClean = true,
   baseUrl = "/",
+  assetManifest = true,
+  assetManifestFileRelativeUrl = "asset-manifest.json",
 }) => {
   const logger = createLogger({ logLevel })
   rootDirectoryUrl = assertAndNormalizeDirectoryUrl(rootDirectoryUrl)
@@ -84,7 +86,7 @@ export const build = async ({
   const entryPointKeys = Object.keys(entryPoints)
   if (entryPointKeys.length === 1) {
     logger.info(`
-build ${entryPointKeys[0]}`)
+build "${entryPointKeys[0]}"`)
   } else {
     logger.info(`
 build ${entryPointKeys.length} entry points`)
@@ -119,22 +121,23 @@ build ${entryPointKeys.length} entry points`)
     scenario: "build",
     sourcemaps,
   })
-  const loadEntryFiles = (cookEntryFile) => {
-    Object.keys(entryPoints).forEach((key) => {
-      cookEntryFile({
-        trace: `"${key}" in entryPoints parameter`,
-        type: "entry_point",
-        specifier: key,
-      })
-    })
-  }
+  const entryUrls = []
   try {
     await loadUrlGraph({
       urlGraph: rawGraph,
       kitchen: rawGraphKitchen,
       outDirectoryUrl: new URL(`.jsenv/build/`, rootDirectoryUrl),
       runtimeSupport,
-      startLoading: loadEntryFiles,
+      startLoading: (cookEntryFile) => {
+        Object.keys(entryPoints).forEach((key) => {
+          const [, entryUrlInfo] = cookEntryFile({
+            trace: `"${key}" in entryPoints parameter`,
+            type: "entry_point",
+            specifier: key,
+          })
+          entryUrls.push(entryUrlInfo.url)
+        })
+      },
     })
   } catch (e) {
     prebuildTask.fail()
@@ -447,13 +450,23 @@ ${Object.keys(rawGraph.urlInfos).join("\n")}`,
     sourcemaps,
   })
   const buildTask = createTaskLog(logger, "build")
+  const postBuildEntryUrls = []
   try {
     await loadUrlGraph({
       urlGraph: finalGraph,
       kitchen: finalGraphKitchen,
       outDirectoryUrl: new URL(".jsenv/postbuild/", rootDirectoryUrl),
       runtimeSupport,
-      startLoading: loadEntryFiles,
+      startLoading: (cookEntryFile) => {
+        entryUrls.forEach((entryUrl) => {
+          const [, postBuildEntryUrlInfo] = cookEntryFile({
+            trace: `entryPoint`,
+            type: "entry_point",
+            specifier: entryUrl,
+          })
+          postBuildEntryUrls.push(postBuildEntryUrlInfo.url)
+        })
+      },
     })
   } catch (e) {
     buildTask.fail()
@@ -540,12 +553,12 @@ ${Object.keys(finalGraph.urlInfos).join("\n")}`,
           {
             name: "jsenv:versioning",
             appliesDuring: { build: true },
-            resolve: ({ parentUrl, specifier }) => {
-              const buildUrl = buildUrls[specifier]
+            resolve: (reference) => {
+              const buildUrl = buildUrls[reference.specifier]
               if (buildUrl) {
                 return buildUrl
               }
-              const url = new URL(specifier, parentUrl).href
+              const url = new URL(reference.specifier, reference.parentUrl).href
               return url
             },
             formatReferencedUrl: (reference) => {
@@ -616,7 +629,15 @@ ${Object.keys(finalGraph.urlInfos).join("\n")}`,
         urlGraph: finalGraph,
         kitchen: versioningKitchen,
         runtimeSupport,
-        startLoading: loadEntryFiles,
+        startLoading: (cookEntryFile) => {
+          postBuildEntryUrls.forEach((postBuildEntryUrl) => {
+            cookEntryFile({
+              trace: `entryPoint`,
+              type: "entry_point",
+              specifier: postBuildEntryUrl,
+            })
+          })
+        },
       })
       if (usedVersionMappings.length) {
         const versionMappingsNeeded = {}
@@ -689,6 +710,16 @@ ${Object.keys(finalGraph.urlInfos).join("\n")}`,
         )
       }),
     )
+    if (
+      versioning !== "none" &&
+      assetManifest &&
+      Object.keys(buildManifest).length
+    ) {
+      await writeFile(
+        new URL(assetManifestFileRelativeUrl, buildDirectoryUrl),
+        JSON.stringify(buildManifest, null, "  "),
+      )
+    }
   }
   logger.info(createUrlGraphSummary(finalGraph, { title: "build files" }))
   return {

package/src/build/build_urls_generator.js

@@ -6,6 +6,12 @@ export const createBuilUrlsGenerator = ({ buildDirectoryUrl }) => {
   const cache = {}
   const generate = memoizeByUrl((url, urlInfo, parentUrlInfo) => {
     const directoryPath = determineDirectoryPath(urlInfo, parentUrlInfo)
+    let names = cache[directoryPath]
+    if (!names) {
+      names = []
+      cache[directoryPath] = names
+    }
+
     let name = urlToFilename(url)
     const { searchParams } = new URL(url)
     if (
@@ -15,12 +21,7 @@ export const createBuilUrlsGenerator = ({ buildDirectoryUrl }) => {
     ) {
       name = `${name}.js`
     }
-    let names = cache[directoryPath]
-    if (!names) {
-      names = []
-      cache[directoryPath] = names
-    }
-
+    const [basename, extension] = splitFileExtension(name)
     let nameCandidate = name
     let integer = 1
     // eslint-disable-next-line no-constant-condition
@@ -30,7 +31,7 @@ export const createBuilUrlsGenerator = ({ buildDirectoryUrl }) => {
         break
       }
       integer++
-      nameCandidate = `${name}${integer}`
+      nameCandidate = `${basename}${integer}${extension}`
     }
     return `${buildDirectoryUrl}${directoryPath}${nameCandidate}`
   })
@@ -40,6 +41,14 @@ export const createBuilUrlsGenerator = ({ buildDirectoryUrl }) => {
   }
 }
 
+const splitFileExtension = (filename) => {
+  const dotLastIndex = filename.lastIndexOf(".")
+  if (dotLastIndex === -1) {
+    return [filename, ""]
+  }
+  return [filename.slice(0, dotLastIndex), filename.slice(dotLastIndex)]
+}
+
 const determineDirectoryPath = (urlInfo, parentUrlInfo) => {
   if (urlInfo.isInline) {
     const parentDirectoryPath = determineDirectoryPath(parentUrlInfo)

package/src/build/plugins/bundle_js_module/jsenv_plugin_bundle_js_module.js

@@ -131,15 +131,6 @@ const rollupPluginJsenv = ({
         const rollupFileInfo = rollupResult[fileName]
         // there is 3 types of file: "placeholder", "asset", "chunk"
         if (rollupFileInfo.type === "chunk") {
-          const { facadeModuleId } = rollupFileInfo
-          let url
-          if (facadeModuleId) {
-            url = fileUrlConverter.asFileUrl(facadeModuleId)
-          } else {
-            const { sources } = rollupFileInfo.map
-            const sourcePath = sources[sources.length - 1]
-            url = fileUrlConverter.asFileUrl(sourcePath)
-          }
           const jsModuleBundleUrlInfo = {
             // buildRelativeUrl: rollupFileInfo.fileName,
             data: {
@@ -149,6 +140,12 @@ const rollupPluginJsenv = ({
             content: rollupFileInfo.code,
             sourcemap: rollupFileInfo.map,
           }
+          let url
+          if (rollupFileInfo.facadeModuleId) {
+            url = fileUrlConverter.asFileUrl(rollupFileInfo.facadeModuleId)
+          } else {
+            url = new URL(rollupFileInfo.fileName, rootDirectoryUrl).href
+          }
           jsModuleBundleUrlInfos[url] = jsModuleBundleUrlInfo
         }
       })
@@ -171,13 +168,18 @@ const rollupPluginJsenv = ({
         },
         chunkFileNames: (chunkInfo) => {
           // preserves relative path parts:
-          // the goal is to mantain the original relative path (relative to the root directory)
+          // the goal is to maintain the original relative path (relative to the root directory)
           // so that later in the build process, when resolving these urls, we are able to
           // re-resolve the specifier againt the original parent url and find the original url
-          const { facadeModuleId } = chunkInfo
-          const fileUrl = fileUrlConverter.asFileUrl(facadeModuleId)
-          const relativePath = urlToRelativeUrl(fileUrl, rootDirectoryUrl)
-          return relativePath
+          if (chunkInfo.facadeModuleId) {
+            const fileUrl = fileUrlConverter.asFileUrl(chunkInfo.facadeModuleId)
+            const relativePath = urlToRelativeUrl(fileUrl, rootDirectoryUrl)
+            return relativePath
+          }
+          // chunk generated dynamically by rollup to share code.
+          // we prefix with "__rollup__/" to avoid potential conflict of filename
+          // between this one and a file with the same name existing in the root directory
+          return `__rollup__/${chunkInfo.name}.js`
         },
         // https://rollupjs.org/guide/en/#outputpaths
         // paths: (id) => {

package/src/omega/core_plugins/babel/helpers/babel_plugin_structure.js

@@ -10,10 +10,7 @@ export const getBaseBabelPluginStructure = ({
   isJsModule,
 }) => {
   const isBabelPluginNeeded = (babelPluginName) => {
-    return !isSupportedOnRuntime(
-      babelPluginName,
-      babelPluginCompatMap[babelPluginName],
-    )
+    return !isSupportedOnRuntime(babelPluginCompatMap[babelPluginName])
   }
 
   const babelPluginStructure = {}

package/src/omega/core_plugins/babel/jsenv_plugin_babel.js

@@ -1,5 +1,6 @@
 import { applyBabelPlugins } from "@jsenv/utils/js_ast/apply_babel_plugins.js"
 
+import { RUNTIME_SUPPORT } from "@jsenv/core/src/omega/runtime_support/runtime_support.js"
 import { getBaseBabelPluginStructure } from "./helpers/babel_plugin_structure.js"
 import { babelPluginBabelHelpersAsJsenvImports } from "./helpers/babel_plugin_babel_helpers_as_jsenv_imports.js"
 import { babelPluginNewStylesheetAsJsenvImport } from "./new_stylesheet/babel_plugin_new_stylesheet_as_jsenv_import.js"
@@ -12,16 +13,29 @@ export const jsenvPluginBabel = ({
 } = {}) => {
   const transformWithBabel = async (urlInfo, context) => {
     const isJsModule = urlInfo.type === "js_module"
-    const isWorker =
-      urlInfo.subtype === "worker" || urlInfo.subtype === "service_worker"
-    const { isSupportedOnRuntime, referenceUtils } = context
+    const isWorker = urlInfo.subtype === "worker"
+    const isServiceWorker = urlInfo.subtype === "service_worker"
+    const isWorkerContext = isWorker || isServiceWorker
+    let { runtimeSupport } = context
+    if (isServiceWorker) {
+      // when code is executed by a service worker we can assume
+      // the execution context supports more than the default one
+      // for instance arrow function are supported
+      runtimeSupport = RUNTIME_SUPPORT.add(runtimeSupport, "service_worker")
+    }
+    if (isWorker) {
+      runtimeSupport = RUNTIME_SUPPORT.add(runtimeSupport, "worker")
+    }
+    const { referenceUtils } = context
+    const isSupportedOnRuntime = (feature) =>
+      RUNTIME_SUPPORT.isSupported(runtimeSupport, feature)
     const babelPluginStructure = getBaseBabelPluginStructure({
       url: urlInfo.url,
       isSupportedOnRuntime,
       topLevelAwait,
       usesTopLevelAwait: urlInfo.data.usesTopLevelAwait,
       isJsModule,
-      isWorker,
+      isWorkerContext,
     })
     if (getCustomBabelPlugins) {
       Object.assign(babelPluginStructure, getCustomBabelPlugins(context))

package/src/omega/core_plugins/inline/jsenv_plugin_new_inline_content.js

@@ -52,10 +52,7 @@ export const jsenvPluginNewInlineContent = ({ allowEscapeForVersioning }) => {
             columnEnd: inlineContentCall.columnEnd,
           })
           let { quote } = inlineContentCall
-          if (
-            quote === "`" &&
-            !isSupportedOnRuntime("transform-template-literals")
-          ) {
+          if (quote === "`" && !isSupportedOnRuntime("template_literals")) {
             // if quote is "`" and template literals are not supported
             // we'll use a regular string (single or double quote)
             // when rendering the string

package/src/omega/kitchen.js

@@ -10,8 +10,7 @@ import {
 import { stringifyUrlSite } from "@jsenv/utils/urls/url_trace.js"
 
 import { createUrlInfoTransformer } from "./url_graph/url_info_transformations.js"
-import { featuresCompatMap } from "./runtime_support/features_compatibility.js"
-import { isFeatureSupportedOnRuntimes } from "./runtime_support/runtime_support.js"
+import { RUNTIME_SUPPORT } from "./runtime_support/runtime_support.js"
 import { fileUrlConverter } from "./file_url_converter.js"
 import { parseUrlMentions } from "./url_mentions/parse_url_mentions.js"
 import {
@@ -185,14 +184,6 @@ export const createKitchen = ({
     },
   })
 
-  const isSupported = ({
-    runtimeSupport,
-    featureName,
-    featureCompat = featuresCompatMap[featureName],
-  }) => {
-    return isFeatureSupportedOnRuntimes(runtimeSupport, featureCompat)
-  }
-
   const load = async ({ reference, urlInfo, context }) => {
     try {
       const loadReturnValue = urlInfo.isInline
@@ -274,8 +265,8 @@ export const createKitchen = ({
       reference,
       outDirectoryUrl,
       runtimeSupport,
-      isSupportedOnRuntime: (featureName, featureCompat) => {
-        return isSupported({ runtimeSupport, featureName, featureCompat })
+      isSupportedOnRuntime: (feature) => {
+        return RUNTIME_SUPPORT.isSupported(runtimeSupport, feature)
       },
       cook: (params) => {
         return cookDuringCook({
@@ -585,7 +576,6 @@ export const createKitchen = ({
     urlInfoTransformer,
     rootDirectoryUrl,
     jsenvDirectoryUrl,
-    isSupported,
     createReference,
     resolveReference,
     cook,

package/src/omega/runtime_support/features_compatibility.js

@@ -1,4 +1,4 @@
-export const featuresCompatMap = {
+export const featureCompats = {
   script_type_module: {
     edge: "16",
     firefox: "60",
@@ -52,6 +52,7 @@ export const featuresCompatMap = {
     chrome: "93",
     edge: "93",
   },
+  import_type_text: {},
   // https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet#browser_compatibility
   new_stylesheet: {
     chrome: "73",
@@ -59,6 +60,33 @@ export const featuresCompatMap = {
     opera: "53",
     android: "73",
   },
+  // https://caniuse.com/?search=worker
+  worker: {
+    ie: "10",
+    edge: "12",
+    firefox: "3.5",
+    chrome: "4",
+    opera: "11.5",
+    safari: "4",
+    ios: "5",
+    android: "4.4",
+  },
+  service_worker: {
+    edge: "17",
+    firefox: "44",
+    chrome: "40",
+    safari: "11.1",
+    opera: "27",
+    ios: "11.3",
+    android: "12.12",
+  },
+  service_worker_type_module: {
+    chrome: "80",
+    edge: "80",
+    opera: "67",
+    android: "80",
+  },
+  // https://developer.mozilla.org/en-US/docs/Web/API/Worker/Worker#browser_compatibility
   worker_type_module: {
     chrome: "80",
     edge: "80",
@@ -88,4 +116,15 @@ export const featuresCompatMap = {
     samsung: "8",
     electron: "3",
   },
+  // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#browser_compatibility
+  template_literals: {
+    chrome: "41",
+    edge: "12",
+    firefox: "34",
+    opera: "28",
+    safari: "9",
+    ios: "9",
+    android: "4",
+    node: "4",
+  },
 }

package/src/omega/runtime_support/runtime_support.js

@@ -1,20 +1,52 @@
 import { findHighestVersion } from "@jsenv/utils/semantic_versioning/highest_version.js"
+import { featureCompats } from "./features_compatibility.js"
 
-export const isFeatureSupportedOnRuntimes = (
-  runtimeSupport,
-  featureCompat = {},
-) => {
-  const runtimeNames = Object.keys(runtimeSupport)
-  return runtimeNames.every((runtimeName) => {
-    const runtimeVersion = runtimeSupport[runtimeName]
-    const runtimeVersionCompatible = featureCompat[runtimeName] || "Infinity"
-    const highestVersion = findHighestVersion(
-      runtimeVersion,
-      runtimeVersionCompatible,
-    )
-    if (highestVersion !== runtimeVersion) {
-      return false
+export const RUNTIME_SUPPORT = {
+  featureCompats,
+
+  add: (originalRuntimeSupport, feature) => {
+    const featureCompat = getFeatureCompat(feature)
+    const runtimeSupport = {
+      ...originalRuntimeSupport,
+    }
+    Object.keys(featureCompat).forEach((runtimeName) => {
+      const firstVersion = originalRuntimeSupport[runtimeName]
+      const secondVersion = featureCompat[runtimeName]
+      runtimeSupport[runtimeName] = firstVersion
+        ? findHighestVersion(firstVersion, secondVersion)
+        : secondVersion
+    })
+    return runtimeSupport
+  },
+
+  isSupported: (runtimeSupport, feature) => {
+    const featureCompat = getFeatureCompat(feature)
+    const runtimeNames = Object.keys(runtimeSupport)
+    return runtimeNames.every((runtimeName) => {
+      const runtimeVersion = runtimeSupport[runtimeName]
+      const runtimeVersionCompatible = featureCompat[runtimeName] || "Infinity"
+      const highestVersion = findHighestVersion(
+        runtimeVersion,
+        runtimeVersionCompatible,
+      )
+      if (highestVersion !== runtimeVersion) {
+        return false
+      }
+      return true
+    })
+  },
+}
+
+const getFeatureCompat = (feature) => {
+  if (typeof feature === "string") {
+    const compat = featureCompats[feature]
+    if (!compat) {
+      throw new Error(`"${feature}" feature is unknown`)
     }
-    return true
-  })
+    return compat
+  }
+  if (typeof feature !== "object") {
+    throw new TypeError(`feature must be a string or an object, got ${feature}`)
+  }
+  return feature
 }

package/src/omega/url_graph/url_graph_load.js

@@ -52,6 +52,7 @@ export const loadUrlGraph = async ({
         reference: entryReference,
         urlInfo: entryUrlInfo,
       })
+      return [entryReference, entryUrlInfo]
     },
   )