Named exports in umd builds

babel.config.js

@@ -1,3 +1,4 @@
+const path = require('path');
 const isProduction = process.env.NODE_ENV === 'production';
 const isTest = process.env.NODE_ENV === 'test';
 
@@ -29,6 +30,24 @@ const plugins = () => {
     '@babel/plugin-proposal-class-properties',
     '@babel/plugin-proposal-object-rest-spread',
     '@babel/plugin-proposal-export-default-from',
+    [
+      'module-resolver',
+      {
+        root: path.join(__dirname, 'packages/netlify-cms-core/src/components'),
+        alias: {
+          coreSrc: path.join(__dirname, 'packages/netlify-cms-core/src'),
+          Actions: path.join(__dirname, 'packages/netlify-cms-core/src/actions/'),
+          Constants: path.join(__dirname, 'packages/netlify-cms-core/src/constants/'),
+          Formats: path.join(__dirname, 'packages/netlify-cms-core/src/formats/'),
+          Integrations: path.join(__dirname, 'packages/netlify-cms-core/src/integrations/'),
+          Lib: path.join(__dirname, 'packages/netlify-cms-core/src/lib/'),
+          Reducers: path.join(__dirname, 'packages/netlify-cms-core/src/reducers/'),
+          Redux: path.join(__dirname, 'packages/netlify-cms-core/src/redux/'),
+          Routing: path.join(__dirname, 'packages/netlify-cms-core/src/routing/'),
+          ValueObjects: path.join(__dirname, 'packages/netlify-cms-core/src/valueObjects/'),
+        },
+      },
+    ],
   ];
 
   if (isProduction) {
@@ -65,6 +84,7 @@ const plugins = () => {
     ];
   }
 
+  defaultPlugins.push('react-hot-loader/babel');
   return [
     ...defaultPlugins,
     [

custom-preprocessor.js

@@ -1,4 +1,4 @@
 const babelJest = require('babel-jest');
-const babelConfig = require('./packages/netlify-cms-core/babel.config.js');
+const babelConfig = require('./babel.config.js');
 
 module.exports = babelJest.createTransformer(babelConfig);

package.json

@@ -82,7 +82,9 @@
     "babel-plugin-transform-export-extensions": "^6.22.0",
     "babel-plugin-transform-inline-environment-variables": "^0.4.3",
     "cache-me-outside": "^0.0.4",
-    "cross-env": "^5.1.4",
+    "copy-webpack-plugin": "^5.0.1",
+    "cross-env": "^5.2.0",
+    "css-loader": "^2.1.1",
     "cypress": "^3.1.5",
     "dom-testing-library": "^3.17.1",
     "eslint": "^5.15.1",
@@ -92,18 +94,24 @@
     "http-server": "^0.11.1",
     "jest": "^24.5.0",
     "jest-cli": "^24.5.0",
+    "jest-dom": "^3.1.3",
     "jest-emotion": "^10.0.9",
     "lerna": "^3.13.1",
     "npm-run-all": "^4.1.5",
     "prettier": "1.16.4",
     "react-test-renderer": "^16.8.4",
+    "react-testing-library": "^6.0.0",
     "rimraf": "^2.6.3",
     "start-server-and-test": "^1.7.11",
     "stylelint": "^9.10.1",
     "stylelint-config-recommended": "^2.1.0",
     "stylelint-config-styled-components": "^0.1.1",
     "stylelint-processor-styled-components": "^1.5.2",
-    "svg-inline-loader": "^0.8.0"
+    "svg-inline-loader": "^0.8.0",
+    "to-string-loader": "^1.1.5",
+    "webpack": "^4.29.6",
+    "webpack-cli": "^3.2.3",
+    "webpack-dev-server": "^3.2.1"
   },
   "workspaces": [
     "packages/*"

packages/netlify-cms-backend-bitbucket/package.json

@@ -22,20 +22,15 @@
     "js-base64": "^2.5.1",
     "semaphore": "^1.1.0"
   },
-  "devDependencies": {
-    "cross-env": "^5.2.0",
-    "webpack": "^4.29.6",
-    "webpack-cli": "^3.2.3"
-  },
   "peerDependencies": {
     "@emotion/core": "^10.0.9",
     "@emotion/styled": "^10.0.9",
     "immutable": "^3.7.6",
-    "lodash": "^4.17.10",
-    "netlify-cms-lib-auth": "^2.0.4",
-    "netlify-cms-lib-util": "^2.1.0",
-    "netlify-cms-ui-default": "^2.0.6",
-    "prop-types": "^15.6.2",
-    "react": "^16.4.1"
+    "lodash": "^4.17.11",
+    "netlify-cms-lib-auth": "^2.0.6-beta.0",
+    "netlify-cms-lib-util": "^2.1.3-beta.0",
+    "netlify-cms-ui-default": "^2.4.1-beta.0",
+    "prop-types": "^15.7.2",
+    "react": "^16.8.4"
   }
 }

