Function parseJsx

packages/core/src/parsers/jsx/jsx.ts:48–246

(
  jsx: string,
  _options: Partial<ParseMitosisOptions> = {},
)

 * @returns A JSON representation of the Mitosis component
 */
export function parseJsx(
  jsx: string,
  _options: Partial<ParseMitosisOptions> = {},
): MitosisComponent {
  let subComponentFunctions: string[] = [];

  const options: ParseMitosisOptions = {
    typescript: false,
    ..._options,
  };

  const stateToScope: string[] = [];

  const jsxToUse = babelStripTypes(jsx, !options.typescript);

  const output = babelDefaultTransform(jsxToUse, {
    JSXExpressionContainer(path, context) {
      if (types.isJSXEmptyExpression(path.node.expression)) {
        path.remove();
      }
    },
    Program(path, context) {
      if (context.builder) {
        return;
      }

      beforeParse(path);

      context.builder = {
        component: createMitosisComponent(),
      };

      const keepStatements = path.node.body.filter(
        (statement) => isImportOrDefaultExport(statement) || isTypeOrInterface(statement),
      );

      context.builder.component.exports = generateExports(path);

      subComponentFunctions = path.node.body
        .filter(
          (node) => !types.isExportDefaultDeclaration(node) && types.isFunctionDeclaration(node),
        )
        .map((node) => `export default ${generate(node).code!}`);

      const preComponentCode = pipe(
        path,
        collectModuleScopeHooks(context, options),
        types.program,
        generate,
        (generatorResult) => generatorResult.code,
      );

      // TODO: support multiple? e.g. for others to add imports?
      context.builder.component.hooks.preComponent = { code: preComponentCode };

      path.replaceWith(types.program(keepStatements));
    },
    FunctionDeclaration(path, context) {