Function componentToBuilder

packages/core/src/generators/builder/generator.ts:935–1048

(options: ToBuilderOptions = {})

export const componentToBuilder =
  (options: ToBuilderOptions = {}) =>
  ({ component }: TranspilerArgs): BuilderContent => {
    const hasState = checkHasState(component);

    if (!options.stateMap) {
      options.stateMap = new Map<string, string>();
    }

    const result: BuilderContent = fastClone({
      data: {
        httpRequests: component?.meta?.useMetadata?.httpRequests,
        jsCode: tryFormat(dedent`
        ${!hasProps(component) ? '' : `var props = state;`}

        ${!hasState ? '' : `Object.assign(state, ${getStateObjectStringFromComponent(component)});`}

        ${stringifySingleScopeOnMount(component)}
      `),
        tsCode: tryFormat(dedent`
        ${!hasProps(component) ? '' : `var props = state;`}

        ${!hasState ? '' : `useStore(${getStateObjectStringFromComponent(component)});`}

        ${
          !component.hooks.onMount.length
            ? ''
            : `onMount(() => {
                ${stringifySingleScopeOnMount(component)}
              })`
        }
      `),
        cssCode: component?.style,
        ...(() => {
          const stateData = findStateWithinMitosisComponent(
            component,
            options,
            { ...convertMitosisStateToBuilderState(component.state) },
            options.stateMap,
          );
          return { state: stateData };
        })(),
        blocks: component.children
          .filter(filterEmptyTextNodes)
          .map((child) => blockToBuilder(child, options)),
      },
    });

    if (result.data?.state && Object.keys(result.data.state).length === 0) {
      delete result.data.state;
    }

    const subComponentMap: Record<string, BuilderContent> = {};

    for (const subComponent of component.subComponents) {
      const name = subComponent.name;
      subComponentMap[name] = componentToBuilder(options)({
        component: subComponent,
      });