packages/netlify-cms-backend-bitbucket/src/implementation.js

@@ -15,7 +15,7 @@ import API from './API';
 const MAX_CONCURRENT_DOWNLOADS = 10;
 
 // Implementation wrapper class
-export default class Bitbucket {
+export default class BitbucketBackend {
   constructor(config, options = {}) {
     this.config = config;
     this.options = {

packages/netlify-cms-backend-bitbucket/src/index.js

@@ -1,3 +1,10 @@
-export BitbucketBackend from './implementation';
-export API from './API';
-export AuthenticationPage from './AuthenticationPage';
+import Control from './implementation';
+import API from './API';
+import AuthenticationPage from './AuthenticationPage';
+
+export const NetlifyCmsBackendBitbucket = {
+  Control,
+  API,
+  AuthenticationPage,
+};
+export { Control, API, AuthenticationPage };

packages/netlify-cms-backend-git-gateway/package.json

@@ -25,23 +25,18 @@
     "jwt-decode": "^2.2.0",
     "minimatch": "^3.0.4"
   },
-  "devDependencies": {
-    "cross-env": "^5.2.0",
-    "webpack": "^4.29.6",
-    "webpack-cli": "^3.2.3"
-  },
   "peerDependencies": {
     "@emotion/core": "^10.0.9",
     "@emotion/styled": "^10.0.9",
     "immutable": "^3.7.6",
-    "lodash": "^4.17.10",
-    "netlify-cms-backend-bitbucket": "^2.0.0",
-    "netlify-cms-backend-github": "^2.0.0",
-    "netlify-cms-backend-gitlab": "^2.0.0",
-    "netlify-cms-lib-auth": "^2.0.0",
-    "netlify-cms-lib-util": "^2.0.0",
-    "netlify-cms-ui-default": "^2.0.0",
-    "prop-types": "^15.6.2",
-    "react": "^16.4.1"
+    "lodash": "^4.17.11",
+    "netlify-cms-backend-bitbucket": "^2.1.3-beta.0",
+    "netlify-cms-backend-github": "^2.2.3-beta.0",
+    "netlify-cms-backend-gitlab": "^2.1.4-beta.0",
+    "netlify-cms-lib-auth": "^2.0.6-beta.0",
+    "netlify-cms-lib-util": "^2.1.3-beta.0",
+    "netlify-cms-ui-default": "^2.4.1-beta.0",
+    "prop-types": "^15.7.2",
+    "react": "^16.8.4"
   }
 }

packages/netlify-cms-backend-git-gateway/src/implementation.js

@@ -5,7 +5,7 @@ import ini from 'ini';
 import { APIError, getBlobSHA, unsentRequest } from 'netlify-cms-lib-util';
 import { GitHubBackend } from 'netlify-cms-backend-github';
 import { GitLabBackend } from 'netlify-cms-backend-gitlab';
-import { BitBucketBackend, API as BitBucketAPI } from 'netlify-cms-backend-bitbucket';
+import { BitbucketBackend, API as BitBucketAPI } from 'netlify-cms-backend-bitbucket';
 import GitHubAPI from './GitHubAPI';
 import GitLabAPI from './GitLabAPI';
 import AuthenticationPage from './AuthenticationPage';
@@ -168,7 +168,7 @@ export default class GitGateway {
           requestFunction: this.requestFunction,
           hasWriteAccess: async () => true,
         });
-        this.backend = new BitBucketBackend(this.config, { ...this.options, API: this.api });
+        this.backend = new BitbucketBackend(this.config, { ...this.options, API: this.api });
       }
 
       if (!(await this.api.hasWriteAccess())) {

packages/netlify-cms-backend-git-gateway/src/index.js

@@ -1,2 +1,8 @@
-export GitGatewayBackend from './implementation';
-export AuthenticationPage from './AuthenticationPage';
+import Control from './implementation';
+import AuthenticationPage from './AuthenticationPage';
+
+export const NetlifyCmsBackendGitGateway = {
+  Control,
+  AuthenticationPage,
+};
+export { Control, AuthenticationPage };

packages/netlify-cms-backend-github/package.json

@@ -23,19 +23,14 @@
     "js-base64": "^2.5.1",
     "semaphore": "^1.1.0"
   },
