ToolJet/server/templates/github-star-history-tracker/definition.json
Sherfin Shamsudeen 642c5caa71
Feature/multi page applications (Task ID - CU-2h1bfvw) (#4729)
* Add routes for multi-page apps

* Modify Editor, Viewer and Inspector to accept new app structure

* Show a page selector on left side bar

* Align component deletion logic with new app schema

* Make subcontainer work with multi-page apps

* Load components state properly in viewer

* Use UUID instead of handle for pages

* Display sidebar on viewer to switch pages

* Add proper URL suffixing for pages in viewer

* Add action to switch page

* Revert translation file back to its pre-existing linting

* Fix bug that caused modal to not open/close

* Add support for query params in page switch

* Fix the issue that caused navigation to fail while accessed via slug

* Add missing SwitchPage file

* Add support for page level variables

* Add migration to convert existing apps to new schema

* Add rollback for converting multi-page definitions back to single-page

* Fix migration for multi-page apps

* Adapt import/export service for multi-pages

* [improvements] Multi-page applications (#4755)

* UI updates for page selector popup card

* delete page

* delete page check: if only one page exits

* switch to home page if the selected page is removed

* adds and switch to new page

* updating page name

* updates to home page and starting page

* handle updating the home page when home page is deleted

* search box for filtering pages and minor style updates for the page handler card

* header search box style fixes

* for creating a new page, page handle needs to be unique

* seperating into smaller components

* updated pinned icon for page selector styles and settinf styles

* Leftsidebar header ui component

* handle dark theme

* page handle ui and dark theme fixes for page menu

* page handler edit modal

* pinned state and update pinned state for menu options triggered

* dark theme fixes for edit modal

* handle on update should not be empty or prev

* page handler updater

* added loading state for saving

* handles cancels

* fixes slug ui

* fixes crash for older app versions

* updates the query params when handle gets an update

* update homePage to homePageId

* removes console.log

* go back to the popover for modal close

* fixes: Difficult to select page

* fixes: Difficult to select the three-dot menu

* fixes: on visiting the root url, navigate to homepage on viewer

* adds tooltip for url

* updates the page selector sidebar with sync with query manager

* refactor and cleanup

* refactor and cleanup

* Compute component state when page is switched

* modal should not close on click outside

* disable save button if there is not change in the page handle input

* should show/hide page menu when hovered

* page icon

* updates delete icon for disabled state

* query manager should always be on top of page selector

* checks if homePage key exists in pages def

* updates page handler menu

* updates the clear icon

* page handler menu position

* page handler menu position

* handle icon

* alert msg

* global settings handler for updating viewer page navigation

* show/hode page navigation for viewer

* info text for toggle

* Multipages:with sortable list [DnD] (#4783)

* applied sortable list

* on sort updates the definitions

* fixies: app crash for dnd

* viwer: canvas width should be 100% when navigation drawer is disbaled

* fixes: homepage/startpage  reload

* clean up

Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>

* Multipage UI viewer (#4801)

* new ui changes for viewer pages

* fixes postions for debugger and datasources popover

* removes console.log

* Multipage : hide page and unhide page feature (#4803)

* adds: ability to hide pages

* hides pages in viewer

* unhide page

* hide icon

* allow accessing hidden pages from url

* add: duplicate page (#4802)

* add: duplicate page

* do not copy the  same references from the original page

* page name and page handler should be unique for duplicate pages too

* Add support for on-page-load events

* Add icon from page settings menu item

* Convert existing templates to multi-page schema

* error logs for page level and app level errors (#4842)

* Adapt comments feature for multi-pages

* [Bugfix] multipage - page menu interactions (#4844)

* fixes: menu popup interaction

* fixes: on modal input focus, we switch the page

* Adapt multi-player to multi-pages

* Add editingPageId to ymap

* Log self, others and editor props in real-time avatar generation

* Save editing page id to appDef

* Add editingPageId to presence in RealtimeCursors

* adds no results ui for empty search results (#4869)

* page icon updated (#4870)

* fixes:Version switching crashes if the target version does not contain the current page (#4868)

* Remove unnecessary setting of editingPageId on ymap

* Remove unnecessary console.log

* [Bugfix] Multipages: widget inspector event popover unmounts (#4887)

* introduced a local state for events

* cleaned up inspector.jsx

* fixes: table widget inspector event accordion

* Do not run switchPage twice when viewer is loaded

* Preview should open the currently editing page

* Properly place navigation and canvas in viewer

* Update app definition whenever event manager changes are made

* Add support for browser back and forward button in multi-pages

* Rename handleBackButton to handlePageSwitchingBasedOnURLparam

* Add support for cut/copy/paste and clone

* Fix the crash caused by boxShadow

* Add support for background colors in viewer in multi-pages

* Run queries to be run on load on viewer, in multi-pages

* Fix issue that caused inspector popovers to collapse

* resolves workspace vars in viewer mode (#4892)

* Multipage : Navigation for Mobile-ui (#4814)

* refactored to components

* burger menu for mobile ui

* merge conflict fix for hidden pages

* hamburger menu positioned in the header

* viewer header reafctored

* viewer mobile page manu styles

* handles dark theme

* mobile menu with dark mode toggle in the footer

* components are moved to page level, handle for mobile layout

* style fixes

* removing unwanted code block

* dark theme fixes

* style fixes

* fixes: events are sortable (#4895)

* fixes: events are sortable

* Remove uneccesarily repeated call of setEvents in EventManager

Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>

* renamed settings to Event handlers (#4898)

* updates the page setting title to Page Events

* temp commit

* Add support for setting max width in percentage

* fixes: paramUpdates for boxes: 🙌🏻

* [Bugfix] Multipage - viewer canvas dark theme (#4897)

* fixes: darktheme bg for viewer canvas

* reverts canvas size

* Fix for inspector bouncing back to previous values

* resolves pages variables in pythong and js transformation (#4905)

* csa support to event manager for pages (#4907)

* Add support for setting canvas width in percentages

* Persist page level variables across page switches

* latest definitions is merged with the current appdef (#4914)

* latest definitions is merged with the current appdef

* mutating the local obj

* cleanup

* iterate through pages for new versions are created

Co-authored-by: Arpit <arpitnath42@gmail.com>
2022-12-08 17:51:09 +05:30

1 line
No EOL
33 KiB
JSON

{"id":"dbe889f1-05ec-47b5-a117-d894706420c7","name":"Stars","slug":"github-star-history","isPublic":true,"organizationId":"1d89c866-802d-4e0a-a9ef-05660d38a0f4","currentVersionId":"ac5fc98a-23a7-470a-a417-84f1836cc7ba","userId":"5d0e3769-e0c6-42cd-a7b9-a112e178296f","createdAt":"2021-12-09T12:22:10.668Z","updatedAt":"2022-01-17T04:45:12.567Z","dataQueries":[{"id":"e4c5b5b3-23cb-4161-b90d-28d443b47944","name":"runjs2","kind":"runjs","options":{"code":"const stargazersURL = `https://api.github.com/repos/${components.textinput1.value}/stargazers?per_page=100&page={page}`;\n\nconst totalPages = parseInt(queries.restapi1.data.starGazers/100);\n\nlet pages = [...Array(totalPages).keys()];\n\nlet dates = {};\nlet results = [];\n\nlet headers = {\n 'Accept': 'application/vnd.github.v3.star+json'\n}\n\nif(components.passwordinput1.value !== '') { \n headers['Authorization'] = `token ${components.passwordinput1.value}`\n}\n\nfor(const page of pages) {\n const url = stargazersURL.replace('{page}', page + 1);\n const data = (await axios.get(url, { headers })).data;\n \n for(star of data) {\n const starredAt = moment(star.starred_at).endOf('day').format('yyyy-MM-DD');\n dates[starredAt] = (dates[starredAt] || 0) + 1;\n }\n \n}\n\nlet total = 0;\nfor (date of Object.keys(dates)) {\n total = total + dates[date];\n results.push({ x: date, y: total});\n}\n\nreturn results;"},"dataSourceId":null,"appId":"dbe889f1-05ec-47b5-a117-d894706420c7","createdAt":"2021-12-09T12:22:10.667Z","updatedAt":"2021-12-09T13:07:31.327Z"},{"id":"f006d058-8cac-442e-a093-a2757247fefb","name":"restapi1","kind":"restapi","options":{"method":"get","url":"https://api.github.com/repos/{{components.textinput1.value}}","url_params":[["",""]],"headers":[["",""]],"body":[["",""]],"enableTransformation":true,"transformation":"// write your code here\n// return value will be set as data and the original data will be available as rawData\nreturn { starGazers: data.stargazers_count }; ","events":[{"eventId":"onDataQuerySuccess","actionId":"run-query","message":"Hello world!","queryId":"e4c5b5b3-23cb-4161-b90d-28d443b47944","queryName":"runjs2"}]},"dataSourceId":null,"appId":"dbe889f1-05ec-47b5-a117-d894706420c7","createdAt":"2021-12-09T12:22:10.667Z","updatedAt":"2021-12-09T12:22:10.667Z"}],"dataSources":[],"appVersions":[{"id":"ac5fc98a-23a7-470a-a417-84f1836cc7ba","name":"vv","definition":{"components":{"e2007b03-4c80-4925-8816-b3867579b2b6":{"component":{"name":"chart1","displayName":"Chart","description":"Display charts","component":"Chart","defaultSize":{"width":20,"height":400},"others":{"showOnDesktop":{"type":"toggle","displayName":"Show on desktop"},"showOnMobile":{"type":"toggle","displayName":"Show on mobile"}},"properties":{"title":{"type":"code","displayName":"Title"},"data":{"type":"json","displayName":"Data"},"loadingState":{"type":"code","displayName":"Loading State"},"markerColor":{"type":"color","displayName":"Marker color"},"showGridLines":{"type":"toggle","displayName":"Show grid lines"},"type":{"type":"select","displayName":"Chart type","options":[{"name":"Line","value":"line"},{"name":"Bar","value":"bar"},{"name":"Pie","value":"pie"}]}},"events":{},"styles":{"visibility":{"type":"code","displayName":"Visibility"},"disabledState":{"type":"code","displayName":"Disable"}},"exposedVariables":{"show":null},"definition":{"others":{"showOnDesktop":{"value":true},"showOnMobile":{"value":false}},"properties":{"title":{"value":"Stars over time "},"markerColor":{"value":"#394d9d"},"showGridLines":{"value":true},"loadingState":{"value":"{{queries.runjs2.isLoading || queries.restapi1.isLoading}}"},"type":{"value":"line"},"data":{"value":"{{queries.runjs2.data}}"}},"events":[],"styles":{"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":200,"left":2.36158105241994,"width":32,"height":550}}},"f073e059-7476-4999-86f8-335e1d6c095e":{"component":{"name":"textinput1","displayName":"Text Input","description":"Text field for forms","component":"TextInput","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"}},"validation":{"regex":{"type":"code","displayName":"Regex"},"minLength":{"type":"code","displayName":"Min length"},"maxLength":{"type":"code","displayName":"Max length"},"customRule":{"type":"code","displayName":"Custom validation"}},"events":{},"styles":{"visibility":{"type":"code","displayName":"Visibility"},"disabledState":{"type":"code","displayName":"Disable"}},"exposedVariables":{"value":""},"definition":{"validation":{"regex":{"value":""},"minLength":{"value":null},"maxLength":{"value":null},"customRule":{"value":null}},"others":{"showOnDesktop":{"value":true},"showOnMobile":{"value":false}},"properties":{"value":{"value":""},"placeholder":{"value":"ToolJet/ToolJet"}},"events":[],"styles":{"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":130,"left":2.325578813582382,"width":10,"height":40}}},"919579eb-4b19-4cf1-8fbb-701dd933412c":{"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":"Repository"},"visible":{"value":true},"loadingState":{"value":"{{false}}"}},"events":[],"styles":{"textColor":{"value":"#000"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":100,"left":2.3255811756240323,"width":4,"height":30}}},"3222f722-d6ff-4cdc-bc04-4c1dbe40ae86":{"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":"Fetch History"},"visible":{"value":true},"loadingState":{"value":"{{queries.runjs2.isLoading || queries.restapi1.isLoading}}"}},"events":[{"eventId":"onClick","actionId":"run-query","message":"Hello world!","queryId":"f006d058-8cac-442e-a093-a2757247fefb","queryName":"restapi1"}],"styles":{"backgroundColor":{"value":"#3c4bdc"},"textColor":{"value":"#fff"},"visibility":{"value":"{{true}}"},"borderRadius":{"value":"{{4}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":130,"left":28.178344348635836,"width":5,"height":40}}},"002460c5-7ae0-450a-8eec-2039f8ef1463":{"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":"<small>Required if more than 5000 stars. Token is not stored or sent to backend.</small>"},"visible":{"value":true},"loadingState":{"value":"{{false}}"}},"events":[],"styles":{"textColor":{"value":"#a92121"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":240,"left":79.00856337123992,"width":8,"height":60}}},"c6592886-aa84-4f4b-9204-65a3570b6193":{"component":{"name":"text4","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":"Built using <a href=\"https://github.com/ToolJet/ToolJet\">https://github.com/ToolJet/ToolJet</a>"},"visible":{"value":true},"loadingState":{"value":"{{false}}"}},"events":[],"styles":{"textColor":{"value":"#000"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":770,"left":2.3255811756240323,"width":13,"height":30}}},"4c6dd385-c867-49a3-9553-deeb32ae1557":{"component":{"name":"container1","displayName":"Container","description":"Wrapper for multiple components","defaultSize":{"width":5,"height":200},"component":"Container","others":{"showOnDesktop":{"type":"toggle","displayName":"Show on desktop"},"showOnMobile":{"type":"toggle","displayName":"Show on mobile"}},"properties":{},"events":{},"styles":{"backgroundColor":{"type":"color"},"visibility":{"type":"code","displayName":"Visibility"},"disabledState":{"type":"code","displayName":"Disable"}},"exposedVariables":{},"definition":{"others":{"showOnDesktop":{"value":true},"showOnMobile":{"value":false}},"properties":{"visible":{"value":true}},"events":[],"styles":{"backgroundColor":{"value":"#fff"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":310,"left":79.04095951476702,"width":8,"height":440}}},"8a3a0a85-44f3-4241-bd55-b95608dfcf4e":{"component":{"name":"text5","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":"This repository has {{queries.restapi1.data.starGazers}} stars 🌟"},"visible":{"value":true},"loadingState":{"value":"{{false}}"}},"events":[],"styles":{"textColor":{"value":"#000"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"parent":"4c6dd385-c867-49a3-9553-deeb32ae1557","layouts":{"desktop":{"top":30,"left":4.796531874795149,"width":39.067200999949264,"height":70}}},"09ca79b6-9576-4afa-9144-05e7688f24ee":{"component":{"name":"text7","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":"Repository was created {{moment(queries.restapi1.rawData.created_at).fromNow()}} ago."},"visible":{"value":true},"loadingState":{"value":"{{false}}"}},"events":[],"styles":{"textColor":{"value":"#000"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"parent":"4c6dd385-c867-49a3-9553-deeb32ae1557","layouts":{"desktop":{"top":110,"left":5.404523725480118,"width":37.103522291585676,"height":50}}},"d53e0412-bba9-47d7-bf37-1cb5e91eefed":{"component":{"name":"container2","displayName":"Container","description":"Wrapper for multiple components","defaultSize":{"width":5,"height":200},"component":"Container","others":{"showOnDesktop":{"type":"toggle","displayName":"Show on desktop"},"showOnMobile":{"type":"toggle","displayName":"Show on mobile"}},"properties":{},"events":{},"styles":{"backgroundColor":{"type":"color"},"visibility":{"type":"code","displayName":"Visibility"},"disabledState":{"type":"code","displayName":"Disable"}},"exposedVariables":{},"definition":{"others":{"showOnDesktop":{"value":true},"showOnMobile":{"value":false}},"properties":{"visible":{"value":true}},"events":[],"styles":{"backgroundColor":{"value":"#fff"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":0,"left":0,"width":43,"height":60}}},"8a367ae0-68cf-4ef8-947d-4a25b8ded078":{"component":{"name":"text6","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":"<h2>GitHub Star History 🌟 </h2>"},"visible":{"value":true},"loadingState":{"value":"{{false}}"}},"events":[],"styles":{"textColor":{"value":"#3c4bdc"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":10,"left":2.3255894427698096,"width":10,"height":40}}},"c603d2c9-99b9-40f0-a0b3-a96c9c920221":{"component":{"name":"text7","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":"<a href=\"https://gist.github.com/akshaysasidrn/09dc7a0456dddc20759c2f41b18caf8e\">Source code</a>"},"visible":{"value":true},"loadingState":{"value":"{{false}}"}},"events":[],"styles":{"textColor":{"value":"#000"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":20,"left":86.03571369182953,"width":5,"height":20}}},"9391da2c-a298-4233-936a-87e01280714f":{"component":{"name":"passwordinput1","displayName":"Password Input","description":"Password input field for forms","component":"PasswordInput","defaultSize":{"width":4,"height":30},"others":{"showOnDesktop":{"type":"toggle","displayName":"Show on desktop"},"showOnMobile":{"type":"toggle","displayName":"Show on mobile"}},"properties":{"placeholder":{"type":"code","displayName":"Placeholder"}},"validation":{"regex":{"type":"code","displayName":"Regex"},"minLength":{"type":"code","displayName":"Min length"},"maxLength":{"type":"code","displayName":"Max length"},"customRule":{"type":"code","displayName":"Custom validation"}},"events":{},"styles":{"visibility":{"type":"code","displayName":"Visibility"},"disabledState":{"type":"code","displayName":"Disable"}},"exposedVariables":{"value":""},"definition":{"others":{"showOnDesktop":{"value":true},"showOnMobile":{"value":false}},"properties":{"placeholder":{"value":"GitHub token"}},"validation":{"regex":{"value":""},"minLength":{"value":null},"maxLength":{"value":null},"customRule":{"value":null}},"events":[],"styles":{"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":200,"left":79.04096195941369,"width":8,"height":40}}}},"globalSettings":{"hideHeader":true,"canvasMaxWidth":1292,"canvasBackgroundColor":"#edeff5"}},"appId":"dbe889f1-05ec-47b5-a117-d894706420c7","createdAt":"2021-12-09T12:22:10.702Z","updatedAt":"2021-12-22T12:14:48.401Z","homePageId":"cc56f174-6e7c-4de1-9d41-9e0ab5f3b2d8","pages":{"cc56f174-6e7c-4de1-9d41-9e0ab5f3b2d8":{"name":"Home","handle":"home"}},"showViewerNavigation":false}],"editingVersion":{"id":"ac5fc98a-23a7-470a-a417-84f1836cc7ba","name":"vv","definition":{"components":{"e2007b03-4c80-4925-8816-b3867579b2b6":{"component":{"name":"chart1","displayName":"Chart","description":"Display charts","component":"Chart","defaultSize":{"width":20,"height":400},"others":{"showOnDesktop":{"type":"toggle","displayName":"Show on desktop"},"showOnMobile":{"type":"toggle","displayName":"Show on mobile"}},"properties":{"title":{"type":"code","displayName":"Title"},"data":{"type":"json","displayName":"Data"},"loadingState":{"type":"code","displayName":"Loading State"},"markerColor":{"type":"color","displayName":"Marker color"},"showGridLines":{"type":"toggle","displayName":"Show grid lines"},"type":{"type":"select","displayName":"Chart type","options":[{"name":"Line","value":"line"},{"name":"Bar","value":"bar"},{"name":"Pie","value":"pie"}]}},"events":{},"styles":{"visibility":{"type":"code","displayName":"Visibility"},"disabledState":{"type":"code","displayName":"Disable"}},"exposedVariables":{"show":null},"definition":{"others":{"showOnDesktop":{"value":true},"showOnMobile":{"value":false}},"properties":{"title":{"value":"Stars over time "},"markerColor":{"value":"#394d9d"},"showGridLines":{"value":true},"loadingState":{"value":"{{queries.runjs2.isLoading || queries.restapi1.isLoading}}"},"type":{"value":"line"},"data":{"value":"{{queries.runjs2.data}}"}},"events":[],"styles":{"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":200,"left":2.36158105241994,"width":32,"height":550}}},"f073e059-7476-4999-86f8-335e1d6c095e":{"component":{"name":"textinput1","displayName":"Text Input","description":"Text field for forms","component":"TextInput","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"}},"validation":{"regex":{"type":"code","displayName":"Regex"},"minLength":{"type":"code","displayName":"Min length"},"maxLength":{"type":"code","displayName":"Max length"},"customRule":{"type":"code","displayName":"Custom validation"}},"events":{},"styles":{"visibility":{"type":"code","displayName":"Visibility"},"disabledState":{"type":"code","displayName":"Disable"}},"exposedVariables":{"value":""},"definition":{"validation":{"regex":{"value":""},"minLength":{"value":null},"maxLength":{"value":null},"customRule":{"value":null}},"others":{"showOnDesktop":{"value":true},"showOnMobile":{"value":false}},"properties":{"value":{"value":""},"placeholder":{"value":"ToolJet/ToolJet"}},"events":[],"styles":{"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":130,"left":2.325578813582382,"width":10,"height":40}}},"919579eb-4b19-4cf1-8fbb-701dd933412c":{"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":"Repository"},"visible":{"value":true},"loadingState":{"value":"{{false}}"}},"events":[],"styles":{"textColor":{"value":"#000"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":100,"left":2.3255811756240323,"width":4,"height":30}}},"3222f722-d6ff-4cdc-bc04-4c1dbe40ae86":{"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":"Fetch History"},"visible":{"value":true},"loadingState":{"value":"{{queries.runjs2.isLoading || queries.restapi1.isLoading}}"}},"events":[{"eventId":"onClick","actionId":"run-query","message":"Hello world!","queryId":"f006d058-8cac-442e-a093-a2757247fefb","queryName":"restapi1"}],"styles":{"backgroundColor":{"value":"#3c4bdc"},"textColor":{"value":"#fff"},"visibility":{"value":"{{true}}"},"borderRadius":{"value":"{{4}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":130,"left":28.178344348635836,"width":5,"height":40}}},"002460c5-7ae0-450a-8eec-2039f8ef1463":{"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":"<small>Required if more than 5000 stars. Token is not stored or sent to backend.</small>"},"visible":{"value":true},"loadingState":{"value":"{{false}}"}},"events":[],"styles":{"textColor":{"value":"#a92121"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":240,"left":79.00856337123992,"width":8,"height":60}}},"c6592886-aa84-4f4b-9204-65a3570b6193":{"component":{"name":"text4","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":"Built using <a href=\"https://github.com/ToolJet/ToolJet\">https://github.com/ToolJet/ToolJet</a>"},"visible":{"value":true},"loadingState":{"value":"{{false}}"}},"events":[],"styles":{"textColor":{"value":"#000"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":770,"left":2.3255811756240323,"width":13,"height":30}}},"4c6dd385-c867-49a3-9553-deeb32ae1557":{"component":{"name":"container1","displayName":"Container","description":"Wrapper for multiple components","defaultSize":{"width":5,"height":200},"component":"Container","others":{"showOnDesktop":{"type":"toggle","displayName":"Show on desktop"},"showOnMobile":{"type":"toggle","displayName":"Show on mobile"}},"properties":{},"events":{},"styles":{"backgroundColor":{"type":"color"},"visibility":{"type":"code","displayName":"Visibility"},"disabledState":{"type":"code","displayName":"Disable"}},"exposedVariables":{},"definition":{"others":{"showOnDesktop":{"value":true},"showOnMobile":{"value":false}},"properties":{"visible":{"value":true}},"events":[],"styles":{"backgroundColor":{"value":"#fff"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":310,"left":79.04095951476702,"width":8,"height":440}}},"8a3a0a85-44f3-4241-bd55-b95608dfcf4e":{"component":{"name":"text5","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":"This repository has {{queries.restapi1.data.starGazers}} stars 🌟"},"visible":{"value":true},"loadingState":{"value":"{{false}}"}},"events":[],"styles":{"textColor":{"value":"#000"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"parent":"4c6dd385-c867-49a3-9553-deeb32ae1557","layouts":{"desktop":{"top":30,"left":4.796531874795149,"width":39.067200999949264,"height":70}}},"09ca79b6-9576-4afa-9144-05e7688f24ee":{"component":{"name":"text7","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":"Repository was created {{moment(queries.restapi1.rawData.created_at).fromNow()}} ago."},"visible":{"value":true},"loadingState":{"value":"{{false}}"}},"events":[],"styles":{"textColor":{"value":"#000"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"parent":"4c6dd385-c867-49a3-9553-deeb32ae1557","layouts":{"desktop":{"top":110,"left":5.404523725480118,"width":37.103522291585676,"height":50}}},"d53e0412-bba9-47d7-bf37-1cb5e91eefed":{"component":{"name":"container2","displayName":"Container","description":"Wrapper for multiple components","defaultSize":{"width":5,"height":200},"component":"Container","others":{"showOnDesktop":{"type":"toggle","displayName":"Show on desktop"},"showOnMobile":{"type":"toggle","displayName":"Show on mobile"}},"properties":{},"events":{},"styles":{"backgroundColor":{"type":"color"},"visibility":{"type":"code","displayName":"Visibility"},"disabledState":{"type":"code","displayName":"Disable"}},"exposedVariables":{},"definition":{"others":{"showOnDesktop":{"value":true},"showOnMobile":{"value":false}},"properties":{"visible":{"value":true}},"events":[],"styles":{"backgroundColor":{"value":"#fff"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":0,"left":0,"width":43,"height":60}}},"8a367ae0-68cf-4ef8-947d-4a25b8ded078":{"component":{"name":"text6","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":"<h2>GitHub Star History 🌟 </h2>"},"visible":{"value":true},"loadingState":{"value":"{{false}}"}},"events":[],"styles":{"textColor":{"value":"#3c4bdc"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":10,"left":2.3255894427698096,"width":10,"height":40}}},"c603d2c9-99b9-40f0-a0b3-a96c9c920221":{"component":{"name":"text7","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":"<a href=\"https://gist.github.com/akshaysasidrn/09dc7a0456dddc20759c2f41b18caf8e\">Source code</a>"},"visible":{"value":true},"loadingState":{"value":"{{false}}"}},"events":[],"styles":{"textColor":{"value":"#000"},"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":20,"left":86.03571369182953,"width":5,"height":20}}},"9391da2c-a298-4233-936a-87e01280714f":{"component":{"name":"passwordinput1","displayName":"Password Input","description":"Password input field for forms","component":"PasswordInput","defaultSize":{"width":4,"height":30},"others":{"showOnDesktop":{"type":"toggle","displayName":"Show on desktop"},"showOnMobile":{"type":"toggle","displayName":"Show on mobile"}},"properties":{"placeholder":{"type":"code","displayName":"Placeholder"}},"validation":{"regex":{"type":"code","displayName":"Regex"},"minLength":{"type":"code","displayName":"Min length"},"maxLength":{"type":"code","displayName":"Max length"},"customRule":{"type":"code","displayName":"Custom validation"}},"events":{},"styles":{"visibility":{"type":"code","displayName":"Visibility"},"disabledState":{"type":"code","displayName":"Disable"}},"exposedVariables":{"value":""},"definition":{"others":{"showOnDesktop":{"value":true},"showOnMobile":{"value":false}},"properties":{"placeholder":{"value":"GitHub token"}},"validation":{"regex":{"value":""},"minLength":{"value":null},"maxLength":{"value":null},"customRule":{"value":null}},"events":[],"styles":{"visibility":{"value":"{{true}}"},"disabledState":{"value":"{{false}}"}}}},"layouts":{"desktop":{"top":200,"left":79.04096195941369,"width":8,"height":40}}}},"globalSettings":{"hideHeader":true,"canvasMaxWidth":1292,"canvasBackgroundColor":"#edeff5"}},"appId":"dbe889f1-05ec-47b5-a117-d894706420c7","createdAt":"2021-12-09T12:22:10.702Z","updatedAt":"2021-12-22T12:14:48.401Z","homePageId":"b325ad90-fb39-4ad5-a126-4c61aa8471ff","pages":{"b325ad90-fb39-4ad5-a126-4c61aa8471ff":{"name":"Home","handle":"home"}},"showViewerNavigation":false},"tooljetVersion":"0.12.0"}