@jsenv/core 26.0.1 → 27.0.0-alpha.2

package/src/omega/core_plugins/babel/global_this/babel_plugin_global_this_as_jsenv_import.js

@@ -0,0 +1,35 @@
+import { pathToFileURL } from "node:url"
+
+import { injectImport } from "@jsenv/utils/js_ast/babel_utils.js"
+
+export const babelPluginGlobalThisAsJsenvImport = (
+  babel,
+  { getImportSpecifier },
+) => {
+  const globalThisClientFileUrl = new URL(
+    "./client/global_this.js",
+    import.meta.url,
+  ).href
+
+  return {
+    name: "global-this-as-jsenv-import",
+    visitor: {
+      Identifier(path, opts) {
+        const { filename } = opts
+        const fileUrl = pathToFileURL(filename).href
+        if (fileUrl === globalThisClientFileUrl) {
+          return
+        }
+        const { node } = path
+        // we should do this once, tree shaking will remote it but still
+        if (node.name === "globalThis") {
+          injectImport({
+            programPath: path.scope.getProgramParent().path,
+            from: getImportSpecifier(globalThisClientFileUrl),
+            sideEffect: true,
+          })
+        }
+      },
+    },
+  }
+}

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

@@ -0,0 +1,187 @@
+import { createRequire } from "node:module"
+
+import { getBabelHelperFileUrl } from "../babel_helper/babel_helper_directory.js"
+import { babelPluginCompatMap } from "./babel_plugins_compatibility.js"
+
+const require = createRequire(import.meta.url)
+
+export const getBaseBabelPluginStructure = ({
+  url,
+  isSupportedOnRuntime,
+  usesTopLevelAwait,
+  //   // https://github.com/rpetrich/babel-plugin-transform-async-to-promises/blob/92755ff8c943c97596523e586b5fa515c2e99326/async-to-promises.ts#L55
+  topLevelAwait = "simple",
+  isJsModule,
+}) => {
+  const isBabelPluginNeeded = (babelPluginName) => {
+    return !isSupportedOnRuntime(
+      babelPluginName,
+      babelPluginCompatMap[babelPluginName],
+    )
+  }
+
+  const babelPluginStructure = {}
+  if (isBabelPluginNeeded("proposal-numeric-separator")) {
+    babelPluginStructure[
+      "proposal-numeric-separator"
+    ] = require("@babel/plugin-proposal-numeric-separator")
+  }
+  if (isBabelPluginNeeded("proposal-json-strings")) {
+    babelPluginStructure[
+      "proposal-json-strings"
+    ] = require("@babel/plugin-proposal-json-strings")
+  }
+  if (isBabelPluginNeeded("proposal-object-rest-spread")) {
+    babelPluginStructure[
+      "proposal-object-rest-spread"
+    ] = require("@babel/plugin-proposal-object-rest-spread")
+  }
+  if (isBabelPluginNeeded("proposal-optional-catch-binding")) {
+    babelPluginStructure[
+      "proposal-optional-catch-binding"
+    ] = require("@babel/plugin-proposal-optional-catch-binding")
+  }
+  if (isBabelPluginNeeded("proposal-unicode-property-regex")) {
+    babelPluginStructure[
+      "proposal-unicode-property-regex"
+    ] = require("@babel/plugin-proposal-unicode-property-regex")
+  }
+  if (
+    isJsModule &&
+    usesTopLevelAwait &&
+    !isSupportedOnRuntime("top_level_await")
+  ) {
+    babelPluginStructure["transform-async-to-promises"] = [
+      require("babel-plugin-transform-async-to-promises"),
+      {
+        topLevelAwait,
+      },
+    ]
+  } else if (isBabelPluginNeeded("transform-async-to-promises")) {
+    babelPluginStructure[
+      "transform-async-to-promises"
+    ] = require("babel-plugin-transform-async-to-promises")
+  }
+  if (isBabelPluginNeeded("transform-arrow-functions")) {
+    babelPluginStructure[
+      "transform-arrow-functions"
+    ] = require("@babel/plugin-transform-arrow-functions")
+  }
+  if (isBabelPluginNeeded("transform-block-scoped-functions")) {
+    babelPluginStructure[
+      "transform-block-scoped-functions"
+    ] = require("@babel/plugin-transform-block-scoped-functions")
+  }
+  if (isBabelPluginNeeded("transform-block-scoping")) {
+    babelPluginStructure[
+      "transform-block-scoping"
+    ] = require("@babel/plugin-transform-block-scoping")
+  }
+  if (isBabelPluginNeeded("transform-classes")) {
+    babelPluginStructure[
+      "transform-classes"
+    ] = require("@babel/plugin-transform-classes")
+  }
+  if (isBabelPluginNeeded("transform-computed-properties")) {
+    babelPluginStructure[
+      "transform-computed-properties"
+    ] = require("@babel/plugin-transform-computed-properties")
+  }
+  if (isBabelPluginNeeded("transform-destructuring")) {
+    babelPluginStructure[
+      "transform-destructuring"
+    ] = require("@babel/plugin-transform-destructuring")
+  }
+  if (isBabelPluginNeeded("transform-dotall-regex")) {
+    babelPluginStructure[
+      "transform-dotall-regex"
+    ] = require("@babel/plugin-transform-dotall-regex")
+  }
+  if (isBabelPluginNeeded("transform-duplicate-keys")) {
+    babelPluginStructure[
+      "transform-duplicate-keys"
+    ] = require("@babel/plugin-transform-duplicate-keys")
+  }
+  if (isBabelPluginNeeded("transform-exponentiation-operator")) {
+    babelPluginStructure[
+      "transform-exponentiation-operator"
+    ] = require("@babel/plugin-transform-exponentiation-operator")
+  }
+  if (isBabelPluginNeeded("transform-for-of")) {
+    babelPluginStructure[
+      "transform-for-of"
+    ] = require("@babel/plugin-transform-for-of")
+  }
+  if (isBabelPluginNeeded("transform-function-name")) {
+    babelPluginStructure[
+      "transform-function-name"
+    ] = require("@babel/plugin-transform-function-name")
+  }
+  if (isBabelPluginNeeded("transform-literals")) {
+    babelPluginStructure[
+      "transform-literals"
+    ] = require("@babel/plugin-transform-literals")
+  }
+  if (isBabelPluginNeeded("transform-new-target")) {
+    babelPluginStructure[
+      "transform-new-target"
+    ] = require("@babel/plugin-transform-new-target")
+  }
+  if (isBabelPluginNeeded("transform-object-super")) {
+    babelPluginStructure[
+      "transform-object-super"
+    ] = require("@babel/plugin-transform-object-super")
+  }
+  if (isBabelPluginNeeded("transform-parameters")) {
+    babelPluginStructure[
+      "transform-parameters"
+    ] = require("@babel/plugin-transform-parameters")
+  }
+  if (isBabelPluginNeeded("transform-regenerator")) {
+    babelPluginStructure["transform-regenerator"] = [
+      require("@babel/plugin-transform-regenerator"),
+      {
+        asyncGenerators: true,
+        generators: true,
+        async: false,
+      },
+    ]
+  }
+  if (isBabelPluginNeeded("transform-shorthand-properties")) {
+    babelPluginStructure["transform-shorthand-properties"] = [
+      require("@babel/plugin-transform-shorthand-properties"),
+    ]
+  }
+  if (isBabelPluginNeeded("transform-spread")) {
+    babelPluginStructure["transform-spread"] = [
+      require("@babel/plugin-transform-spread"),
+    ]
+  }
+  if (isBabelPluginNeeded("transform-sticky-regex")) {
+    babelPluginStructure["transform-sticky-regex"] = [
+      require("@babel/plugin-transform-sticky-regex"),
+    ]
+  }
+  if (isBabelPluginNeeded("transform-template-literals")) {
+    babelPluginStructure["transform-template-literals"] = [
+      require("@babel/plugin-transform-template-literals"),
+    ]
+  }
+  if (
+    isBabelPluginNeeded("transform-typeof-symbol") &&
+    // prevent "typeof" to be injected into itself:
+    // - not needed
+    // - would create infinite attempt to transform typeof
+    url !== getBabelHelperFileUrl("typeof")
+  ) {
+    babelPluginStructure["transform-typeof-symbol"] = [
+      require("@babel/plugin-transform-typeof-symbol"),
+    ]
+  }
+  if (isBabelPluginNeeded("transform-unicode-regex")) {
+    babelPluginStructure["transform-unicode-regex"] = [
+      require("@babel/plugin-transform-unicode-regex"),
+    ]
+  }
+  return babelPluginStructure
+}

