gistfile1.txt

import fs from "fs";

function generateReactComponentsFromJson(jsonData) {
  if (!jsonData) return null;

  return Object.keys(jsonData).map((key, index) => {
    const componentData = jsonData[key];
    const { type, props, children } = componentData;

    let childrenComponents = null;
    if (children) {
      childrenComponents = generateReactComponentsFromJson(children);
    }

    const componentProps = props ? JSON.stringify(props) : null;

    return `<${type} key={${index}} {...${componentProps}}>
                {childrenComponents}
            </${type}>`;
  });
}

const jsonData = {
  div: {
    type: "div",
    props: {
      className: "container",
    },
    children: {
      h1: {
        type: "h1",
        props: {
          className: "title",
        },
        children: "Hello, React!",
      },
      p: {
        type: "p",
        children: "This is a sample React component generator.",
      },
    },
  },
};

const ReactComponents = generateReactComponentsFromJson(jsonData);

fs.writeFile("./testComp.tsx", ReactComponents, (err) => {
  if (err) {
    console.error(err);
  } else {
    // file written successfully
  }
});