import BackgroundTimer from 'react-native-background-timer'; import '@webcomponents/url'; // Polyfill for URL constructor import { Platform } from '../../react'; // XXX The library lib-jitsi-meet utilizes window.localStorage at the time of // this writing and, consequently, the browser-related polyfills implemented // here by the feature base/lib-jitsi-meet for the purposes of the library // lib-jitsi-meet are incomplete without the Web Storage API! Should the library // lib-jitsi-meet (and its dependencies) stop utilizing window.localStorage, // the following import may be removed: import '../../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 * {@code Document.querySelector} and {@code 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'); // DOMParser // // Required by: // - lib-jitsi-meet requires this if using WebSockets global.DOMParser = DOMParser; // addEventListener // // Required by: // - jQuery if (typeof global.addEventListener === 'undefined') { // eslint-disable-next-line no-empty-function global.addEventListener = () => {}; } // removeEventListener // // Required by: // - features/base/conference/middleware if (typeof global.removeEventListener === 'undefined') { // eslint-disable-next-line no-empty-function global.removeEventListener = () => {}; } // document // // Required by: // - jQuery // - 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.implementation.createHTMLDocument // // Required by: // - jQuery if (typeof document.implementation.createHTMLDocument === 'undefined') { document.implementation.createHTMLDocument = function(title = '') { const htmlDocument = new DOMParser().parseFromString( ` ${title} `, 'text/xml'); Object.defineProperty(htmlDocument, 'body', { get() { return htmlDocument.getElementsByTagName('body')[0]; } }); return htmlDocument; }; } // 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.remove // // Required by: // - lib-jitsi-meet ChatRoom#onPresence parsing if (typeof elementPrototype.remove === 'undefined') { elementPrototype.remove = function() { if (this.parentNode !== null) { this.parentNode.removeChild(this); } }; } // 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); } } }); } // Element.children // // Required by: // - lib-jitsi-meet ChatRoom#onPresence parsing if (!elementPrototype.hasOwnProperty('children')) { Object.defineProperty(elementPrototype, 'children', { get() { const nodes = this.childNodes; const children = []; let i = 0; let node = nodes[i]; while (node) { if (node.nodeType === 1) { children.push(node); } i += 1; node = nodes[i]; } return children; } }); } } // 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. 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; } // location if (typeof global.location === 'undefined') { global.location = { href: '', // Required by: // - lib-jitsi-meet/modules/xmpp/xmpp.js search: '' }; } const { navigator } = global; if (navigator) { // userAgent // // Required by: // - 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; } // WebRTC require('./polyfills-webrtc'); // CallStats // // Required by: // - lib-jitsi-meet require('react-native-callstats/csio-polyfill'); global.callstats = require('react-native-callstats/callstats'); // 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 = (fn, ms = 0) => BackgroundTimer.setTimeout(fn, ms); })(global || window || this); // eslint-disable-line no-invalid-this