Datamart Fleet
VS Code extension for visualizing and editing Datamart Fleet Manager components
Features
Component Editors
| Component |
Capabilities |
| Flow |
Interactive flow diagrams with auto-arrange, screen/modal nodes with thumbnails, data map panel, error handling, editable node properties, and canvas lock |
| Decision Table |
Full table editing with 40+ functions, row/column operations, sorting, and type validation |
| Decision Tree |
Visual IF/Then/Else editor with drag-and-drop, nested blocks, and OR conditions |
| Script |
Python editor with syntax highlighting, code assistance, and real-time validation |
| DataSource |
HTTP endpoint configuration with sync/async modes, auth, headers, and body editor |
| Webhook |
Webhook configuration with all HTTP methods, auth types, and output schema |
| Custom Type |
Dynamic form editor based on JSON Schema with date pickers and UUID generation |
| Custom Type Definition |
Template editor with JSON Schema designer, UI Schema editor, and live preview |
| UI Components |
Design tab with live preview, device simulator, trigger/lifecycle editors, condition builder, and TypeScript function editor |
| Section |
Description |
| Account |
Sign in/out of Fleet Manager with environment and configuration status |
| Workspace |
Browse spaces, organizations, and component folders with dedicated icons per space type |
| Figma Components |
Figma-sourced components grouped by type (auto-hidden when none detected) |
| Components by Type |
Hierarchy view: type → component → version |
| Components by Tags |
Components grouped by tag labels |
| UI Templates |
Template components from UI spaces (auto-hidden when none detected) |
| Executions |
Recorded test runs per flow/version — open or replay them over the flow diagram (auto-hidden when none detected) |
All sections support search filtering, expand all, and right-click context menus.
Common Capabilities
- Config Tab - Edit metadata, description, tags, variables, and JSON schemas per component type
- Execution Player - Replay recorded test executions over the flow diagram with a timeline, transport controls, and three pacing modes (Uniform / Real-time / Step); watch per-node status and edge traversal, and inspect each node's input/output
- Live Sync - See changes instantly as you edit JSON files, with unsaved changes indicator and save from within the webview
- Fleet Authentication - Sign in to Fleet Manager for live thumbnail previews and API access
- Environment File Fallback - Auth settings auto-resolve from
.env.<environment> files when not configured in VS Code settings
- Diff Review - Review pending changes before saving with inline diff view
- Zoom Labels - Floating node name labels when zoomed out, with configurable display mode
- Real-time Validation - Instant error feedback as you type
- Auto-save - Changes persist automatically to component files
- Theme Integration - Seamless dark/light mode support
- Multi-panel - Open multiple components simultaneously
Installation
From VS Code Marketplace
- Open VS Code
- Go to Extensions (
Cmd+Shift+X / Ctrl+Shift+X)
- Search for "Datamart Fleet"
- Click Install
From VSIX File
code --install-extension dm-vscode-fleet-*.vsix
Getting Started
Opening Components
- Context Menu - Right-click a
.json file in Explorer → "Open in Datamart Fleet"
- Command Palette -
Cmd+Shift+P → "DM Fleet: Open in Datamart Fleet"
- Editor Toolbar - Click the Datamart Fleet icon when viewing a JSON file
- Editor Context - Right-click inside a JSON file → "Open in Datamart Fleet"
Getting Data from Fleet Manager
Fleet CLI (recommended)
fleet init
This syncs your entire workspace with Fleet Manager components.
Supported Component Types
| Type |
View |
Edit |
| Flow, Express Flow |
✅ |
✅ Partial |
| Screen Flow, Template Flow |
✅ |
✅ Partial |
| Decision Table |
✅ |
✅ |
| Decision Tree |
✅ |
✅ |
| Script |
✅ |
✅ |
| DataSource |
✅ |
✅ |
| Webhook |
✅ |
✅ |
| Custom Type |
✅ |
✅ |
| Custom Type Definition |
✅ |
✅ |
| Screen, Basic, Composite |
✅ |
✅ Design + Config |
| Template |
✅ |
Config only |
| Template Instance |
✅ |
Config only |
Keyboard Shortcuts
| Shortcut |
Action |
Cmd/Ctrl + Shift + P |
Open command palette |
Cmd/Ctrl + S |
Save changes from webview |
Cmd/Ctrl + 0 |
Reset zoom (flow canvas) |
Cmd/Ctrl + + |
Zoom in |
Cmd/Ctrl + - |
Zoom out |
ESC |
Cancel drag operation |
Enter |
Confirm input field |
Settings
Configure via VS Code Settings (Cmd+,) under "Datamart Fleet":
General
| Setting |
Description |
Default |
dmFleet.syncMode |
Sync mode between editor and webview (live / onSave) |
live |
dmFleet.autoRefresh |
Auto-reload when files change |
true |
dmFleet.autoRefreshDebounce |
Debounce delay (ms) for auto-refresh |
300 |
dmFleet.maxOpenPanels |
Maximum simultaneous panels |
5 |
dmFleet.panelDisposalMode |
Panel disposal behavior (never / limit) |
limit |
dmFleet.zoomLabelMode |
Zoom label display (fixed / hover / hidden) |
hover |
dmFleet.autoOpenDiffReview |
Auto-open diff review when staging changes |
true |
dmFleet.maxPendingFiles |
Maximum files with pending changes |
5 |
dmFleet.viewModeSwitcherStyle |
Config/Design switcher style (compact / normal) |
compact |
Script Editor
| Setting |
Description |
Default |
dmFleet.scriptEditor.lspMode |
Python language server mode (auto / vscode / local / none) |
local |
dmFleet.scriptEditor.pythonPath |
Path to Python interpreter (for local mode) |
System Python |
dmFleet.scriptEditor.runtimeEnvironments |
Runtime-specific Python environment paths |
{} |
Fleet Manager Connection
| Setting |
Description |
Default |
dmFleet.environment |
Fleet Manager environment to connect to |
prod |
dmFleet.auth.tokenRefreshBeforeExpiry |
Minutes before token expiry to auto-refresh |
10 |
dmFleet.auth.<env>.cognitoDomain |
AWS Cognito domain for the environment |
— |
dmFleet.auth.<env>.cognitoClientId |
Cognito App Client ID |
— |
dmFleet.auth.<env>.cognitoUserPoolId |
Cognito User Pool ID |
— |
dmFleet.auth.<env>.cognitoRegion |
AWS region |
— |
dmFleet.auth.<env>.oauthRedirectUri |
OAuth redirect URI |
http://localhost:8083/callback |
Requirements
Support
License
Proprietary - Datamart
| |
