MC-4189: IE11 - PageBuilder Does Not Load

- Polyfill Babel to allow for usage of Object.assign etc

Author: davemacaulay

app/code/Magento/PageBuilder/view/adminhtml/requirejs-config.js

@@ -29,6 +29,9 @@ var config = {
         }
     },
     shim: {
+        'Magento_PageBuilder/js/page-builder': {
+            deps: ['Magento_PageBuilder/js/babel/polyfill.min']
+        },
         'pagebuilder/ko-sortable': {
             deps: ['jquery', 'jquery/ui', 'Magento_PageBuilder/js/resource/jquery-ui/jquery.ui.touch-punch.min']
         },

app/code/Magento/PageBuilder/view/adminhtml/web/js/babel/polyfill.min.js

@@ -7,21 +7,27 @@ module.exports = {
     presets: [
         ['env', {
             loose: true,
-            browsers: ["last 2 versions", "ie >= 11"]
+            browsers: ['last 2 versions', 'ie >= 11'],
         }],
         {
             plugins: [
-                ["transform-class-properties", {loose: true}]
+                ['transform-class-properties', {
+                    loose: true
+                }]
             ]
         },
-        ['es6-to-magento-amd', {magentoClasses: ['uiComponent', 'uiElement', 'uiClass']}]
+        ['es6-to-magento-amd', {
+            magentoClasses: ['uiComponent', 'uiElement', 'uiClass']
+        }]
     ],
     plugins: [
-        ['./babel/resolve-imports', {prefix: 'Magento_PageBuilder/'}],
+        ['./babel/resolve-imports', {
+            prefix: 'Magento_PageBuilder/'
+        }],
         'transform-typescript',
         'transform-object-rest-spread',
     ],
     ignore: [
-        "/**/*.d.ts"
+        '/**/*.d.ts'
     ]
 };

app/code/Magento/PageBuilder/view/adminhtml/web/ts/.babelrc.js

@@ -50,6 +50,7 @@
   "author": "Magento, Inc.",
   "license": "See license in LICENSE_EE.txt",
   "dependencies": {
-    "@types/tinymce": "^4.5.16"
+    "@types/tinymce": "^4.5.16",
+    "babel-polyfill": "^6.26.0"
   }
 }

package.json

@@ -829,6 +829,14 @@ babel-plugin-transform-unicode-property-regex@^2.0.5:
     babel-helper-regex "^6.26.0"
     regexpu-core "^4.1.3"
 
+babel-polyfill@^6.26.0:
+  version "6.26.0"
+  resolved "https://registry.yarnpkg.com/babel-polyfill/-/babel-polyfill-6.26.0.tgz#379937abc67d7895970adc621f284cd966cf2153"
+  dependencies:
+    babel-runtime "^6.26.0"
+    core-js "^2.5.0"
+    regenerator-runtime "^0.10.5"
+
 babel-preset-env@^7.0.0-beta.3:
   version "7.0.0-beta.3"
   resolved "https://registry.yarnpkg.com/babel-preset-env/-/babel-preset-env-7.0.0-beta.3.tgz#3811da21ede73107223940bcea91a0325027026c"
@@ -1250,6 +1258,10 @@ core-js@^2.4.0:
   version "2.5.1"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.5.1.tgz#ae6874dc66937789b80754ff5428df66819ca50b"
 
+core-js@^2.5.0:
+  version "2.5.7"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.5.7.tgz#f972608ff0cead68b841a16a932d0b183791814e"
+
 core-util-is@1.0.2, core-util-is@~1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
@@ -3311,6 +3323,10 @@ regenerate@^1.3.3:
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.3.3.tgz#0c336d3980553d755c39b586ae3b20aa49c82b7f"
 
+regenerator-runtime@^0.10.5:
+  version "0.10.5"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.10.5.tgz#336c3efc1220adcedda2c9fab67b5a7955a33658"
+
 regenerator-runtime@^0.11.0:
   version "0.11.0"
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.11.0.tgz#7e54fe5b5ccd5d6624ea6255c3473be090b802e1"