web-ui/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>JSON -> GraphQL schema generator</title>
    <meta name="twitter:card" value="JSON -> GraphQL schema generator" />
    <meta
      name="Description"
      content="Takes some JSON, makes an awesome GraphQL Schema."
    />
    <meta property="og:title" content="JSON -> GraphQL schema generator" />
    <meta property="og:type" content="article" />
    <meta
      property="og:url"
      content="https://github.com/walmartlabs/json-to-simple-graphql-schema"
    />
    <meta
      property="og:description"
      content="Takes some JSON, makes an awesome GraphQL Schema."
    />
  </head>
  <body>
    <div class="row">
      <div class="column">
        <p>Paste and edit JSON text</p>
        <textarea id="json">
{"id":"some-id-0","name":"A fun object","color":{"id":"color-id-1","name":"Test color"},"subType":{"id":"some-id-1","name":"A fun sub-type","color":{"id":"color-id-1","name":"Test color","hex":"#ff0000"}}}</textarea
        >
      </div>
      <div class="column">
        <p>Generated GraphQL Schema</p>
        <textarea id="graphql" disabled></textarea>
      </div>
    </div>
    <div class="powered-by">
      Powered by:
      <a href="https://github.com/walmartlabs/json-to-simple-graphql-schema"
        >@walmartlabs/json-to-simple-graphql-schema</a
      >
    </div>
  </body>
</html>