Json schema support

[Miskler]

Feature

visualization of json schemas

now there is a lot of visual garbage if you insert the diagram (in the picture)

in fact, the json described by this scheme looks like this

ideally, make the visualizer understand json schemas.
example - https://www.figma.com/design/ZonGk1Rm3oB6ECqMYyocSs/JsonCrack-SCHEMA?node-id=0-1&t=znTmBuKLfJP9GGhK-1 - check this (pls request edit access - I accept)

Alternative solutions or implementations

a less preferable scenario is to make it possible to convert the schema into an example of data via:
json-schema-faker (JSF)
@stoplight/json-schema-sampler
or other...

Other context

No response

[AykutSarac]

Can you share the data passed to the editor as well? I didn't get the main purpose here, is it to visualize the JSON Schema or validate the data using the schema?

[Miskler]

Can you share the data passed to the editor as well?

{
  "$schema": "http://json-schema.org/schema#",
  "type": "object",
  "properties": {
    "content": {
      "type": "object",
      "properties": {
        "items": {
          "type": "array",
          "items": {
            "type": "object",
            "properties": {
              "id": {
                "type": "integer"
              },
              "title": {
                "type": "string"
              },
              "activeAtFrom": {
                "type": "integer"
              },
              "activeAtTo": {
                "type": "integer"
              },
              "image": {
                "type": "object",
                "properties": {
                  "id": {
                    "type": "integer"
                  },
                  "originName": {
                    "type": "string"
                  },
                  "fileType": {
                    "type": "string"
                  },
                  "fileSize": {
                    "type": "integer"
                  },
                  "width": {
                    "type": "integer"
                  },
                  "height": {
                    "type": "integer"
                  },
                  "cropUrlTemplate": {
                    "type": "string",
                    "format": "uri"
                  },
                  "publicUrl": {
                    "type": "null"
                  },
                  "uuid": {
                    "type": "string",
                    "format": "uuid"
                  }
                },
                "required": [
                  "cropUrlTemplate",
                  "fileSize",
                  "fileType",
                  "height",
                  "id",
                  "originName",
                  "publicUrl",
                  "uuid",
                  "width"
                ]
              },
              "externalLink": {
                "type": "string",
                "format": "uri"
              }
            },
            "required": [
              "activeAtFrom",
              "activeAtTo",
              "externalLink",
              "id",
              "image",
              "title"
            ]
          }
        }
      },
      "required": [
        "items"
      ]
    }
  },
  "required": [
    "content"
  ]
}

[Miskler]

Can you share the data passed to the editor as well? I didn't get the main purpose here, is it to visualize the JSON Schema or validate the data using the schema?

Visualize

[AykutSarac]

Sounds good. We should consider adding "JSON Schema" as a lang format like YAML, XML etc. then.