ftd -> JSON

[amitu]

Running fastn json <path> (or 127.0.0.1:8000/-/json/<path>/, on https://github.com/FifthTry/virastral/blob/main/index.ftd, produces something like this:

{
    "imports": {
        "assets": "fifthtry.github.io/virastral/assets",
        "lib": "fifthtry.github.io/virastral/lib"
    },
    "components" {
          "foo": { 
                 // schema
                 // doc
                 // examples (images, JSON/code)
           }
    },
    "schemas": { // components from other modules
        "lib.ftd": {
            // the schema
        }
    },
    "root": {
        "component": "lib.page",
        "data": {
           "headers": {
                 "contact": "mailto:[email protected]"
           }
        },
        "children": [
            {
                "component": "lib.hero",
                "caption": "For Brave Entrepreneurs Shooting for the Stars",
                "headers": {
                    "cta-text": "Get In Touch",
                    "cta-link": "mailto:[email protected]"
                },
                "body": "VirASTRAL is a founder-led early stage startup studio focused on helping fellow founders build world-shaping Generative AI, Web3 and AI SaaS companies from India and other emerging markets. We are extremely selective, looking to provide the needed mentorship, connections and funding for innovation obsessed founding teams creating disruptive and delightful products."
                "children": []
            }
        ]
    }
}

Component JSON

JSON of this format is called component json:

            {
                "component": "lib.hero",
                "name": "Hero Section",
                "caption": "For Brave Entrepreneurs Shooting for the Stars",
                "headers": {
                    "cta-text": "Get In Touch",
                    "cta-link": "mailto:[email protected]"
                },
                "body": "VirASTRAL is a founder-led early stage startup studio focused on helping fellow founders build world-shaping Generative AI, Web3 and AI SaaS companies from India and other emerging markets. We are extremely selective, looking to provide the needed mentorship, connections and funding for innovation obsessed founding teams creating disruptive and delightful products."
                "children": []
            }

Schema

For every component directly present in this file, the schema would contain the schema compatible with react-json-form.

Schema JSON will also contain two keys, caption, and body, which will be names of fields of type caption and body, so we can regenerate "component json" out of output of react-json-form library.