@expo/browser-polyfill

Browser polyfill for React Native

$3

``bash
yarn add @expo/browser-polyfill
`

$3

Import the library into your JavaScript file:

`js
import '@expo/browser-polyfill';
`

Implements

DOM

DOM is provided with very low support, these are used for libs like pixi.js that validate type.

`js
class Node
class Element
class Document
class HTMLImageElement
class Image
class ImageBitmap
class HTMLVideoElement
class Video
class HTMLCanvasElement
class Canvas
`

$3

Image has support for loading callbacks, however the loaded uri must be passed to the src already.

`js
const image = new Image();
image.src = '';
image.onload = () => {
const { src, width, height } = image;
};
image.addEventListener('loading', () => {});
image.addEventListener('error', () => {});
`

$3

`js
const element = document.createElement('div');
const fakeContext = element.getContext('');
`

$3

#### All sizes return the window size:

`js
element.clientWidth;
element.clientHeight;
element.innerWidth;
element.innerHeight;
element.offsetWidth;
element.offsetHeight;
`

#### Empty attributes that prevent libraries from crashing

`js
element.tagName;
element.addEventListener;
element.removeEventListener;
element.setAttributeNS;
element.createElementNS;
`

$3

`js
node.ownerDocument;
node.className;
node.appendChild;
node.insertBefore;
node.removeChild;
node.setAttributeNS;
node.getBoundingClientRect;
`

External Libraries

Some external node.js polyfills are added as well.

text-encoding

`
global.TextEncoder
global.TextDecoder
`

xmldom-qsa

`
window.DOMParser
`

react-native-console-time-polyfill

`
console.time(label);
console.timeEnd(label);
console.count(label);
`

Debug flags

For debugging base64 image transformations toggle:

`js
global.__debug_browser_polyfill_image = true;
`

By default global.__debug_browser_polyfill_image` is false.