@parcel/transformer-babel 2.0.0-beta.2 → 2.0.0-nightly.1004

package/src/remapAstLocations.js

@@ -0,0 +1,70 @@
+// @flow strict-local
+
+import type {File as BabelNodeFile} from '@babel/types';
+import type SourceMap from '@parcel/source-map';
+import type {Node} from '@babel/types';
+import typeof * as BabelTypes from '@babel/types';
+
+export function remapAstLocations(
+  t: BabelTypes,
+  ast: BabelNodeFile,
+  map: SourceMap,
+) {
+  // remap ast to original mappings
+  // This improves sourcemap accuracy and fixes sourcemaps when scope-hoisting
+  traverseAll(t, ast.program, node => {
+    if (node.loc) {
+      if (node.loc?.start) {
+        let mapping = map.findClosestMapping(
+          node.loc.start.line,
+          node.loc.start.column,
+        );
+
+        if (mapping?.original) {
+          // $FlowFixMe
+          node.loc.start.line = mapping.original.line;
+          // $FlowFixMe
+          node.loc.start.column = mapping.original.column;
+
+          // $FlowFixMe
+          let length = node.loc.end.column - node.loc.start.column;
+
+          // $FlowFixMe
+          node.loc.end.line = mapping.original.line;
+          // $FlowFixMe
+          node.loc.end.column = mapping.original.column + length;
+
+          // $FlowFixMe
+          node.loc.filename = mapping.source;
+        } else {
+          // Maintain null mappings?
+          node.loc = null;
+        }
+      }
+    }
+  });
+}
+
+function traverseAll(
+  t: BabelTypes,
+  node: Node,
+  visitor: (node: Node) => void,
+): void {
+  if (!node) {
+    return;
+  }
+
+  visitor(node);
+
+  for (let key of t.VISITOR_KEYS[node.type] || []) {
+    // $FlowFixMe
+    let subNode: Node | Array<Node> = node[key];
+    if (Array.isArray(subNode)) {
+      for (let i = 0; i < subNode.length; i++) {
+        traverseAll(t, subNode[i], visitor);
+      }
+    } else {
+      traverseAll(t, subNode, visitor);
+    }
+  }
+}

package/src/utils.js

@@ -5,7 +5,22 @@ import type {Targets as BabelTargets} from '@babel/preset-env';
 
 import invariant from 'assert';
 import semver from 'semver';
-import {TargetNames} from '@babel/helper-compilation-targets/lib/options';
+
+// Copied from @babel/helper-compilation-targets/lib/options.js
+const TargetNames = {
+  node: 'node',
+  chrome: 'chrome',
+  opera: 'opera',
+  edge: 'edge',
+  firefox: 'firefox',
+  safari: 'safari',
+  ie: 'ie',
+  ios: 'ios',
+  android: 'android',
+  electron: 'electron',
+  samsung: 'samsung',
+  rhino: 'rhino',
+};
 
 // List of browsers to exclude when the esmodule target is specified.
 // Based on https://caniuse.com/#feat=es6-module
@@ -47,7 +62,7 @@ export function enginesToBabelTargets(env: Environment): BabelTargets {
     } else {
       invariant(typeof engineValue === 'string');
       if (!TargetNames.hasOwnProperty(engineName)) continue;
-      let minVersion = getMinSemver(engineValue);
+      let minVersion = semver.minVersion(engineValue)?.toString();
       targets[engineName] = minVersion ?? engineValue;
     }
   }
@@ -69,15 +84,3 @@ export function enginesToBabelTargets(env: Environment): BabelTargets {
 
   return targets;
 }
-
-// TODO: Replace with `minVersion` (https://github.com/npm/node-semver#ranges-1)
-//       once semver has been upgraded across Parcel.
-export function getMinSemver(version: string): ?string {
-  try {
-    let range = new semver.Range(version);
-    let sorted = range.set.sort((a, b) => a[0].semver.compare(b[0].semver));
-    return sorted[0][0].semver.version;
-  } catch (err) {
-    return null;
-  }
-}

package/lib/astConverter.js

