@jsenv/core 36.1.3 → 36.2.0

package/src/plugins/transpilation/babel/helpers/babel_plugins_compatibility.js

@@ -1,432 +0,0 @@
-/* eslint-disable camelcase */
-// copied from
-// https://github.com/babel/babel/blob/e498bee10f0123bb208baa228ce6417542a2c3c4/packages/babel-compat-data/data/plugins.json#L1
-// https://github.com/babel/babel/blob/master/packages/babel-compat-data/data/plugins.json#L1
-// Because this is an hidden implementation detail of @babel/preset-env
-// it could be deprecated or moved anytime.
-// For that reason it makes more sens to have it inlined here
-// than importing it from an undocumented location.
-// Ideally it would be documented or a separate module
-
-export const babelPluginCompatMap = {
-  "proposal-numeric-separator": {
-    chrome: "75",
-    opera: "62",
-    edge: "79",
-    firefox: "70",
-    safari: "13",
-    node: "12.5",
-    ios: "13",
-    samsung: "11",
-    electron: "6",
-  },
-  "proposal-class-properties": {
-    chrome: "74",
-    opera: "61",
-    edge: "79",
-    node: "12",
-    electron: "6.1",
-  },
-  "proposal-private-methods": {
-    chrome: "84",
-    opera: "71",
-  },
-  "proposal-nullish-coalescing-operator": {
-    chrome: "80",
-    opera: "67",
-    edge: "80",
-    firefox: "72",
-    safari: "13.1",
-    node: "14",
-    electron: "8.1",
-  },
-  "proposal-optional-chaining": {
-    chrome: "80",
-    opera: "67",
-    edge: "80",
-    firefox: "74",
-    safari: "13.1",
-    node: "14",
-    electron: "8.1",
-  },
-  "proposal-json-strings": {
-    chrome: "66",
-    opera: "53",
-    edge: "79",
-    firefox: "62",
-    safari: "12",
-    node: "10",
-    ios: "12",
-    samsung: "9",
-    electron: "3",
-  },
-  "proposal-optional-catch-binding": {
-    chrome: "66",
-    opera: "53",
-    edge: "79",
-    firefox: "58",
-    safari: "11.1",
-    node: "10",
-    ios: "11.3",
-    samsung: "9",
-    electron: "3",
-  },
-  "transform-parameters": {
-    chrome: "49",
-    opera: "36",
-    edge: "18",
-    firefox: "53",
-    safari: "10",
-    node: "6",
-    ios: "10",
-    samsung: "5",
-    electron: "0.37",
-  },
-  "proposal-async-generator-functions": {
-    chrome: "63",
-    opera: "50",
-    edge: "79",
-    firefox: "57",
-    safari: "12",
-    node: "10",
-    ios: "12",
-    samsung: "8",
-    electron: "3",
-  },
-  "proposal-object-rest-spread": {
-    chrome: "60",
-    opera: "47",
-    edge: "79",
-    firefox: "55",
-    safari: "11.1",
-    node: "8.3",
-    ios: "11.3",
-    samsung: "8",
-    electron: "2",
-  },
-  "transform-dotall-regex": {
-    chrome: "62",
-    opera: "49",
-    edge: "79",
-    firefox: "78",
-    safari: "11.1",
-    node: "8.10",
-    ios: "11.3",
-    samsung: "8",
-    electron: "3",
-  },
-  "proposal-unicode-property-regex": {
-    chrome: "64",
-    opera: "51",
-    edge: "79",
-    firefox: "78",
-    safari: "11.1",
-    node: "10",
-    ios: "11.3",
-    samsung: "9",
-    electron: "3",
-  },
-  "transform-named-capturing-groups-regex": {
-    chrome: "64",
-    opera: "51",
-    edge: "79",
-    safari: "11.1",
-    node: "10",
-    ios: "11.3",
-    samsung: "9",
-    electron: "3",
-  },
-  "transform-async-to-generator": {
-    chrome: "55",
-    opera: "42",
-    edge: "15",
-    firefox: "52",
-    safari: "11",
-    node: "7.6",
-    ios: "11",
-    samsung: "6",
-    electron: "1.6",
-  },
-  "transform-exponentiation-operator": {
-    chrome: "52",
-    opera: "39",
-    edge: "14",
-    firefox: "52",
-    safari: "10.1",
-    node: "7",
-    ios: "10.3",
-    samsung: "6",
-    electron: "1.3",
-  },
-  "transform-template-literals": {
-    chrome: "41",
-    opera: "28",
-    edge: "13",
-    electron: "0.22",
-    firefox: "34",
-    safari: "13",
-    node: "4",
-    ios: "13",
-    samsung: "3.4",
-  },
-  "transform-literals": {
-    chrome: "44",
-    opera: "31",
-    edge: "12",
-    firefox: "53",
-    safari: "9",
-    node: "4",
-    ios: "9",
-    samsung: "4",
-    electron: "0.30",
-  },
-  "transform-function-name": {
-    chrome: "51",
-    opera: "38",
-    edge: "79",
-    firefox: "53",
-    safari: "10",
-    node: "6.5",
-    ios: "10",
-    samsung: "5",
-    electron: "1.2",
-  },
-  "transform-arrow-functions": {
-    chrome: "47",
-    opera: "34",
-    edge: "13",
-    firefox: "45",
-    safari: "10",
-    node: "6",
-    ios: "10",
-    samsung: "5",
-    electron: "0.36",
-  },
-  "transform-block-scoped-functions": {
-    chrome: "41",
-    opera: "28",
-    edge: "12",
-    firefox: "46",
-    safari: "10",
-    node: "4",
-    ie: "11",
-    ios: "10",
-    samsung: "3.4",
-    electron: "0.22",
-  },
-  "transform-classes": {
-    chrome: "46",
-    opera: "33",
-    edge: "13",
-    firefox: "45",
-    safari: "10",
-    node: "5",
-    ios: "10",
-    samsung: "5",
-    electron: "0.36",
-  },
-  "transform-object-super": {
-    chrome: "46",
-    opera: "33",
-    edge: "13",
-    firefox: "45",
-    safari: "10",
-    node: "5",
-    ios: "10",
-    samsung: "5",
-    electron: "0.36",
-  },
-  "transform-shorthand-properties": {
-    chrome: "43",
-    opera: "30",
-    edge: "12",
-    firefox: "33",
-    safari: "9",
-    node: "4",
-    ios: "9",
-    samsung: "4",
-    electron: "0.28",
-  },
-  "transform-duplicate-keys": {
-    chrome: "42",
-    opera: "29",
-    edge: "12",
-    firefox: "34",
-    safari: "9",
-    node: "4",
-    ios: "9",
-    samsung: "3.4",
-    electron: "0.25",
-  },
-  "transform-computed-properties": {
-    chrome: "44",
-    opera: "31",
-    edge: "12",
-    firefox: "34",
-    safari: "7.1",
-    node: "4",
-    ios: "8",
-    samsung: "4",
-    electron: "0.30",
-  },
-  "transform-for-of": {
-    chrome: "51",
-    opera: "38",
-    edge: "15",
-    firefox: "53",
-    safari: "10",
-    node: "6.5",
-    ios: "10",
-    samsung: "5",
-    electron: "1.2",
-  },
-  "transform-sticky-regex": {
-    chrome: "49",
-    opera: "36",
-    edge: "13",
-    firefox: "3",
-    safari: "10",
-    node: "6",
-    ios: "10",
-    samsung: "5",
-    electron: "0.37",
-  },
-  "transform-unicode-escapes": {
-    chrome: "44",
-    opera: "31",
-    edge: "12",
-    firefox: "53",
-    safari: "9",
-    node: "4",
-    ios: "9",
-    samsung: "4",
-    electron: "0.30",
-  },
-  "transform-unicode-regex": {
-    chrome: "50",
-    opera: "37",
-    edge: "13",
-    firefox: "46",
-    safari: "12",
-    node: "6",
-    ios: "12",
-    samsung: "5",
-    electron: "1.1",
-  },
-  "transform-spread": {
-    chrome: "46",
-    opera: "33",
-    edge: "13",
-    firefox: "36",
-    safari: "10",
-    node: "5",
-    ios: "10",
-    samsung: "5",
-    electron: "0.36",
-  },
-  "transform-destructuring": {
-    chrome: "51",
-    opera: "38",
-    edge: "15",
-    firefox: "53",
-    safari: "10",
-    node: "6.5",
-    ios: "10",
-    samsung: "5",
-    electron: "1.2",
-  },
-  "transform-block-scoping": {
-    chrome: "49",
-    opera: "36",
-    edge: "14",
-    firefox: "51",
-    safari: "11",
-    node: "6",
-    ios: "11",
-    samsung: "5",
-    electron: "0.37",
-  },
-  "transform-typeof-symbol": {
-    chrome: "38",
-    opera: "25",
-    edge: "12",
-    firefox: "36",
-    safari: "9",
-    node: "0.12",
-    ios: "9",
-    samsung: "3",
-    electron: "0.20",
-  },
-  "transform-new-target": {
-    chrome: "46",
-    opera: "33",
-    edge: "14",
-    firefox: "41",
-    safari: "10",
-    node: "5",
-    ios: "10",
-    samsung: "5",
-    electron: "0.36",
-  },
-  "transform-regenerator": {
-    chrome: "50",
-    opera: "37",
-    edge: "13",
-    firefox: "53",
-    safari: "10",
-    node: "6",
-    ios: "10",
-    samsung: "5",
-    electron: "1.1",
-  },
-  "transform-member-expression-literals": {
-    chrome: "7",
-    opera: "12",
-    edge: "12",
-    firefox: "2",
-    safari: "5.1",
-    node: "0.10",
-    ie: "9",
-    android: "4",
-    ios: "6",
-    phantom: "2",
-    samsung: "1",
-    electron: "0.20",
-  },
-  "transform-property-literals": {
-    chrome: "7",
-    opera: "12",
-    edge: "12",
-    firefox: "2",
-    safari: "5.1",
-    node: "0.10",
-    ie: "9",
-    android: "4",
-    ios: "6",
-    phantom: "2",
-    samsung: "1",
-    electron: "0.20",
-  },
-  "transform-reserved-words": {
-    chrome: "13",
-    opera: "10.50",
-    edge: "12",
-    firefox: "2",
-    safari: "3.1",
-    node: "0.10",
-    ie: "9",
-    android: "4.4",
-    ios: "6",
-    phantom: "2",
-    samsung: "1",
-    electron: "0.20",
-  },
-};
-
-// copy of transform-async-to-generator
-// so that async is not transpiled when supported
-babelPluginCompatMap["transform-async-to-promises"] =
-  babelPluginCompatMap["transform-async-to-generator"];
-
-babelPluginCompatMap["regenerator-transform"] =
-  babelPluginCompatMap["transform-regenerator"];

