@bolt/core - npm Package Compare versions

Comparing version 1.2.3 to 1.3.0

index.js

@@ -22,3 +22,3 @@ export {
 
-export { withPreact, wrapPreact } from './renderers/renderer-preact';
+export { withPreact } from './renderers/renderer-preact';
 export { BoltComponent } from './renderers/renderer-hyperhtml';
@@ -28,2 +28,2 @@ export { spacingSizes } from './data/spacing-sizes';
 // Export polyfill loader
-export { polyfillLoader } from './polyfills/polyfill-loader';
+export { polyfillLoader } from './polyfills';

package.json

 {
   "name": "@bolt/core",
   "description": "Core dependencies, utils, etc.",
-  "version": "1.2.3",
+  "version": "1.3.0",
   "license": "MIT",
@@ -6,0 +6,0 @@ "main": "index.js",

polyfills/polyfill-loader.js

@@ -1,37 +0,11 @@
-require('es6-promise').polyfill();
-require('core-js/modules/es6.array.iterator');
-require('core-js/modules/es6.symbol');
-require('core-js/modules/es6.array.from');
-require('core-js/modules/es6.string.starts-with');
-require('core-js/modules/es7.array.includes');
-require('core-js/modules/es6.array.for-each');
-require('core-js/modules/es6.object.assign');
+import './custom-event-polyfill';
 
-let polyfills = [];
-
-// ex. NodeList.forEach --> IE 11
 if (window.NodeList && !NodeList.prototype.forEach) {
-  NodeList.prototype.forEach = function (callback, thisArg) {
-    thisArg = thisArg || window;
-    for (var i = 0; i < this.length; i++) {
-      callback.call(thisArg, this[i], i, this);
-    }
-  };
+  NodeList.prototype.forEach = Array.prototype.forEach;
 }
 
 
-// CustomElement shim for IE 11
-(function () {
-  if (typeof window.CustomEvent === 'function') return false;
-  function CustomEvent(event, params) {
-    params = params || { bubbles: false, cancelable: false, detail: undefined };
-    var evt = document.createEvent('CustomEvent');
-    evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
-    return evt;
-  }
-  CustomEvent.prototype = window.Event.prototype;
-  window.CustomEvent = CustomEvent;
-})();
+let polyfills = [];
 
-// Detect Shadow Dom Support
+// // Detect Shadow Dom Support
 if (!('attachShadow' in Element.prototype && 'getRootNode' in Element.prototype) ||
@@ -56,25 +30,55 @@ (window.ShadyDOM && window.ShadyDOM.force)) {
 
-const webComponentPolyfillPath = `bolt-webcomponents-${polyfills.join('-')}.js`;
+export const polyfillLoader = new Promise((resolve) => {
+  // Based on https://github.com/webcomponents/webcomponentsjs/blob/master/entrypoints/webcomponents-hi-sd-ce-pf-index.js
+  // Used in: IE 11
+  if (polyfills.includes('lite')) {
+    import('es6-promise').polyfill();
 
+    Promise.all([
+      import('core-js/modules/es6.array.iterator'),
+      import('core-js/modules/es6.symbol'),
+      import('core-js/modules/es6.array.from'),
+      import('core-js/modules/es6.string.starts-with'),
+      import('core-js/modules/es7.array.includes'),
+      import('core-js/modules/es6.array.for-each'),
+      import('core-js/modules/es6.object.assign'),
+      import('core-js/library/es6/reflect'),
+      import('document-register-element'),
+    ]).then(() => { resolve() });
+  }
 
-export const polyfillLoader = new Promise((resolve) => {
-  if (polyfills.length > 0) {
-    import(/* webpackChunkName: `${webComponentPolyfillPath}` */ `./${webComponentPolyfillPath}`)
-      .then(() => {
-        resolve();
-      })
-      .catch((error) => {
-        throw new Error(`Could not load ${webComponentPolyfillPath}. Error: ${error}`);
-      });
-  } else {
-    import('document-register-element').then(() => {
-      resolve();
-    })
-      .catch((error) => {
-        throw new Error(`Could not load document-register-element.
-      Error: ${error}`);
-      });
+  // Based on https://github.com/webcomponents/webcomponentsjs/blob/master/entrypoints/webcomponents-sd-ce-index.js
+  // Used in: Safari 9, Firefox, Edge
+  else if (polyfills.includes('sd') && polyfills.includes('ce')) {
+    Promise.all([
+      import('@webcomponents/shadydom/src/shadydom.js'),
+      import('document-register-element'),
+      import('@webcomponents/shadycss/entrypoints/scoping-shim.js'),
+    ]).then(() => { resolve() });
   }
-}).catch((error) => {
-  throw new Error(`Error: unexpected polyfill-loader.js error. ${error}`);
+
+  // Based on https://github.com/webcomponents/webcomponentsjs/blob/master/entrypoints/webcomponents-hi-sd-index.js
+  // Used in: Firefox with CustomElements enabled
+  else if (polyfills.includes('sd')) {
+    Promise.all([
+      import('@webcomponents/shadydom/src/shadydom.js'),
+      import('@webcomponents/shadycss/entrypoints/scoping-shim.js'),
+    ]).then(() => { resolve() });
+  }
+
+  // Based on https://github.com/webcomponents/webcomponentsjs/blob/master/entrypoints/webcomponents-hi-ce-index.js
+  // Used in: Safari 10, Firefox once SD is shipped
+  else if (polyfills.includes('ce')) {
+    Promise.all([
+      import('@webcomponents/shadydom/src/shadydom.js'),
+      import('@webcomponents/shadycss/entrypoints/scoping-shim.js'),
+    ]).then(() => { resolve() });
+
+    import('document-register-element').then(() => { resolve() });
+  }
+
+  // Used in Modern browsers supporting ES6. Required since we're transpiling ES6 classes through Babel
+  else {
+    import('@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js').then(() => { resolve() });
+  }
 });

No alert changes

Worsened metrics

Total package byte prevSize

133114

-5.25%

Number of package files

100

-8.26%

Lines of code

1288

-13.09%

No dependency changes