-  "devDependencies": {
-    "cross-env": "^5.2.0",
-    "webpack": "^4.29.6",
-    "webpack-cli": "^3.2.3"
-  },
   "peerDependencies": {
     "@emotion/core": "^10.0.9",
     "@emotion/styled": "^10.0.9",
-    "lodash": "^4.17.10",
-    "netlify-cms-lib-auth": "^2.0.0",
-    "netlify-cms-lib-util": "^2.0.0",
-    "netlify-cms-ui-default": "^2.0.0",
-    "prop-types": "^15.6.2",
-    "react": "^16.4.1"
+    "lodash": "^4.17.11",
+    "netlify-cms-lib-auth": "^2.0.6-beta.0",
+    "netlify-cms-lib-util": "^2.1.3-beta.0",
+    "netlify-cms-ui-default": "^2.4.1-beta.0",
+    "prop-types": "^15.7.2",
+    "react": "^16.8.4"
   }
 }

packages/netlify-cms-backend-github/src/index.js

@@ -1,3 +1,10 @@
-export GitHubBackend from './implementation';
-export API from './API';
-export AuthenticationPage from './AuthenticationPage';
+import Control from './implementation';
+import API from './API';
+import AuthenticationPage from './AuthenticationPage';
+
+export const NetlifyCmsBackendGithub = {
+  Control,
+  API,
+  AuthenticationPage,
+};
+export { Control, API, AuthenticationPage };

packages/netlify-cms-backend-gitlab/package.json

@@ -22,20 +22,15 @@
     "js-base64": "^2.5.1",
     "semaphore": "^1.1.0"
   },
-  "devDependencies": {
-    "cross-env": "^5.2.0",
-    "webpack": "^4.29.6",
-    "webpack-cli": "^3.2.3"
-  },
   "peerDependencies": {
     "@emotion/core": "^10.0.9",
     "@emotion/styled": "^10.0.9",
     "immutable": "^3.7.6",
-    "lodash": "^4.17.10",
-    "netlify-cms-lib-auth": "^2.0.0",
-    "netlify-cms-lib-util": "^2.0.0",
-    "netlify-cms-ui-default": "^2.0.0",
-    "prop-types": "^15.6.2",
-    "react": "^16.4.1"
+    "lodash": "^4.17.11",
+    "netlify-cms-lib-auth": "^2.0.6-beta.0",
+    "netlify-cms-lib-util": "^2.1.3-beta.0",
+    "netlify-cms-ui-default": "^2.4.1-beta.0",
+    "prop-types": "^15.7.2",
+    "react": "^16.8.4"
   }
 }

packages/netlify-cms-backend-gitlab/src/index.js

@@ -1,3 +1,10 @@
-export GitLabBackend from './implementation';
-export API from './API';
-export AuthenticationPage from './AuthenticationPage';
+import Control from './implementation';
+import API from './API';
+import AuthenticationPage from './AuthenticationPage';
+
+export const NetlifyCmsBackendGitlab = {
+  Control,
+  API,
+  AuthenticationPage,
+};
+export { Control, API, AuthenticationPage };

packages/netlify-cms-backend-test/package.json

@@ -17,23 +17,16 @@
     "develop": "npm run watch",
     "build": "cross-env NODE_ENV=production webpack"
   },
-  "dependencies": {
-    "uuid": "^3.3.2"
-  },
-  "devDependencies": {
-    "cross-env": "^5.2.0",
-    "webpack": "^4.29.6",
-    "webpack-cli": "^3.2.3"
-  },
   "peerDependencies": {
     "@emotion/core": "^10.0.9",
     "@emotion/styled": "^10.0.9",
     "immutable": "^3.8.2",
-    "lodash": "^4.17.10",
-    "netlify-cms-lib-util": "^2.0.0",
-    "netlify-cms-ui-default": "^2.0.0",
-    "prop-types": "^15.6.2",
-    "react": "^16.4.1",
-    "react-immutable-proptypes": "^2.1.0"
+    "lodash": "^4.17.11",
+    "netlify-cms-lib-util": "^2.1.3-beta.0",
+    "netlify-cms-ui-default": "^2.4.1-beta.0",
+    "prop-types": "^15.7.2",
+    "react": "^16.8.4",
+    "react-immutable-proptypes": "^2.1.0",
+    "uuid": "^3.3.2"
   }
 }

packages/netlify-cms-backend-test/src/implementation.js

@@ -40,7 +40,7 @@ const getFolderEntries = (folder, extension) => {
     .reverse();
 };
 
-export default class TestRepo {
+export default class TestBackend {
   constructor(config, options = {}) {
     this.config = config;
     this.assets = [];

packages/netlify-cms-backend-test/src/index.js

@@ -1,2 +1,8 @@
-export TestBackend from './implementation';
-export AuthenticationPage from './AuthenticationPage';
+import Control from './implementation';
+import AuthenticationPage from './AuthenticationPage';
+
+export const NetlifyCmsBackendTest = {
+  Control,
+  AuthenticationPage,
+};
+export { Control, AuthenticationPage };