複数の階層を跨いだノードを作成したい

[cawpea]

概要

現状は親ノードから直接の子レイヤー（１つ右のレイヤー）にしか子ノードを追加できないが、子レイヤーを跨いで子ノードを追加できるようにしたい。

ex:

Object 
|- navigator
|    |- document
|------ window // ここ

設計

• relativeDepth をJSONに指定する
• valueには1以上の数値を指定する
• 親ノードから相対的に位置するレイヤーに配置する
• 内部的にはレイヤーを跨ぐ場合は不可視ノードを追加する

{
  "id": 0,
  "name": "Object",
  "children": [
      {
        "id": 1,
        "parent": 0,
        "name": "navigator",
        "children": [],
        "relativeDepth": 1 // 親ノードの子レイヤーに位置
      },
      {
        "id": 2,
        "parent": 0,
        "name": "window",
        "children": [],
        "relativeDepth": 2 // 親ノードの子の子（孫）レイヤーに位置
      }
   ]
}