The VDP console is written in Nextjs, Typescript, TailwindCSS and it runs a docker container with the VDP backend. Interested in trying it out? Check out here to run it locally.
The mission of the console is simple, to provide a unified, clean, and intuitive user experience of VDP, you could set up the full pipeline just by using the browser and investigate every information of your pipelines or connectors on it.
- apps: Store all the instill-ai apps
- console: The Instill AI console APP
- packages: Store all the packages that will be used across instill-ai frontend projects
- design-system: The base component of all the instill-ai frontend projects
- design-token: The design-token that unify the style
- toolkit: All the high level component of instill-ai frontend projects
Normally, we won't touch the components of design-system due to the casualty will be big. Most of our development is centering around the toolkit. And the console only consume the components from toolkit without having its own components.
Please refer to the Instill AI Frontend Engineer Handbook
Please refer to the Contributing Guidelines for more details.
Please refer to the Scripts document for more details.
Please refer to the Environment variables document for more details.
Please refer to the Integration test document for more details.
Please refer to the CICD document for more details.
Please refer to the Template document for more details.
See the LICENSE file for licensing information.
--pipeline-builder-node-available-width
: control the max width of the node--pipeline-builder-node-padding-x
--pipeline-builder-node-padding-y