Setup
HelixDB Dashboard RepoBackend:
- Navigate to the
backend
directory and ensure your HelixDB is running either locally or on a cloud server - You then have 3 options:
- Local introspect (default): Run
cargo run
orcargo run -- local-introspect
- Local file: Read queries and schema from your local file, add your helixdb-cfg to the backend folder and run
cargo run -- local-file
- Cloud mode: Run
cargo run -- cloud http://your-helix-db-url:6969
- Local introspect (default): Run
- For local introspect, you can specify a custom port for your HelixDB instance:
cargo run -- --port 8888
orcargo run -- -p 8888
- For local file:
cargo run -- local-file --port 8888
Frontend:
- cd into the
frontend
directory and runnpm install
to install the dependencies - Run
npm run dev
to start the frontend - The frontend will be available at
http://localhost:3000
Query Format
The dashboard works best when your queries follow this naming convention:- Creating or linking nodes and edges should start with “create” or “link” (e.g., “createPatient” or “linkPatientToDoctor”)
- Searching or getting nodes and edges should start with “get” (e.g., “getPatient” or “getDoctor”)
- Updating nodes and edges should start with “update” (e.g., “updatePatient” or “updateDoctor”)
- Deleting nodes and edges should start with “delete” (e.g., “deletePatient” or “deleteDoctor”)
Using The Visualizer
Important Notes
- Browser Compatibility: Some browsers like Brave have limitations that prevent clicking on more than 2-3 nodes. We recommend using alternative browsers for the best experience
- Performance: For optimal performance, avoid visualizing more than 3000 nodes as it may cause your browser to crash
Setup Instructions
For macOS Users
- Open Finder, then press
Command + Shift + G
then type~/.helix/repo
- Right click the folder
helix-db
then Services and choose a terminal to open the folder with - Switch to the
dev
branch:git checkout dev
- Then
cd helix-cli
thensh build.sh dev
- Now you can deploy your existing instance using:
helix deploy -c <cluster_id> --dev
(dev flag allows the visualizer endpoints) - Start both the frontend and backend services
For Windows Users
- Follow the same steps as macOS, though the location of the
.helix
folder may differ on Windows systems