package/src/{internal/features → omega/core_plugins/babel/helpers}/babel_plugins_compatibility.js

@@ -162,12 +162,12 @@ export const babelPluginCompatMap = {
     chrome: "41",
     opera: "28",
     edge: "13",
+    electron: "0.22",
     firefox: "34",
     safari: "13",
     node: "4",
     ios: "13",
     samsung: "3.4",
-    electron: "0.22",
   },
   "transform-literals": {
     chrome: "44",
@@ -430,26 +430,3 @@ babelPluginCompatMap["transform-async-to-promises"] =
 
 babelPluginCompatMap["regenerator-transform"] =
   babelPluginCompatMap["transform-regenerator"]
-
-// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/globalThis#browser_compatibility
-babelPluginCompatMap["global-this-as-jsenv-import"] = {
-  edge: "79",
-  firefox: "65",
-  chrome: "71",
-  safari: "12.1",
-  opera: "58",
-  ios: "12.2",
-  android: "94",
-  node: "12",
-}
-
-// needs support for both json and css
-babelPluginCompatMap["transform-import-assertions"] = {
-  chrome: "93",
-  edge: "93",
-}
-
-babelPluginCompatMap["new-stylesheet-as-jsenv-import"] = {
-  chrome: "93",
-  edge: "93",
-}

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

@@ -0,0 +1,97 @@
+import { applyBabelPlugins } from "@jsenv/utils/js_ast/apply_babel_plugins.js"
+
+import { getBaseBabelPluginStructure } from "./helpers/babel_plugin_structure.js"
+import { babelPluginNewStylesheetAsJsenvImport } from "./new_stylesheet/babel_plugin_new_stylesheet_as_jsenv_import.js"
+import { babelPluginGlobalThisAsJsenvImport } from "./global_this/babel_plugin_global_this_as_jsenv_import.js"
+import { babelPluginRegeneratorRuntimeAsJsenvImport } from "./regenerator_runtime/babel_plugin_regenerator_runtime_as_jsenv_import.js"
+import { babelPluginBabelHelpersAsJsenvImports } from "./babel_helper/babel_plugin_babel_helpers_as_jsenv_imports.js"
+
+export const jsenvPluginBabel = ({
+  getCustomBabelPlugins,
+  topLevelAwait,
+} = {}) => {
+  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 babelPluginStructure = getBaseBabelPluginStructure({
+      url: urlInfo.url,
+      isSupportedOnRuntime,
+      topLevelAwait,
+      usesTopLevelAwait: urlInfo.data.usesTopLevelAwait,
+      isJsModule,
+      isWorker,
+    })
+    if (getCustomBabelPlugins) {
+      Object.assign(babelPluginStructure, getCustomBabelPlugins(context))
+    }
+
+    if (isJsModule) {
+      const getImportSpecifier = (clientFileUrl) => {
+        const [reference] = referenceUtils.inject({
+          type: "js_import_export",
+          specifier: clientFileUrl,
+        })
+        return JSON.parse(reference.generatedSpecifier)
+      }
+      if (!isSupportedOnRuntime("global_this")) {
+        babelPluginStructure["global-this-as-jsenv-import"] = [
+          babelPluginGlobalThisAsJsenvImport,
+          {
+            getImportSpecifier,
+          },
+        ]
+      }
+      if (!isSupportedOnRuntime("async_generator_function")) {
+        babelPluginStructure["regenerator-runtime-as-jsenv-import"] = [
+          babelPluginRegeneratorRuntimeAsJsenvImport,
+          {
+            getImportSpecifier,
+          },
+        ]
+      }
+      if (!isSupportedOnRuntime("new_stylesheet")) {
+        babelPluginStructure["new-stylesheet-as-jsenv-import"] = [
+          babelPluginNewStylesheetAsJsenvImport,
+          {
+            getImportSpecifier,
+          },
+        ]
+      }
+      if (Object.keys(babelPluginStructure).length > 0) {
+        babelPluginStructure["babel-helper-as-jsenv-import"] = [
+          babelPluginBabelHelpersAsJsenvImports,
+          {
+            getImportSpecifier,
+          },
+        ]
+      }
+    }
+    // otherwise, concerning global_this, and new_stylesheet we must inject the code
+    // (we cannot inject an import)
+
+    const babelPlugins = Object.keys(babelPluginStructure).map(
+      (babelPluginName) => babelPluginStructure[babelPluginName],
+    )
+    const { code, map } = await applyBabelPlugins({
+      babelPlugins,
+      url: urlInfo.url,
+      generatedUrl: urlInfo.generatedUrl,
+      content: urlInfo.content,
+    })
+    return {
+      content: code,
+      sourcemap: map,
+    }
+  }
+
+  return {
+    name: "jsenv:babel",
+    appliesDuring: "*",
+    transform: {
+      js_module: transformWithBabel,
+      js_classic: transformWithBabel,
+    },
+  }
+}