uc-apx tree

Print a tree view of a page’s component hierarchy (kind + name only). Without arguments, shows the top-level structure of the entire app.

Usage

uc-apx tree [page-id] [flags]

Global Flags

Flag	Type	Default	Description
--app-dir	string	.	Path to the APEX application directory
--json-pretty			Output in pretty-printed JSON (human-readable) instead of minified JSON
--toon			Output in TOON format (human-readable, token-efficient) instead of JSON

Examples (from help)

# Show the top-level structure of the entire app
  uc-apx tree

  # Show the component hierarchy of a specific page
  uc-apx tree 1

  # Look up a page by alias
  uc-apx tree HOME

  # Show tree as JSON for programmatic processing
  uc-apx --json-pretty tree 46

Example Output

Running against examples/brookstrut:

uc-apx --app-dir examples/brookstrut tree 1

kind: page
id: "1"
name: Home
type: ""
children[4]:
  - kind: region
    id: application-actions
    name: Application Actions
    type: list
    children[0]:
  - kind: region
    id: home
    name: Home
    type: staticContent
    children[0]:
  - kind: button
    id: about
    name: about
    type: ""
    children[0]:
  - kind: computation
    id: last-view
    name: last-view
    type: ""
    children[0]:

JSON output

{
  "kind": "page",
  "id": "1",
  "name": "Home",
  "children": [
    {
      "kind": "region",
      "id": "application-actions",
      "name": "Application Actions",
      "type": "list"
    },
    {
      "kind": "region",
      "id": "home",
      "name": "Home",
      "type": "staticContent"
    },
    {
      "kind": "button",
      "id": "about",
      "name": "about"
    },
    {
      "kind": "computation",
      "id": "last-view",
      "name": "last-view"
    }
  ]
}