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; 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 => { 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( '', '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 = ''; } // Document.querySelector // // Required by: // - strophejs-plugins/caps/strophe.caps.jsonly.js const documentPrototype = Object.getPrototypeOf(document); if (documentPrototype) { if (typeof documentPrototype.querySelector === 'undefined') { documentPrototype.querySelector = function(selectors) { return _querySelector(this.elementNode, selectors); }; } } // Element.querySelector // // Required by: // - strophejs-plugins/caps/strophe.caps.jsonly.js 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( `

${innerHTML}

`, '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 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. 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; } 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/RTC/RTCBrowserType.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: // - 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) { const { prototype } = global.XMLHttpRequest; // XMLHttpRequest.responseXML // // Required by: // - Strophe if (prototype && !prototype.hasOwnProperty('responseXML')) { Object.defineProperty(prototype, 'responseXML', { get() { const { responseText } = this; return ( responseText && new DOMParser().parseFromString( responseText, '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 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