[WIP] Upgrade to Babel 7

package.json

@@ -74,14 +74,81 @@
     "logo": "https://opencollective.com/opencollective/logo.txt"
   },
   "devDependencies": {
+    "@alienfast/i18next-loader": "^1.0.15",
+    "@babel/cli": "^7.0.0-beta.54",
+    "@babel/core": "^7.0.0-beta.54",
+    "@babel/plugin-proposal-class-properties": "^7.0.0-beta.54",
+    "@babel/plugin-proposal-decorators": "^7.0.0-beta.54",
+    "@babel/plugin-proposal-object-rest-spread": "^7.0.0-beta.54",
+    "@babel/plugin-transform-destructuring": "^7.0.0-beta.54",
+    "@babel/plugin-transform-regenerator": "^7.0.0-beta.54",
+    "@babel/plugin-transform-runtime": "^7.0.0-beta.54",
+    "@babel/preset-env": "^7.0.0-beta.54",
+    "@babel/preset-flow": "^7.0.0-beta.54",
+    "@babel/preset-react": "^7.0.0-beta.54",
+    "@babel/register": "^7.0.0-beta.54",
+    "apollo-utilities": "^1.0.3",
     "awesome-typescript-loader": "^3.4.1",
+    "babel-core": "^7.0.0-0",
+    "babel-loader": "^8.0.0-beta.4",
+    "babel-eslint": "^8.2.6",
+    "babel-plugin-import": "^1.7.0",
+    "babel-plugin-styled-components": "^1.3.0",
+    "babel-preset-minify": "^0.5.0-alpha.5a128fd5",
+    "canvas-prebuilt": "^1.6.5-prerelease.1",
+    "caporal": "^0.10.0",
+    "cross-env": "^5.1.1",
+    "css-loader": "^0.28.7",
+    "eslint": "^4.13.1",
+    "eslint-config-airbnb": "^16.1.0",
+    "eslint-import-resolver-webpack": "^0.9.0",
+    "eslint-plugin-import": "^2.8.0",
+    "eslint-plugin-json": "^1.2.0",
+    "eslint-plugin-jsx-a11y": "6.0.3",
+    "eslint-plugin-mocha": "^5.0.0",
+    "eslint-plugin-prettier": "^2.4.0",
+    "eslint-plugin-react": "^7.5.1",
+    "extract-text-webpack-plugin": "^3.0.2",
+    "file-loader": "^1.1.6",
+    "html-webpack-plugin": "^3.2.0",
+    "http-proxy-middleware": "^0.18.0",
     "husky": "^0.14.3",
+    "ignore-loader": "^0.1.2",
+    "ip": "^1.1.5",
+    "isomorphic-style-loader": "^4.0.0",
+    "jsdom": "^11.5.1",
     "lerna": "^2.5.1",
+    "less": "^3.0.2",
+    "less-loader": "^4.1.0",
     "lint-staged": "^7.1.2",
+    "metro-react-native-babel-preset": "^0.42.2",
+    "node-sass": "^4.7.2",
+    "openurl": "^1.1.1",
+    "postcss-loader": "^2.0.9",
+    "prettier": "^1.9.2",
+    "qrcode-terminal": "^0.12.0",
+    "raw-loader": "^0.5.1",
+    "request": "^2.83.0",
+    "resolve-url-loader": "^2.2.1",
+    "rimraf": "^2.6.2",
+    "sass-loader": "^7.0.1",
+    "source-list-map": "^2.0.0",
+    "style-loader": "^0.21.0",
     "tslint": "^5.11.0",
     "tslint-config-prettier": "^1.5.0",
     "tslint-plugin-prettier": "^1.3.0",
-    "typescript": "^2.9.2"
+    "typescript": "^2.9.2",
+    "url-loader": "^1.0.1",
+    "wait-on": "^2.0.2",
+    "webpack": "^3.10.0",
+    "webpack-dev-middleware": "^3.1.2",
+    "webpack-dev-server": "^2.9.7",
+    "webpack-hot-middleware": "^2.21.0",
+    "webpack-manifest-plugin": "^2.0.1",
+    "webpack-merge": "^4.1.1",
+    "webpack-node-externals": "^1.6.0",
+    "webpack-sources": "^1.1.0",
+    "webpack-virtual-modules": "^0.1.10"
   },
   "optionalDependencies": {
     "dotenv": "^6.0.0",

packages/client/babel.config.js

@@ -0,0 +1,20 @@
+module.exports = {
+  compact: false,
+  presets: ['@babel/preset-react', ['@babel/preset-env', { modules: false }]],
+  plugins: [
+    '@babel/plugin-transform-destructuring',
+    '@babel/plugin-transform-regenerator',
+    '@babel/plugin-transform-runtime',
+    '@babel/plugin-proposal-class-properties',
+    ['@babel/plugin-proposal-decorators', { legacy: true }],
+    '@babel/plugin-proposal-object-rest-spread',
+    ['styled-components', { ssr: true }],
+    ['import', { libraryName: 'antd-mobile' }]
+  ],
+  env: {
+    production: {
+      compact: true,
+      presets: [['minify', { mangle: false }]]
+    }
+  }
+};

packages/client/package.json

@@ -95,7 +95,6 @@
     "subscriptions-transport-ws": "^0.9.4"
   },
   "devDependencies": {
-    "@alienfast/i18next-loader": "^1.0.16",
     "@types/chai": "^4.1.4",
     "@types/lodash": "^4.14.112",
     "@types/mocha": "^5.2.5",
@@ -106,80 +105,22 @@
     "@types/react-navigation": "^2.0.11",
     "@types/react-redux": "^6.0.4",
     "@types/react-router-dom": "^4.2.7",
-    "@types/webpack-env": "^1.13.6",
     "apollo-utilities": "^1.0.3",
     "autoprefixer": "^8.3.0",
-    "babel-cli": "^6.26.0",
-    "babel-core": "^6.26.0",
-    "babel-eslint": "^8.0.3",
-    "babel-plugin-styled-components": "^1.3.0",
-    "babel-plugin-transform-class-properties": "^6.24.1",
-    "babel-plugin-transform-decorators-legacy": "^1.3.4",
-    "babel-plugin-transform-react-remove-prop-types": "^0.4.12",
-    "babel-plugin-transform-runtime": "^6.23.0",
-    "babel-preset-env": "^1.6.1",
-    "babel-preset-flow": "^6.23.0",
-    "babel-preset-minify": "^0.5.0-alpha.a24dd066",
-    "babel-preset-react": "^6.24.1",
-    "babel-preset-stage-0": "^6.24.1",
-    "babel-register": "^6.26.0",
     "chai": "^4.1.2",
     "chai-http": "^4.0.0",
-    "cross-env": "^5.1.1",
-    "css-loader": "^0.28.7",
     "dom-testing-library": "^2.3.0",
-    "eslint": "^4.13.1",
-    "eslint-config-airbnb": "^16.1.0",
-    "eslint-import-resolver-webpack": "^0.9.0",
-    "eslint-plugin-import": "^2.8.0",
-    "eslint-plugin-json": "^1.2.0",
-    "eslint-plugin-jsx-a11y": "6.0.3",
-    "eslint-plugin-mocha": "^5.0.0",
-    "eslint-plugin-prettier": "^2.4.0",
-    "eslint-plugin-react": "^7.5.1",
-    "extract-text-webpack-plugin": "^3.0.2",
-    "file-loader": "^1.1.6",
     "graphql-tools": "^2.13.0",
-    "heroku-babel-loader": "^7.1.2",
-    "html-webpack-plugin": "^3.2.0",
-    "http-proxy-middleware": "^0.18.0",
-    "ignore-loader": "^0.1.2",
-    "ip": "^1.1.5",
-    "isomorphic-style-loader": "^4.0.0",
     "jsdom": "^11.5.1",
-    "less": "^3.0.2",
-    "less-loader": "^4.1.0",
-    "mini-css-extract-plugin": "^0.4.0",
-    "mkdirp": "^0.5.1",
     "mocha": "^5.1.1",
     "mocha-steps": "^1.1.0",
     "mocha-webpack": "^0.7.0",
-    "node-sass": "^4.7.2",
-    "openurl": "^1.1.1",
-    "postcss-loader": "^2.0.9",
-    "prettier": "^1.9.2",
-    "qrcode-terminal": "^0.12.0",
-    "raw-loader": "^0.5.1",
+    "mkdirp": "^0.5.1",
     "react-addons-test-utils": "^16.0.0-alpha.3",
     "react-test-renderer": "^16.2.0",
     "react-testing-library": "^3.0.2",
-    "request": "^2.83.0",
-    "resolve-url-loader": "^2.2.1",
-    "rimraf": "^2.6.2",
-    "sass-loader": "^7.0.1",
-    "source-list-map": "^2.0.0",
-    "style-loader": "^0.21.0",
-    "url-loader": "^1.0.1",
-    "wait-on": "^2.0.2",
-    "webpack": "^3.10.0",
-    "webpack-dev-middleware": "^3.1.2",
-    "webpack-dev-server": "^2.9.7",
-    "webpack-hot-middleware": "^2.21.0",
-    "webpack-manifest-plugin": "^2.0.1",
-    "webpack-merge": "^4.1.1",
-    "webpack-node-externals": "^1.6.0",
-    "webpack-sources": "^1.1.0",
-    "webpack-virtual-modules": "^0.1.10"
+    "spinjs": "^0.4.0",
+    "ws": "^5.1.1"
   },
   "optionalDependencies": {
     "@expo/vector-icons": "^6.2.1",
@@ -190,7 +131,22 @@
     "react-native-keyboard-spacer": "^0.4.1",
     "react-native-modal": "^5.4.0",
     "react-native-simple-picker": "^2.0.0",
-    "react-navigation": "^2.0.0",
+    "react-navigation": "^2.0.0"
+  },
+  "peerDependencies": {
     "spinjs": "^0.4.0"
+  },
+  "browserslist": {
+    "development": [
+      "last 2 chrome versions",
+      "last 2 firefox versions",
+      "last 2 edge versions"
+    ],
+    "production": [
+      ">1%",
+      "last 4 versions",
+      "Firefox ESR",
+      "not ie < 11"
+    ]
   }
 }

