rstudio / shinyuieditor

A GUI for laying out a Shiny application that generates clean and human-readable UI code
https://rstudio.github.io/shinyuieditor/
MIT License
209 stars 29 forks source link

Error in ShinyUiEditor at root #253

Open miqueiast opened 7 months ago

miqueiast commented 7 months ago

Error at root of editor:

Ui-Tree at error:

{
  "id": "grid_page",
  "namedArgs": {
    "layout": [
      "header  header header",
      "sidebar              ",
      "table   table  plotly",
      "table   table  plotly"
    ],
    "row_sizes": [
      "100px",
      "1fr",
      "1fr",
      "1fr"
    ],
    "col_sizes": [
      "250px",
      "0.59fr",
      "1.41fr"
    ],
    "gap_size": "1rem"
  },
  "children": [
    {
      "id": "grid_card",
      "namedArgs": {
        "area": "sidebar"
      },
      "children": [
        {
          "id": "card_header",
          "namedArgs": {},
          "children": [
            {
              "id": "textNode",
              "namedArgs": {
                "contents": "Settings"
              }
            }
          ]
        },
        {
          "id": "card_body",
          "namedArgs": {},
          "children": [
            {
              "id": "sliderInput",
              "namedArgs": {
                "inputId": "bins",
                "label": "Number of Bins",
                "min": 12,
                "max": 100,
                "value": 30,
                "width": "100%"
              }
            },
            {
              "id": "numericInput",
              "namedArgs": {
                "inputId": "numRows",
                "label": "Number of table rows",
                "value": 10,
                "min": 1,
                "step": 1,
                "width": "100%"
              }
            }
          ]
        }
      ]
    },
    {
      "id": "grid_card_text",
      "namedArgs": {
        "area": "header",
        "content": "Amazon Avaliação de Produtos",
        "alignment": "start",
        "is_title": false
      }
    },
    {
      "id": "grid_card",
      "namedArgs": {
        "area": "table"
      },
      "children": [
        {
          "id": "card_header",
          "namedArgs": {},
          "children": [
            {
              "id": "textNode",
              "namedArgs": {
                "contents": "Table"
              }
            }
          ]
        },
        {
          "id": "card_body",
          "namedArgs": {},
          "children": [
            {
              "id": "DTOutput",
              "namedArgs": {
                "outputId": "myTable",
                "width": "100%"
              }
            }
          ]
        }
      ]
    },
    {
      "id": "grid_card_plot",
      "namedArgs": {
        "area": ""
      }
    },
    {
      "id": "grid_card",
      "namedArgs": {
        "area": "plotly"
      },
      "children": [
        {
          "id": "card_header",
          "namedArgs": {},
          "children": [
            {
              "id": "textNode",
              "namedArgs": {
                "contents": "Interactive Plot"
              }
            }
          ]
        },
        {
          "id": "card_body",
          "namedArgs": {},
          "children": [
            {
              "id": "plotlyOutput",
              "namedArgs": {
                "outputId": "distPlot",
                "width": "100%",
                "height": "100%"
              }
            }
          ]
        }
      ]
    }
  ]
}

Selection path: 3