package/src/plugins/transpilation/babel/jsenv_plugin_babel.js

@@ -1,100 +0,0 @@
-import { applyBabelPlugins } from "@jsenv/ast";
-
-import { RUNTIME_COMPAT } from "@jsenv/core/src/kitchen/compat/runtime_compat.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";
-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";
-
-export const jsenvPluginBabel = ({
-  getCustomBabelPlugins,
-  babelHelpersAsImport = true,
-} = {}) => {
-  const transformWithBabel = async (urlInfo, context) => {
-    const isJsModule = urlInfo.type === "js_module";
-
-    const isSupported = (feature) =>
-      RUNTIME_COMPAT.isSupported(context.clientRuntimeCompat, feature);
-    const getImportSpecifier = (clientFileUrl) => {
-      const [reference] = context.referenceUtils.inject({
-        type: "js_import",
-        expectedType: "js_module",
-        specifier: clientFileUrl,
-      });
-      return JSON.parse(reference.generatedSpecifier);
-    };
-
-    const babelPluginStructure = getBaseBabelPluginStructure({
-      url: urlInfo.url,
-      isSupported,
-      isJsModule,
-      getImportSpecifier,
-    });
-    if (getCustomBabelPlugins) {
-      Object.assign(babelPluginStructure, getCustomBabelPlugins(context));
-    }
-
-    if (isJsModule && babelHelpersAsImport) {
-      if (!isSupported("global_this")) {
-        babelPluginStructure["global-this-as-jsenv-import"] = [
-          babelPluginGlobalThisAsJsenvImport,
-          {
-            getImportSpecifier,
-          },
-        ];
-      }
-      if (!isSupported("async_generator_function")) {
-        babelPluginStructure["regenerator-runtime-as-jsenv-import"] = [
-          babelPluginRegeneratorRuntimeAsJsenvImport,
-          {
-            getImportSpecifier,
-          },
-        ];
-      }
-      if (!isSupported("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,
-      urlInfo,
-      options: {
-        generatorOpts: {
-          retainLines: context.dev,
-        },
-      },
-    });
-    return {
-      content: code,
-      sourcemap: map,
-    };
-  };
-  return {
-    name: "jsenv:babel",
-    appliesDuring: "*",
-    transformUrlContent: {
-      js_classic: transformWithBabel,
-      js_module: transformWithBabel,
-    },
-  };
-};

package/src/plugins/transpilation/babel/new_stylesheet/babel_plugin_new_stylesheet_as_jsenv_import.js

@@ -1,142 +0,0 @@
-import { pathToFileURL } from "node:url";
-import { injectJsImport } from "@jsenv/ast";
-
-export const newStylesheetClientFileUrl = new URL(
-  "./client/new_stylesheet.js",
-  import.meta.url,
-).href;
-
-export const babelPluginNewStylesheetAsJsenvImport = (
-  babel,
-  { getImportSpecifier },
-) => {
-  return {
-    name: "new-stylesheet-as-jsenv-import",
-    visitor: {
-      Program: (programPath, babelState) => {
-        if (babelState.filename) {
-          const fileUrl = pathToFileURL(babelState.filename).href;
-          if (fileUrl === newStylesheetClientFileUrl) {
-            return;
-          }
-        }
-        let usesNewStylesheet = false;
-        programPath.traverse({
-          NewExpression: (path) => {
-            usesNewStylesheet = isNewCssStyleSheetCall(path.node);
-            if (usesNewStylesheet) {
-              path.stop();
-            }
-          },
-          MemberExpression: (path) => {
-            usesNewStylesheet = isDocumentAdoptedStyleSheets(path.node);
-            if (usesNewStylesheet) {
-              path.stop();
-            }
-          },
-          CallExpression: (path) => {
-            if (path.node.callee.type !== "Import") {
-              // Some other function call, not import();
-              return;
-            }
-            if (path.node.arguments[0].type !== "StringLiteral") {
-              // Non-string argument, probably a variable or expression, e.g.
-              // import(moduleId)
-              // import('./' + moduleName)
-              return;
-            }
-            const sourcePath = path.get("arguments")[0];
-            usesNewStylesheet =
-              hasCssModuleQueryParam(sourcePath) ||
-              hasImportTypeCssAssertion(path);
-            if (usesNewStylesheet) {
-              path.stop();
-            }
-          },
-          ImportDeclaration: (path) => {
-            const sourcePath = path.get("source");
-            usesNewStylesheet =
-              hasCssModuleQueryParam(sourcePath) ||
-              hasImportTypeCssAssertion(path);
-            if (usesNewStylesheet) {
-              path.stop();
-            }
-          },
-          ExportAllDeclaration: (path) => {
-            const sourcePath = path.get("source");
-            usesNewStylesheet = hasCssModuleQueryParam(sourcePath);
-            if (usesNewStylesheet) {
-              path.stop();
-            }
-          },
-          ExportNamedDeclaration: (path) => {
-            if (!path.node.source) {
-              // This export has no "source", so it's probably
-              // a local variable or function, e.g.
-              // export { varName }
-              // export const constName = ...
-              // export function funcName() {}
-              return;
-            }
-            const sourcePath = path.get("source");
-            usesNewStylesheet = hasCssModuleQueryParam(sourcePath);
-            if (usesNewStylesheet) {
-              path.stop();
-            }
-          },
-        });
-        if (usesNewStylesheet) {
-          injectJsImport({
-            programPath,
-            from: getImportSpecifier(newStylesheetClientFileUrl),
-            sideEffect: true,
-          });
-        }
-      },
-    },
-  };
-};
-
-const isNewCssStyleSheetCall = (node) => {
-  return (
-    node.type === "NewExpression" &&
-    node.callee.type === "Identifier" &&
-    node.callee.name === "CSSStyleSheet"
-  );
-};
-
-const isDocumentAdoptedStyleSheets = (node) => {
-  return (
-    node.type === "MemberExpression" &&
-    node.object.type === "Identifier" &&
-    node.object.name === "document" &&
-    node.property.type === "Identifier" &&
-    node.property.name === "adoptedStyleSheets"
-  );
-};
-
-const hasCssModuleQueryParam = (path) => {
-  const { node } = path;
-  return (
-    node.type === "StringLiteral" &&
-    new URL(node.value, "https://jsenv.dev").searchParams.has(`css_module`)
-  );
-};
-
-const hasImportTypeCssAssertion = (path) => {
-  const importAssertionsDescriptor = getImportAssertionsDescriptor(
-    path.node.assertions,
-  );
-  return Boolean(importAssertionsDescriptor.type === "css");
-};
-
-const getImportAssertionsDescriptor = (importAssertions) => {
-  const importAssertionsDescriptor = {};
-  if (importAssertions) {
-    importAssertions.forEach((importAssertion) => {
-      importAssertionsDescriptor[importAssertion.key.name] =
-        importAssertion.value.value;
-    });
-  }
-  return importAssertionsDescriptor;
-};