DevTools Desktop

Offline-first developer utilities for macOS, Windows, and Linux. No cloud dependencies, no data collection.

Features

Text & Code

• JSON Viewer - Format, validate, and minify JSON with syntax highlighting
• API Response Formatter - Format REST/GraphQL responses with interactive tree view and real-time search
• Text Compare - Diff viewer with line-by-line comparison
• Case Converter - Transform between camelCase, snake_case, kebab-case, and more
• SQL Formatter - Format SQL queries with customizable indentation
• Markdown Editor - Live preview with export support
• Code Playground - Multi-language editor (JS, HTML, CSS, JSON, Markdown)

Converters

• Base64 - Encode/decode text and files
• URL Encoder - Encode/decode URLs and URI components
• CSV ↔ JSON - Bidirectional conversion with custom delimiters
• JSON → TypeScript - Generate TypeScript interfaces from JSON
• Number Base - Convert between decimal, binary, octal, hex
• Unit Converter - Convert length, weight, temperature & currency units

Generators

• UUID - Generate v1/v4 UUIDs with batch support
• Password Generator - Generate secure passwords and passphrases with strength analysis
• Hash - MD5, SHA-1, SHA-256, SHA-512
• QR Code - Generate QR codes with custom size and error correction
• Color Palette - Create monochromatic, analogous, complementary schemes
• Lorem Ipsum - Generate placeholder text

Developer Utilities

• JWT Decoder - Decode and inspect JWT tokens
• Regex Builder - Interactive regex construction with live testing
• Cron Parser - Build cron expressions with plain English descriptions
• Timestamp Converter - Unix timestamp conversion with multiple formats
• Image Converter - Convert between PNG, JPEG, WebP, BMP

Quick Start

# Clone and install
git clone https://github.com/me-shaon/devtools.git
cd devtools
npm install

# Run locally
npm start

# Build for distribution
npm run dist

Requirements

• Node.js 14+
• npm or yarn

Architecture

src/
├── main.js              # Electron main process
└── renderer/
    ├── index.html       # Single-page application
    ├── styles/          # CSS modules
    └── js/
        ├── main.js      # App router and state
        └── tools/       # Tool implementations (23 modules)

Each tool is a self-contained module with no external dependencies. All processing happens client-side.

Development

Adding a Tool

1. Create module in src/renderer/js/tools/
2. Add HTML section in index.html
3. Register in navigation sidebar
4. Add menu item in src/main.js

Build Scripts

npm start          # Development server
npm run build      # Build executable
npm run pack       # Package without distributing
npm run dist       # Create installer
npm test           # Run test suite
npm run security-check  # Run security checks

Security

This project uses GitGuardian for secret detection and follows security best practices:

• 🔒 Secret Scanning: Automated detection of hardcoded secrets
• 🛡️ Pre-commit Hooks: Prevent secrets from being committed
• 📋 Security Guidelines: See SECURITY.md for details
• 🔧 Local Testing: Run npm run security-check before committing

For security issues, please review our Security Guidelines.

Tech Stack

• Electron 22+ for desktop runtime
• Vanilla JavaScript (ES6+)
• No framework dependencies
• No analytics or telemetry

Contributing

We welcome contributions! This project is continuously being improved by user feedback and contributions.

Pull Requests

Pull requests welcome. For major changes, open an issue first to discuss the proposed changes.

Development Setup

git clone https://github.com/me-shaon/devtools.git
cd devtools-desktop
npm install
npm start  # Run in development mode
npm test   # Run test suite

License

MIT