{
  "id": "1986f492-3a77-412a-b930-b4c97def943a",
  "name": "GitHub Contributor Leaderboard",
  "slug": null,
  "isPublic": false,
  "organizationId": "7471c14a-c11a-416a-94b2-863125bc69d7",
  "currentVersionId": null,
  "userId": "319a2ca8-395e-4f77-8998-78358f78b716",
  "createdAt": "2021-12-09T10:00:47.877Z",
  "updatedAt": "2021-12-09T10:00:47.942Z",
  "dataQueries": [
    {
      "id": "acf2e546-d3e4-4b5b-b8c9-7e0e25675501",
      "name": "fetchGithubProfile",
      "kind": "restapi",
      "options": {
        "method": "get",
        "url": "https://api.github.com/users/{{components.table1.selectedRow.login}}",
        "url_params": [],
        "headers": [],
        "body": []
      },
      "dataSourceId": null,
      "appId": "1986f492-3a77-412a-b930-b4c97def943a",
      "createdAt": "2021-12-09T10:00:47.876Z",
      "updatedAt": "2021-12-09T10:00:47.876Z"
    },
    {
      "id": "9630ba6f-1558-4a3a-8659-ec6a9554fc38",
      "name": "fetchContributors",
      "kind": "restapi",
      "options": {
        "method": "get",
        "url": "https://api.github.com/repos/{{components.textinput1.value}}/contributors",
        "url_params": [
          ["page", "{{components.table1.pageIndex}}"],
          ["per_page", "100"]
        ],
        "headers": [],
        "body": []
      },
      "dataSourceId": null,
      "appId": "1986f492-3a77-412a-b930-b4c97def943a",
      "createdAt": "2021-12-09T10:00:47.876Z",
      "updatedAt": "2021-12-09T10:00:47.876Z"
    }
  ],
  "dataSources": [],
  "appVersions": [
    {
      "id": "82726a42-6b45-497c-80b7-e9e69660e4ec",
      "name": "v0",
      "definition": {
        "components": {
          "d911a00b-96f8-4b00-b15d-dd1fef84d10e": {
            "top": 150,
            "left": 30,
            "width": 715,
            "height": 686,
            "component": {
              "name": "table1",
              "displayName": "Table",
              "description": "Display paginated tabular data",
              "component": "Table",
              "properties": {
                "title": { "type": "string", "displayName": "Title" },
                "data": { "type": "code", "displayName": "Table data" },
                "loadingState": {
                  "type": "code",
                  "displayName": "Loading state"
                },
                "columns": { "type": "array", "displayName": "Table Columns" },
                "serverSidePagination": {
                  "type": "toggle",
                  "displayName": "Server Side Pagination"
                },
                "actionButtonBackgroundColor": {
                  "type": "color",
                  "displayName": "Background Color"
                },
                "actionButtonTextColor": {
                  "type": "color",
                  "displayName": "Text Color"
                }
              },
              "defaultSize": { "width": 810, "height": 300 },
              "events": {
                "onRowClicked": { "displayName": "On row clicked" },
                "onBulkUpdate": { "displayName": "Bulk update query" },
                "onPageChanged": { "displayName": "On page changed query" }
              },
              "styles": {
                "textColor": { "type": "color", "displayName": "Text Color" }
              },
              "exposedVariables": {
                "selectedRow": {},
                "changeSet": {},
                "dataUpdates": [],
                "pageIndex": 0
              },
              "definition": {
                "properties": {
                  "title": { "value": "Table" },
                  "visible": { "value": true },
                  "loadingState": {
                    "value": "{{queries.fetchContributors.isLoading}}"
                  },
                  "data": { "value": "{{queries.fetchContributors.data}}" },
                  "serverSidePagination": { "value": true },
                  "columns": {
                    "value": [
                      { "name": "username", "key": "login" },
                      { "name": "contributions" }
                    ]
                  },
                  "actions": {
                    "value": [
                      {
                        "name": "Action0",
                        "buttonText": "GitHub",
                        "backgroundColor": "#000000",
                        "textColor": "#ffffff",
                        "onClick": {
                          "actionId": "open-webpage",
                          "options": {
                            "url": "{{queries.fetchGithubProfile.data.html_url}}"
                          }
                        },
                        "events": [
                          {
                            "actionId": "open-webpage",
                            "eventId": "onClick",
                            "url": "{{queries.fetchGithubProfile.data.html_url}}"
                          }
                        ]
                      }
                    ]
                  },
                  "columnSizes": { "actions": 229, "contributions": 208 },
                  "showBulkSelector": { "value": false },
                  "highlightSelectedRow": { "value": false }
                },
                "events": [
                  {
                    "queryName": "fetchGithubProfile",
                    "actionId": "run-query",
                    "eventId": "onRowClicked"
                  },
                  {
                    "queryName": "fetchGithubProfile",
                    "actionId": "run-query",
                    "eventId": "onPageChanged"
                  }
                ],
                "styles": {
                  "textColor": { "value": "" },
                  "cellSize": { "value": "compact" }
                },
                "others": {
                  "showOnDesktop": { "value": true },
                  "showOnMobile": { "value": false }
                }
              }
            },
            "layouts": {
              "desktop": {
                "top": 150,
                "left": 2.321981424148607,
                "width": 23.796439628482972,
                "height": 686
              }
            }
          },
          "ad27f56c-8fda-4c21-a60d-0951ba0f46f8": {
            "top": 150,
            "left": 780,
            "width": 476,
            "height": 504,
            "component": {
              "icon": "https://www.svgrepo.com/show/14343/table.svg",
              "name": "container1",
              "displayName": "Container",
              "description": "Wrapper for multiple components",
              "defaultSize": { "width": 200, "height": 200 },
              "component": "Container",
              "properties": {},
              "events": {},
              "styles": { "backgroundColor": { "type": "color" } },
              "exposedVariables": {},
              "definition": {
                "properties": { "visible": { "value": true } },
                "events": [],
                "styles": { "backgroundColor": { "value": "#fff" } },
                "others": {
                  "showOnDesktop": { "value": true },
                  "showOnMobile": { "value": false }
                }
              }
            },
            "layouts": {
              "desktop": {
                "top": 150,
                "left": 60.371517027863774,
                "width": 15.842105263157896,
                "height": 504
              }
            }
          },
          "6b3d8bce-bc34-42af-af46-24847cad360a": {
            "top": 30,
            "left": 150,
            "width": 200,
            "height": 200,
            "component": {
              "icon": "https://www.svgrepo.com/show/35088/image.svg",
              "name": "image1",
              "displayName": "Image",
              "description": "Display an Image",
              "defaultSize": { "width": 200, "height": 200 },
              "component": "Image",
              "properties": {
                "source": { "type": "code", "displayName": "URL" }
              },
              "events": { "onClick": { "displayName": "On click" } },
              "styles": {},
              "exposedVariables": {},
              "definition": {
                "properties": {
                  "source": {
                    "value": "{{queries.fetchGithubProfile.data.avatar_url}}"
                  },
                  "visible": { "value": true }
                },
                "events": [],
                "styles": {},
                "others": {
                  "showOnDesktop": { "value": true },
                  "showOnMobile": { "value": false }
                }
              }
            },
            "parent": "ad27f56c-8fda-4c21-a60d-0951ba0f46f8",
            "layouts": {
              "desktop": {
                "top": 30,
                "left": 31.51260504201681,
                "width": 18.067226890756302,
                "height": 200
              }
            }
          },
          "2bf00d77-caf1-404d-a505-fec4d3ec6e7f": {
            "top": 300,
            "left": 30,
            "width": 114,
            "height": 24,
            "component": {
              "icon": "https://www.svgrepo.com/show/219344/text.svg",
              "name": "text1",
              "displayName": "Text",
              "description": "Display markdown or HTML",
              "component": "Text",
              "properties": {
                "text": { "type": "code", "displayName": "Text" },
                "loadingState": {
                  "type": "code",
                  "displayName": "Show loading state"
                }
              },
              "defaultSize": { "width": 210, "height": 24 },
              "events": [],
              "styles": {
                "textColor": { "type": "color", "displayName": "Text Color" }
              },
              "exposedVariables": {},
              "definition": {
                "properties": {
                  "text": { "value": "Name:" },
                  "visible": { "value": true },
                  "loadingState": { "value": "{{false}}" }
                },
                "events": [],
                "styles": { "textColor": { "value": "#000" } },
                "others": {
                  "showOnDesktop": { "value": true },
                  "showOnMobile": { "value": false }
                }
              }
            },
            "parent": "ad27f56c-8fda-4c21-a60d-0951ba0f46f8",
            "layouts": {
              "desktop": {
                "top": 300,
                "left": 6.302521008403361,
                "width": 10.298319327731093,
                "height": 24
              }
            }
          },
          "a7cce90d-c3cd-40b3-9b7a-348e6f51da3e": {
            "top": 360,
            "left": 30,
            "width": 116,
            "height": 24,
            "component": {
              "icon": "https://www.svgrepo.com/show/219344/text.svg",
              "name": "text2",
              "displayName": "Text",
              "description": "Display markdown or HTML",
              "component": "Text",
              "properties": {
                "text": { "type": "code", "displayName": "Text" },
                "loadingState": {
                  "type": "code",
                  "displayName": "Show loading state"
                }
              },
              "defaultSize": { "width": 210, "height": 24 },
              "events": [],
              "styles": {
                "textColor": { "type": "color", "displayName": "Text Color" }
              },
              "exposedVariables": {},
              "definition": {
                "properties": {
                  "text": { "value": "Organization:" },
                  "visible": { "value": true },
                  "loadingState": { "value": "{{false}}" }
                },
                "events": [],
                "styles": { "textColor": { "value": "#000" } },
                "others": {
                  "showOnDesktop": { "value": true },
                  "showOnMobile": { "value": false }
                }
              }
            },
            "parent": "ad27f56c-8fda-4c21-a60d-0951ba0f46f8",
            "layouts": {
              "desktop": {
                "top": 360,
                "left": 6.302521008403361,
                "width": 10.478991596638656,
                "height": 24
              }
            }
          },
          "517f8c1d-1f4b-488a-8e42-f1d779e0ff09": {
            "top": 420,
            "left": 30,
            "width": 117,
            "height": 24,
            "component": {
              "icon": "https://www.svgrepo.com/show/219344/text.svg",
              "name": "text3",
              "displayName": "Text",
              "description": "Display markdown or HTML",
              "component": "Text",
              "properties": {
                "text": { "type": "code", "displayName": "Text" },
                "loadingState": {
                  "type": "code",
                  "displayName": "Show loading state"
                }
              },
              "defaultSize": { "width": 210, "height": 24 },
              "events": [],
              "styles": {
                "textColor": { "type": "color", "displayName": "Text Color" }
              },
              "exposedVariables": {},
              "definition": {
                "properties": {
                  "text": { "value": "Followers:" },
                  "visible": { "value": true },
                  "loadingState": { "value": "{{false}}" }
                },
                "events": [],
                "styles": { "textColor": { "value": "#000" } },
                "others": {
                  "showOnDesktop": { "value": true },
                  "showOnMobile": { "value": false }
                }
              }
            },
            "parent": "ad27f56c-8fda-4c21-a60d-0951ba0f46f8",
            "layouts": {
              "desktop": {
                "top": 420,
                "left": 6.302521008403361,
                "width": 10.569327731092438,
                "height": 24
              }
            }
          },
          "1a109bae-548f-48b5-a22a-683364a414b1": {
            "top": 300,
            "left": 180,
            "width": 210,
            "height": 24,
            "component": {
              "icon": "https://www.svgrepo.com/show/219344/text.svg",
              "name": "text4",
              "displayName": "Text",
              "description": "Display markdown or HTML",
              "component": "Text",
              "properties": {
                "text": { "type": "code", "displayName": "Text" },
                "loadingState": {
                  "type": "code",
                  "displayName": "Show loading state"
                }
              },
              "defaultSize": { "width": 210, "height": 24 },
              "events": [],
              "styles": {
                "textColor": { "type": "color", "displayName": "Text Color" }
              },
              "exposedVariables": {},
              "definition": {
                "properties": {
                  "text": {
                    "value": "{{queries.fetchGithubProfile.data.name}}"
                  },
                  "visible": { "value": true },
                  "loadingState": {
                    "value": "{{queries.fetchGithubProfile.isLoading}}"
                  }
                },
                "events": [],
                "styles": { "textColor": { "value": "#000" } },
                "others": {
                  "showOnDesktop": { "value": true },
                  "showOnMobile": { "value": false }
                }
              }
            },
            "parent": "ad27f56c-8fda-4c21-a60d-0951ba0f46f8",
            "layouts": {
              "desktop": {
                "top": 300,
                "left": 37.81512605042017,
                "width": 18.970588235294116,
                "height": 24
              }
            }
          },
          "49da9d80-21fa-4068-bfe7-d8189e286f2d": {
            "top": 360,
            "left": 180,
            "width": 210,
            "height": 24,
            "component": {
              "icon": "https://www.svgrepo.com/show/219344/text.svg",
              "name": "text5",
              "displayName": "Text",
              "description": "Display markdown or HTML",
              "component": "Text",
              "properties": {
                "text": { "type": "code", "displayName": "Text" },
                "loadingState": {
                  "type": "code",
                  "displayName": "Show loading state"
                }
              },
              "defaultSize": { "width": 210, "height": 24 },
              "events": [],
              "styles": {
                "textColor": { "type": "color", "displayName": "Text Color" }
              },
              "exposedVariables": {},
              "definition": {
                "properties": {
                  "text": {
                    "value": "{{queries.fetchGithubProfile.data.company}}"
                  },
                  "visible": { "value": true },
                  "loadingState": {
                    "value": "{{queries.fetchGithubProfile.isLoading}}"
                  }
                },
                "events": [],
                "styles": { "textColor": { "value": "#000" } },
                "others": {
                  "showOnDesktop": { "value": true },
                  "showOnMobile": { "value": false }
                }
              }
            },
            "parent": "ad27f56c-8fda-4c21-a60d-0951ba0f46f8",
            "layouts": {
              "desktop": {
                "top": 360,
                "left": 37.81512605042017,
                "width": 18.970588235294116,
                "height": 24
              }
            }
          },
          "b607d4c7-edf1-4d5f-b947-98845d0673b7": {
            "top": 420,
            "left": 180,
            "width": 210,
            "height": 24,
            "component": {
              "icon": "https://www.svgrepo.com/show/219344/text.svg",
              "name": "text6",
              "displayName": "Text",
              "description": "Display markdown or HTML",
              "component": "Text",
              "properties": {
                "text": { "type": "code", "displayName": "Text" },
                "loadingState": {
                  "type": "code",
                  "displayName": "Show loading state"
                }
              },
              "defaultSize": { "width": 210, "height": 24 },
              "events": [],
              "styles": {
                "textColor": { "type": "color", "displayName": "Text Color" }
              },
              "exposedVariables": {},
              "definition": {
                "properties": {
                  "text": {
                    "value": "{{queries.fetchGithubProfile.data.followers}}"
                  },
                  "visible": { "value": true },
                  "loadingState": {
                    "value": "{{queries.fetchGithubProfile.isLoading}}"
                  }
                },
                "events": [],
                "styles": { "textColor": { "value": "#000" } },
                "others": {
                  "showOnDesktop": { "value": true },
                  "showOnMobile": { "value": false }
                }
              }
            },
            "parent": "ad27f56c-8fda-4c21-a60d-0951ba0f46f8",
            "layouts": {
              "desktop": {
                "top": 420,
                "left": 37.81512605042017,
                "width": 18.970588235294116,
                "height": 24
              }
            }
          },
          "0c28ef81-6cdf-4e12-8f21-de47b72b7bea": {
            "top": 90,
            "left": 30,
            "width": 443,
            "height": 30,
            "component": {
              "icon": "https://www.svgrepo.com/show/38828/text.svg",
              "name": "textinput1",
              "displayName": "Text Input",
              "description": "Text field for forms",
              "component": "TextInput",
              "defaultSize": { "width": 200, "height": 30 },
              "properties": {
                "placeholder": { "type": "code", "displayName": "Placeholder" }
              },
              "events": {},
              "styles": {},
              "exposedVariables": { "value": {} },
              "definition": {
                "properties": {
                  "placeholder": { "value": "organization/repository" }
                },
                "events": [],
                "styles": {},
                "others": {
                  "showOnDesktop": { "value": true },
                  "showOnMobile": { "value": false }
                }
              }
            },
            "layouts": {
              "desktop": {
                "top": 90,
                "left": 2.321981424148607,
                "width": 14.743808049535604,
                "height": 30
              }
            }
          },
          "5dc58297-2a31-48eb-9eab-e80fe2e669a9": {
            "top": 90,
            "left": 570,
            "width": 174,
            "height": 30,
            "component": {
              "icon": "/assets/images/icons/button.svg",
              "name": "button1",
              "displayName": "Button",
              "description": "Trigger actions: queries, alerts etc",
              "component": "Button",
              "defaultSize": { "width": 120, "height": 30 },
              "properties": {
                "text": { "type": "code", "displayName": "Button Text" },
                "loadingState": {
                  "type": "code",
                  "displayName": "Loading State"
                }
              },
              "events": { "onClick": { "displayName": "On click" } },
              "styles": {
                "backgroundColor": {
                  "type": "color",
                  "displayName": "Background color"
                },
                "textColor": { "type": "color", "displayName": "Text color" }
              },
              "exposedVariables": {},
              "definition": {
                "properties": {
                  "text": { "value": "Fetch contributors" },
                  "visible": { "value": true },
                  "loadingState": { "value": "{{false}}" }
                },
                "events": [
                  {
                    "queryName": "fetchContributors",
                    "actionId": "run-query",
                    "eventId": "onClick"
                  }
                ],
                "styles": {
                  "backgroundColor": { "value": "#3c92dc" },
                  "textColor": { "value": "#fff" }
                },
                "others": {
                  "showOnDesktop": { "value": true },
                  "showOnMobile": { "value": false }
                }
              }
            },
            "layouts": {
              "desktop": {
                "top": 90,
                "left": 44.11764705882353,
                "width": 5.791021671826625,
                "height": 30
              }
            }
          }
        },
        "globalSettings": {
          "hideHeader": false,
          "canvasMaxWidth": 1292,
          "canvasBackgroundColor": "#edeff5"
        }
      },
      "appId": "1986f492-3a77-412a-b930-b4c97def943a",
      "createdAt": "2021-12-09T10:00:47.905Z",
      "updatedAt": "2021-12-09T10:01:17.080Z"
    }
  ],
  "editingVersion": {
    "id": "82726a42-6b45-497c-80b7-e9e69660e4ec",
    "name": "v0",
    "definition": {
      "components": {
        "d911a00b-96f8-4b00-b15d-dd1fef84d10e": {
          "top": 150,
          "left": 30,
          "width": 715,
          "height": 686,
          "component": {
            "name": "table1",
            "displayName": "Table",
            "description": "Display paginated tabular data",
            "component": "Table",
            "properties": {
              "title": { "type": "string", "displayName": "Title" },
              "data": { "type": "code", "displayName": "Table data" },
              "loadingState": {
                "type": "code",
                "displayName": "Loading state"
              },
              "columns": { "type": "array", "displayName": "Table Columns" },
              "serverSidePagination": {
                "type": "toggle",
                "displayName": "Server Side Pagination"
              },
              "actionButtonBackgroundColor": {
                "type": "color",
                "displayName": "Background Color"
              },
              "actionButtonTextColor": {
                "type": "color",
                "displayName": "Text Color"
              }
            },
            "defaultSize": { "width": 810, "height": 300 },
            "events": {
              "onRowClicked": { "displayName": "On row clicked" },
              "onBulkUpdate": { "displayName": "Bulk update query" },
              "onPageChanged": { "displayName": "On page changed query" }
            },
            "styles": {
              "textColor": { "type": "color", "displayName": "Text Color" }
            },
            "exposedVariables": {
              "selectedRow": {},
              "changeSet": {},
              "dataUpdates": [],
              "pageIndex": 0
            },
            "definition": {
              "properties": {
                "title": { "value": "Table" },
                "visible": { "value": true },
                "loadingState": {
                  "value": "{{queries.fetchContributors.isLoading}}"
                },
                "data": { "value": "{{queries.fetchContributors.data}}" },
                "serverSidePagination": { "value": true },
                "columns": {
                  "value": [
                    { "name": "username", "key": "login" },
                    { "name": "contributions" }
                  ]
                },
                "actions": {
                  "value": [
                    {
                      "name": "Action0",
                      "buttonText": "GitHub",
                      "backgroundColor": "#000000",
                      "textColor": "#ffffff",
                      "onClick": {
                        "actionId": "open-webpage",
                        "options": {
                          "url": "{{queries.fetchGithubProfile.data.html_url}}"
                        }
                      },
                      "events": [
                        {
                          "actionId": "open-webpage",
                          "eventId": "onClick",
                          "url": "{{queries.fetchGithubProfile.data.html_url}}"
                        }
                      ]
                    }
                  ]
                },
                "columnSizes": { "actions": 229, "contributions": 208 },
                "showBulkSelector": { "value": false },
                "highlightSelectedRow": { "value": false }
              },
              "events": [
                {
                  "queryName": "fetchGithubProfile",
                  "actionId": "run-query",
                  "eventId": "onRowClicked"
                },
                {
                  "queryName": "fetchGithubProfile",
                  "actionId": "run-query",
                  "eventId": "onPageChanged"
                }
              ],
              "styles": {
                "textColor": { "value": "" },
                "cellSize": { "value": "compact" }
              },
              "others": {
                "showOnDesktop": { "value": true },
                "showOnMobile": { "value": false }
              }
            }
          },
          "layouts": {
            "desktop": {
              "top": 150,
              "left": 2.321981424148607,
              "width": 23.796439628482972,
              "height": 686
            }
          }
        },
        "ad27f56c-8fda-4c21-a60d-0951ba0f46f8": {
          "top": 150,
          "left": 780,
          "width": 476,
          "height": 504,
          "component": {
            "icon": "https://www.svgrepo.com/show/14343/table.svg",
            "name": "container1",
            "displayName": "Container",
            "description": "Wrapper for multiple components",
            "defaultSize": { "width": 200, "height": 200 },
            "component": "Container",
            "properties": {},
            "events": {},
            "styles": { "backgroundColor": { "type": "color" } },
            "exposedVariables": {},
            "definition": {
              "properties": { "visible": { "value": true } },
              "events": [],
              "styles": { "backgroundColor": { "value": "#fff" } },
              "others": {
                "showOnDesktop": { "value": true },
                "showOnMobile": { "value": false }
              }
            }
          },
          "layouts": {
            "desktop": {
              "top": 150,
              "left": 60.371517027863774,
              "width": 15.842105263157896,
              "height": 504
            }
          }
        },
        "6b3d8bce-bc34-42af-af46-24847cad360a": {
          "top": 30,
          "left": 150,
          "width": 200,
          "height": 200,
          "component": {
            "icon": "https://www.svgrepo.com/show/35088/image.svg",
            "name": "image1",
            "displayName": "Image",
            "description": "Display an Image",
            "defaultSize": { "width": 200, "height": 200 },
            "component": "Image",
            "properties": {
              "source": { "type": "code", "displayName": "URL" }
            },
            "events": { "onClick": { "displayName": "On click" } },
            "styles": {},
            "exposedVariables": {},
            "definition": {
              "properties": {
                "source": {
                  "value": "{{queries.fetchGithubProfile.data.avatar_url}}"
                },
                "visible": { "value": true }
              },
              "events": [],
              "styles": {},
              "others": {
                "showOnDesktop": { "value": true },
                "showOnMobile": { "value": false }
              }
            }
          },
          "parent": "ad27f56c-8fda-4c21-a60d-0951ba0f46f8",
          "layouts": {
            "desktop": {
              "top": 30,
              "left": 31.51260504201681,
              "width": 18.067226890756302,
              "height": 200
            }
          }
        },
        "2bf00d77-caf1-404d-a505-fec4d3ec6e7f": {
          "top": 300,
          "left": 30,
          "width": 114,
          "height": 24,
          "component": {
            "icon": "https://www.svgrepo.com/show/219344/text.svg",
            "name": "text1",
            "displayName": "Text",
            "description": "Display markdown or HTML",
            "component": "Text",
            "properties": {
              "text": { "type": "code", "displayName": "Text" },
              "loadingState": {
                "type": "code",
                "displayName": "Show loading state"
              }
            },
            "defaultSize": { "width": 210, "height": 24 },
            "events": [],
            "styles": {
              "textColor": { "type": "color", "displayName": "Text Color" }
            },
            "exposedVariables": {},
            "definition": {
              "properties": {
                "text": { "value": "Name:" },
                "visible": { "value": true },
                "loadingState": { "value": "{{false}}" }
              },
              "events": [],
              "styles": { "textColor": { "value": "#000" } },
              "others": {
                "showOnDesktop": { "value": true },
                "showOnMobile": { "value": false }
              }
            }
          },
          "parent": "ad27f56c-8fda-4c21-a60d-0951ba0f46f8",
          "layouts": {
            "desktop": {
              "top": 300,
              "left": 6.302521008403361,
              "width": 10.298319327731093,
              "height": 24
            }
          }
        },
        "a7cce90d-c3cd-40b3-9b7a-348e6f51da3e": {
          "top": 360,
          "left": 30,
          "width": 116,
          "height": 24,
          "component": {
            "icon": "https://www.svgrepo.com/show/219344/text.svg",
            "name": "text2",
            "displayName": "Text",
            "description": "Display markdown or HTML",
            "component": "Text",
            "properties": {
              "text": { "type": "code", "displayName": "Text" },
              "loadingState": {
                "type": "code",
                "displayName": "Show loading state"
              }
            },
            "defaultSize": { "width": 210, "height": 24 },
            "events": [],
            "styles": {
              "textColor": { "type": "color", "displayName": "Text Color" }
            },
            "exposedVariables": {},
            "definition": {
              "properties": {
                "text": { "value": "Organization:" },
                "visible": { "value": true },
                "loadingState": { "value": "{{false}}" }
              },
              "events": [],
              "styles": { "textColor": { "value": "#000" } },
              "others": {
                "showOnDesktop": { "value": true },
                "showOnMobile": { "value": false }
              }
            }
          },
          "parent": "ad27f56c-8fda-4c21-a60d-0951ba0f46f8",
          "layouts": {
            "desktop": {
              "top": 360,
              "left": 6.302521008403361,
              "width": 10.478991596638656,
              "height": 24
            }
          }
        },
        "517f8c1d-1f4b-488a-8e42-f1d779e0ff09": {
          "top": 420,
          "left": 30,
          "width": 117,
          "height": 24,
          "component": {
            "icon": "https://www.svgrepo.com/show/219344/text.svg",
            "name": "text3",
            "displayName": "Text",
            "description": "Display markdown or HTML",
            "component": "Text",
            "properties": {
              "text": { "type": "code", "displayName": "Text" },
              "loadingState": {
                "type": "code",
                "displayName": "Show loading state"
              }
            },
            "defaultSize": { "width": 210, "height": 24 },
            "events": [],
            "styles": {
              "textColor": { "type": "color", "displayName": "Text Color" }
            },
            "exposedVariables": {},
            "definition": {
              "properties": {
                "text": { "value": "Followers:" },
                "visible": { "value": true },
                "loadingState": { "value": "{{false}}" }
              },
              "events": [],
              "styles": { "textColor": { "value": "#000" } },
              "others": {
                "showOnDesktop": { "value": true },
                "showOnMobile": { "value": false }
              }
            }
          },
          "parent": "ad27f56c-8fda-4c21-a60d-0951ba0f46f8",
          "layouts": {
            "desktop": {
              "top": 420,
              "left": 6.302521008403361,
              "width": 10.569327731092438,
              "height": 24
            }
          }
        },
        "1a109bae-548f-48b5-a22a-683364a414b1": {
          "top": 300,
          "left": 180,
          "width": 210,
          "height": 24,
          "component": {
            "icon": "https://www.svgrepo.com/show/219344/text.svg",
            "name": "text4",
            "displayName": "Text",
            "description": "Display markdown or HTML",
            "component": "Text",
            "properties": {
              "text": { "type": "code", "displayName": "Text" },
              "loadingState": {
                "type": "code",
                "displayName": "Show loading state"
              }
            },
            "defaultSize": { "width": 210, "height": 24 },
            "events": [],
            "styles": {
              "textColor": { "type": "color", "displayName": "Text Color" }
            },
            "exposedVariables": {},
            "definition": {
              "properties": {
                "text": { "value": "{{queries.fetchGithubProfile.data.name}}" },
                "visible": { "value": true },
                "loadingState": {
                  "value": "{{queries.fetchGithubProfile.isLoading}}"
                }
              },
              "events": [],
              "styles": { "textColor": { "value": "#000" } },
              "others": {
                "showOnDesktop": { "value": true },
                "showOnMobile": { "value": false }
              }
            }
          },
          "parent": "ad27f56c-8fda-4c21-a60d-0951ba0f46f8",
          "layouts": {
            "desktop": {
              "top": 300,
              "left": 37.81512605042017,
              "width": 18.970588235294116,
              "height": 24
            }
          }
        },
        "49da9d80-21fa-4068-bfe7-d8189e286f2d": {
          "top": 360,
          "left": 180,
          "width": 210,
          "height": 24,
          "component": {
            "icon": "https://www.svgrepo.com/show/219344/text.svg",
            "name": "text5",
            "displayName": "Text",
            "description": "Display markdown or HTML",
            "component": "Text",
            "properties": {
              "text": { "type": "code", "displayName": "Text" },
              "loadingState": {
                "type": "code",
                "displayName": "Show loading state"
              }
            },
            "defaultSize": { "width": 210, "height": 24 },
            "events": [],
            "styles": {
              "textColor": { "type": "color", "displayName": "Text Color" }
            },
            "exposedVariables": {},
            "definition": {
              "properties": {
                "text": {
                  "value": "{{queries.fetchGithubProfile.data.company}}"
                },
                "visible": { "value": true },
                "loadingState": {
                  "value": "{{queries.fetchGithubProfile.isLoading}}"
                }
              },
              "events": [],
              "styles": { "textColor": { "value": "#000" } },
              "others": {
                "showOnDesktop": { "value": true },
                "showOnMobile": { "value": false }
              }
            }
          },
          "parent": "ad27f56c-8fda-4c21-a60d-0951ba0f46f8",
          "layouts": {
            "desktop": {
              "top": 360,
              "left": 37.81512605042017,
              "width": 18.970588235294116,
              "height": 24
            }
          }
        },
        "b607d4c7-edf1-4d5f-b947-98845d0673b7": {
          "top": 420,
          "left": 180,
          "width": 210,
          "height": 24,
          "component": {
            "icon": "https://www.svgrepo.com/show/219344/text.svg",
            "name": "text6",
            "displayName": "Text",
            "description": "Display markdown or HTML",
            "component": "Text",
            "properties": {
              "text": { "type": "code", "displayName": "Text" },
              "loadingState": {
                "type": "code",
                "displayName": "Show loading state"
              }
            },
            "defaultSize": { "width": 210, "height": 24 },
            "events": [],
            "styles": {
              "textColor": { "type": "color", "displayName": "Text Color" }
            },
            "exposedVariables": {},
            "definition": {
              "properties": {
                "text": {
                  "value": "{{queries.fetchGithubProfile.data.followers}}"
                },
                "visible": { "value": true },
                "loadingState": {
                  "value": "{{queries.fetchGithubProfile.isLoading}}"
                }
              },
              "events": [],
              "styles": { "textColor": { "value": "#000" } },
              "others": {
                "showOnDesktop": { "value": true },
                "showOnMobile": { "value": false }
              }
            }
          },
          "parent": "ad27f56c-8fda-4c21-a60d-0951ba0f46f8",
          "layouts": {
            "desktop": {
              "top": 420,
              "left": 37.81512605042017,
              "width": 18.970588235294116,
              "height": 24
            }
          }
        },
        "0c28ef81-6cdf-4e12-8f21-de47b72b7bea": {
          "top": 90,
          "left": 30,
          "width": 443,
          "height": 30,
          "component": {
            "icon": "https://www.svgrepo.com/show/38828/text.svg",
            "name": "textinput1",
            "displayName": "Text Input",
            "description": "Text field for forms",
            "component": "TextInput",
            "defaultSize": { "width": 200, "height": 30 },
            "properties": {
              "placeholder": { "type": "code", "displayName": "Placeholder" }
            },
            "events": {},
            "styles": {},
            "exposedVariables": { "value": {} },
            "definition": {
              "properties": {
                "placeholder": { "value": "organization/repository" }
              },
              "events": [],
              "styles": {},
              "others": {
                "showOnDesktop": { "value": true },
                "showOnMobile": { "value": false }
              }
            }
          },
          "layouts": {
            "desktop": {
              "top": 90,
              "left": 2.321981424148607,
              "width": 14.743808049535604,
              "height": 30
            }
          }
        },
        "5dc58297-2a31-48eb-9eab-e80fe2e669a9": {
          "top": 90,
          "left": 570,
          "width": 174,
          "height": 30,
          "component": {
            "icon": "/assets/images/icons/button.svg",
            "name": "button1",
            "displayName": "Button",
            "description": "Trigger actions: queries, alerts etc",
            "component": "Button",
            "defaultSize": { "width": 120, "height": 30 },
            "properties": {
              "text": { "type": "code", "displayName": "Button Text" },
              "loadingState": { "type": "code", "displayName": "Loading State" }
            },
            "events": { "onClick": { "displayName": "On click" } },
            "styles": {
              "backgroundColor": {
                "type": "color",
                "displayName": "Background color"
              },
              "textColor": { "type": "color", "displayName": "Text color" }
            },
            "exposedVariables": {},
            "definition": {
              "properties": {
                "text": { "value": "Fetch contributors" },
                "visible": { "value": true },
                "loadingState": { "value": "{{false}}" }
              },
              "events": [
                {
                  "queryName": "fetchContributors",
                  "actionId": "run-query",
                  "eventId": "onClick"
                }
              ],
              "styles": {
                "backgroundColor": { "value": "#3c92dc" },
                "textColor": { "value": "#fff" }
              },
              "others": {
                "showOnDesktop": { "value": true },
                "showOnMobile": { "value": false }
              }
            }
          },
          "layouts": {
            "desktop": {
              "top": 90,
              "left": 44.11764705882353,
              "width": 5.791021671826625,
              "height": 30
            }
          }
        }
      },
      "globalSettings": {
        "hideHeader": false,
        "canvasMaxWidth": 1292,
        "canvasBackgroundColor": "#edeff5"
      }
    },
    "appId": "1986f492-3a77-412a-b930-b4c97def943a",
    "createdAt": "2021-12-09T10:00:47.905Z",
    "updatedAt": "2021-12-09T10:01:17.080Z"
  },
  "tooljetVersion": "0.10.0"
}