ES5 transpiling

Gemfile

@@ -24,7 +24,7 @@ gem "cells-haml"
 group :development, :test do
   gem 'rspec-rails', '~> 3.8'
   gem 'capybara'
-  gem 'webpacker', '~> 3.5'
+  gem 'webpacker', '~> 4.0'
   gem 'sqlite3', '~> 1.3.13'
   gem 'selenium-webdriver'
   gem 'poltergeist'

Gemfile.lock

@@ -84,7 +84,7 @@ GEM
     concurrent-ruby (1.1.5)
     crack (0.4.3)
       safe_yaml (~> 1.0.0)
-    crass (1.0.4)
+    crass (1.0.5)
     declarative (0.0.10)
     declarative-builder (0.1.0)
       declarative-option (< 0.2.0)
@@ -97,7 +97,7 @@ GEM
       representable (>= 2.4.0, <= 3.1.0)
       uber (< 0.2.0)
     docile (1.3.1)
-    erubi (1.8.0)
+    erubi (1.9.0)
     ffi (1.9.25)
     generator_spec (0.9.4)
       activesupport (>= 3.0.0)
@@ -108,10 +108,10 @@ GEM
       temple (>= 0.8.0)
       tilt
     hashdiff (0.3.8)
-    i18n (1.6.0)
+    i18n (1.7.0)
       concurrent-ruby (~> 1.0)
     json (2.1.0)
-    loofah (2.2.3)
+    loofah (2.3.1)
       crass (~> 1.0.2)
       nokogiri (>= 1.5.9)
     mail (2.7.1)
@@ -122,9 +122,9 @@ GEM
     mimemagic (0.3.3)
     mini_mime (1.0.1)
     mini_portile2 (2.4.0)
-    minitest (5.11.3)
+    minitest (5.13.0)
     nio4r (2.5.2)
-    nokogiri (1.10.4)
+    nokogiri (1.10.5)
       mini_portile2 (~> 2.4.0)
     pipetree (0.1.1)
     poltergeist (1.18.1)
@@ -154,15 +154,15 @@ GEM
     rails-dom-testing (2.0.3)
       activesupport (>= 4.2.0)
       nokogiri (>= 1.6)
-    rails-html-sanitizer (1.0.4)
-      loofah (~> 2.2, >= 2.2.2)
+    rails-html-sanitizer (1.3.0)
+      loofah (~> 2.3)
     railties (5.2.3)
       actionpack (= 5.2.3)
       activesupport (= 5.2.3)
       method_source
       rake (>= 0.8.7)
       thor (>= 0.19.0, < 2.0)
-    rake (12.3.3)
+    rake (13.0.0)
     reform (2.2.4)
       disposable (>= 0.4.1)
       representable (>= 2.4.0, < 3.1.0)
@@ -239,7 +239,7 @@ GEM
       addressable (>= 2.3.6)
       crack (>= 0.3.2)
       hashdiff
-    webpacker (3.5.5)
+    webpacker (4.0.7)
       activesupport (>= 4.2)
       rack-proxy (>= 0.6.1)
       railties (>= 4.2)
@@ -270,7 +270,7 @@ DEPENDENCIES
   trailblazer-rails
   webdrivers (~> 4.1)
   webmock
-  webpacker (~> 3.5)
+  webpacker (~> 4.0)
 
 BUNDLED WITH
    1.17.3

builder/.babelrc

@@ -1,19 +1,20 @@
 {
   "presets": [
-    ["env", {
-      "modules": false,
-      "forceAllTransforms": true,
-      "targets": {
-        "browsers": "> 1%",
-        "uglify": true
-      },
-      "useBuiltIns": true
-    }]
+    [
+      "@babel/preset-env",
+      {
+        "modules": "false",
+        "targets": "> 1%, not dead",
+        "useBuiltIns": "entry",
+        "corejs": {
+          "version": 3
+        },
+        "debug": true
+      }
+    ]
   ],
-
   "plugins": [
-    "syntax-dynamic-import",
-    "transform-object-rest-spread",
-    ["transform-class-properties", { "spec": true }]
+    "@babel/syntax-dynamic-import",
+    ["@babel/plugin-proposal-class-properties", { "loose": true }]
   ]
 }

builder/app/javascript/packs/application.js

@@ -7,18 +7,13 @@
 // To reference this file, add <%= javascript_pack_tag 'application' %> to the appropriate
 // layout file, like app/views/layouts/application.html.erb
 
-import Vue from 'vue/dist/vue.esm'
-import Vuex from 'vuex'
-import axios from 'axios'
-import matestackEventHub from 'js/event-hub'
-import componentMixin from 'component/component'
+import 'core-js';
+import Vue from "vue/dist/vue.esm";
+import Vuex from "vuex";
+import axios from "axios";
+import matestackEventHub from "js/event-hub";
+import componentMixin from "component/component";
 
-import matestackUiCore from 'js/core'
+import matestackUiCore from "js/core";
 
-export {
-  Vue,
-  Vuex,
-  axios,
-  matestackEventHub,
-  componentMixin
-}
+export { Vue, Vuex, axios, matestackEventHub, componentMixin };