🛡οΈ DevGuard Pro - Configuration Guardian

Your project's comprehensive guardian for security, standards, and streamlined onboarding.
DevGuard Pro transforms your development workflow with real-time configuration validation, automated drift detection, and intelligent remediationβall with crystal-clear visual status indicators right in your VSCode sidebar.
🎯 Why DevGuard Pro?
Stop wondering if your setup is broken. DevGuard Pro provides immediate visual feedback about your project's health.
β
Always Know Your Status
- Real-time validation panel in Explorer sidebar
- Visual indicators for all configuration states
- Instant feedback on what's working vs. what needs attention
- No more guessing if the extension is installed or working
🔍 Comprehensive Monitoring
- ESLint & MegaLinter configuration validation
- VSCode extensions alignment checking
- CI/CD pipeline status monitoring
- Security vulnerability scanning and reporting
- Configuration drift detection and remediation
🚀 Enterprise-Ready
- GitHub integration for team workflows
- Analytics dashboard with trend analysis
- Automated remediation for common issues
- Compliance reporting and export capabilities
📸 Screenshots
Main Validation Panel
Real-time configuration status with expandable issue details
Welcome & Onboarding
Comprehensive onboarding with clear next steps
Dashboard Analytics
Detailed metrics and trend analysis
🚀 Quick Start
code --install-extension HabitusNet.devguard-pro
β
You'll immediately see: DevGuard Pro panel in Explorer sidebar
2. Visual Status Check
- Open any workspace
- Check the DevGuard Pro panel in Explorer
- See real-time status of your configurations
- Click items to get detailed information
3. Take Action
- Use Quick Actions in the panel for common tasks
- Click refresh to update status
- Use Fix buttons for automated remediation
📋 Features Overview
🔍 Real-Time Validation
Feature |
Status Indicator |
Description |
ESLint Config |
β
β |
JavaScript/TypeScript linting setup |
MegaLinter |
β
β³β |
Advanced multi-language linting |
Extensions |
β
β |
VSCode extension alignment |
CI/CD Pipeline |
β
β³ββ |
GitHub Actions status |
Security Scan |
🔴🟠🟡β
|
Vulnerability detection |
β‘ Quick Actions
- 🔄 Refresh Status - Update all validation data
- 🔍 Check Drift - Scan for configuration changes
- 🚀 Run MegaLinter - Execute comprehensive analysis
- 📊 Open Dashboard - View detailed analytics
- 🔧 Auto-Fix Issues - Automated remediation
🎛οΈ Configuration States
β
Healthy State
🛡οΈ DevGuard Pro
βββ β
Configuration Status (95%)
β βββ β
ESLint Configuration
β βββ β
MegaLinter Setup (85% coverage)
β βββ β
VSCode Extensions Aligned
β βββ β
CI/CD Pipeline (success)
βββ β
Drift Detection (No drift detected)
βββ β
Security Scanning (No vulnerabilities)
β οΈ Warning State
🛡οΈ DevGuard Pro
βββ β οΈ Configuration Status (70%)
β βββ β
ESLint Configuration
β βββ β³ MegaLinter Setup (pending)
β βββ β VSCode Extensions (2 missing)
β βββ β³ CI/CD Pipeline (pending)
βββ β οΈ Drift Detection (3 issues found)
β βββ 📄 Config Issues (1)
β βββ 🔌 Extension Issues (2)
βββ 🟡 Security Scanning (5 medium issues)
β Critical State
🛡οΈ DevGuard Pro
βββ β Configuration Status (30%)
β βββ β ESLint Configuration (Missing)
β βββ β No Linter Configuration
β βββ β VSCode Extensions (5 issues)
β βββ β CI/CD Pipeline (failure)
βββ 🔴 Drift Detection (8 issues found)
βββ 🔴 Security Scanning (3 critical issues)
🛠οΈ Installation & Setup
Method 1: VSCode Marketplace β Recommended
- Open VSCode
- Go to Extensions (
Ctrl+Shift+X
/ Cmd+Shift+X
)
- Search for "DevGuard Pro"
- Click Install
- β
Immediate feedback: Check Explorer sidebar for DevGuard Pro panel
Method 2: Command Line
code --install-extension HabitusNet.devguard-pro
Method 3: VSIX File
code --install-extension devguard-pro-3.0.0.vsix
🔧 Post-Installation Setup
- Welcome notification appears automatically
- Click "View Validation Panel" to see current status
- Use "Get Started" for guided setup if not opted in
- Configure GitHub integration for CI/CD features
📖 User Guide
Understanding the Validation Panel
Configuration Status Section
- Trust Level Percentage: Overall health score
- Individual Components: Detailed status of each tool
- Performance Metrics: Coverage and efficiency scores
- Last Updated: Timestamp of latest validation
Drift Detection Section
- Config Issues: Configuration file problems
- Extension Issues: Missing or misaligned extensions
- MegaLinter Issues: Linter-specific problems
- Performance Issues: Optimization opportunities
Security Scanning Section
- Critical Issues 🔴: Immediate security risks
- High Issues 🟠: Important security concerns
- Medium Issues 🟡: Security improvements needed
- Low Issues 🟢: Minor security suggestions
Quick Actions Section
- Refresh Status: Manual validation update
- Check Drift: Comprehensive drift analysis
- Run MegaLinter: Execute full linting suite
- Open Dashboard: Detailed analytics view
Common Workflows
🆕 New Project Setup
- Open project in VSCode
- DevGuard Pro panel shows current state
- Address any β issues shown
- Use Quick Actions for automated fixes
- Monitor status until all items are β
🔄 Daily Development
- Check panel for any drift alerts
- Use Refresh Status if needed
- Address new issues as they appear
- Review security scan results regularly
🚨 Issue Resolution
- Click on β items for details
- Use automated Fix buttons when available
- Follow manual remediation guidance
- Refresh to confirm fixes applied
🛠οΈ Troubleshooting & Repair
Extension Not Visible
Problem: Can't see DevGuard Pro panel in sidebar
Solutions:
- Check Explorer: Panel appears in Explorer tab, not a separate view
- Restart VSCode:
Ctrl+Shift+P
β "Developer: Reload Window"
- Re-enable Extension: Extensions view β DevGuard Pro β Enable
- Check Workspace: Panel only shows when workspace is open
No Status Updates
Problem: Panel shows "Loading..." or outdated information
Solutions:
- Manual Refresh: Click refresh button in panel
- Command Palette:
Ctrl+Shift+P
β "DevGuard Pro: Refresh Validation"
- Check Permissions: Ensure file system access allowed
- Restart Extension: Disable/Enable in Extensions view
Configuration Issues
Problem: β status for tools that are installed
Solutions:
- Check File Locations: Ensure config files are in project root
- Validate Syntax: Check config file syntax is correct
- Update Dependencies:
npm install
or yarn install
- Reset Configuration: Use "Check Drift" β "Fix All"
Problem: Extension running slowly or consuming resources
Solutions:
- Adjust Refresh Rate: Increase validation interval in settings
- Disable Unused Features: Turn off unneeded scanning
- Check File Exclusions: Exclude large directories from scanning
- Update Extension: Ensure latest version installed
βοΈ Configuration
Extension Settings
Access via: File
β Preferences
β Settings
β Search "DevGuard Pro"
Setting |
Default |
Description |
devguardPro.optedIn |
false |
Enable organization standards |
devguardPro.refreshInterval |
60000 |
Validation refresh interval (ms) |
devguardPro.showWelcome |
true |
Show welcome notification |
devguardPro.autoFix |
false |
Enable automatic issue resolution |
devguardPro.githubIntegration |
true |
Enable GitHub CI/CD features |
Workspace Configuration
Create .vscode/settings.json
:
{
"devguardPro.validation.enabled": true,
"devguardPro.drift.checkInterval": 300000,
"devguardPro.security.scanOnSave": true,
"devguardPro.dashboard.autoOpen": false
}
🔌 Commands
All commands available via Command Palette (Ctrl+Shift+P
):
Command |
Description |
Shortcut |
DevGuard Pro: Show Dashboard |
Open analytics dashboard |
- |
DevGuard Pro: Refresh Validation |
Update all status indicators |
Ctrl+Alt+R |
DevGuard Pro: Check Drift |
Scan for configuration drift |
- |
DevGuard Pro: Run MegaLinter |
Execute MegaLinter analysis |
- |
DevGuard Pro: Opt-in to Standards |
Enable organization standards |
- |
DevGuard Pro: Sync Extensions |
Align VSCode extensions |
- |
DevGuard Pro: Export Dashboard |
Export analytics data |
- |
🚀 Advanced Features
GitHub Integration
- Automatic CI/CD Status: Real-time pipeline monitoring
- Repository Detection: Auto-configuration from git remotes
- Workflow Management: Setup and monitor GitHub Actions
- Team Collaboration: Shared standards and configurations
Analytics Dashboard
- Trend Analysis: Historical performance tracking
- Heat Maps: Issue distribution visualization
- Performance Metrics: Execution time and efficiency
- Export Capabilities: JSON, CSV, HTML, PDF formats
Enterprise Features
- Organization Standards: Centralized configuration management
- Compliance Reporting: Automated compliance tracking
- Team Analytics: Multi-developer insights
- Custom Integrations: API access for enterprise tools
📊 Metrics & Analytics
- Trust Level: Overall configuration health percentage
- Issue Count: Number of active configuration problems
- Drift Score: Measure of configuration deviation
- Security Rating: Vulnerability risk assessment
- Performance Score: Tool execution efficiency
Tracking Features
- Daily Metrics: Day-over-day performance tracking
- Trend Analysis: Long-term health trending
- Issue Resolution Time: Time to fix tracked issues
- Team Benchmarking: Compare against organization standards
🤝 Contributing
We welcome contributions! See CONTRIBUTING.md for guidelines.
Development Setup
- Clone repository:
git clone https://github.com/habitusnet/devguard-pro.git
- Install dependencies:
npm install
- Open in VSCode:
code .
- Press
F5
to launch Extension Development Host
- Make changes and test with
Ctrl+Shift+P
β "Developer: Reload Window"
Reporting Issues
- Bug Reports: Use GitHub Issues with "bug" label
- Feature Requests: Use GitHub Issues with "enhancement" label
- Security Issues: Email security@habitusnet.com
📄 License
MIT License - see LICENSE file for details.
🔗 Links
Made with β€οΈ by HabitusNet
Transform your development workflow. Install DevGuard Pro today.