Remove various polyfills (#5448)

* Remove Promise, CustomEvent, Performance.now and String.startsWith polyfills

* Remove @ungap/custom-elements polyfill

* Replace object-assign ponyfill with Object.assign

---------

Co-authored-by: Noeri Huisman <[email protected]>

package.json

@@ -35,15 +35,10 @@
     "vendor/**/*"
   ],
   "dependencies": {
-    "@ungap/custom-elements": "^1.1.0",
     "buffer": "^6.0.3",
-    "custom-event-polyfill": "^1.0.6",
     "debug": "ngokevin/debug#noTimestamp",
     "deep-assign": "^2.0.0",
     "load-bmfont": "^1.2.3",
-    "object-assign": "^4.0.1",
-    "present": "0.0.6",
-    "promise-polyfill": "^3.1.0",
     "super-animejs": "^3.1.0",
     "super-three": "0.161.0",
     "three-bmfont-text": "dmarcos/three-bmfont-text#eed4878795be9b3e38cf6aec6b903f56acd1f695",

src/index.js

@@ -1,8 +1,3 @@
-// Polyfill `Promise`.
-window.Promise = window.Promise || require('promise-polyfill');
-
-require('@ungap/custom-elements');
-
 // WebVR polyfill
 // Check before the polyfill runs.
 window.hasNativeWebVRImplementation = !!window.navigator.getVRDisplays ||
@@ -27,14 +22,6 @@ if (!window.hasNativeWebXRImplementation && !window.hasNativeWebVRImplementation
 
 var utils = require('./utils/');
 var debug = utils.debug;
-
-if (utils.isIE11) {
-  // Polyfill `CustomEvent`.
-  require('custom-event-polyfill');
-  // Polyfill String.startsWith.
-  require('../vendor/starts-with-polyfill');
-}
-
 var error = debug('A-Frame:error');
 var warn = debug('A-Frame:warn');
 
@@ -54,8 +41,6 @@ if (!window.cordova && window.location.protocol === 'file:') {
     'https://aframe.io/docs/1.4.0/introduction/installation.html#use-a-local-server.');
 }
 
-require('present'); // Polyfill `performance.now()`.
-
 // CSS.
 if (utils.device.isBrowserEnvironment) {
   require('./style/aframe.css');

src/utils/coordinates.js

@@ -1,6 +1,5 @@
 /* global THREE */
 var debug = require('./debug');
-var extend = require('object-assign');
 
 var warn = debug('utils:coordinates:warn');
 
@@ -45,7 +44,7 @@ function parse (value, defaultVec) {
   }
 
   if (value === null || value === undefined) {
-    return typeof defaultVec === 'object' ?   extend({}, defaultVec) : defaultVec;
+    return typeof defaultVec === 'object' ? Object.assign({}, defaultVec) : defaultVec;
   }
 
   coordinate = value.trim().split(whitespaceRegex);

src/utils/debug.js

@@ -1,5 +1,4 @@
 var debugLib = require('debug');
-var extend = require('object-assign');
 
 var settings = {
   colors: {
@@ -22,7 +21,7 @@ var debug = function (namespace) {
 
   return d;
 };
-extend(debug, debugLib);
+Object.assign(debug, debugLib);
 
 /**
  * Returns the type of the namespace (e.g., `error`, `warn`).

src/utils/index.js

@@ -4,7 +4,6 @@
 var debug = require('./debug');
 var deepAssign = require('deep-assign');
 var device = require('./device');
-var objectAssign = require('object-assign');
 var objectPool = require('./object-pool');
 
 var warn = debug('utils:warn');
@@ -15,7 +14,6 @@ module.exports.debug = debug;
 module.exports.device = device;
 module.exports.entity = require('./entity');
 module.exports.forceCanvasResizeSafariMobile = require('./forceCanvasResizeSafariMobile');
-module.exports.isIE11 = require('./is-ie11');
 module.exports.material = require('./material');
 module.exports.objectPool = objectPool;
 module.exports.split = require('./split').split;
@@ -159,7 +157,7 @@ module.exports.debounce = function (func, wait, immediate) {
  * @param  {object} dest - The object to which properties will be copied.
  * @param  {...object} source - The object(s) from which properties will be copied.
  */
-module.exports.extend = objectAssign;
+module.exports.extend = Object.assign;
 module.exports.extendDeep = deepAssign;
 
 module.exports.clone = function (obj) {