packages/common/babel.config.js

@@ -0,0 +1,20 @@
+module.exports = {
+  compact: false,
+  presets: ['@babel/preset-react', ['@babel/preset-env', { modules: false }]],
+  plugins: [
+    '@babel/plugin-transform-destructuring',
+    '@babel/plugin-transform-regenerator',
+    '@babel/plugin-transform-runtime',
+    '@babel/plugin-proposal-class-properties',
+    ['@babel/plugin-proposal-decorators', { legacy: true }],
+    '@babel/plugin-proposal-object-rest-spread',
+    ['styled-components', { ssr: true }],
+    ['import', { libraryName: 'antd-mobile' }]
+  ],
+  env: {
+    production: {
+      compact: true,
+      presets: [['minify', { mangle: false }]]
+    }
+  }
+};

packages/common/package.json

@@ -25,6 +25,9 @@
     "redux-devtools-extension": "^2.13.2",
     "subscriptions-transport-ws": "^0.9.4"
   },
+  "peerDependencies": {
+    "spinjs": "^0.4.0"
+  },
   "devDependencies": {
     "eslint": "^4.13.1"
   }

packages/mobile/babel.config.js

@@ -0,0 +1,20 @@
+module.exports = {
+  compact: false,
+  presets: ['@babel/preset-react', ['@babel/preset-env', { modules: false }]],
+  plugins: [
+    '@babel/plugin-transform-destructuring',
+    '@babel/plugin-transform-regenerator',
+    '@babel/plugin-transform-runtime',
+    '@babel/plugin-proposal-class-properties',
+    ['@babel/plugin-proposal-decorators', { legacy: true }],
+    '@babel/plugin-proposal-object-rest-spread',
+    ['styled-components', { ssr: true }],
+    ['import', { libraryName: 'antd-mobile' }]
+  ],
+  env: {
+    production: {
+      compact: true,
+      presets: [['minify', { mangle: false }]]
+    }
+  }
+};

