2/4 Fix RNHostListComponentListRoute to validate SVCs with NVCs

Summary: Changelog: [Internal]

Reviewed By: RSNara

Differential Revision: D33715385

fbshipit-source-id: d8d31e92dd934648f8431a508a78e2813c462f8f

Author: p-sun

Libraries/NativeComponent/StaticViewConfigValidator.js

@@ -9,6 +9,10 @@
  */
 
 import {type ViewConfig} from '../Renderer/shims/ReactNativeTypes';
+// $FlowFixMe[nonstrict-import]
+import getNativeComponentAttributes from '../ReactNative/getNativeComponentAttributes';
+// $FlowFixMe[nonstrict-import]
+import {createViewConfig} from './ViewConfig';
 
 type Difference =
   | {
@@ -37,6 +41,41 @@ type InvalidResult = {
   differences: Array<Difference>,
 };
 
+type ViewConfigValidationResult = {
+  componentName: string,
+  nativeViewConfig?: ?ViewConfig,
+  staticViewConfig?: ?ViewConfig,
+  validationResult?: ?ValidationResult,
+};
+
+// e.g. require('MyNativeComponent') where MyNativeComponent.js exports a HostComponent
+type JSModule = $FlowFixMe;
+
+export function validateStaticViewConfigs(
+  nativeComponent: JSModule,
+): ViewConfigValidationResult {
+  const nativeViewConfig = getNativeComponentAttributes(
+    nativeComponent.default || nativeComponent,
+  );
+
+  const generatedPartialViewConfig = nativeComponent.__INTERNAL_VIEW_CONFIG;
+  const staticViewConfig: ?ViewConfig =
+    generatedPartialViewConfig && createViewConfig(generatedPartialViewConfig);
+
+  const componentName: string = nativeComponent.default || nativeComponent;
+  const validationResult: ?ValidationResult =
+    nativeViewConfig &&
+    staticViewConfig &&
+    validate(componentName, nativeViewConfig, staticViewConfig);
+
+  return {
+    componentName,
+    nativeViewConfig,
+    staticViewConfig,
+    validationResult,
+  };
+}
+
 /**
  * During the migration from native view configs to static view configs, this is
  * used to validate that the two are equivalent.

packages/babel-plugin-codegen/__tests__/__snapshots__/index-test.js.snap

@@ -29,7 +29,7 @@ const {
 } = require(\\"react-native/Libraries/Renderer/shims/ReactNative\\");
 
 let nativeComponentName = 'RCTModule';
-export default NativeComponentRegistry.get(nativeComponentName, () => ({
+export const __INTERNAL_VIEW_CONFIG = {
   uiViewClassName: 'RCTModule',
   bubblingEventTypes: {
     topBubblingEventDefinedInlineNull: {
@@ -47,7 +47,8 @@ export default NativeComponentRegistry.get(nativeComponentName, () => ({
   validAttributes: {
     boolean_default_true_optional_both: true
   }
-}));
+};
+export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG);
 export const Commands = {
   hotspotUpdate(ref, x, y) {
     dispatchCommand(ref, \\"hotspotUpdate\\", [x, y]);
@@ -89,7 +90,7 @@ const {
 } = require(\\"react-native/Libraries/Renderer/shims/ReactNative\\");
 
 let nativeComponentName = 'RCTModule';
-export default NativeComponentRegistry.get(nativeComponentName, () => ({
+export const __INTERNAL_VIEW_CONFIG = {
   uiViewClassName: 'RCTModule',
   bubblingEventTypes: {
     topBubblingEventDefinedInlineNull: {
@@ -107,7 +108,8 @@ export default NativeComponentRegistry.get(nativeComponentName, () => ({
   validAttributes: {
     boolean_default_true_optional_both: true
   }
-}));
+};
+export default NativeComponentRegistry.get(nativeComponentName, () => __INTERNAL_VIEW_CONFIG);
 export const Commands = {
   hotspotUpdate(ref, x, y) {
     dispatchCommand(ref, \\"hotspotUpdate\\", [x, y]);