@@ -1,114 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.babel7toBabel6 = babel7toBabel6;
-exports.babel6toBabel7 = babel6toBabel7;
-
-function _traverse() {
-  const data = _interopRequireDefault(require("@babel/traverse"));
-
-  _traverse = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// Convert between babel 7 and babel 6 AST
-// More info on the AST Changes: https://babeljs.io/docs/en/v7-migration-api#ast-changes
-function babel7toBabel6(ast) {
-  const visitor = {
-    ArrowFunctionExpression: node => {
-      node.expression = node.body.type !== 'BlockStatement';
-    },
-    ExistsTypeAnnotation: node => {
-      node.type = 'ExistentialTypeParam';
-    },
-    NumberLiteralTypeAnnotation: node => {
-      node.type = 'NumericLiteralTypeAnnotation';
-    },
-    ObjectTypeIndexer: node => {
-      node.end++;
-      node.loc.end.column++;
-    },
-    ForOfStatement: node => {
-      node.type = 'ForAwaitStatement';
-      delete node.await;
-    },
-    SpreadElement: (node, path) => {
-      if (path.parentPath.isObjectExpression() || path.parentPath.isArrayExpression()) {
-        node.type = 'SpreadProperty';
-      }
-    },
-    RestElement: (node, path) => {
-      if (path.parentPath.isObjectPattern() || path.parentPath.isArrayPattern()) {
-        node.type = 'RestProperty';
-      }
-    }
-  };
-  (0, _traverse().default)(ast, {
-    enter(path) {
-      if (path.node.variance && path.node.variance.type === 'Variance') {
-        path.node.variance = path.node.variance.kind;
-      }
-
-      let visitorFunc = visitor[path.node.type];
-
-      if (visitorFunc) {
-        visitorFunc(path.node, path);
-      }
-    }
-
-  });
-  return ast;
-}
-
-function babel6toBabel7(ast) {
-  const visitor = {
-    ArrowFunctionExpression: node => {
-      delete node.expression;
-    },
-    ExistentialTypeParam: node => {
-      node.type = 'ExistsTypeAnnotation';
-    },
-    NumericLiteralTypeAnnotation: node => {
-      node.type = 'NumberLiteralTypeAnnotation';
-    },
-    ObjectTypeIndexer: node => {
-      node.end--;
-      node.loc.end.column--;
-    },
-    ForAwaitStatement: node => {
-      node.type = 'ForOfStatement';
-      node.await = true;
-    },
-    SpreadProperty: node => {
-      node.type = 'SpreadElement';
-    },
-    RestProperty: node => {
-      node.type = 'RestElement';
-    }
-  };
-  (0, _traverse().default)(ast, {
-    enter(path) {
-      if (path.node.variance && typeof path.node.variance === 'string') {
-        path.node.variance = {
-          type: 'VarianceNode',
-          kind: path.node.variance
-        };
-      }
-
-      let visitorFunc = visitor[path.node.type];
-
-      if (visitorFunc) {
-        visitorFunc(path.node);
-      }
-    }
-
-  });
-  return ast;
-}

package/lib/env.js

@@ -1,88 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = getEnvOptions;
-
-function _presetEnv() {
-  const data = _interopRequireDefault(require("@babel/preset-env"));
-
-  _presetEnv = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _getBabelTargets() {
-  const data = _interopRequireDefault(require("./getBabelTargets"));
-
-  _getBabelTargets = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _utils() {
-  const data = require("./utils");
-
-  _utils = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * Generates a @babel/preset-env config for an asset.
- * This is done by finding the source module's target engines, and the app's
- * target engines, and doing a diff to include only the necessary plugins.
- */
-async function getEnvOptions(config) {
-  // Only compile if there are engines defined in the environment.
-  if (Object.keys(config.env.engines).length === 0) {
-    return null;
-  } // Load the target engines for the app and generate a @babel/preset-env config
-
-
-  let appBabelTargets = (0, _utils().enginesToBabelTargets)(config.env); // If this is the app module, the source and target will be the same, so just compile everything.
-  // Otherwise, load the source engines and generate a babel-present-env config.
-
-  if (!config.isSource) {
-    let sourceBabelTargets = await (0, _getBabelTargets().default)(config);
-
-    if (!sourceBabelTargets || !shouldCompileFurther(sourceBabelTargets, appBabelTargets)) {
-      return null;
-    }
-  }
-
-  return {
-    targets: appBabelTargets,
-    config: {
-      presets: ['@parcel/babel-preset-env']
-    }
-  };
-}
-
-function getNeededPlugins(targets) {
-  return (0, _presetEnv().default)({
-    assertVersion: () => true
-  }, {
-    targets: targets
-  }).plugins.filter(p => p[0]);
-}
-
-function shouldCompileFurther(sourceBabelTargets, appBabelTargets) {
-  let sourcePlugins = new Set(getNeededPlugins(sourceBabelTargets));
-  let appPlugins = getNeededPlugins(appBabelTargets); // If there is any app plugin present that was not used to compile the source,
-  // then the asset was built to a higher target and will need to be compiled
-  // further
-
-  return appPlugins.some(plugin => {
-    return !sourcePlugins.has(plugin);
-  });
-}

package/lib/getBabelTargets.js

@@ -1,104 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = getBabelTargets;
-
-function _browserslist() {
-  const data = _interopRequireDefault(require("browserslist"));
-
-  _browserslist = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _semver() {
-  const data = _interopRequireDefault(require("semver"));
-
-  _semver = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const BROWSER_CONTEXT = new Set(['browser', 'web-worker', 'service-worker']); // https://github.com/browserslist/browserslist/blob/04d7b3cc6ebeb62baf6d62aeb90f1bfd0c11117c/test/config.test.js#L23
-
-/**
- * Loads target node and browser versions from the following locations:
- *   - package.json engines field
- *   - package.json browserslist field
- *   - browserslist or .browserslistrc files
- *
- * "Targets" is the name @babel/preset-env uses for what Parcel calls engines.
- * This should not be confused with Parcel's own targets.
- * Unlike Parcel's engines, @babel/preset-env expects to work with minimum
- * versions, not semver ranges, of its targets.
- */
-async function getBabelTargets(config) {
-  let targets = {};
-  let compileTarget = BROWSER_CONTEXT.has(config.env.context) ? 'browsers' : config.env.context;
-  let pkg = await config.getPackage();
-  let packageEngines = pkg === null || pkg === void 0 ? void 0 : pkg.engines;
-
-  if (compileTarget === 'node') {
-    let nodeVersion = packageEngines === null || packageEngines === void 0 ? void 0 : packageEngines.node; // Use package.engines.node by default if we are compiling for node.
-
-    if (typeof nodeVersion === 'string') {
-      try {
-        //$FlowFixMe catch error when minVersion() returned null
-        targets.node = _semver().default.minVersion(nodeVersion).version;
-      } catch (e) {
-        throw new Error("Expected 'node' engine to be a valid Semver Range");
-      }
-    }
-  } else {
-    let browsers;
-
-    if (packageEngines && (typeof packageEngines.browsers === 'string' || Array.isArray(packageEngines.browsers))) {
-      browsers = packageEngines.browsers;
-    } else if (pkg && pkg.browserslist) {
-      browsers = pkg.browserslist;
-    } else {
-      let browserslist = await loadBrowserslist(config);
-
-      if (browserslist) {
-        browsers = browserslist;
-      }
-    } // Parse browser targets
-
-
-    if (typeof browsers === 'object' && browsers != null && !Array.isArray(browsers)) {
-      var _process$env$NODE_ENV;
-
-      let env = (_process$env$NODE_ENV = process.env.NODE_ENV) !== null && _process$env$NODE_ENV !== void 0 ? _process$env$NODE_ENV : 'development';
-      browsers = browsers[env] || browsers.defaults;
-    }
-
-    if (browsers != null) {
-      targets.browsers = (0, _browserslist().default)(browsers).sort();
-    }
-  } // Dont compile if we couldn't find any targets
-
-
-  if (Object.keys(targets).length === 0) {
-    return null;
-  }
-
-  return targets;
-}
-
-async function loadBrowserslist(config) {
-  let browserslistConfig = await config.getConfig(['browserslist', '.browserslistrc'], {
-    parse: false
-  });
-
-  if (browserslistConfig) {
-    return _browserslist().default.parseConfig(browserslistConfig.contents);
-  }
-}

package/lib/typescript.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = getTypescriptOptions;
-
-function _path() {
-  const data = _interopRequireDefault(require("path"));
-
-  _path = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function getTypescriptOptions(config, pragma, pragmaFrag) {
-  return {
-    plugins: [['@babel/plugin-transform-typescript', {
-      isTSX: _path().default.extname(config.searchPath) === '.tsx',
-      // Needed because of https://github.com/babel/babel/issues/12585
-      jsxPragma: pragma,
-      jsxPragmaFrag: pragmaFrag
-    }]]
-  };
-}

package/src/astConverter.js

@@ -1,102 +0,0 @@
-import traverse from '@babel/traverse';
-
-// Convert between babel 7 and babel 6 AST
-// More info on the AST Changes: https://babeljs.io/docs/en/v7-migration-api#ast-changes
-export function babel7toBabel6(ast) {
-  const visitor = {
-    ArrowFunctionExpression: node => {
-      node.expression = node.body.type !== 'BlockStatement';
-    },
-    ExistsTypeAnnotation: node => {
-      node.type = 'ExistentialTypeParam';
-    },
-    NumberLiteralTypeAnnotation: node => {
-      node.type = 'NumericLiteralTypeAnnotation';
-    },
-    ObjectTypeIndexer: node => {
-      node.end++;
-      node.loc.end.column++;
-    },
-    ForOfStatement: node => {
-      node.type = 'ForAwaitStatement';
-      delete node.await;
-    },
-    SpreadElement: (node, path) => {
-      if (
-        path.parentPath.isObjectExpression() ||
-        path.parentPath.isArrayExpression()
-      ) {
-        node.type = 'SpreadProperty';
-      }
-    },
-    RestElement: (node, path) => {
-      if (
-        path.parentPath.isObjectPattern() ||
-        path.parentPath.isArrayPattern()
-      ) {
-        node.type = 'RestProperty';
-      }
-    },
-  };
-
-  traverse(ast, {
-    enter(path) {
-      if (path.node.variance && path.node.variance.type === 'Variance') {
-        path.node.variance = path.node.variance.kind;
-      }
-
-      let visitorFunc = visitor[path.node.type];
-      if (visitorFunc) {
-        visitorFunc(path.node, path);
-      }
-    },
-  });
-
-  return ast;
-}
-
-export function babel6toBabel7(ast) {
-  const visitor = {
-    ArrowFunctionExpression: node => {
-      delete node.expression;
-    },
-    ExistentialTypeParam: node => {
-      node.type = 'ExistsTypeAnnotation';
-    },
-    NumericLiteralTypeAnnotation: node => {
-      node.type = 'NumberLiteralTypeAnnotation';
-    },
-    ObjectTypeIndexer: node => {
-      node.end--;
-      node.loc.end.column--;
-    },
-    ForAwaitStatement: node => {
-      node.type = 'ForOfStatement';
-      node.await = true;
-    },
-    SpreadProperty: node => {
-      node.type = 'SpreadElement';
-    },
-    RestProperty: node => {
-      node.type = 'RestElement';
-    },
-  };
-
-  traverse(ast, {
-    enter(path) {
-      if (path.node.variance && typeof path.node.variance === 'string') {
-        path.node.variance = {
-          type: 'VarianceNode',
-          kind: path.node.variance,
-        };
-      }
-
-      let visitorFunc = visitor[path.node.type];
-      if (visitorFunc) {
-        visitorFunc(path.node);
-      }
-    },
-  });
-
-  return ast;
-}

package/src/env.js

@@ -1,69 +0,0 @@
-// @flow strict-local
-
-import type {Config} from '@parcel/types';
-import presetEnv from '@babel/preset-env';
-import type {BabelConfig} from './types';
-import type {Targets as BabelTargets, PresetEnvPlugin} from '@babel/preset-env';
-
-import getBabelTargets from './getBabelTargets';
-import {enginesToBabelTargets} from './utils';
-
-/**
- * Generates a @babel/preset-env config for an asset.
- * This is done by finding the source module's target engines, and the app's
- * target engines, and doing a diff to include only the necessary plugins.
- */
-export default async function getEnvOptions(
-  config: Config,
-): Promise<?{|
-  config: BabelConfig,
-  targets: BabelTargets,
-|}> {
-  // Only compile if there are engines defined in the environment.
-  if (Object.keys(config.env.engines).length === 0) {
-    return null;
-  }
-
-  // Load the target engines for the app and generate a @babel/preset-env config
-  let appBabelTargets = enginesToBabelTargets(config.env);
-
-  // If this is the app module, the source and target will be the same, so just compile everything.
-  // Otherwise, load the source engines and generate a babel-present-env config.
-  if (!config.isSource) {
-    let sourceBabelTargets = await getBabelTargets(config);
-
-    if (
-      !sourceBabelTargets ||
-      !shouldCompileFurther(sourceBabelTargets, appBabelTargets)
-    ) {
-      return null;
-    }
-  }
-
-  return {
-    targets: appBabelTargets,
-    config: {presets: ['@parcel/babel-preset-env']},
-  };
-}
-
-function getNeededPlugins(targets: BabelTargets): Array<PresetEnvPlugin> {
-  return presetEnv(
-    {assertVersion: () => true},
-    {targets: targets},
-  ).plugins.filter(p => p[0]);
-}
-
-function shouldCompileFurther(
-  sourceBabelTargets: BabelTargets,
-  appBabelTargets: BabelTargets,
-): boolean {
-  let sourcePlugins = new Set(getNeededPlugins(sourceBabelTargets));
-  let appPlugins = getNeededPlugins(appBabelTargets);
-
-  // If there is any app plugin present that was not used to compile the source,
-  // then the asset was built to a higher target and will need to be compiled
-  // further
-  return appPlugins.some(plugin => {
-    return !sourcePlugins.has(plugin);
-  });
-}