packages/mobile/package.json

@@ -80,84 +80,25 @@
     "subscriptions-transport-ws": "^0.9.4"
   },
   "devDependencies": {
-    "apollo-utilities": "^1.0.3",
-    "babel-cli": "^6.26.0",
-    "babel-core": "^6.26.0",
-    "babel-eslint": "^8.0.3",
-    "babel-plugin-styled-components": "^1.3.0",
-    "babel-plugin-transform-class-properties": "^6.24.1",
-    "babel-plugin-transform-decorators-legacy": "^1.3.4",
-    "babel-plugin-transform-react-remove-prop-types": "^0.4.12",
-    "babel-plugin-transform-runtime": "^6.23.0",
-    "babel-polyfill": "^6.26.0",
-    "babel-preset-env": "^1.6.1",
-    "babel-preset-flow": "^6.23.0",
-    "babel-preset-minify": "^0.5.0-alpha.a24dd066",
-    "babel-preset-react": "^6.24.1",
+    "@types/chai": "^4.1.4",
+    "@types/chai-http": "^3.0.5",
+    "@types/react-dom": "^16.0.5",
+    "@types/webpack-env": "^1.13.5",
     "babel-preset-react-native": "^4.0.0",
-    "babel-preset-stage-0": "^6.24.1",
-    "babel-register": "^6.26.0",
-    "caporal": "^0.10.0",
     "chai": "^4.1.2",
     "chai-http": "^4.0.0",
-    "compression": "^1.7.1",
     "connect": "^3.6.5",
-    "cross-env": "^5.1.1",
-    "css-loader": "^0.28.7",
-    "eslint": "^4.13.1",
-    "eslint-config-airbnb": "^16.1.0",
-    "eslint-import-resolver-webpack": "^0.9.0",
-    "eslint-plugin-import": "^2.8.0",
-    "eslint-plugin-json": "^1.2.0",
-    "eslint-plugin-jsx-a11y": "6.0.3",
-    "eslint-plugin-mocha": "^5.0.0",
-    "eslint-plugin-prettier": "^2.4.0",
-    "eslint-plugin-react": "^7.5.1",
     "exp": "^53.1.0",
-    "extract-text-webpack-plugin": "^3.0.2",
-    "file-loader": "^1.1.6",
     "freeport-async": "^1.1.1",
     "haul": "1.0.0-beta.14",
-    "heroku-babel-loader": "^7.1.2",
-    "html-webpack-plugin": "^3.2.0",
-    "http-proxy-middleware": "^0.18.0",
-    "ignore-loader": "^0.1.2",
-    "image-size": "^0.6.2",
     "ip": "^1.1.5",
-    "isomorphic-style-loader": "^4.0.0",
-    "jsdom": "^11.5.1",
-    "lerna": "^2.5.1",
-    "less": "^3.0.2",
-    "less-loader": "^4.1.0",
-    "mkdirp": "^0.5.1",
     "mocha": "^5.1.1",
     "mocha-steps": "^1.1.0",
     "mocha-webpack": "^0.7.0",
-    "node-sass": "^4.7.2",
-    "openurl": "^1.1.1",
-    "postcss-loader": "^2.0.9",
-    "prettier": "^1.9.2",
+    "mkdirp": "^0.5.1",
     "qrcode-terminal": "^0.12.0",
-    "raw-loader": "^0.5.1",
-    "react-addons-test-utils": "^16.0.0-alpha.3",
-    "react-test-renderer": "^16.2.0",
-    "request": "^2.83.0",
-    "resolve-url-loader": "^2.2.1",
-    "rimraf": "^2.6.2",
-    "sass-loader": "^7.0.1",
-    "source-list-map": "^2.0.0",
-    "style-loader": "^0.21.0",
-    "url-loader": "^1.0.1",
-    "wait-on": "^2.0.2",
-    "webpack": "^3.10.0",
     "webpack-dev-middleware": "^2.0.6",
-    "webpack-dev-server": "^2.9.7",
     "webpack-hot-middleware": "^2.21.0",
-    "webpack-manifest-plugin": "^2.0.1",
-    "webpack-merge": "^4.1.1",
-    "webpack-node-externals": "^1.6.0",
-    "webpack-sources": "^1.1.0",
-    "webpack-virtual-modules": "^0.1.10",
     "ws": "^5.1.1",
     "xdl": "^49.2.0"
   },