/** * Copyright (c) 2015-present, Facebook, Inc. * All rights reserved. * * This source code is licensed under the BSD-style license found in the * LICENSE file in the root directory of this source tree. An additional grant * of patent rights can be found in the PATENTS file in the same directory. * * @providesModule InitializeCore * @flow */ /* eslint-disable strict */ /* globals window: true */ /** * Sets up global variables typical in most JavaScript environments. * * 1. Global timers (via `setTimeout` etc). * 2. Global console object. * 3. Hooks for printing stack traces with source maps. * * Leaves enough room in the environment for implementing your own: * * 1. Require system. * 2. Bridged modules. * */ 'use strict'; if (global.GLOBAL === undefined) { global.GLOBAL = global; } if (global.window === undefined) { global.window = global; } const defineLazyObjectProperty = require('defineLazyObjectProperty'); /** * Sets an object's property. If a property with the same name exists, this will * replace it but maintain its descriptor configuration. The property will be * replaced with a lazy getter. * * In DEV mode the original property value will be preserved as `original[PropertyName]` * so that, if necessary, it can be restored. For example, if you want to route * network requests through DevTools (to trace them): * * global.XMLHttpRequest = global.originalXMLHttpRequest; * * @see https://github.com/facebook/react-native/issues/934 */ function defineLazyProperty( object: Object, name: string, getValue: () => T, ): void { const descriptor = Object.getOwnPropertyDescriptor(object, name); if (__DEV__ && descriptor) { const backupName = `original${name[0].toUpperCase()}${name.substr(1)}`; Object.defineProperty(object, backupName, { ...descriptor, value: object[name], }); } const {enumerable, writable, configurable} = descriptor || {}; if (descriptor && !configurable) { console.error('Failed to set polyfill. ' + name + ' is not configurable.'); return; } defineLazyObjectProperty(object, name, { get: getValue, enumerable: enumerable !== false, writable: writable !== false, }); } function polyfillGlobal(name: string, getValue: () => T): void { defineLazyProperty(global, name, getValue); } // Set up process global.process = global.process || {}; global.process.env = global.process.env || {}; if (!global.process.env.NODE_ENV) { global.process.env.NODE_ENV = __DEV__ ? 'development' : 'production'; } // Setup the Systrace profiling hooks if necessary if (global.__RCTProfileIsProfiling) { const Systrace = require('Systrace'); Systrace.setEnabled(true); } // Set up console const ExceptionsManager = require('ExceptionsManager'); ExceptionsManager.installConsoleErrorReporter(); // Set up error handler if (!global.__fbDisableExceptionsManager) { const handleError = (e, isFatal) => { try { ExceptionsManager.handleException(e, isFatal); } catch (ee) { /* eslint-disable no-console */ console.log('Failed to print error: ', ee.message); /* eslint-enable no-console */ throw e; } }; const ErrorUtils = require('ErrorUtils'); ErrorUtils.setGlobalHandler(handleError); } const formatVersion = version => `${version.major}.${version.minor}.${version.patch}` + (version.prerelease !== null ? `-${version.prerelease}` : ''); const ReactNativeVersion = require('ReactNativeVersion'); const nativeVersion = require('NativeModules').PlatformConstants.reactNativeVersion; if (ReactNativeVersion.version.major !== nativeVersion.major || ReactNativeVersion.version.minor !== nativeVersion.minor) { throw new Error( `React Native version mismatch.\n\nJavaScript version: ${formatVersion(ReactNativeVersion.version)}\n` + `Native version: ${formatVersion(nativeVersion)}\n\n` + 'Make sure that you have rebuilt the native code. If the problem persists ' + 'try clearing the watchman and packager caches with `watchman watch-del-all ' + '&& react-native start --reset-cache`.' ); } // Set up collections const _shouldPolyfillCollection = require('_shouldPolyfillES6Collection'); if (_shouldPolyfillCollection('Map')) { polyfillGlobal('Map', () => require('Map')); } if (_shouldPolyfillCollection('Set')) { polyfillGlobal('Set', () => require('Set')); } // Set up Promise // The native Promise implementation throws the following error: // ERROR: Event loop not supported. polyfillGlobal('Promise', () => require('Promise')); // Set up regenerator. polyfillGlobal('regeneratorRuntime', () => { // The require just sets up the global, so make sure when we first // invoke it the global does not exist delete global.regeneratorRuntime; /* $FlowFixMe(>=0.54.0 site=react_native_oss) This comment suppresses an * error found when Flow v0.54 was deployed. To see the error delete this * comment and run Flow. */ require('regenerator-runtime/runtime'); return global.regeneratorRuntime; }); // Set up timers const defineLazyTimer = name => { polyfillGlobal(name, () => require('JSTimers')[name]); }; defineLazyTimer('setTimeout'); defineLazyTimer('setInterval'); defineLazyTimer('setImmediate'); defineLazyTimer('clearTimeout'); defineLazyTimer('clearInterval'); defineLazyTimer('clearImmediate'); defineLazyTimer('requestAnimationFrame'); defineLazyTimer('cancelAnimationFrame'); defineLazyTimer('requestIdleCallback'); defineLazyTimer('cancelIdleCallback'); // Set up XHR // The native XMLHttpRequest in Chrome dev tools is CORS aware and won't // let you fetch anything from the internet polyfillGlobal('XMLHttpRequest', () => require('XMLHttpRequest')); polyfillGlobal('FormData', () => require('FormData')); polyfillGlobal('fetch', () => require('fetch').fetch); polyfillGlobal('Headers', () => require('fetch').Headers); polyfillGlobal('Request', () => require('fetch').Request); polyfillGlobal('Response', () => require('fetch').Response); polyfillGlobal('WebSocket', () => require('WebSocket')); polyfillGlobal('Blob', () => require('Blob')); polyfillGlobal('URL', () => require('URL')); // Set up alert if (!global.alert) { global.alert = function(text) { // Require Alert on demand. Requiring it too early can lead to issues // with things like Platform not being fully initialized. require('Alert').alert('Alert', '' + text); }; } // Set up Geolocation let navigator = global.navigator; if (navigator === undefined) { global.navigator = navigator = {}; } // see https://github.com/facebook/react-native/issues/10881 defineLazyProperty(navigator, 'product', () => 'ReactNative'); defineLazyProperty(navigator, 'geolocation', () => require('Geolocation')); // Just to make sure the JS gets packaged up. Wait until the JS environment has // been initialized before requiring them. const BatchedBridge = require('BatchedBridge'); BatchedBridge.registerLazyCallableModule('Systrace', () => require('Systrace')); BatchedBridge.registerLazyCallableModule('JSTimers', () => require('JSTimers')); BatchedBridge.registerLazyCallableModule('HeapCapture', () => require('HeapCapture')); BatchedBridge.registerLazyCallableModule('SamplingProfiler', () => require('SamplingProfiler')); BatchedBridge.registerLazyCallableModule('RCTLog', () => require('RCTLog')); BatchedBridge.registerLazyCallableModule('RCTDeviceEventEmitter', () => require('RCTDeviceEventEmitter')); BatchedBridge.registerLazyCallableModule('RCTNativeAppEventEmitter', () => require('RCTNativeAppEventEmitter')); BatchedBridge.registerLazyCallableModule('PerformanceLogger', () => require('PerformanceLogger')); // Set up devtools if (__DEV__) { if (!global.__RCTProfileIsProfiling) { BatchedBridge.registerCallableModule('HMRClient', require('HMRClient')); // not when debugging in chrome // TODO(t12832058) This check is broken if (!window.document) { require('setupDevtools'); } // Set up inspector const JSInspector = require('JSInspector'); JSInspector.registerAgent(require('NetworkAgent')); } }