feat: imported babel plugin

package.json

@@ -61,7 +61,7 @@
     "@testing-library/jest-dom": "^5.7.0",
     "@testing-library/react": "^11.0.4",
     "@types/classnames": "2.2.10",
-    "@types/enzyme": "3.10.5",
+    "@types/enzyme": "3.10.7",
     "@types/invariant": "2.2.29",
     "@types/lodash": "4.14.168",
     "@types/react": "^16.9",

packages/babel-preset-codecademy/README.md

@@ -0,0 +1,60 @@
+# babel-preset-codecademy
+
+> A collection of babel plugins and presets used at codecademy
+
+## Install
+
+```sh
+$ npm install --save-dev babel-preset-codecademy
+```
+
+## Usage
+
+### Via `.babelrc` (Recommended)
+
+**.babelrc**
+
+```json
+{
+  "presets": ["codecademy"]
+}
+```
+
+### Via CLI
+
+```sh
+$ babel script.js --presets codecademy
+```
+
+### Options
+
+#### Type
+
+default: 'library'
+
+Certain options can be turned on and off depending on what you're using babel for.
+
+For applications, we enable runtime helpers and `@babel/runtime` becomes a required dependency.
+
+```json
+{
+  "presets": ["codecademy", { "type": "application" }]
+}
+```
+
+For libraries (default), we don't enable runtime helpers because then the resulting package would need `@babel/runtime` as a dependency, which should be handled by the consumer of the package.
+
+```json
+{
+  "presets": ["codecademy", { "type": "library" }]
+}
+```
+
+## Publishing this package
+
+This package is automatically published by GitHub Actions when the version number changes
+
+- merge your PR into `main`
+- create a new PR that updates the version of the package in package.json. Base the version bump on all of the changes that will be added in this version.
+- merge the version PR into `main`
+- check the [actions](https://github.com/Codecademy/babel-preset-codecademy/actions) to see when the package is published

packages/babel-preset-codecademy/index.js

@@ -0,0 +1,90 @@
+const path = require('path');
+
+const env = process.env.BABEL_ENV || process.env.NODE_ENV;
+const isEnvTest = env === 'test';
+const isEnvProduction = env === 'production';
+const isEnvDevelopment = !isEnvTest && !isEnvProduction;
+
+const PACKAGE_LIBRARY = 'library';
+const PACKAGE_APPLICATION = 'application';
+const packageTypes = [PACKAGE_LIBRARY, PACKAGE_APPLICATION];
+
+module.exports = (api, { type = PACKAGE_LIBRARY } = {}) => {
+  if (!packageTypes.includes(type)) {
+    throw new Error(
+      `babel-preset-codecademy: option 'type' should be one of: ${[
+        PACKAGE_LIBRARY,
+        PACKAGE_APPLICATION,
+      ].join(', ')}, received ${type}`
+    );
+  }
+
+  let absoluteRuntimePath;
+  if (type === PACKAGE_APPLICATION) {
+    absoluteRuntimePath = path.dirname(
+      require.resolve('@babel/runtime/package.json')
+    );
+  }
+
+  return {
+    presets: [
+      isEnvTest && [
+        require('@babel/preset-env').default,
+        {
+          targets: {
+            node: 'current',
+          },
+        },
+      ],
+      (isEnvProduction || isEnvDevelopment) && [
+        require('@babel/preset-env').default,
+        {
+          useBuiltIns: 'entry',
+          modules: false,
+          corejs: 2,
+        },
+      ],
+      require('@babel/preset-react').default,
+    ].filter(Boolean),
+    plugins: [
+      require('@babel/plugin-transform-destructuring').default,
+      [require('@babel/plugin-proposal-decorators'), { legacy: true }],
+      [
+        require('@babel/plugin-proposal-class-properties').default,
+        {
+          loose: true,
+        },
+      ],
+      [
+        require('@babel/plugin-proposal-object-rest-spread').default,
+        {
+          useBuiltIns: true,
+        },
+      ],
+      require('@babel/plugin-proposal-do-expressions'),
+      require('@babel/plugin-proposal-export-default-from'),
+      require('@babel/plugin-proposal-export-namespace-from'),
+      require('@babel/plugin-proposal-nullish-coalescing-operator'),
+      require('@babel/plugin-proposal-optional-chaining'),
+      require('@babel/plugin-syntax-import-meta'),
+      [
+        require('@babel/plugin-transform-runtime').default,
+        {
+          corejs: false,
+          regenerator: true,
+          helpers: type === PACKAGE_APPLICATION,
+          regenerator: true,
+          useESModules: isEnvDevelopment || isEnvProduction,
+          // Undocumented: ensures that the correct runtime version is used
+          // https://github.com/babel/babel/blob/090c364a90fe73d36a30707fc612ce037bdbbb24/packages/babel-plugin-transform-runtime/src/index.js#L35-L42
+          absoluteRuntime: absoluteRuntimePath,
+        },
+      ],
+      require('babel-plugin-react-anonymous-display-name').default,
+      require('@babel/plugin-syntax-dynamic-import').default,
+      isEnvTest &&
+        // Transform dynamic import to require
+        require('babel-plugin-transform-dynamic-import').default,
+    ].filter(Boolean),
+  };
+};

packages/babel-preset-codecademy/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "babel-preset-codecademy",
+  "version": "3.0.1",
+  "description": "A collection of babel plugins and presets used at codecademy.com",
+  "main": "index.js",
+  "keywords": [
+    "babel",
+    "es6",
+    "es2015",
+    "javascript"
+  ],
+  "author": "Codecademy Engineering <[email protected]>",
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://[email protected]/Codecademy/client-modules.git"
+  },
+  "license": "MIT",
+  "peerDependencies": {
+    "@babel/core": "^7.12.3",
+    "@babel/runtime": "^7.12.1"
+  },
+  "dependencies": {
+    "@babel/plugin-proposal-class-properties": "^7.12.1",
+    "@babel/plugin-proposal-decorators": "^7.12.1",
+    "@babel/plugin-proposal-do-expressions": "^7.12.1",
+    "@babel/plugin-proposal-export-default-from": "^7.12.1",
+    "@babel/plugin-proposal-export-namespace-from": "^7.12.1",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.12.1",
+    "@babel/plugin-proposal-object-rest-spread": "^7.12.1",
+    "@babel/plugin-proposal-optional-chaining": "^7.12.1",
+    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@babel/plugin-syntax-import-meta": "^7.10.4",
+    "@babel/plugin-transform-destructuring": "^7.12.1",
+    "@babel/plugin-transform-runtime": "^7.12.1",
+    "@babel/preset-env": "^7.12.1",
+    "@babel/preset-react": "^7.12.1",
+    "babel-plugin-react-anonymous-display-name": "0.0.1",
+    "babel-plugin-transform-dynamic-import": "^2.1.0"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.12.1",
+    "@babel/core": "^7.12.3"
+  }
+}