{ "id": "436e9e86-04e4-46ae-a75f-8ba192b7d0af", "name": "GitHub Star Ranking", "slug": "github-star-ranking", "isPublic": true, "organizationId": "1d89c866-802d-4e0a-a9ef-05660d38a0f4", "currentVersionId": "78e4c141-5efd-4648-8121-c1339ac8de5e", "userId": "5d0e3769-e0c6-42cd-a7b9-a112e178296f", "createdAt": "2021-12-03T13:03:04.425Z", "updatedAt": "2021-12-03T13:03:26.544Z", "dataQueries": [ { "id": "69f70cd8-d6f4-487b-acc7-b9a88c721767", "name": "restapi1", "kind": "restapi", "options": { "method": "get", "url": "https://api.github.com/search/repositories?q=stars:>{{components.numberinput1.value}} forks:>={{components.numberinput2.value}} language:{{components.dropdown1.value}}&sort=stars&order=desc&per_page=25&page={{components.table1.pageIndex}}", "url_params": [ [ "", "" ] ], "headers": [ [ "Accept", "application/vnd.github.v3+json" ], [ "", "" ] ], "body": [ [ "", "" ] ], "runOnPageLoad": true }, "dataSourceId": null, "appId": "436e9e86-04e4-46ae-a75f-8ba192b7d0af", "createdAt": "2021-12-03T13:03:04.424Z", "updatedAt": "2021-12-03T13:03:04.424Z" } ], "dataSources": [], "appVersions": [ { "id": "78e4c141-5efd-4648-8121-c1339ac8de5e", "name": "v1", "definition": { "components": { "83cb7c64-4e8f-4fc2-ab0c-eb75d695f57b": { "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" }, "clientSidePagination": { "type": "toggle", "displayName": "Client-side pagination" }, "serverSideSearch": { "type": "toggle", "displayName": "Server-side search" }, "actionButtonBackgroundColor": { "type": "color", "displayName": "Background color" }, "actionButtonTextColor": { "type": "color", "displayName": "Text color" }, "displaySearchBox": { "type": "toggle", "displayName": "Show search box" }, "showDownloadButton": { "type": "toggle", "displayName": "Show download button" }, "showFilterButton": { "type": "toggle", "displayName": "Show filter button" }, "showBulkUpdateActions": { "type": "toggle", "displayName": "Show bulk update actions" }, "showBulkSelector": { "type": "toggle", "displayName": "Bulk selection" }, "highlightSelectedRow": { "type": "toggle", "displayName": "Highlight selected row" } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop " }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "defaultSize": { "width": 20, "height": 300 }, "events": { "onRowClicked": { "displayName": "Row clicked" }, "onBulkUpdate": { "displayName": "Bulk update" }, "onPageChanged": { "displayName": "Page changed" }, "onSearch": { "displayName": "Search" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color" }, "tableType": { "type": "select", "displayName": "Table type", "options": [ { "name": "Bordered", "value": "" }, { "name": "Borderless", "value": "table-borderless" }, { "name": "Classic", "value": "table-classic" }, { "name": "Striped", "value": "table-striped" }, { "name": "Striped & bordered", "value": "table-striped table-bordered" } ] }, "cellSize": { "type": "select", "displayName": "Cell size", "options": [ { "name": "Compact", "value": "compact" }, { "name": "Spacious", "value": "spacious" } ] }, "visibility": { "type": "code", "displayName": "Visibility" }, "disabledState": { "type": "code", "displayName": "Disable" } }, "exposedVariables": { "selectedRow": {}, "changeSet": {}, "dataUpdates": [], "pageIndex": 0, "searchText": "", "selectedRows": [] }, "definition": { "others": { "showOnDesktop": { "value": true }, "showOnMobile": { "value": false } }, "properties": { "title": { "value": "Table" }, "visible": { "value": true }, "loadingState": { "value": "{{queries.restapi1.isLoading}}" }, "data": { "value": "{{queries.restapi1.data.items}}" }, "serverSidePagination": { "value": true }, "clientSidePagination": { "value": false }, "displaySearchBox": { "value": true }, "showDownloadButton": { "value": true }, "showFilterButton": { "value": true }, "columns": { "value": [ { "name": "repo", "id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737", "key": "full_name", "isEditable": false }, { "name": "description", "id": "1f58dd7d-4c06-4f0f-b8e1-8f097386b843", "key": "description", "columnType": "text", "isEditable": false }, { "name": "stars", "id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f", "key": "stargazers_count" }, { "name": "watchers", "id": "664e49c8-1600-4d0f-92c4-e1de83338d50", "key": "watchers" }, { "name": "forks", "id": "1f9b9cba-e001-4874-8280-bb5f2c7f5367", "key": "forks" } ] }, "showBulkUpdateActions": { "value": true }, "showBulkSelector": { "value": false }, "highlightSelectedRow": { "value": false }, "actions": { "value": [ { "name": "Action0", "buttonText": "View repo", "events": [], "backgroundColor": "#4d72da", "textColor": "#ffffff" } ] }, "columnSizes": { "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 183, "rightActions": 118, "1f9b9cba-e001-4874-8280-bb5f2c7f5367": 145, "664e49c8-1600-4d0f-92c4-e1de83338d50": 191, "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 304, "1f58dd7d-4c06-4f0f-b8e1-8f097386b843": 282 }, "serverSideSearch": { "value": false } }, "events": [ { "eventId": "onPageChanged", "actionId": "run-query", "message": "Hello world!", "queryId": "69f70cd8-d6f4-487b-acc7-b9a88c721767", "queryName": "restapi1" } ], "styles": { "textColor": {}, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "spacious" }, "tableType": { "value": "" } } } }, "layouts": { "desktop": { "top": 240, "left": 2.226580923924874, "width": 41, "height": 580 } } }, "b77260ff-1c04-4621-b8ba-dafcb7770ad8": { "component": { "name": "text1", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "properties": { "text": { "type": "code", "displayName": "Text" }, "loadingState": { "type": "code", "displayName": "Show loading state" } }, "defaultSize": { "width": 3, "height": 30 }, "events": [], "styles": { "textColor": { "type": "color", "displayName": "Text Color" }, "visibility": { "type": "code", "displayName": "Visibility" }, "disabledState": { "type": "code", "displayName": "Disable" } }, "exposedVariables": {}, "definition": { "others": { "showOnDesktop": { "value": true }, "showOnMobile": { "value": false } }, "properties": { "text": { "value": "Min. stars" }, "visible": { "value": true }, "loadingState": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } } } }, "layouts": { "desktop": { "top": 110, "left": 55.803153684633806, "width": 3, "height": 30 } } }, "a66009c5-64b6-488b-b687-1896e7cb53c4": { "component": { "name": "numberinput1", "displayName": "Number Input", "description": "Number field for forms", "component": "NumberInput", "defaultSize": { "width": 4, "height": 30 }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "properties": { "value": { "type": "code", "displayName": "Default value" }, "placeholder": { "type": "code", "displayName": "Placeholder" } }, "events": {}, "styles": { "visibility": { "type": "code", "displayName": "Visibility" }, "disabledState": { "type": "code", "displayName": "Disable" } }, "exposedVariables": { "value": 0 }, "definition": { "others": { "showOnDesktop": { "value": true }, "showOnMobile": { "value": false } }, "properties": { "value": { "value": "4000" }, "placeholder": { "value": "0" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } } } }, "layouts": { "desktop": { "top": 110, "left": 62.79069646593218, "width": 4, "height": 30 } } }, "dcdd92d6-d43e-4e37-a46f-d6be4988ce8b": { "component": { "name": "button1", "displayName": "Button", "description": "Trigger actions: queries, alerts etc", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "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" }, "visibility": { "type": "code", "displayName": "Visibility" }, "disabledState": { "type": "code", "displayName": "Disable" }, "borderRadius": { "type": "code", "displayName": "Border radius" } }, "exposedVariables": {}, "definition": { "others": { "showOnDesktop": { "value": true }, "showOnMobile": { "value": false } }, "properties": { "text": { "value": "Search" }, "visible": { "value": true }, "loadingState": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "queryId": "69f70cd8-d6f4-487b-acc7-b9a88c721767", "queryName": "restapi1" } ], "styles": { "backgroundColor": { "value": "#4d72da" }, "textColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "disabledState": { "value": "{{false}}" } } } }, "layouts": { "desktop": { "top": 110, "left": 74.41860706813564, "width": 3, "height": 30 } } }, "d8c51eee-c15b-415e-9b20-c3f6422d10c9": { "component": { "name": "dropdown1", "displayName": "Dropdown", "description": "Select one value from options", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "properties": { "label": { "type": "code", "displayName": "Label" }, "value": { "type": "code", "displayName": "Default value" }, "values": { "type": "code", "displayName": "Option values" }, "display_values": { "type": "code", "displayName": "Option labels" } }, "events": { "onSelect": { "displayName": "On select" } }, "styles": { "visibility": { "type": "code", "displayName": "Visibility" }, "disabledState": { "type": "code", "displayName": "Disable" } }, "exposedVariables": { "value": null }, "definition": { "others": { "showOnDesktop": { "value": true }, "showOnMobile": { "value": false } }, "validation": { "customRule": { "value": null } }, "properties": { "label": { "value": "Language" }, "value": { "value": "{{'JavaScript'}}" }, "values": { "value": "{{[\"ActionScript\", \"C\", \"CSharp\", \"CPP\", \"Clojure\", \"CoffeeScript\", \"CSS\", \"Dart\", \"DM\", \"Elixir\", \"Go\", \"Groovy\", \"Haskell\", \"HTML\", \"Java\",\n \"JavaScript\", \"Julia\", \"Kotlin\", \"Lua\", \"MATLAB\", \"Objective-C\", \"Perl\", \"PHP\", \"PowerShell\", \"Python\", \"R\", \"Ruby\", \"Rust\", \"Scala\", \"Shell\",\n \"Swift\", \"TeX\", \"TypeScript\", \"Vim-script\"]}}" }, "display_values": { "value": "{{[\"ActionScript\", \"C\", \"CSharp\", \"CPP\", \"Clojure\", \"CoffeeScript\", \"CSS\", \"Dart\", \"DM\", \"Elixir\", \"Go\", \"Groovy\", \"Haskell\", \"HTML\", \"Java\",\n \"JavaScript\", \"Julia\", \"Kotlin\", \"Lua\", \"MATLAB\", \"Objective-C\", \"Perl\", \"PHP\", \"PowerShell\", \"Python\", \"R\", \"Ruby\", \"Rust\", \"Scala\", \"Shell\",\n \"Swift\", \"TeX\", \"TypeScript\", \"Vim-script\"]}}" }, "visible": { "value": true } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } } } }, "layouts": { "desktop": { "top": 110, "left": 16.25027021756482, "width": 8, "height": 30 } } }, "318ba122-f19d-46b2-bd2b-8e3ea16c7bba": { "component": { "name": "text2", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "properties": { "text": { "type": "code", "displayName": "Text" }, "loadingState": { "type": "code", "displayName": "Show loading state" } }, "defaultSize": { "width": 3, "height": 30 }, "events": [], "styles": { "textColor": { "type": "color", "displayName": "Text Color" }, "visibility": { "type": "code", "displayName": "Visibility" }, "disabledState": { "type": "code", "displayName": "Disable" } }, "exposedVariables": {}, "definition": { "others": { "showOnDesktop": { "value": true }, "showOnMobile": { "value": false } }, "properties": { "text": { "value": "The total number of public {{components.dropdown1.value}} repositories with more than {{components.numberinput1.value}} stars and more than {{components.numberinput2.value}} forks is {{queries.restapi1.data.total_count}}. NOTE: GitHub search API will return only the first 1000 results." }, "visible": { "value": true }, "loadingState": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } } } }, "layouts": { "desktop": { "top": 170, "left": 23.27741498917618, "width": 23, "height": 50 } } }, "4f80be22-6802-4c7f-a577-ba67fef0c5f1": { "component": { "name": "text3", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "properties": { "text": { "type": "code", "displayName": "Text" }, "loadingState": { "type": "code", "displayName": "Show loading state" } }, "defaultSize": { "width": 3, "height": 30 }, "events": [], "styles": { "textColor": { "type": "color", "displayName": "Text Color" }, "visibility": { "type": "code", "displayName": "Visibility" }, "disabledState": { "type": "code", "displayName": "Disable" } }, "exposedVariables": {}, "definition": { "others": { "showOnDesktop": { "value": true }, "showOnMobile": { "value": false } }, "properties": { "text": { "value": "