@exponential-at/ui 0.0.0-stage → 0.1.0

package/fixtures/template-items.json

@@ -0,0 +1,2215 @@
+{
+  "$comment": "AUTO-GENERATED by packages/exponential-ui/scripts/generate-round2.ts — do not edit (inputs live there). Round 2 (docs/round-2-contract.md §4). `keys`: a template's item keys (src/list.ts templateItemKeys: the value at `key` — a pointer relative to the item — as a string, objects as JSON; `#<index>` when missing, null, empty or a DUPLICATE of an earlier key, more `#`s until unique; no key = the index). `rowKeys`: Table rows by their `rowKey` FIELD, same rules. `instances`: the items a template renders in a scope and the instance SUFFIX each item's nodes wear (`<node id><suffix>`; suffix = `.<key>` with `~` → `~0` and `.` → `~1`; it ACCUMULATES through nested templates: `issue.ops.1`). `reduce`: a node a `template` names is LIFTED out of the tree into `templates` (never also rendered in place), on the nested and the flat path; an unknown template id is an issue; a template that would instantiate itself (its owner, an ancestor of its owner, the root, or through other templates) is an issue (`template: cycle through this id`) and is NOT lifted: it stays in place and its owner renders no items. VAPP-103 (`limit-*`, catalog/limits.json): an id placed a second time (two parents, one parent twice, or the main tree and a template) renders at its FIRST place only (`id used twice; only its first place renders`), a node deeper than `maxDepth` levels (the root = 1) is the Unknown placeholder (`nesting deeper than N levels`).",
+  "keys": [
+    {
+      "name": "no-key-is-index",
+      "items": [
+        {
+          "id": "a"
+        },
+        {
+          "id": "b"
+        }
+      ],
+      "expected": [
+        "0",
+        "1"
+      ]
+    },
+    {
+      "name": "keys",
+      "items": [
+        {
+          "id": "a"
+        },
+        {
+          "id": "b"
+        },
+        {
+          "id": "c"
+        }
+      ],
+      "key": "id",
+      "expected": [
+        "a",
+        "b",
+        "c"
+      ]
+    },
+    {
+      "name": "duplicate",
+      "items": [
+        {
+          "id": "a"
+        },
+        {
+          "id": "a"
+        },
+        {
+          "id": "b"
+        }
+      ],
+      "key": "id",
+      "expected": [
+        "a",
+        "#1",
+        "b"
+      ]
+    },
+    {
+      "name": "missing-null-empty",
+      "items": [
+        {
+          "id": "a"
+        },
+        {},
+        {
+          "id": null
+        },
+        {
+          "id": ""
+        }
+      ],
+      "key": "id",
+      "expected": [
+        "a",
+        "#1",
+        "#2",
+        "#3"
+      ]
+    },
+    {
+      "name": "numbers-and-objects",
+      "items": [
+        {
+          "id": 7
+        },
+        {
+          "id": {
+            "x": 1
+          }
+        },
+        {
+          "id": true
+        }
+      ],
+      "key": "/id",
+      "expected": [
+        "7",
+        "{\"x\":1}",
+        "true"
+      ]
+    },
+    {
+      "name": "collision-with-hash",
+      "items": [
+        {
+          "id": "#1"
+        },
+        {
+          "id": "a"
+        },
+        {
+          "id": "a"
+        }
+      ],
+      "key": "id",
+      "expected": [
+        "#1",
+        "a",
+        "#2"
+      ]
+    },
+    {
+      "name": "nested-pointer",
+      "items": [
+        {
+          "who": {
+            "name": "ada"
+          }
+        },
+        {
+          "who": {
+            "name": "bob"
+          }
+        }
+      ],
+      "key": "who/name",
+      "expected": [
+        "ada",
+        "bob"
+      ]
+    }
+  ],
+  "rowKeys": [
+    {
+      "name": "default-id",
+      "rows": [
+        {
+          "id": "alice"
+        },
+        {
+          "id": "bob"
+        }
+      ],
+      "expected": [
+        "alice",
+        "bob"
+      ]
+    },
+    {
+      "name": "own-field",
+      "rows": [
+        {
+          "email": "a@x"
+        },
+        {
+          "email": "b@x"
+        }
+      ],
+      "rowKey": "email",
+      "expected": [
+        "a@x",
+        "b@x"
+      ]
+    },
+    {
+      "name": "missing-and-duplicate",
+      "rows": [
+        {
+          "id": "a"
+        },
+        {
+          "name": "no id"
+        },
+        {
+          "id": "a"
+        }
+      ],
+      "expected": [
+        "a",
+        "#1",
+        "#2"
+      ]
+    },
+    {
+      "name": "field-with-slash",
+      "rows": [
+        {
+          "a/b": "x"
+        },
+        {
+          "a/b": "y"
+        }
+      ],
+      "rowKey": "a/b",
+      "expected": [
+        "x",
+        "y"
+      ]
+    }
+  ],
+  "instances": [
+    {
+      "name": "top-level",
+      "data": {
+        "boards": [
+          {
+            "id": "ops",
+            "issues": [
+              {
+                "id": "1",
+                "t": "Ship"
+              },
+              {
+                "id": "2",
+                "t": "Test"
+              }
+            ]
+          },
+          {
+            "id": "web",
+            "issues": [
+              {
+                "id": "1",
+                "t": "Fix"
+              }
+            ]
+          },
+          {
+            "id": "ops",
+            "issues": []
+          }
+        ]
+      },
+      "template": {
+        "component": "board",
+        "path": "/boards",
+        "key": "id"
+      },
+      "scope": "",
+      "instance": "",
+      "expected": [
+        {
+          "key": "ops",
+          "path": "/boards/0",
+          "index": 0,
+          "instance": ".ops"
+        },
+        {
+          "key": "web",
+          "path": "/boards/1",
+          "index": 1,
+          "instance": ".web"
+        },
+        {
+          "key": "#2",
+          "path": "/boards/2",
+          "index": 2,
+          "instance": ".#2"
+        }
+      ]
+    },
+    {
+      "name": "relative-path-in-scope",
+      "data": {
+        "boards": [
+          {
+            "id": "ops",
+            "issues": [
+              {
+                "id": "1",
+                "t": "Ship"
+              },
+              {
+                "id": "2",
+                "t": "Test"
+              }
+            ]
+          },
+          {
+            "id": "web",
+            "issues": [
+              {
+                "id": "1",
+                "t": "Fix"
+              }
+            ]
+          },
+          {
+            "id": "ops",
+            "issues": []
+          }
+        ]
+      },
+      "template": {
+        "component": "issue",
+        "path": "issues",
+        "key": "id"
+      },
+      "scope": "/boards/0",
+      "instance": ".ops",
+      "expected": [
+        {
+          "key": "1",
+          "path": "/boards/0/issues/0",
+          "index": 0,
+          "instance": ".ops.1"
+        },
+        {
+          "key": "2",
+          "path": "/boards/0/issues/1",
+          "index": 1,
+          "instance": ".ops.2"
+        }
+      ]
+    },
+    {
+      "name": "nested-suffix-accumulates",
+      "data": {
+        "boards": [
+          {
+            "id": "ops",
+            "issues": [
+              {
+                "id": "1",
+                "t": "Ship"
+              },
+              {
+                "id": "2",
+                "t": "Test"
+              }
+            ]
+          },
+          {
+            "id": "web",
+            "issues": [
+              {
+                "id": "1",
+                "t": "Fix"
+              }
+            ]
+          },
+          {
+            "id": "ops",
+            "issues": []
+          }
+        ]
+      },
+      "template": {
+        "component": "board",
+        "path": "/boards",
+        "key": "id"
+      },
+      "inner": {
+        "component": "issue",
+        "path": "issues",
+        "key": "id"
+      },
+      "scope": "",
+      "instance": "",
+      "expected": [
+        {
+          "outer": "ops",
+          "key": "1",
+          "path": "/boards/0/issues/0",
+          "index": 0,
+          "instance": ".ops.1",
+          "ids": {
+            "issue": "issue.ops.1",
+            "title": "issue.title.ops.1"
+          }
+        },
+        {
+          "outer": "ops",
+          "key": "2",
+          "path": "/boards/0/issues/1",
+          "index": 1,
+          "instance": ".ops.2",
+          "ids": {
+            "issue": "issue.ops.2",
+            "title": "issue.title.ops.2"
+          }
+        },
+        {
+          "outer": "web",
+          "key": "1",
+          "path": "/boards/1/issues/0",
+          "index": 0,
+          "instance": ".web.1",
+          "ids": {
+            "issue": "issue.web.1",
+            "title": "issue.title.web.1"
+          }
+        }
+      ]
+    },
+    {
+      "name": "not-an-array",
+      "data": {
+        "boards": {
+          "a": 1
+        }
+      },
+      "template": {
+        "component": "board",
+        "path": "/boards",
+        "key": "id"
+      },
+      "scope": "",
+      "instance": "",
+      "expected": []
+    },
+    {
+      "name": "dotted-keys-escaped",
+      "data": {
+        "boards": [
+          {
+            "id": "a.b",
+            "issues": [
+              {
+                "id": "c"
+              }
+            ]
+          },
+          {
+            "id": "a",
+            "issues": [
+              {
+                "id": "b.c"
+              },
+              {
+                "id": "~1"
+              }
+            ]
+          }
+        ]
+      },
+      "template": {
+        "component": "board",
+        "path": "/boards",
+        "key": "id"
+      },
+      "inner": {
+        "component": "issue",
+        "path": "issues",
+        "key": "id"
+      },
+      "scope": "",
+      "instance": "",
+      "expected": [
+        {
+          "outer": "a.b",
+          "key": "c",
+          "path": "/boards/0/issues/0",
+          "index": 0,
+          "instance": ".a~1b.c",
+          "ids": {
+            "issue": "issue.a~1b.c",
+            "title": "issue.title.a~1b.c"
+          }
+        },
+        {
+          "outer": "a",
+          "key": "b.c",
+          "path": "/boards/1/issues/0",
+          "index": 0,
+          "instance": ".a.b~1c",
+          "ids": {
+            "issue": "issue.a.b~1c",
+            "title": "issue.title.a.b~1c"
+          }
+        },
+        {
+          "outer": "a",
+          "key": "~1",
+          "path": "/boards/1/issues/1",
+          "index": 1,
+          "instance": ".a.~01",
+          "ids": {
+            "issue": "issue.a.~01",
+            "title": "issue.title.a.~01"
+          }
+        }
+      ]
+    }
+  ],
+  "reduce": [
+    {
+      "name": "nested-lifted",
+      "catalogId": "https://ui.exponential.at/catalogs/core/v1",
+      "nested": {
+        "id": "root",
+        "component": "Box",
+        "children": [
+          {
+            "id": "list",
+            "component": "List",
+            "template": {
+              "component": "row",
+              "path": "/items"
+            }
+          },
+          {
+            "id": "row",
+            "component": "Row",
+            "props": {
+              "title": {
+                "path": "title"
+              }
+            }
+          },
+          {
+            "id": "card",
+            "component": "Box",
+            "children": [
+              {
+                "id": "inner",
+                "component": "List",
+                "template": {
+                  "component": "cell",
+                  "path": "cells"
+                }
+              },
+              {
+                "id": "cell",
+                "component": "Text",
+                "props": {
+                  "text": {
+                    "path": "v"
+                  }
+                }
+              }
+            ]
+          }
+        ]
+      },
+      "expected": {
+        "root": {
+          "id": "root",
+          "component": "Box",
+          "props": {},
+          "children": [
+            {
+              "id": "list",
+              "component": "List",
+              "props": {},
+              "children": [],
+              "template": {
+                "component": "row",
+                "path": "/items"
+              }
+            },
+            {
+              "id": "card",
+              "component": "Box",
+              "props": {},
+              "children": [
+                {
+                  "id": "inner",
+                  "component": "List",
+                  "props": {},
+                  "children": [],
+                  "template": {
+                    "component": "cell",
+                    "path": "cells"
+                  }
+                }
+              ]
+            }
+          ]
+        },
+        "issues": [],
+        "templates": {
+          "row": {
+            "id": "row",
+            "component": "Box",
+            "props": {
+              "pressable": false
+            },
+            "children": [
+              {
+                "id": "row.body",
+                "component": "Box",
+                "props": {},
+                "children": [
+                  {
+                    "id": "row.body.title",
+                    "component": "Text",
+                    "props": {
+                      "text": {
+                        "path": "title"
+                      },
+                      "variant": "body",
+                      "lines": 1
+                    },
+                    "children": [],
+                    "recipe": {
+                      "macro": "Row",
+                      "part": "title",
+                      "props": {
+                        "selected": false,
+                        "density": "default",
+                        "surface": "flat",
+                        "depth": 0
+                      }
+                    }
+                  }
+                ],
+                "style": {
+                  "display": "flex",
+                  "flexDirection": "column",
+                  "gap": "$spacing.xxs",
+                  "flexGrow": 1,
+                  "minWidth": 0,
+                  "paddingVertical": "$spacing.xs"
+                },
+                "recipe": {
+                  "macro": "Row",
+                  "part": "body",
+                  "props": {
+                    "selected": false,
+                    "density": "default",
+                    "surface": "flat",
+                    "depth": 0
+                  }
+                }
+              }
+            ],
+            "style": {
+              "display": "flex",
+              "flexDirection": "row",
+              "alignItems": "center",
+              "gap": "$spacing.sm",
+              "minHeight": "$control.row",
+              "paddingHorizontal": "$spacing.md",
+              "borderRadius": "$radius.md"
+            },
+            "recipe": {
+              "macro": "Row",
+              "part": "root",
+              "props": {
+                "selected": false,
+                "density": "default",
+                "surface": "flat",
+                "depth": 0
+              }
+            },
+            "accessibility": {
+              "role": "none"
+            }
+          },
+          "cell": {
+            "id": "cell",
+            "component": "Text",
+            "props": {
+              "text": {
+                "path": "v"
+              }
+            },
+            "children": []
+          }
+        }
+      }
+    },
+    {
+      "name": "flat-lifted-and-built",
+      "catalogId": "https://ui.exponential.at/catalogs/core/v1",
+      "components": [
+        {
+          "id": "root",
+          "component": "Box",
+          "children": [
+            "list",
+            "item",
+            "ghost-list"
+          ]
+        },
+        {
+          "id": "list",
+          "component": "List",
+          "children": {
+            "componentId": "item",
+            "path": "/items",
+            "key": "id"
+          }
+        },
+        {
+          "id": "item",
+          "component": "Box",
+          "children": [
+            "label",
+            "sub"
+          ]
+        },
+        {
+          "id": "label",
+          "component": "Text",
+          "text": {
+            "path": "name"
+          }
+        },
+        {
+          "id": "sub",
+          "component": "List",
+          "children": {
+            "componentId": "tag",
+            "path": "tags"
+          }
+        },
+        {
+          "id": "tag",
+          "component": "Badge",
+          "text": {
+            "path": ""
+          }
+        },
+        {
+          "id": "ghost-list",
+          "component": "List",
+          "children": {
+            "componentId": "nowhere",
+            "path": "/x"
+          }
+        }
+      ],
+      "expected": {
+        "root": {
+          "id": "root",
+          "component": "Box",
+          "props": {},
+          "children": [
+            {
+              "id": "list",
+              "component": "List",
+              "props": {},
+              "children": [],
+              "template": {
+                "component": "item",
+                "path": "/items",
+                "key": "id"
+              }
+            },
+            {
+              "id": "ghost-list",
+              "component": "List",
+              "props": {},
+              "children": [],
+              "template": {
+                "component": "nowhere",
+                "path": "/x"
+              }
+            }
+          ]
+        },
+        "issues": [
+          {
+            "id": "nowhere",
+            "message": "template: no component with this id"
+          }
+        ],
+        "templates": {
+          "item": {
+            "id": "item",
+            "component": "Box",
+            "props": {},
+            "children": [
+              {
+                "id": "label",
+                "component": "Text",
+                "props": {
+                  "text": {
+                    "path": "name"
+                  }
+                },
+                "children": []
+              },
+              {
+                "id": "sub",
+                "component": "List",
+                "props": {},
+                "children": [],
+                "template": {
+                  "component": "tag",
+                  "path": "tags"
+                }
+              }
+            ]
+          },
+          "tag": {
+            "id": "tag",
+            "component": "Box",
+            "props": {},
+            "children": [
+              {
+                "id": "tag.label",
+                "component": "Text",
+                "props": {
+                  "text": {
+                    "path": ""
+                  },
+                  "variant": "caption",
+                  "lines": 1
+                },
+                "children": [],
+                "recipe": {
+                  "macro": "Badge",
+                  "part": "label",
+                  "props": {
+                    "variant": "default"
+                  }
+                }
+              }
+            ],
+            "style": {
+              "display": "flex",
+              "flexDirection": "row",
+              "alignItems": "center",
+              "gap": "$spacing.xxs",
+              "height": "$control.badge",
+              "paddingHorizontal": "$spacing.sm",
+              "borderRadius": "$radius.full",
+              "alignSelf": "flex-start"
+            },
+            "recipe": {
+              "macro": "Badge",
+              "part": "root",
+              "props": {
+                "variant": "default"
+              }
+            }
+          }
+        }
+      }
+    },
+    {
+      "name": "cycle-self",
+      "nested": {
+        "id": "root",
+        "component": "Box",
+        "children": [
+          {
+            "id": "l",
+            "component": "List",
+            "template": {
+              "component": "l",
+              "path": "/items"
+            }
+          }
+        ]
+      },
+      "catalogId": "https://ui.exponential.at/catalogs/core/v1",
+      "expected": {
+        "root": {
+          "id": "root",
+          "component": "Box",
+          "props": {},
+          "children": [
+            {
+              "id": "l",
+              "component": "List",
+              "props": {},
+              "children": [],
+              "template": {
+                "component": "l",
+                "path": "/items"
+              }
+            }
+          ]
+        },
+        "issues": [
+          {
+            "id": "l",
+            "message": "template: cycle through this id"
+          }
+        ]
+      }
+    },
+    {
+      "name": "cycle-ancestor",
+      "components": [
+        {
+          "id": "root",
+          "component": "Box",
+          "children": [
+            "col"
+          ]
+        },
+        {
+          "id": "col",
+          "component": "Box",
+          "children": [
+            "l"
+          ]
+        },
+        {
+          "id": "l",
+          "component": "List",
+          "children": {
+            "componentId": "col",
+            "path": "/items"
+          }
+        }
+      ],
+      "catalogId": "https://ui.exponential.at/catalogs/core/v1",
+      "expected": {
+        "root": {
+          "id": "root",
+          "component": "Box",
+          "props": {},
+          "children": [
+            {
+              "id": "col",
+              "component": "Box",
+              "props": {},
+              "children": [
+                {
+                  "id": "l",
+                  "component": "List",
+                  "props": {},
+                  "children": [],
+                  "template": {
+                    "component": "col",
+                    "path": "/items"
+                  }
+                }
+              ]
+            }
+          ]
+        },
+        "issues": [
+          {
+            "id": "col",
+            "message": "template: cycle through this id"
+          }
+        ]
+      }
+    },
+    {
+      "name": "cycle-root",
+      "nested": {
+        "id": "root",
+        "component": "Box",
+        "children": [
+          {
+            "id": "l",
+            "component": "List",
+            "template": {
+              "component": "root",
+              "path": "/items"
+            }
+          }
+        ]
+      },
+      "catalogId": "https://ui.exponential.at/catalogs/core/v1",
+      "expected": {
+        "root": {
+          "id": "root",
+          "component": "Box",
+          "props": {},
+          "children": [
+            {
+              "id": "l",
+              "component": "List",
+              "props": {},
+              "children": [],
+              "template": {
+                "component": "root",
+                "path": "/items"
+              }
+            }
+          ]
+        },
+        "issues": [
+          {
+            "id": "root",
+            "message": "template: cycle through this id"
+          }
+        ]
+      }
+    },
+    {
+      "name": "cycle-mutual-built",
+      "components": [
+        {
+          "id": "root",
+          "component": "Box",
+          "children": [
+            "a",
+            "ok"
+          ]
+        },
+        {
+          "id": "a",
+          "component": "List",
+          "children": {
+            "componentId": "t1",
+            "path": "/items"
+          }
+        },
+        {
+          "id": "t1",
+          "component": "Box",
+          "children": [
+            "l2"
+          ]
+        },
+        {
+          "id": "l2",
+          "component": "List",
+          "children": {
+            "componentId": "t2",
+            "path": "/items"
+          }
+        },
+        {
+          "id": "t2",
+          "component": "Box",
+          "children": [
+            "l3"
+          ]
+        },
+        {
+          "id": "l3",
+          "component": "List",
+          "children": {
+            "componentId": "t1",
+            "path": "/items"
+          }
+        },
+        {
+          "id": "ok",
+          "component": "List",
+          "children": {
+            "componentId": "row",
+            "path": "/rows"
+          }
+        },
+        {
+          "id": "row",
+          "component": "Text",
+          "text": {
+            "path": "t"
+          }
+        }
+      ],
+      "catalogId": "https://ui.exponential.at/catalogs/core/v1",
+      "expected": {
+        "root": {
+          "id": "root",
+          "component": "Box",
+          "props": {},
+          "children": [
+            {
+              "id": "a",
+              "component": "List",
+              "props": {},
+              "children": [],
+              "template": {
+                "component": "t1",
+                "path": "/items"
+              }
+            },
+            {
+              "id": "ok",
+              "component": "List",
+              "props": {},
+              "children": [],
+              "template": {
+                "component": "row",
+                "path": "/rows"
+              }
+            }
+          ]
+        },
+        "issues": [
+          {
+            "id": "t1",
+            "message": "template: cycle through this id"
+          },
+          {
+            "id": "t2",
+            "message": "template: cycle through this id"
+          }
+        ],
+        "templates": {
+          "row": {
+            "id": "row",
+            "component": "Text",
+            "props": {
+              "text": {
+                "path": "t"
+              }
+            },
+            "children": []
+          }
+        }
+      }
+    },
+    {
+      "name": "limit-used-twice",
+      "components": [
+        {
+          "id": "root",
+          "component": "Box",
+          "children": [
+            "a",
+            "shared",
+            "shared"
+          ]
+        },
+        {
+          "id": "a",
+          "component": "Box",
+          "children": [
+            "shared"
+          ],
+          "slots": {}
+        },
+        {
+          "id": "shared",
+          "component": "Text",
+          "text": "once"
+        }
+      ],
+      "catalogId": "https://ui.exponential.at/catalogs/core/v1",
+      "expected": {
+        "root": {
+          "id": "root",
+          "component": "Box",
+          "props": {},
+          "children": [
+            {
+              "id": "a",
+              "component": "Box",
+              "props": {},
+              "children": [
+                {
+                  "id": "shared",
+                  "component": "Text",
+                  "props": {
+                    "text": "once"
+                  },
+                  "children": []
+                }
+              ]
+            }
+          ]
+        },
+        "issues": [
+          {
+            "id": "shared",
+            "message": "id used twice; only its first place renders"
+          }
+        ]
+      }
+    },
+    {
+      "name": "limit-used-twice-doubling",
+      "components": [
+        {
+          "id": "root",
+          "component": "Box",
+          "children": [
+            "n1",
+            "n1"
+          ]
+        },
+        {
+          "id": "n1",
+          "component": "Box",
+          "children": [
+            "n2",
+            "n2"
+          ]
+        },
+        {
+          "id": "n2",
+          "component": "Box",
+          "children": [
+            "n3",
+            "n3"
+          ]
+        },
+        {
+          "id": "n3",
+          "component": "Box",
+          "children": [
+            "n4",
+            "n4"
+          ]
+        },
+        {
+          "id": "n4",
+          "component": "Box",
+          "children": [
+            "n5",
+            "n5"
+          ]
+        },
+        {
+          "id": "n5",
+          "component": "Box",
+          "children": [
+            "n6",
+            "n6"
+          ]
+        },
+        {
+          "id": "n6",
+          "component": "Box",
+          "children": [
+            "n7",
+            "n7"
+          ]
+        },
+        {
+          "id": "n7",
+          "component": "Box",
+          "children": [
+            "n8",
+            "n8"
+          ]
+        },
+        {
+          "id": "n8",
+          "component": "Box",
+          "children": [
+            "n9",
+            "n9"
+          ]
+        },
+        {
+          "id": "n9",
+          "component": "Box",
+          "children": [
+            "n10",
+            "n10"
+          ]
+        },
+        {
+          "id": "n10",
+          "component": "Box",
+          "children": [
+            "n11",
+            "n11"
+          ]
+        },
+        {
+          "id": "n11",
+          "component": "Box",
+          "children": [
+            "n12",
+            "n12"
+          ]
+        },
+        {
+          "id": "n12",
+          "component": "Text",
+          "text": "leaf"
+        }
+      ],
+      "catalogId": "https://ui.exponential.at/catalogs/core/v1",
+      "expected": {
+        "root": {
+          "id": "root",
+          "component": "Box",
+          "props": {},
+          "children": [
+            {
+              "id": "n1",
+              "component": "Box",
+              "props": {},
+              "children": [
+                {
+                  "id": "n2",
+                  "component": "Box",
+                  "props": {},
+                  "children": [
+                    {
+                      "id": "n3",
+                      "component": "Box",
+                      "props": {},
+                      "children": [
+                        {
+                          "id": "n4",
+                          "component": "Box",
+                          "props": {},
+                          "children": [
+                            {
+                              "id": "n5",
+                              "component": "Box",
+                              "props": {},
+                              "children": [
+                                {
+                                  "id": "n6",
+                                  "component": "Box",
+                                  "props": {},
+                                  "children": [
+                                    {
+                                      "id": "n7",
+                                      "component": "Box",
+                                      "props": {},
+                                      "children": [
+                                        {
+                                          "id": "n8",
+                                          "component": "Box",
+                                          "props": {},
+                                          "children": [
+                                            {
+                                              "id": "n9",
+                                              "component": "Box",
+                                              "props": {},
+                                              "children": [
+                                                {
+                                                  "id": "n10",
+                                                  "component": "Box",
+                                                  "props": {},
+                                                  "children": [
+                                                    {
+                                                      "id": "n11",
+                                                      "component": "Box",
+                                                      "props": {},
+                                                      "children": [
+                                                        {
+                                                          "id": "n12",
+                                                          "component": "Text",
+                                                          "props": {
+                                                            "text": "leaf"
+                                                          },
+                                                          "children": []
+                                                        }
+                                                      ]
+                                                    }
+                                                  ]
+                                                }
+                                              ]
+                                            }
+                                          ]
+                                        }
+                                      ]
+                                    }
+                                  ]
+                                }
+                              ]
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                }
+              ]
+            }
+          ]
+        },
+        "issues": [
+          {
+            "id": "n12",
+            "message": "id used twice; only its first place renders"
+          },
+          {
+            "id": "n11",
+            "message": "id used twice; only its first place renders"
+          },
+          {
+            "id": "n10",
+            "message": "id used twice; only its first place renders"
+          },
+          {
+            "id": "n9",
+            "message": "id used twice; only its first place renders"
+          },
+          {
+            "id": "n8",
+            "message": "id used twice; only its first place renders"
+          },
+          {
+            "id": "n7",
+            "message": "id used twice; only its first place renders"
+          },
+          {
+            "id": "n6",
+            "message": "id used twice; only its first place renders"
+          },
+          {
+            "id": "n5",
+            "message": "id used twice; only its first place renders"
+          },
+          {
+            "id": "n4",
+            "message": "id used twice; only its first place renders"
+          },
+          {
+            "id": "n3",
+            "message": "id used twice; only its first place renders"
+          },
+          {
+            "id": "n2",
+            "message": "id used twice; only its first place renders"
+          },
+          {
+            "id": "n1",
+            "message": "id used twice; only its first place renders"
+          }
+        ]
+      }
+    },
+    {
+      "name": "limit-used-twice-across-a-template",
+      "components": [
+        {
+          "id": "root",
+          "component": "Box",
+          "children": [
+            "label",
+            "list"
+          ]
+        },
+        {
+          "id": "list",
+          "component": "List",
+          "children": {
+            "componentId": "row",
+            "path": "/items"
+          }
+        },
+        {
+          "id": "row",
+          "component": "Box",
+          "children": [
+            "label"
+          ]
+        },
+        {
+          "id": "label",
+          "component": "Text",
+          "text": "shared"
+        }
+      ],
+      "catalogId": "https://ui.exponential.at/catalogs/core/v1",
+      "expected": {
+        "root": {
+          "id": "root",
+          "component": "Box",
+          "props": {},
+          "children": [
+            {
+              "id": "label",
+              "component": "Text",
+              "props": {
+                "text": "shared"
+              },
+              "children": []
+            },
+            {
+              "id": "list",
+              "component": "List",
+              "props": {},
+              "children": [],
+              "template": {
+                "component": "row",
+                "path": "/items"
+              }
+            }
+          ]
+        },
+        "issues": [
+          {
+            "id": "label",
+            "message": "id used twice; only its first place renders"
+          }
+        ],
+        "templates": {
+          "row": {
+            "id": "row",
+            "component": "Box",
+            "props": {},
+            "children": []
+          }
+        }
+      }
+    },
+    {
+      "name": "limit-depth",
+      "components": [
+        {
+          "id": "root",
+          "component": "Box",
+          "children": [
+            "n1"
+          ]
+        },
+        {
+          "id": "n1",
+          "component": "Box",
+          "children": [
+            "n2"
+          ]
+        },
+        {
+          "id": "n2",
+          "component": "Box",
+          "children": [
+            "n3"
+          ]
+        },
+        {
+          "id": "n3",
+          "component": "Box",
+          "children": [
+            "n4"
+          ]
+        },
+        {
+          "id": "n4",
+          "component": "Box",
+          "children": [
+            "n5"
+          ]
+        },
+        {
+          "id": "n5",
+          "component": "Box",
+          "children": [
+            "n6"
+          ]
+        },
+        {
+          "id": "n6",
+          "component": "Box",
+          "children": [
+            "n7"
+          ]
+        },
+        {
+          "id": "n7",
+          "component": "Box",
+          "children": [
+            "n8"
+          ]
+        },
+        {
+          "id": "n8",
+          "component": "Box",
+          "children": [
+            "n9"
+          ]
+        },
+        {
+          "id": "n9",
+          "component": "Box",
+          "children": [
+            "n10"
+          ]
+        },
+        {
+          "id": "n10",
+          "component": "Box",
+          "children": [
+            "n11"
+          ]
+        },
+        {
+          "id": "n11",
+          "component": "Box",
+          "children": [
+            "n12"
+          ]
+        },
+        {
+          "id": "n12",
+          "component": "Box",
+          "children": [
+            "n13"
+          ]
+        },
+        {
+          "id": "n13",
+          "component": "Box",
+          "children": [
+            "n14"
+          ]
+        },
+        {
+          "id": "n14",
+          "component": "Box",
+          "children": [
+            "n15"
+          ]
+        },
+        {
+          "id": "n15",
+          "component": "Box",
+          "children": [
+            "n16"
+          ]
+        },
+        {
+          "id": "n16",
+          "component": "Box",
+          "children": [
+            "n17"
+          ]
+        },
+        {
+          "id": "n17",
+          "component": "Box",
+          "children": [
+            "n18"
+          ]
+        },
+        {
+          "id": "n18",
+          "component": "Box",
+          "children": [
+            "n19"
+          ]
+        },
+        {
+          "id": "n19",
+          "component": "Box",
+          "children": [
+            "n20"
+          ]
+        },
+        {
+          "id": "n20",
+          "component": "Box",
+          "children": [
+            "n21"
+          ]
+        },
+        {
+          "id": "n21",
+          "component": "Box",
+          "children": [
+            "n22"
+          ]
+        },
+        {
+          "id": "n22",
+          "component": "Box",
+          "children": [
+            "n23"
+          ]
+        },
+        {
+          "id": "n23",
+          "component": "Box",
+          "children": [
+            "n24"
+          ]
+        },
+        {
+          "id": "n24",
+          "component": "Box",
+          "children": [
+            "n25"
+          ]
+        },
+        {
+          "id": "n25",
+          "component": "Box",
+          "children": [
+            "n26"
+          ]
+        },
+        {
+          "id": "n26",
+          "component": "Box",
+          "children": [
+            "n27"
+          ]
+        },
+        {
+          "id": "n27",
+          "component": "Box",
+          "children": [
+            "n28"
+          ]
+        },
+        {
+          "id": "n28",
+          "component": "Box",
+          "children": [
+            "n29"
+          ]
+        },
+        {
+          "id": "n29",
+          "component": "Box",
+          "children": [
+            "n30"
+          ]
+        },
+        {
+          "id": "n30",
+          "component": "Box",
+          "children": [
+            "n31"
+          ]
+        },
+        {
+          "id": "n31",
+          "component": "Box",
+          "children": [
+            "n32"
+          ]
+        },
+        {
+          "id": "n32",
+          "component": "Box",
+          "children": [
+            "n33"
+          ]
+        },
+        {
+          "id": "n33",
+          "component": "Box",
+          "children": [
+            "n34"
+          ]
+        },
+        {
+          "id": "n34",
+          "component": "Box",
+          "children": [
+            "n35"
+          ]
+        },
+        {
+          "id": "n35",
+          "component": "Box",
+          "children": [
+            "n36"
+          ]
+        },
+        {
+          "id": "n36",
+          "component": "Box",
+          "children": [
+            "n37"
+          ]
+        },
+        {
+          "id": "n37",
+          "component": "Box",
+          "children": [
+            "n38"
+          ]
+        },
+        {
+          "id": "n38",
+          "component": "Box",
+          "children": [
+            "n39"
+          ]
+        },
+        {
+          "id": "n39",
+          "component": "Box",
+          "children": [
+            "n40"
+          ]
+        },
+        {
+          "id": "n40",
+          "component": "Box",
+          "children": [
+            "n41"
+          ]
+        },
+        {
+          "id": "n41",
+          "component": "Box",
+          "children": [
+            "n42"
+          ]
+        },
+        {
+          "id": "n42",
+          "component": "Box",
+          "children": [
+            "n43"
+          ]
+        },
+        {
+          "id": "n43",
+          "component": "Box",
+          "children": [
+            "n44"
+          ]
+        },
+        {
+          "id": "n44",
+          "component": "Box",
+          "children": [
+            "n45"
+          ]
+        },
+        {
+          "id": "n45",
+          "component": "Box",
+          "children": [
+            "n46"
+          ]
+        },
+        {
+          "id": "n46",
+          "component": "Box",
+          "children": [
+            "n47"
+          ]
+        },
+        {
+          "id": "n47",
+          "component": "Box",
+          "children": [
+            "n48"
+          ]
+        },
+        {
+          "id": "n48",
+          "component": "Box",
+          "children": [
+            "n49"
+          ]
+        },
+        {
+          "id": "n49",
+          "component": "Box",
+          "children": [
+            "n50"
+          ]
+        },
+        {
+          "id": "n50",
+          "component": "Box",
+          "children": [
+            "n51"
+          ]
+        },
+        {
+          "id": "n51",
+          "component": "Text",
+          "text": "leaf"
+        }
+      ],
+      "catalogId": "https://ui.exponential.at/catalogs/core/v1",
+      "expected": {
+        "root": {
+          "id": "root",
+          "component": "Box",
+          "props": {},
+          "children": [
+            {
+              "id": "n1",
+              "component": "Box",
+              "props": {},
+              "children": [
+                {
+                  "id": "n2",
+                  "component": "Box",
+                  "props": {},
+                  "children": [
+                    {
+                      "id": "n3",
+                      "component": "Box",
+                      "props": {},
+                      "children": [
+                        {
+                          "id": "n4",
+                          "component": "Box",
+                          "props": {},
+                          "children": [
+                            {
+                              "id": "n5",
+                              "component": "Box",
+                              "props": {},
+                              "children": [
+                                {
+                                  "id": "n6",
+                                  "component": "Box",
+                                  "props": {},
+                                  "children": [
+                                    {
+                                      "id": "n7",
+                                      "component": "Box",
+                                      "props": {},
+                                      "children": [
+                                        {
+                                          "id": "n8",
+                                          "component": "Box",
+                                          "props": {},
+                                          "children": [
+                                            {
+                                              "id": "n9",
+                                              "component": "Box",
+                                              "props": {},
+                                              "children": [
+                                                {
+                                                  "id": "n10",
+                                                  "component": "Box",
+                                                  "props": {},
+                                                  "children": [
+                                                    {
+                                                      "id": "n11",
+                                                      "component": "Box",
+                                                      "props": {},
+                                                      "children": [
+                                                        {
+                                                          "id": "n12",
+                                                          "component": "Box",
+                                                          "props": {},
+                                                          "children": [
+                                                            {
+                                                              "id": "n13",
+                                                              "component": "Box",
+                                                              "props": {},
+                                                              "children": [
+                                                                {
+                                                                  "id": "n14",
+                                                                  "component": "Box",
+                                                                  "props": {},
+                                                                  "children": [
+                                                                    {
+                                                                      "id": "n15",
+                                                                      "component": "Box",
+                                                                      "props": {},
+                                                                      "children": [
+                                                                        {
+                                                                          "id": "n16",
+                                                                          "component": "Box",
+                                                                          "props": {},
+                                                                          "children": [
+                                                                            {
+                                                                              "id": "n17",
+                                                                              "component": "Box",
+                                                                              "props": {},
+                                                                              "children": [
+                                                                                {
+                                                                                  "id": "n18",
+                                                                                  "component": "Box",
+                                                                                  "props": {},
+                                                                                  "children": [
+                                                                                    {
+                                                                                      "id": "n19",
+                                                                                      "component": "Box",
+                                                                                      "props": {},
+                                                                                      "children": [
+                                                                                        {
+                                                                                          "id": "n20",
+                                                                                          "component": "Box",
+                                                                                          "props": {},
+                                                                                          "children": [
+                                                                                            {
+                                                                                              "id": "n21",
+                                                                                              "component": "Box",
+                                                                                              "props": {},
+                                                                                              "children": [
+                                                                                                {
+                                                                                                  "id": "n22",
+                                                                                                  "component": "Box",
+                                                                                                  "props": {},
+                                                                                                  "children": [
+                                                                                                    {
+                                                                                                      "id": "n23",
+                                                                                                      "component": "Box",
+                                                                                                      "props": {},
+                                                                                                      "children": [
+                                                                                                        {
+                                                                                                          "id": "n24",
+                                                                                                          "component": "Box",
+                                                                                                          "props": {},
+                                                                                                          "children": [
+                                                                                                            {
+                                                                                                              "id": "n25",
+                                                                                                              "component": "Box",
+                                                                                                              "props": {},
+                                                                                                              "children": [
+                                                                                                                {
+                                                                                                                  "id": "n26",
+                                                                                                                  "component": "Box",
+                                                                                                                  "props": {},
+                                                                                                                  "children": [
+                                                                                                                    {
+                                                                                                                      "id": "n27",
+                                                                                                                      "component": "Box",
+                                                                                                                      "props": {},
+                                                                                                                      "children": [
+                                                                                                                        {
+                                                                                                                          "id": "n28",
+                                                                                                                          "component": "Box",
+                                                                                                                          "props": {},
+                                                                                                                          "children": [
+                                                                                                                            {
+                                                                                                                              "id": "n29",
+                                                                                                                              "component": "Box",
+                                                                                                                              "props": {},
+                                                                                                                              "children": [
+                                                                                                                                {
+                                                                                                                                  "id": "n30",
+                                                                                                                                  "component": "Box",
+                                                                                                                                  "props": {},
+                                                                                                                                  "children": [
+                                                                                                                                    {
+                                                                                                                                      "id": "n31",
+                                                                                                                                      "component": "Box",
+                                                                                                                                      "props": {},
+                                                                                                                                      "children": [
+                                                                                                                                        {
+                                                                                                                                          "id": "n32",
+                                                                                                                                          "component": "Box",
+                                                                                                                                          "props": {},
+                                                                                                                                          "children": [
+                                                                                                                                            {
+                                                                                                                                              "id": "n33",
+                                                                                                                                              "component": "Box",
+                                                                                                                                              "props": {},
+                                                                                                                                              "children": [
+                                                                                                                                                {
+                                                                                                                                                  "id": "n34",
+                                                                                                                                                  "component": "Box",
+                                                                                                                                                  "props": {},
+                                                                                                                                                  "children": [
+                                                                                                                                                    {
+                                                                                                                                                      "id": "n35",
+                                                                                                                                                      "component": "Box",
+                                                                                                                                                      "props": {},
+                                                                                                                                                      "children": [
+                                                                                                                                                        {
+                                                                                                                                                          "id": "n36",
+                                                                                                                                                          "component": "Box",
+                                                                                                                                                          "props": {},
+                                                                                                                                                          "children": [
+                                                                                                                                                            {
+                                                                                                                                                              "id": "n37",
+                                                                                                                                                              "component": "Box",
+                                                                                                                                                              "props": {},
+                                                                                                                                                              "children": [
+                                                                                                                                                                {
+                                                                                                                                                                  "id": "n38",
+                                                                                                                                                                  "component": "Box",
+                                                                                                                                                                  "props": {},
+                                                                                                                                                                  "children": [
+                                                                                                                                                                    {
+                                                                                                                                                                      "id": "n39",
+                                                                                                                                                                      "component": "Box",
+                                                                                                                                                                      "props": {},
+                                                                                                                                                                      "children": [
+                                                                                                                                                                        {
+                                                                                                                                                                          "id": "n40",
+                                                                                                                                                                          "component": "Box",
+                                                                                                                                                                          "props": {},
+                                                                                                                                                                          "children": [
+                                                                                                                                                                            {
+                                                                                                                                                                              "id": "n41",
+                                                                                                                                                                              "component": "Box",
+                                                                                                                                                                              "props": {},
+                                                                                                                                                                              "children": [
+                                                                                                                                                                                {
+                                                                                                                                                                                  "id": "n42",
+                                                                                                                                                                                  "component": "Box",
+                                                                                                                                                                                  "props": {},
+                                                                                                                                                                                  "children": [
+                                                                                                                                                                                    {
+                                                                                                                                                                                      "id": "n43",
+                                                                                                                                                                                      "component": "Box",
+                                                                                                                                                                                      "props": {},
+                                                                                                                                                                                      "children": [
+                                                                                                                                                                                        {
+                                                                                                                                                                                          "id": "n44",
+                                                                                                                                                                                          "component": "Box",
+                                                                                                                                                                                          "props": {},
+                                                                                                                                                                                          "children": [
+                                                                                                                                                                                            {
+                                                                                                                                                                                              "id": "n45",
+                                                                                                                                                                                              "component": "Box",
+                                                                                                                                                                                              "props": {},
+                                                                                                                                                                                              "children": [
+                                                                                                                                                                                                {
+                                                                                                                                                                                                  "id": "n46",
+                                                                                                                                                                                                  "component": "Box",
+                                                                                                                                                                                                  "props": {},
+                                                                                                                                                                                                  "children": [
+                                                                                                                                                                                                    {
+                                                                                                                                                                                                      "id": "n47",
+                                                                                                                                                                                                      "component": "Box",
+                                                                                                                                                                                                      "props": {},
+                                                                                                                                                                                                      "children": [
+                                                                                                                                                                                                        {
+                                                                                                                                                                                                          "id": "n48",
+                                                                                                                                                                                                          "component": "Unknown",
+                                                                                                                                                                                                          "props": {
+                                                                                                                                                                                                            "component": "Box",
+                                                                                                                                                                                                            "catalogId": "https://ui.exponential.at/catalogs/core/v1"
+                                                                                                                                                                                                          },
+                                                                                                                                                                                                          "children": []
+                                                                                                                                                                                                        }
+                                                                                                                                                                                                      ]
+                                                                                                                                                                                                    }
+                                                                                                                                                                                                  ]
+                                                                                                                                                                                                }
+                                                                                                                                                                                              ]
+                                                                                                                                                                                            }
+                                                                                                                                                                                          ]
+                                                                                                                                                                                        }
+                                                                                                                                                                                      ]
+                                                                                                                                                                                    }
+                                                                                                                                                                                  ]
+                                                                                                                                                                                }
+                                                                                                                                                                              ]
+                                                                                                                                                                            }
+                                                                                                                                                                          ]
+                                                                                                                                                                        }
+                                                                                                                                                                      ]
+                                                                                                                                                                    }
+                                                                                                                                                                  ]
+                                                                                                                                                                }
+                                                                                                                                                              ]
+                                                                                                                                                            }
+                                                                                                                                                          ]
+                                                                                                                                                        }
+                                                                                                                                                      ]
+                                                                                                                                                    }
+                                                                                                                                                  ]
+                                                                                                                                                }
+                                                                                                                                              ]
+                                                                                                                                            }
+                                                                                                                                          ]
+                                                                                                                                        }
+                                                                                                                                      ]
+                                                                                                                                    }
+                                                                                                                                  ]
+                                                                                                                                }
+                                                                                                                              ]
+                                                                                                                            }
+                                                                                                                          ]
+                                                                                                                        }
+                                                                                                                      ]
+                                                                                                                    }
+                                                                                                                  ]
+                                                                                                                }
+                                                                                                              ]
+                                                                                                            }
+                                                                                                          ]
+                                                                                                        }
+                                                                                                      ]
+                                                                                                    }
+                                                                                                  ]
+                                                                                                }
+                                                                                              ]
+                                                                                            }
+                                                                                          ]
+                                                                                        }
+                                                                                      ]
+                                                                                    }
+                                                                                  ]
+                                                                                }
+                                                                              ]
+                                                                            }
+                                                                          ]
+                                                                        }
+                                                                      ]
+                                                                    }
+                                                                  ]
+                                                                }
+                                                              ]
+                                                            }
+                                                          ]
+                                                        }
+                                                      ]
+                                                    }
+                                                  ]
+                                                }
+                                              ]
+                                            }
+                                          ]
+                                        }
+                                      ]
+                                    }
+                                  ]
+                                }
+                              ]
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                }
+              ]
+            }
+          ]
+        },
+        "issues": [
+          {
+            "id": "n48",
+            "message": "nesting deeper than 48 levels"
+          }
+        ]
+      }
+    }
+  ]
+}