[BUG]: Nested Objects inside an array

[vigneshmanick]

Issue description

If there are nested Objects inside an array, then the objects are all displayed on the same level . There should be a parent node from which the objects spawn.

This issue is only present when using https://jsoncrack.com/editor and not in the vscode extension. See attached images below.

Sample input

{
  "name": "some name",
  "type": "some type",
  "nested": [
    {
      "blend": {
        "radius": 10
      },
      "main": {
        "name": "bob",
        "type": "something",
        "tricks": [
          {
            "trick": 1
          },
          {
            "trick": 2
          }
        ],
        "setting": {
          "one": 1,
          "two": 2,
          "array": [
            0,
            1,
            1
          ]
        }
      }
    },
    {
      "blend": {
        "radius": 10
      },
      "main": {
        "name": "bob",
        "type": "something",
        "tricks": [
          {
            "trick": 1
          },
          {
            "trick": 2
          }
        ],
        "setting": {
          "one": 1,
          "two": 2,
          "array": [
            0,
            1,
            1
          ]
        }
      }
    }
  ]
}

Media & Screenshots

In VSCode

In Editor

Notice how after nested a node is missing and all the objects are shown in the same level.

Operating system

• OS: Linux RHEL 7.9
• Browser Chrome:

Priority this issue should have

Low (slightly annoying)