Function componentToReact

packages/core/src/generators/react/generator.ts:177–274

(reactOptions = {})

export const componentToReact: TranspilerGenerator<Partial<ToReactOptions>> =
  (reactOptions = {}) =>
  ({ component, path }) => {
    let json = fastClone(component);

    const target = reactOptions.preact
      ? 'preact'
      : reactOptions.type === 'native'
      ? 'reactNative'
      : reactOptions.type === 'taro'
      ? 'taro'
      : reactOptions.rsc
      ? 'rsc'
      : 'react';

    const stateType = reactOptions.stateType || 'useState';

    const DEFAULT_OPTIONS: ToReactOptions = {
      addUseClientDirectiveIfNeeded: true,
      stateType,
      stylesType: 'styled-jsx',
      styleTagsPlacement: 'bottom',
      type: 'dom',
      plugins: [
        processOnEventHooksPlugin({ setBindings: false }),
        ...(stateType === 'variables'
          ? [
              CODE_PROCESSOR_PLUGIN((codeType, json) => (code, hookType) => {
                if (codeType === 'types') return code;

                code = replaceNodes({
                  code,
                  nodeMaps: Object.entries(json.state)
                    .filter(([key, value]) => value?.type === 'getter')
                    .map(([key, value]) => {
                      const expr = types.memberExpression(
                        types.identifier('state'),
                        types.identifier(key),
                      );
                      return {
                        from: expr,
                        // condition: (path) => !types.isObjectMethod(path.parent),
                        to: types.callExpression(expr, []),
                      };
                    }),
                });

                code = replaceStateIdentifier(null)(code);

                return code;
              }),
            ]
          : []),
      ],
    };

    const options = initializeOptions({
      target,
      component,