-
Clone the
lowdefy-dev-tools
repository alongside your other lowdefy project repositories. -
Copy the insert_dev_tools.js file into the same directory as your project's
lowdefy.yaml
. -
In your
lowdefy.yaml
update your pages config as follows:pages: _ref: resolver: insert_dev_tools.js vars: pages: - _ref: your-page-1.yaml - _ref: your-page-2.yaml - _ref: your-page-3.yaml ...
Alternatively, you can also reference the dev tools in directly with the following code:
_ref: ../../../lowdefy-dev-tools/dev-tools/lowdefy_dev_tools.yaml
You may need to update the path depending on your project's folder structure.
-
Build and run your lowdefy project as normal, the tools will now be accessible in the bottom right corner:
There is also a test-dev-tools app in this repository you can run and use for testing purposes.
The code editor is still a work in progress. Once complete it will replace the viewing and editing fields for state and requests. Therefore it is commented out on lowdefy_dev_tools.
Uncomment it and change the properties if you want to see how it behaves currently. If you're using it on a project other than the test-dev-tools app, you will need to add the code editor to your project plugins.