mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
Ramanpreet NaraandFacebook GitHub Bot
4cbc39a431
Summary: This babel plugin will also take care of the JS TurboModule Codegen. Therefore, we should rename this into something more generic. Changelog: [General][Changed] Rename babel-plugin-inline-view-configs to react-native/babel-plugin-codegen Reviewed By: rickhanlonii, cpojer Differential Revision: D22803209 fbshipit-source-id: 416c97fea6fa0820d25bbc91033a0cbbbbbff825
111 lines
2.9 KiB
JavaScript
111 lines
2.9 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-local
|
|
* @format
|
|
*/
|
|
|
|
'use strict';
|
|
const NOT_A_NATIVE_COMPONENT = `
|
|
const requireNativeComponent = require('requireNativeComponent');
|
|
|
|
export default 'Not a view config'
|
|
`;
|
|
|
|
const FULL_NATIVE_COMPONENT = `
|
|
// @flow
|
|
|
|
const codegenNativeCommands = require('codegenNativeCommands');
|
|
const codegenNativeComponent = require('codegenNativeComponent');
|
|
|
|
import type {
|
|
Int32,
|
|
BubblingEventHandler,
|
|
DirectEventHandler,
|
|
WithDefault,
|
|
} from 'CodegenFlowtypes';
|
|
import type {NativeComponentType} from 'codegenNativeComponent';
|
|
|
|
import type {ViewProps} from 'ViewPropTypes';
|
|
|
|
type ModuleProps = $ReadOnly<{|
|
|
...ViewProps,
|
|
|
|
// Props
|
|
boolean_default_true_optional_both?: WithDefault<boolean, true>,
|
|
|
|
// Events
|
|
onDirectEventDefinedInlineNull: DirectEventHandler<null>,
|
|
onBubblingEventDefinedInlineNull: BubblingEventHandler<null>,
|
|
|}>;
|
|
|
|
type NativeType = NativeComponentType<ModuleProps>;
|
|
|
|
interface NativeCommands {
|
|
+hotspotUpdate: (viewRef: React.ElementRef<NativeType>, x: Int32, y: Int32) => void;
|
|
+scrollTo: (viewRef: React.ElementRef<NativeType>, y: Int32, animated: boolean) => void;
|
|
}
|
|
|
|
export const Commands = codegenNativeCommands<NativeCommands>({
|
|
supportedCommands: ['hotspotUpdate', 'scrollTo'],
|
|
});
|
|
|
|
export default codegenNativeComponent<ModuleProps>('Module', {
|
|
interfaceOnly: true,
|
|
paperComponentName: 'RCTModule',
|
|
});
|
|
`;
|
|
|
|
const FULL_NATIVE_COMPONENT_WITH_TYPE_EXPORT = `
|
|
// @flow
|
|
|
|
const codegenNativeCommands = require('codegenNativeCommands');
|
|
const codegenNativeComponent = require('codegenNativeComponent');
|
|
import type {NativeComponentType} from 'codegenNativeComponent';
|
|
|
|
import type {
|
|
Int32,
|
|
BubblingEventHandler,
|
|
DirectEventHandler,
|
|
WithDefault,
|
|
} from 'CodegenFlowtypes';
|
|
|
|
import type {ViewProps} from 'ViewPropTypes';
|
|
|
|
type ModuleProps = $ReadOnly<{|
|
|
...ViewProps,
|
|
|
|
// Props
|
|
boolean_default_true_optional_both?: WithDefault<boolean, true>,
|
|
|
|
// Events
|
|
onDirectEventDefinedInlineNull: DirectEventHandler<null>,
|
|
onBubblingEventDefinedInlineNull: BubblingEventHandler<null>,
|
|
|}>;
|
|
|
|
type NativeType = NativeComponentType<ModuleProps>;
|
|
|
|
interface NativeCommands {
|
|
+hotspotUpdate: (viewRef: React.ElementRef<NativeType>, x: Int32, y: Int32) => void;
|
|
+scrollTo: (viewRef: React.ElementRef<NativeType>, y: Int32, animated: boolean) => void;
|
|
}
|
|
|
|
export const Commands = codegenNativeCommands<NativeCommands>({
|
|
supportedCommands: ['hotspotUpdate', 'scrollTo'],
|
|
});
|
|
|
|
export default (codegenNativeComponent<ModuleProps>('Module', {
|
|
interfaceOnly: true,
|
|
paperComponentName: 'RCTModule',
|
|
}): NativeType);
|
|
`;
|
|
|
|
module.exports = {
|
|
'NotANativeComponent.js': NOT_A_NATIVE_COMPONENT,
|
|
'FullNativeComponent.js': FULL_NATIVE_COMPONENT,
|
|
'FullTypedNativeComponent.js': FULL_NATIVE_COMPONENT_WITH_TYPE_EXPORT,
|
|
};
|