Function updateOutput

packages/fiddle/src/components/Talk.tsx:451–517

()

    },

    async updateOutput() {
      try {
        state.pendingBuilderChange = null;
        staticState.ignoreNextBuilderUpdate = true;

        let json: MitosisComponent;

        switch (state.inputType) {
          case 'json':
            json = JSON.parse(state.code);
            if (state.jsonExample !== 'COMPLETE') {
              json = generateValidJson(json) as any;
            } else {
              json = generateValidJson(json) as any;
            }
            break;
          case 'jsx':
            // const wrappedCode = `
            // import RenderBlocks from './RenderBlocks';

            // export default function RenderContent(props) {
            //   ${state.code}
            // }`;
            // console.log(wrappedCode);
            json = parseJsx(state.code);
            break;
        }

        let commonOptions: { typescript: boolean } = {
          typescript: hasBothTsAndJsSupport(state.outputTab) && state.options.typescript === 'true',
        };

        state.output = {
          react: componentToReact({
            stylesType: 'style-tag',
            stateType: 'useState',
            plugins,
            ...commonOptions,
          })({ component: json }),

          qwik: componentToQwik({ plugins, ...commonOptions })({ component: json }).trim(),

          vue: componentToVue({
            plugins,
            api: 'composition',
            ...commonOptions,
          })({ component: json, path: '' }),

          svelte: componentToSvelte({
            stateType: 'variables',
            plugins,
            ...commonOptions,
          })({ component: json }),

          solid: componentToSolid({ plugins, ...commonOptions })({ component: json }),
        };

        const newBuilderData = componentToBuilder()({ component: json });