Vue max call stack error

General
1

Hi,

I am trying to add JSON forms to my Vue project. In trying to render the following schema, I get a maximum call stack error

{
            "$schema": "https://json-schema.org/draft/2020-12/schema",
            "$id": "https://github.com/estaid-app/integration-pipeline/stages/logger/configuration",
            "$ref": "#/$defs/Configuration",
            "$defs": {
              "Configuration": {
                "properties": {
                  "keys": {
                    "items": {
                      "type": "string"
                    },
                    "type": "array"
                  }
                },
                "additionalProperties": false,
                "type": "object"
              }
            }
          }

SAme thing happens when try it here: https://jsonforms-editor.netlify.app/.

However, I believe that my form is valid syntax. What am I doing wrong?

2

Hi @vonnegut,

It seems we have a bug in our resolving code which errors when the root of the handed over schema contains $ref itself.

If you change the schema to the following, it works:

{
  "$id": "https://github.com/estaid-app/integration-pipeline/stages/logger/configuration",
  "$defs": {
    "Configuration": {
      "properties": {
        "keys": {
          "items": {
            "type": "string"
          },
          "type": "array"
        }
      },
      "additionalProperties": false,
      "type": "object"
    }
  },
  "properties": {
    "Configuration": {
      "$ref": "#/$defs/Configuration"
    }
  }
}

Please open an issue in the repository for this. Feel free to contribute a fix too if you want to :wink:

Note that AJV which we use for validation does not support the 2020-12 schema out of the box, so specifically referring to it will produce an error.

3

Thanks for the answer. That makes sense.

Does the missing support for 2020-12 also explain why https://jsonforms-editor.netlify.app/ following does not display the following?

{
              "$id": "https://github.com/estaid-app/integration-pipeline/stages/persist_account/configuration",
              "$defs": {
                "Configuration": {
                  "properties": {
                    "keyMapping": {
                      "$ref": "#/$defs/KeyMapping"
                    }
                  },
                  "additionalProperties": false,
                  "type": "object",
                  "required": [
                    "keyMapping"
                  ]
                },
                "KeyMapping": {
                  "properties": {
                    "name": {
                      "type": "string"
                    },
                    "number": {
                      "type": "string"
                    },
                    "type": {
                      "type": "string"
                    }
                  },
                  "additionalProperties": false,
                  "type": "object",
                  "required": [
                    "name",
                    "number",
                    "type"
                  ]
                }
              }
            }```
4

@vonnegut, the schema is not complete as it does not define a root element.

Using the following schema:

{
  "$id": "https://github.com/estaid-app/integration-pipeline/stages/persist_account/configuration",
  "$defs": {
    "Configuration": {
      "properties": {
        "keyMapping": {
          "$ref": "#/$defs/KeyMapping"
        }
      },
      "additionalProperties": false,
      "type": "object",
      "required": [
        "keyMapping"
      ]
    },
    "KeyMapping": {
      "properties": {
        "name": {
          "type": "string"
        },
        "number": {
          "type": "string"
        },
        "type": {
          "type": "string"
        }
      },
      "additionalProperties": false,
      "type": "object",
      "required": [
        "name",
        "number",
        "type"
      ]
    }
  },
  "properties": {
    "Configuration": {
      "$ref": "#/$defs/Configuration"
    }
  }
}

works fine in the JSON Forms Editor.

Note that the JSON Forms Editor is a proof of concept, is no longer maintained and is based on an older version of JSON Forms from 4 years ago.

5

@sdirix much appreciated. I will open an issue for the first issue and look in to why the forms I generate seem to be missing the said root element.