[WIP] Flow

Author: gaearon

.flowconfig

@@ -15,6 +15,9 @@
 <PROJECT_ROOT>/.*/__mocks__/.*
 <PROJECT_ROOT>/.*/__tests__/.*
 
+# TODO
+<PROJECT_ROOT>/packages/react-noop-renderer/.*
+
 [include]
 
 [libs]
@@ -26,6 +29,11 @@ esproposal.class_static_fields=enable
 esproposal.class_instance_fields=enable
 unsafe.enable_getters_and_setters=true
 
+# This would enable ReactDOM-specific check.
+# TODO: scripts that run this.
+# module.name_mapper='react-reconciler/inline.dom$' -> 'react-reconciler/inline.typed'
+# module.name_mapper='ReactFiberHostConfig' -> '<PROJECT_ROOT>/packages/react-dom/src/client/ReactDOMHostConfig'
+
 munge_underscores=false
 
 suppress_type=$FlowIssue

packages/react-art/src/ReactART.js

@@ -6,7 +6,7 @@
  */
 
 import React from 'react';
-import * as ARTRenderer from 'react-reconciler/inline';
+import * as ARTRenderer from 'react-reconciler/inline.art';
 import Transform from 'art/core/transform';
 import Mode from 'art/modes/current';
 import FastNoSideEffects from 'art/modes/fast-noSideEffects';

packages/react-dom/src/client/ReactDOM.js

@@ -19,7 +19,7 @@ import type {Container} from './ReactDOMHostConfig';
 import '../shared/checkReact';
 import './ReactDOMClientInjection';
 
-import * as DOMRenderer from 'react-reconciler/inline';
+import * as DOMRenderer from 'react-reconciler/inline.dom';
 import * as ReactPortal from 'shared/ReactPortal';
 import ExecutionEnvironment from 'fbjs/lib/ExecutionEnvironment';
 import * as ReactGenericBatching from 'events/ReactGenericBatching';

packages/react-dom/src/client/ReactDOMHostConfig.js

@@ -24,6 +24,19 @@ import {
   DOCUMENT_FRAGMENT_NODE,
 } from '../shared/HTMLNodeType';
 
+
+export type T = string;
+export type P = any;
+export type I = Element;
+export type TI = Text;
+export type HI = any;
+export type PI = Element | Text;
+export type C = Element | Document;
+export type CC = void;
+export type CX = string | { namespace: string, ancestorInfo: mixed };
+export type PL = Array<mixed>;
+
+
 export type Container = Element | Document;
 type Props = {
   autoFocus?: boolean,
@@ -111,6 +124,7 @@ export function getRootHostContext(rootContainerInstance: Container): HostContex
 export function getChildHostContext(
     parentHostContext: HostContext,
     type: string,
+    instance: *
   ): HostContext {
     if (__DEV__) {
       const parentHostContextDev = ((parentHostContext: any): HostContextDev);
@@ -130,13 +144,13 @@ export function  getPublicInstance(instance: Instance | TextInstance): * {
     return instance;
   }
 
-export function  prepareForCommit(): void {
+export function  prepareForCommit(containerInfo: *): void {
     eventsEnabled = ReactBrowserEventEmitter.isEnabled();
     selectionInformation = ReactInputSelection.getSelectionInformation();
     ReactBrowserEventEmitter.setEnabled(false);
   }
 
-export function resetAfterCommit(): void {
+export function resetAfterCommit(containerInfo: *): void {
     ReactInputSelection.restoreSelection(selectionInformation);
     selectionInformation = null;
     ReactBrowserEventEmitter.setEnabled(eventsEnabled);
@@ -194,6 +208,7 @@ export function finalizeInitialChildren(
     type: string,
     props: Props,
     rootContainerInstance: Container,
+    hostContext: *,
   ): boolean {
     setInitialProperties(domElement, type, props, rootContainerInstance);
     return shouldAutoFocusHostComponent(type, props);
@@ -566,23 +581,45 @@ export function prepareUpdate(
   export const cancelDeferredCallback = ReactScheduler.cancelScheduledWork;
 
 
-export function cloneInstance() {
+// TODO
+
+export function cloneInstance(
+    instance: Instance,
+    updatePayload: null | Array<mixed>,
+    type: string,
+    oldProps: Props,
+    newProps: Props,
+    internalInstanceHandle: Object,
+    keepChildren: boolean,
+    recyclableInstance: Instance,
+  ): Instance {
+  return instance;
   // not supported
 }
 
-export function createContainerChildSet() {
+export function createContainerChildSet(
+  container: Container
+): void {
   // not supported
 }
 
-export function appendChildToContainerChildSet() {
+export function appendChildToContainerChildSet(
+  childSet: void, child: Instance | TextInstance
+): void {
   // not supported
 }
 
-export function finalizeContainerChildren() {
+export function finalizeContainerChildren(
+  container: Container,
+  newChildren: void
+) {
   // not supported
 }
 
-export function replaceContainerChildren() {
+export function replaceContainerChildren(
+  container: Container,
+  newChildren: void
+) {
   // not supported
 }
 

packages/react-native-renderer/src/ReactFabric.js

@@ -12,7 +12,7 @@ import type {ReactNodeList} from 'shared/ReactTypes';
 
 import './ReactFabricInjection';
 
-import * as ReactFabricRenderer from 'react-reconciler/inline';
+import * as ReactFabricRenderer from 'react-reconciler/inline.fabric';
 
 import * as ReactPortal from 'shared/ReactPortal';
 import * as ReactGenericBatching from 'events/ReactGenericBatching';

packages/react-native-renderer/src/ReactNativeRenderer.js

@@ -12,7 +12,7 @@ import type {ReactNodeList} from 'shared/ReactTypes';
 
 import './ReactNativeInjection';
 
-import * as ReactNativeFiberRenderer from 'react-reconciler/inline';
+import * as ReactNativeFiberRenderer from 'react-reconciler/inline.native';
 import * as ReactPortal from 'shared/ReactPortal';
 import * as ReactGenericBatching from 'events/ReactGenericBatching';
 import ReactVersion from 'shared/ReactVersion';

packages/react-noop-renderer/src/createReactNoop.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @ TODO !!!!!!!!!!!!!!!!!!
  */
 
 /**

packages/react-reconciler/index.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @ TODO !!!!!!!!!!!!!!!!!!
  */
 
 'use strict';

packages/react-reconciler/inline.art.js

@@ -0,0 +1,2 @@
+// TODO
+export * from './src/ReactFiberReconciler';

packages/react-reconciler/inline.dom.js

@@ -0,0 +1,2 @@
+// TODO
+export * from './src/ReactFiberReconciler';