mirror of
https://github.com/facebook/react.git
synced 2025-11-01 09:12:30 +00:00
Dan Abramov
92b7b172cc
* Convert EventPlugin{Hub,Registry} to named exports
* Convert EventPluginUtils to named exports
* Convert EventPropagators to named exports
* Convert ReactControlledComponent to named exports
* Convert ReactGenericBatching to named exports
* Convert ReactDOMComponentTree to named exports
* Convert ReactNativeComponentTree to named exports
* Convert ReactNativeRTComponentTree to named exports
* Convert FallbackCompositionState to named exports
* Convert ReactEventEmitterMixin to named exports
* Convert ReactBrowserEventEmitter to named exports
* Convert ReactNativeEventEmitter to named exports
* Convert ReactDOMEventListener to named exports
* Convert DOMMarkupOperations to named exports
* Convert DOMProperty to named exports
* Add suppression for existing Flow violation
Flow didn't see it before.
* Update sizes
97 lines
3.3 KiB
JavaScript
97 lines
3.3 KiB
JavaScript
/**
|
|
* Copyright (c) 2013-present, Facebook, Inc.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @flow
|
|
*/
|
|
|
|
import type {ReactNativeRTType} from './ReactNativeRTTypes';
|
|
import type {ReactNodeList} from 'shared/ReactTypes';
|
|
|
|
// TODO: direct imports like some-package/src/* are bad. Fix me.
|
|
import * as ReactFiberErrorLogger
|
|
from 'react-reconciler/src/ReactFiberErrorLogger';
|
|
import {
|
|
showDialog,
|
|
} from 'react-native-renderer/src/ReactNativeFiberErrorDialog';
|
|
import * as ReactPortal from 'react-reconciler/src/ReactPortal';
|
|
import {injectInternals} from 'react-reconciler/src/ReactFiberDevToolsHook';
|
|
import * as ReactGenericBatching from 'events/ReactGenericBatching';
|
|
import ReactVersion from 'shared/ReactVersion';
|
|
|
|
import {getFiberFromTag} from './ReactNativeRTComponentTree';
|
|
import ReactNativeRTFiberRenderer from './ReactNativeRTFiberRenderer';
|
|
import ReactNativeRTFiberInspector from './ReactNativeRTFiberInspector';
|
|
|
|
/**
|
|
* Make sure essential globals are available and are patched correctly. Please don't remove this
|
|
* line. Bundles created by react-packager `require` it before executing any application code. This
|
|
* ensures it exists in the dependency graph and can be `require`d.
|
|
* TODO: require this in packager, not in React #10932517
|
|
*/
|
|
require('InitializeCore');
|
|
|
|
require('./ReactNativeRTEventEmitter');
|
|
|
|
ReactGenericBatching.injection.injectFiberBatchedUpdates(
|
|
ReactNativeRTFiberRenderer.batchedUpdates,
|
|
);
|
|
|
|
const roots = new Map();
|
|
|
|
// Intercept lifecycle errors and ensure they are shown with the correct stack
|
|
// trace within the native redbox component.
|
|
ReactFiberErrorLogger.injection.injectDialog(showDialog);
|
|
|
|
const ReactNativeRTFiber: ReactNativeRTType = {
|
|
render(element: React$Element<any>, containerTag: any, callback: ?Function) {
|
|
let root = roots.get(containerTag);
|
|
|
|
if (!root) {
|
|
// TODO (bvaughn): If we decide to keep the wrapper component,
|
|
// We could create a wrapper for containerTag as well to reduce special casing.
|
|
root = ReactNativeRTFiberRenderer.createContainer(containerTag, false);
|
|
roots.set(containerTag, root);
|
|
}
|
|
ReactNativeRTFiberRenderer.updateContainer(element, root, null, callback);
|
|
|
|
return ReactNativeRTFiberRenderer.getPublicRootInstance(root);
|
|
},
|
|
|
|
unmountComponentAtNode(containerTag: number) {
|
|
const root = roots.get(containerTag);
|
|
if (root) {
|
|
// TODO: Is it safe to reset this now or should I wait since this unmount could be deferred?
|
|
ReactNativeRTFiberRenderer.updateContainer(null, root, null, () => {
|
|
roots.delete(containerTag);
|
|
});
|
|
}
|
|
},
|
|
|
|
createPortal(
|
|
children: ReactNodeList,
|
|
containerTag: number,
|
|
key: ?string = null,
|
|
) {
|
|
return ReactPortal.createPortal(children, containerTag, null, key);
|
|
},
|
|
|
|
unstable_batchedUpdates: ReactGenericBatching.batchedUpdates,
|
|
|
|
flushSync: ReactNativeRTFiberRenderer.flushSync,
|
|
};
|
|
|
|
injectInternals({
|
|
findFiberByHostInstance: getFiberFromTag,
|
|
findHostInstanceByFiber: ReactNativeRTFiberRenderer.findHostInstance,
|
|
getInspectorDataForViewTag: ReactNativeRTFiberInspector.getInspectorDataForViewTag,
|
|
// This is an enum because we may add more (e.g. profiler build)
|
|
bundleType: __DEV__ ? 1 : 0,
|
|
version: ReactVersion,
|
|
rendererPackageName: 'react-rt-renderer',
|
|
});
|
|
|
|
export default ReactNativeRTFiber;
|