jiti-meet/react/features/base/lib-jitsi-meet/native/polyfills-browser.js

386 lines
12 KiB
JavaScript
Raw Normal View History

import Iterator from 'es6-iterator';
import BackgroundTimer from 'react-native-background-timer';
import 'url-polyfill'; // Polyfill for URL constructor
import { Platform } from '../../react';
import Storage from './Storage';
/**
* Gets the first common prototype of two specified Objects (treating the
* objects themselves as prototypes as well).
*
* @param {Object} a - The first prototype chain to climb in search of a common
* prototype.
* @param {Object} b - The second prototype chain to climb in search of a common
* prototype.
* @returns {Object|undefined} - The first common prototype of a and b.
*/
function _getCommonPrototype(a, b) {
// Allow the arguments to be prototypes themselves.
if (a === b) {
return a;
}
let p;
2017-09-07 17:30:09 +00:00
if (((p = Object.getPrototypeOf(a)) && (p = _getCommonPrototype(b, p)))
|| ((p = Object.getPrototypeOf(b))
&& (p = _getCommonPrototype(a, p)))) {
return p;
}
return undefined;
}
/**
* Implements an absolute minimum of the common logic of Document.querySelector
* and Element.querySelector. Implements the most simple of selectors necessary
* to satisfy the call sites at the time of this writing i.e. select by tagName.
*
* @param {Node} node - The Node which is the root of the tree to query.
* @param {string} selectors - The group of CSS selectors to match on.
* @returns {Element} - The first Element which is a descendant of the specified
* node and matches the specified group of selectors.
*/
function _querySelector(node, selectors) {
let element = null;
node && _visitNode(node, n => {
if (n.nodeType === 1 /* ELEMENT_NODE */
&& n.nodeName === selectors) {
element = n;
return true;
}
return false;
});
return element;
}
/**
* Visits each Node in the tree of a specific root Node (using depth-first
* traversal) and invokes a specific callback until the callback returns true.
*
* @param {Node} node - The root Node which represents the tree of Nodes to
* visit.
* @param {Function} callback - The callback to invoke with each visited Node.
* @returns {boolean} - True if the specified callback returned true for a Node
* (at which point the visiting stopped); otherwise, false.
*/
function _visitNode(node, callback) {
if (callback(node)) {
return true;
}
/* eslint-disable no-param-reassign, no-extra-parens */
if ((node = node.firstChild)) {
do {
if (_visitNode(node, callback)) {
return true;
}
} while ((node = node.nextSibling));
}
/* eslint-enable no-param-reassign, no-extra-parens */
return false;
}
(global => {
2017-09-07 17:30:09 +00:00
const { DOMParser } = require('xmldom');
// addEventListener
//
// Required by:
// - jQuery
if (typeof global.addEventListener === 'undefined') {
// eslint-disable-next-line no-empty-function
global.addEventListener = () => {};
}
// Array.prototype[@@iterator]
//
// Required by:
// - for...of statement use(s) in lib-jitsi-meet
const arrayPrototype = Array.prototype;
if (typeof arrayPrototype['@@iterator'] === 'undefined') {
arrayPrototype['@@iterator'] = function() {
return new Iterator(this);
};
}
// document
//
// Required by:
// - jQuery
// - lib-jitsi-meet/modules/RTC/adapter.screenshare.js
// - Strophe
if (typeof global.document === 'undefined') {
const document
= new DOMParser().parseFromString(
2017-06-15 00:40:51 +00:00
'<html><head></head><body></body></html>',
'text/xml');
// document.addEventListener
//
// Required by:
// - jQuery
if (typeof document.addEventListener === 'undefined') {
// eslint-disable-next-line no-empty-function
document.addEventListener = () => {};
}
// document.cookie
//
// Required by:
// - herment
if (typeof document.cookie === 'undefined') {
document.cookie = '';
}
// Element.querySelector
//
// Required by:
// - lib-jitsi-meet/modules/xmpp
const elementPrototype
= Object.getPrototypeOf(document.documentElement);
if (elementPrototype) {
if (typeof elementPrototype.querySelector === 'undefined') {
elementPrototype.querySelector = function(selectors) {
return _querySelector(this, selectors);
};
}
// Element.innerHTML
//
// Required by:
// - jQuery's .append method
if (!elementPrototype.hasOwnProperty('innerHTML')) {
Object.defineProperty(elementPrototype, 'innerHTML', {
get() {
return this.childNodes.toString();
},
set(innerHTML) {
// MDN says: removes all of element's children, parses
// the content string and assigns the resulting nodes as
// children of the element.
// Remove all of element's children.
this.textContent = '';
// Parse the content string.
const d
= new DOMParser().parseFromString(
2017-06-15 00:40:51 +00:00
`<div>${innerHTML}</div>`,
'text/xml');
// Assign the resulting nodes as children of the
// element.
const documentElement = d.documentElement;
let child;
// eslint-disable-next-line no-cond-assign
while (child = documentElement.firstChild) {
this.appendChild(child);
}
}
});
}
}
// FIXME There is a weird infinite loop related to console.log and
// Document and/or Element at the time of this writing. Work around it
// by patching Node and/or overriding console.log.
const documentPrototype = Object.getPrototypeOf(document);
const nodePrototype
= _getCommonPrototype(documentPrototype, elementPrototype);
if (nodePrototype
// XXX The intention was to find Node from which Document and
// Element extend. If for whatever reason we've reached Object,
// then it doesn't sound like what expected.
&& nodePrototype !== Object.getPrototypeOf({})) {
// Override console.log.
2017-09-01 21:25:48 +00:00
const { console } = global;
if (console) {
const loggerLevels = require('jitsi-meet-logger').levels;
Object.keys(loggerLevels).forEach(key => {
const level = loggerLevels[key];
const consoleLog = console[level];
/* eslint-disable prefer-rest-params */
if (typeof consoleLog === 'function') {
console[level] = function(...args) {
// XXX If console's disableYellowBox is truthy, then
// react-native will not automatically display the
// yellow box for the warn level. However, it will
// still display the red box for the error level.
// But I disable the yellow box when I don't want to
// have react-native automatically show me the
// console's output just like in the Release build
// configuration. Because I didn't find a way to
// disable the red box, downgrade the error level to
// warn. The red box will still be displayed but not
// for the error level.
if (console.disableYellowBox && level === 'error') {
console.warn(...args);
return;
}
2017-09-07 17:30:09 +00:00
const { length } = args;
for (let i = 0; i < length; ++i) {
let arg = args[i];
if (arg
&& typeof arg !== 'string'
// Limit the console.log override to
// Node (instances).
&& nodePrototype.isPrototypeOf(arg)) {
const toString = arg.toString;
if (toString) {
arg = toString.call(arg);
}
}
args[i] = arg;
}
consoleLog.apply(this, args);
};
}
/* eslint-enable prefer-rest-params */
});
}
}
global.document = document;
}
// localStorage
if (typeof global.localStorage === 'undefined') {
global.localStorage = new Storage('@jitsi-meet/');
}
// location
if (typeof global.location === 'undefined') {
global.location = {
href: '',
// Required by:
// - lib-jitsi-meet/modules/xmpp/xmpp.js
search: ''
};
}
const { navigator } = global;
if (navigator) {
// platform
//
// Required by:
// - lib-jitsi-meet/modules/RTC/adapter.screenshare.js
if (typeof navigator.platform === 'undefined') {
navigator.platform = '';
}
// plugins
//
// Required by:
// - lib-jitsi-meet/modules/RTC/adapter.screenshare.js
if (typeof navigator.plugins === 'undefined') {
navigator.plugins = [];
}
// userAgent
//
// Required by:
// - lib-jitsi-meet/modules/RTC/adapter.screenshare.js
// - lib-jitsi-meet/modules/browser/BrowserDetection.js
let userAgent = navigator.userAgent || '';
// react-native/version
const { name, version } = require('react-native/package.json');
let rn = name || 'react-native';
version && (rn += `/${version}`);
if (userAgent.indexOf(rn) === -1) {
userAgent = userAgent ? `${rn} ${userAgent}` : rn;
}
// (OS version)
const os = `(${Platform.OS} ${Platform.Version})`;
if (userAgent.indexOf(os) === -1) {
userAgent = userAgent ? `${userAgent} ${os}` : os;
}
navigator.userAgent = userAgent;
}
// sessionStorage
//
// Required by:
2017-09-07 17:30:09 +00:00
// - herment
// - Strophe
if (typeof global.sessionStorage === 'undefined') {
global.sessionStorage = new Storage();
}
// WebRTC
require('./polyfills-webrtc');
require('react-native-callstats/csio-polyfill');
// XMLHttpRequest
if (global.XMLHttpRequest) {
2017-09-07 17:30:09 +00:00
const { prototype } = global.XMLHttpRequest;
// XMLHttpRequest.responseXML
//
// Required by:
// - Strophe
if (prototype && !prototype.hasOwnProperty('responseXML')) {
Object.defineProperty(prototype, 'responseXML', {
get() {
2017-09-07 17:30:09 +00:00
const { responseText } = this;
2017-09-07 17:30:09 +00:00
return (
responseText
&& new DOMParser().parseFromString(
2017-06-15 00:40:51 +00:00
responseText,
2017-09-07 17:30:09 +00:00
'text/xml'));
}
});
}
}
// Timers
//
// React Native's timers won't run while the app is in the background, this
// is a known limitation. Replace them with a background-friendly
// alternative.
//
// Required by:
// - lib-jitsi-meet
// - Strophe
2017-09-07 17:30:09 +00:00
global.clearTimeout = BackgroundTimer.clearTimeout.bind(BackgroundTimer);
global.clearInterval = BackgroundTimer.clearInterval.bind(BackgroundTimer);
global.setInterval = BackgroundTimer.setInterval.bind(BackgroundTimer);
global.setTimeout = BackgroundTimer.setTimeout.bind(BackgroundTimer);
})(global || window || this); // eslint-disable-line no-invalid-this