fix: upgrading babel

package.json

@@ -25,8 +25,8 @@
     "url": "https://github.com/salesforce/lwc.git"
   },
   "devDependencies": {
-    "@babel/core": "7.0.0-beta.49",
-    "@babel/plugin-transform-modules-commonjs": "7.0.0-beta.49",
+    "@babel/core": "7.1.0",
+    "@babel/plugin-transform-modules-commonjs": "7.1.0",
     "@commitlint/cli": "^6.2.0",
     "@commitlint/config-conventional": "^6.1.3",
     "@types/acorn": "~4.0.3",

packages/babel-plugin-transform-lwc-class/package.json

@@ -9,8 +9,8 @@
     "test": "DIR=`pwd` && cd ../../ && yarn test $DIR"
   },
   "dependencies": {
-    "@babel/helper-module-imports": "7.0.0-beta.49",
-    "@babel/plugin-proposal-class-properties": "7.0.0-beta.49"
+    "@babel/helper-module-imports": "7.0.0",
+    "@babel/plugin-proposal-class-properties": "7.1.0"
   },
   "devDependencies": {
     "common-tags": "^1.8.0"

packages/babel-plugin-transform-lwc-class/src/decorators/wire/transform.js

@@ -172,7 +172,7 @@ const scopedReferenceLookup = scope => name => {
 module.exports = function transform(t, klass, decorators) {
     const metadata = [];
     const wiredValues = decorators.filter(isWireDecorator).map(({path}) => {
-        const [id, config] = path.get('arguments');
+        const [id, config] = path.get('expression.arguments');
 
         const propertyName = path.parentPath.get('key.name').node;
         const isClassMethod = path.parentPath.isClassMethod({

packages/babel-plugin-transform-lwc-class/src/decorators/wire/validate.js

@@ -2,7 +2,7 @@ const { isWireDecorator } = require('./shared');
 const { LWC_PACKAGE_EXPORTS: { WIRE_DECORATOR, TRACK_DECORATOR, API_DECORATOR } } = require('../../constants');
 
 function validateWireParameters(path) {
-    const [id, config] = path.get('arguments');
+    const [id, config] = path.get('expression.arguments');
 
     if (!id) {
         throw path.buildCodeFrameError(

packages/babel-plugin-transform-lwc-class/src/index.js

@@ -33,8 +33,9 @@ module.exports = function LwcClassTransform(api, config) {
 
     return {
         manipulateOptions(opts, parserOpts) {
-            parserOpts.plugins.push('decorators');
+            parserOpts.plugins.push(['decorators', { decoratorsBeforeExport: true }]);
             parserOpts.plugins.push('classProperties');
+            parserOpts.plugins.push('dynamicImport');
         },
         visitor: mergeVisitors(visitors),
     };

packages/babel-plugin-transform-lwc-class/src/metadata.js

@@ -47,8 +47,9 @@ module.exports = function () {
     function extractLWCDecorator(node) {
         if (node.decorators) {
             for (const decorator of node.decorators) {
-                if (isLWCDecorator(decorator.callee.name)) {
-                    return decorator.callee.name;
+                const name = decorator.expression.name || decorator.expression.callee.name;
+                if (isLWCDecorator(name)) {
+                    return name;
                 }
             }
         }

packages/lwc-compiler/package.json

@@ -14,12 +14,12 @@
     "test": "DIR=`pwd` && cd ../../ && yarn test $DIR"
   },
   "dependencies": {
-    "@babel/core": "7.0.0-beta.49",
-    "@babel/plugin-proposal-class-properties": "7.0.0-beta.49",
-    "@babel/plugin-proposal-object-rest-spread": "7.0.0-beta.49",
+    "@babel/core": "7.1.0",
+    "@babel/plugin-proposal-class-properties": "7.1.0",
+    "@babel/plugin-proposal-object-rest-spread": "7.0.0",
     "@types/chokidar": "^1.7.5",
     "babel-plugin-transform-lwc-class": "0.29.1",
-    "babel-preset-compat": "0.18.12",
+    "babel-preset-compat": "0.19.0",
     "babel-preset-minify": "0.5.0-alpha.5a128fd5",
     "cssnano": "^3.10.0",
     "lwc-template-compiler": "0.29.1",
@@ -31,7 +31,7 @@
     "rollup-plugin-replace": "^2.0.0"
   },
   "devDependencies": {
-    "@types/babel-core": "^6.25.3",
+    "@types/babel-core": "~6.25.3",
     "awesome-typescript-loader": "^5.0.0",
     "magic-string": "^0.22.4",
     "string-replace-webpack-plugin": "^0.1.3",

packages/lwc-compiler/src/__tests__/fixtures/expected-babel-compat.js

@@ -7,18 +7,18 @@ import __iterableKey from 'proxy-compat/iterableKey';
 import __callKey2 from 'proxy-compat/callKey2';
 import __callKey0 from 'proxy-compat/callKey0';
 import __callKey3 from 'proxy-compat/callKey3';
-import _regeneratorRuntime from 'babel-compat/regenerator';
-import _asyncToGenerator from 'babel-compat/helpers/asyncToGenerator';
-import _createClass from 'babel-compat/helpers/createClass';
-import _typeof from 'babel-compat/helpers/typeof';
-import _taggedTemplateLiteral from 'babel-compat/helpers/taggedTemplateLiteral';
-import _toConsumableArray from 'babel-compat/helpers/toConsumableArray';
-import _slicedToArray from 'babel-compat/helpers/slicedToArray';
-import _defineProperty2 from 'babel-compat/helpers/defineProperty';
-import _classCallCheck from 'babel-compat/helpers/classCallCheck';
-import _possibleConstructorReturn from 'babel-compat/helpers/possibleConstructorReturn';
-import _getPrototypeOf from 'babel-compat/helpers/getPrototypeOf';
-import _inherits from 'babel-compat/helpers/inherits';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _createClass from '@babel/runtime/helpers/createClass';
+import _typeof from '@babel/runtime/helpers/typeof';
+import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _defineProperty2 from '@babel/runtime/helpers/defineProperty';
+import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
+import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
+import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
+import _inherits from '@babel/runtime/helpers/inherits';
 
 function _templateObject3() {
 var data = _taggedTemplateLiteral(["wow\naB", " ", ""], ["wow\\naB", " ", ""]);

packages/lwc-compiler/src/__tests__/fixtures/expected-sources-metadata.js

@@ -22,8 +22,9 @@ if (style) {
 }
 class Metadata extends LightningElement {
     constructor(...args) {
-        var _temp;
-        return _temp = super(...args), this.publicProp = void 0, this.wiredProp = void 0, _temp;
+        super(...args);
+        this.publicProp = void 0;
+        this.wiredProp = void 0;
     }
     publicMethod(name) {
         return "hello" + name;

packages/lwc-compiler/src/babel-plugins.ts

@@ -40,7 +40,12 @@ import transformObjectRestSpread from '@babel/plugin-proposal-object-rest-spread
 export const BABEL_CONFIG_BASE = {
     babelrc: false,
     sourceMaps: true,
-    parserOpts: { plugins: ['dynamicImport', 'decorators'] },
+    parserOpts: {
+        plugins: [
+            ['dynamicImport', {}], // we add this non standard since its already implemented in most browsers
+            ['decorators', { decoratorsBeforeExport: true }]
+        ]
+    },
     presets: [],
 };
 

packages/lwc-integration/package.json

@@ -23,17 +23,17 @@
     "sauce:prod_compat": "MODE=prod_compat yarn build:prod_compat && MODE=prod_compat wdio ./scripts/wdio.sauce.conf.js"
   },
   "devDependencies": {
-    "babel-preset-compat": "0.18.12",
-    "compat-polyfills": "0.18.12",
+    "babel-preset-compat": "0.19.0",
+    "compat-polyfills": "0.19.0",
     "deepmerge": "^1.5.2",
     "dotenv": "^4.0.0",
-    "es5-proxy-compat": "0.18.12",
+    "es5-proxy-compat": "0.19.0",
     "fs-extra": "^4.0.2",
     "http-server": "^0.10.0",
     "lwc-compiler": "0.29.1",
     "lwc-engine": "0.29.1",
     "minimist": "^1.2.0",
-    "rollup-plugin-compat": "0.18.12",
+    "rollup-plugin-compat": "0.19.0",
     "rollup-plugin-lwc-compiler": "0.29.1",
     "wdio-junit-reporter": "^0.4.3",
     "wdio-mocha-framework": "~0.5.13",

packages/lwc-jest-transformer/package.json

@@ -12,9 +12,9 @@
     "lwc"
   ],
   "dependencies": {
-    "@babel/core": "7.0.0-beta.49",
-    "@babel/plugin-transform-modules-commonjs": "7.0.0-beta.49",
-    "@babel/template": "7.0.0-beta.49",
+    "@babel/core": "7.1.0",
+    "@babel/plugin-transform-modules-commonjs": "7.1.0",
+    "@babel/template": "7.1.0",
     "deasync": "0.1.12"
   },
   "peerDependencies": {

packages/lwc-jest-transformer/src/test/modules/example/labels/__tests__/labels.test.js

@@ -12,7 +12,7 @@ afterEach(() => {
 });
 
 describe('example-labels', () => {
-    it.only('default snapshot', () => {
+    it('default snapshot', () => {
         const element = createElement('example-labels', { is: Labels });
         document.body.appendChild(element);
         expect(element).toMatchSnapshot();

packages/lwc-jest-transformer/src/transforms/__tests__/utils/test-transform.js

@@ -7,7 +7,12 @@ const baseConfig = {
     babelrc: false,
     filename: 'test.js',
     parserOpts: {
-        plugins: ['*'],
+        plugins: [
+            ['asyncGenerators', {}],
+            ['classProperties', {}],
+            ['dynamicImport', {}],
+            ['decorators', { decoratorsBeforeExport: true }]
+        ],
     },
 };
 

packages/lwc-wire-service/package.json

@@ -20,15 +20,15 @@
     "concurrently": "^3.4.0",
     "cross-env": "^3.1.4",
     "deasync": "0.1.12",
-    "es5-proxy-compat": "0.18.12",
+    "es5-proxy-compat": "0.19.0",
     "eslint": "~4.13.0",
     "eslint-plugin-lwc": "^0.2.4",
     "express": "^4.15.2",
     "lwc-compiler": "0.29.1",
     "lwc-engine": "0.29.1",
     "lwc-jest-transformer": "0.17.15",
     "rollup": "0.60.1",
-    "rollup-plugin-compat": "0.18.12",
+    "rollup-plugin-compat": "0.19.0",
     "rollup-plugin-lwc-compiler": "0.29.1",
     "rollup-plugin-replace": "^2.0.0"
   },

packages/rollup-plugin-lwc-compiler/package.json

@@ -10,10 +10,10 @@
   "devDependencies": {
     "lwc-compiler": "0.29.1",
     "lwc-engine": "0.29.1",
-    "rollup-plugin-compat": "0.18.12"
+    "rollup-plugin-compat": "0.19.0"
   },
   "dependencies": {
-    "es5-proxy-compat": "0.18.12",
+    "es5-proxy-compat": "0.19.0",
     "glob": "^7.1.2",
     "lwc-module-resolver": "0.29.1",
     "rollup-pluginutils": "^2.0.1"