mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
8461409e88
Summary: ## What This Does - **Phase 1:** Given a component, convert its props (and all its ObjectTypeAnnotations) into this Pojo data structure under some namespace. This is a recursive operation. - **Phase 2:** Loop over each Pojo data structure, and serialize it to Java class. So... - Each Component has its own namespace (i.e: its hasteModuleName) for Java Pojo objects. - Each Component generates 1 Pojo object, for its props. - Each Component generates 1 Pojo object for every ObjectTypeAnnotation in its props. ## Decisions By design, [JNI can read/write to private properties on Java objects](https://stackoverflow.com/a/12208643). So, each Pojo, which represents an ObjectTypeAnnotation, contains only a private member variable for each of its properties, and a getter to retrieve the data from each of its private members. ## Todos - Improved type-safety: - ReservedTypeAnnotation (e.g: PointPrimitive). These currently map to ReadableMap. - String enums, and Int enums don't actually generate Java enums. - Verify if there are any compilation issues by wiring this up to the Codegen buck infra. - To actually use the Pojos, we'll need C++/Jni codegen to transform C++ props into these Pojos. Building this out will give a more accurate assessment of the app-size cost of Pojos. However, we can do that if we deem that the app-size increase from adding just the Pojo classes is negligible enough to **not** rule out this entire approach. - ~~Add some annotations to prevent these Pojo classes from being stripped at compile-time.~~ D26041103 Changelog: [Internal] Reviewed By: mdvacca Differential Revision: D26038189 fbshipit-source-id: c137c4ca6b043ee76adb354105aff6e0f270df86
328 lines
8.5 KiB
JavaScript
328 lines
8.5 KiB
JavaScript
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @flow strict
|
|
* @format
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
export type PlatformType = 'iOS' | 'android';
|
|
|
|
export type SchemaType = $ReadOnly<{
|
|
modules: $ReadOnly<{
|
|
[hasteModuleName: string]: ComponentSchema | NativeModuleSchema,
|
|
}>,
|
|
}>;
|
|
|
|
/**
|
|
* Component Type Annotations
|
|
*/
|
|
export type DoubleTypeAnnotation = $ReadOnly<{
|
|
type: 'DoubleTypeAnnotation',
|
|
}>;
|
|
|
|
export type FloatTypeAnnotation = $ReadOnly<{
|
|
type: 'FloatTypeAnnotation',
|
|
}>;
|
|
|
|
export type BooleanTypeAnnotation = $ReadOnly<{
|
|
type: 'BooleanTypeAnnotation',
|
|
}>;
|
|
|
|
export type Int32TypeAnnotation = $ReadOnly<{
|
|
type: 'Int32TypeAnnotation',
|
|
}>;
|
|
|
|
export type StringTypeAnnotation = $ReadOnly<{
|
|
type: 'StringTypeAnnotation',
|
|
}>;
|
|
|
|
export type StringEnumTypeAnnotation = $ReadOnly<{
|
|
type: 'StringEnumTypeAnnotation',
|
|
options: $ReadOnlyArray<string>,
|
|
}>;
|
|
|
|
export type VoidTypeAnnotation = $ReadOnly<{
|
|
type: 'VoidTypeAnnotation',
|
|
}>;
|
|
|
|
export type ObjectTypeAnnotation<+T> = $ReadOnly<{
|
|
type: 'ObjectTypeAnnotation',
|
|
properties: $ReadOnlyArray<NamedShape<T>>,
|
|
}>;
|
|
|
|
type FunctionTypeAnnotation<+P, +R> = $ReadOnly<{
|
|
type: 'FunctionTypeAnnotation',
|
|
params: $ReadOnlyArray<NamedShape<P>>,
|
|
returnTypeAnnotation: R,
|
|
}>;
|
|
|
|
export type NamedShape<+T> = $ReadOnly<{
|
|
name: string,
|
|
optional: boolean,
|
|
typeAnnotation: T,
|
|
}>;
|
|
|
|
export type ComponentSchema = $ReadOnly<{
|
|
type: 'Component',
|
|
components: $ReadOnly<{
|
|
[componentName: string]: ComponentShape,
|
|
}>,
|
|
}>;
|
|
|
|
export type ComponentShape = $ReadOnly<{
|
|
...OptionsShape,
|
|
extendsProps: $ReadOnlyArray<ExtendsPropsShape>,
|
|
events: $ReadOnlyArray<EventTypeShape>,
|
|
props: $ReadOnlyArray<NamedShape<PropTypeAnnotation>>,
|
|
commands: $ReadOnlyArray<NamedShape<CommandTypeAnnotation>>,
|
|
}>;
|
|
|
|
export type OptionsShape = $ReadOnly<{
|
|
interfaceOnly?: boolean,
|
|
|
|
// Use for components with no current paper rename in progress
|
|
// Does not check for new name
|
|
paperComponentName?: string,
|
|
|
|
// Use for components that are not used on other platforms.
|
|
excludedPlatforms?: $ReadOnlyArray<PlatformType>,
|
|
|
|
// Use for components currently being renamed in paper
|
|
// Will use new name if it is available and fallback to this name
|
|
paperComponentNameDeprecated?: string,
|
|
}>;
|
|
|
|
export type ExtendsPropsShape = $ReadOnly<{
|
|
type: 'ReactNativeBuiltInType',
|
|
knownTypeName: 'ReactNativeCoreViewProps',
|
|
}>;
|
|
|
|
export type EventTypeShape = $ReadOnly<{
|
|
name: string,
|
|
bubblingType: 'direct' | 'bubble',
|
|
optional: boolean,
|
|
paperTopLevelNameDeprecated?: string,
|
|
typeAnnotation: $ReadOnly<{
|
|
type: 'EventTypeAnnotation',
|
|
argument?: ObjectTypeAnnotation<EventTypeAnnotation>,
|
|
}>,
|
|
}>;
|
|
|
|
export type EventTypeAnnotation =
|
|
| BooleanTypeAnnotation
|
|
| StringTypeAnnotation
|
|
| DoubleTypeAnnotation
|
|
| FloatTypeAnnotation
|
|
| Int32TypeAnnotation
|
|
| StringEnumTypeAnnotation
|
|
| ObjectTypeAnnotation<EventTypeAnnotation>;
|
|
|
|
export type PropTypeAnnotation =
|
|
| $ReadOnly<{
|
|
type: 'BooleanTypeAnnotation',
|
|
default: boolean | null,
|
|
}>
|
|
| $ReadOnly<{
|
|
type: 'StringTypeAnnotation',
|
|
default: string | null,
|
|
}>
|
|
| $ReadOnly<{
|
|
type: 'DoubleTypeAnnotation',
|
|
default: number,
|
|
}>
|
|
| $ReadOnly<{
|
|
type: 'FloatTypeAnnotation',
|
|
default: number | null,
|
|
}>
|
|
| $ReadOnly<{
|
|
type: 'Int32TypeAnnotation',
|
|
default: number,
|
|
}>
|
|
| $ReadOnly<{
|
|
type: 'StringEnumTypeAnnotation',
|
|
default: string,
|
|
options: $ReadOnlyArray<string>,
|
|
}>
|
|
| $ReadOnly<{
|
|
type: 'Int32EnumTypeAnnotation',
|
|
default: number,
|
|
options: $ReadOnlyArray<number>,
|
|
}>
|
|
| ReservedPropTypeAnnotation
|
|
| ObjectTypeAnnotation<PropTypeAnnotation>
|
|
| $ReadOnly<{
|
|
type: 'ArrayTypeAnnotation',
|
|
elementType:
|
|
| BooleanTypeAnnotation
|
|
| StringTypeAnnotation
|
|
| DoubleTypeAnnotation
|
|
| FloatTypeAnnotation
|
|
| Int32TypeAnnotation
|
|
| $ReadOnly<{
|
|
type: 'StringEnumTypeAnnotation',
|
|
default: string,
|
|
options: $ReadOnlyArray<string>,
|
|
}>
|
|
| ObjectTypeAnnotation<PropTypeAnnotation>
|
|
| ReservedPropTypeAnnotation
|
|
| $ReadOnly<{
|
|
type: 'ArrayTypeAnnotation',
|
|
elementType: ObjectTypeAnnotation<PropTypeAnnotation>,
|
|
}>,
|
|
}>;
|
|
|
|
export type ReservedPropTypeAnnotation = $ReadOnly<{
|
|
type: 'ReservedPropTypeAnnotation',
|
|
name:
|
|
| 'ColorPrimitive'
|
|
| 'ImageSourcePrimitive'
|
|
| 'PointPrimitive'
|
|
| 'EdgeInsetsPrimitive',
|
|
}>;
|
|
|
|
export type CommandTypeAnnotation = FunctionTypeAnnotation<
|
|
CommandParamTypeAnnotation,
|
|
VoidTypeAnnotation,
|
|
>;
|
|
|
|
export type CommandParamTypeAnnotation =
|
|
| ReservedTypeAnnotation
|
|
| BooleanTypeAnnotation
|
|
| Int32TypeAnnotation
|
|
| DoubleTypeAnnotation
|
|
| FloatTypeAnnotation
|
|
| StringTypeAnnotation;
|
|
|
|
export type ReservedTypeAnnotation = $ReadOnly<{
|
|
type: 'ReservedTypeAnnotation',
|
|
name: 'RootTag', // Union with more custom types.
|
|
}>;
|
|
|
|
/**
|
|
* NativeModule Types
|
|
*/
|
|
export type Nullable<+T: NativeModuleTypeAnnotation> =
|
|
| NullableTypeAnnotation<T>
|
|
| T;
|
|
|
|
export type NullableTypeAnnotation<+T: NativeModuleTypeAnnotation> = $ReadOnly<{
|
|
type: 'NullableTypeAnnotation',
|
|
typeAnnotation: T,
|
|
}>;
|
|
|
|
export type NativeModuleSchema = $ReadOnly<{
|
|
type: 'NativeModule',
|
|
aliases: NativeModuleAliasMap,
|
|
spec: NativeModuleSpec,
|
|
moduleNames: $ReadOnlyArray<string>,
|
|
// Use for modules that are not used on other platforms.
|
|
// TODO: It's clearer to define `restrictedToPlatforms` instead, but
|
|
// `excludedPlatforms` is used here to be consistent with ComponentSchema.
|
|
excludedPlatforms?: $ReadOnlyArray<PlatformType>,
|
|
}>;
|
|
|
|
type NativeModuleSpec = $ReadOnly<{
|
|
properties: $ReadOnlyArray<NativeModulePropertyShape>,
|
|
}>;
|
|
|
|
export type NativeModulePropertyShape = NamedShape<
|
|
Nullable<NativeModuleFunctionTypeAnnotation>,
|
|
>;
|
|
|
|
export type NativeModuleAliasMap = $ReadOnly<{
|
|
[aliasName: string]: NativeModuleObjectTypeAnnotation,
|
|
}>;
|
|
|
|
export type NativeModuleFunctionTypeAnnotation = FunctionTypeAnnotation<
|
|
Nullable<NativeModuleParamTypeAnnotation>,
|
|
Nullable<NativeModuleReturnTypeAnnotation>,
|
|
>;
|
|
|
|
export type NativeModuleObjectTypeAnnotation = ObjectTypeAnnotation<
|
|
Nullable<NativeModuleBaseTypeAnnotation>,
|
|
>;
|
|
|
|
export type NativeModuleArrayTypeAnnotation<
|
|
+T: Nullable<NativeModuleBaseTypeAnnotation>,
|
|
> = $ReadOnly<{
|
|
type: 'ArrayTypeAnnotation',
|
|
/**
|
|
* TODO(T72031674): Migrate all our NativeModule specs to not use
|
|
* invalid Array ElementTypes. Then, make the elementType required.
|
|
*/
|
|
elementType?: T,
|
|
}>;
|
|
|
|
export type NativeModuleStringTypeAnnotation = $ReadOnly<{
|
|
type: 'StringTypeAnnotation',
|
|
}>;
|
|
|
|
export type NativeModuleNumberTypeAnnotation = $ReadOnly<{
|
|
type: 'NumberTypeAnnotation',
|
|
}>;
|
|
|
|
export type NativeModuleInt32TypeAnnotation = $ReadOnly<{
|
|
type: 'Int32TypeAnnotation',
|
|
}>;
|
|
|
|
export type NativeModuleDoubleTypeAnnotation = $ReadOnly<{
|
|
type: 'DoubleTypeAnnotation',
|
|
}>;
|
|
|
|
export type NativeModuleFloatTypeAnnotation = $ReadOnly<{
|
|
type: 'FloatTypeAnnotation',
|
|
}>;
|
|
|
|
export type NativeModuleBooleanTypeAnnotation = $ReadOnly<{
|
|
type: 'BooleanTypeAnnotation',
|
|
}>;
|
|
|
|
export type NativeModuleGenericObjectTypeAnnotation = $ReadOnly<{
|
|
type: 'GenericObjectTypeAnnotation',
|
|
}>;
|
|
|
|
export type NativeModuleTypeAliasTypeAnnotation = $ReadOnly<{
|
|
type: 'TypeAliasTypeAnnotation',
|
|
name: string,
|
|
}>;
|
|
|
|
export type NativeModulePromiseTypeAnnotation = $ReadOnly<{
|
|
type: 'PromiseTypeAnnotation',
|
|
}>;
|
|
|
|
export type NativeModuleBaseTypeAnnotation =
|
|
| NativeModuleStringTypeAnnotation
|
|
| NativeModuleNumberTypeAnnotation
|
|
| NativeModuleInt32TypeAnnotation
|
|
| NativeModuleDoubleTypeAnnotation
|
|
| NativeModuleFloatTypeAnnotation
|
|
| NativeModuleBooleanTypeAnnotation
|
|
| NativeModuleGenericObjectTypeAnnotation
|
|
| ReservedTypeAnnotation
|
|
| NativeModuleTypeAliasTypeAnnotation
|
|
| NativeModuleArrayTypeAnnotation<Nullable<NativeModuleBaseTypeAnnotation>>
|
|
| NativeModuleObjectTypeAnnotation;
|
|
|
|
export type NativeModuleParamTypeAnnotation =
|
|
| NativeModuleBaseTypeAnnotation
|
|
| NativeModuleParamOnlyTypeAnnotation;
|
|
|
|
export type NativeModuleReturnTypeAnnotation =
|
|
| NativeModuleBaseTypeAnnotation
|
|
| NativeModuleReturnOnlyTypeAnnotation;
|
|
|
|
export type NativeModuleTypeAnnotation =
|
|
| NativeModuleBaseTypeAnnotation
|
|
| NativeModuleParamOnlyTypeAnnotation
|
|
| NativeModuleReturnOnlyTypeAnnotation;
|
|
|
|
type NativeModuleParamOnlyTypeAnnotation = NativeModuleFunctionTypeAnnotation;
|
|
type NativeModuleReturnOnlyTypeAnnotation =
|
|
| NativeModulePromiseTypeAnnotation
|
|
| VoidTypeAnnotation;
|