GitHub - nicepkg/devtoolkit-vscode: 12 essential developer tools right in VS Code. JSON formatter, Base64, JWT decoder, UUID generator, regex tester, and more. Zero dependencies.

DevToolkit — Developer Utilities for VS Code

12 essential developer tools right in your editor. No browser needed, no external dependencies, zero bloat.

Features

Tool	Command	Description
JSON Formatter	`DevToolkit: Format JSON`	Format or minify JSON from selection or input
Base64	`DevToolkit: Encode/Decode Base64`	Base64 encode and decode with UTF-8 support
JWT Decoder	`DevToolkit: Decode JWT`	Decode JWT tokens, inspect header, payload, expiration
UUID Generator	`DevToolkit: Generate UUID v4/v7`	Generate and insert UUID v4 (random) or v7 (time-sortable)
URL Encoder	`DevToolkit: Encode/Decode URL`	URL-encode and decode text
Timestamp	`DevToolkit: Convert Timestamp`	Convert Unix timestamps to dates and vice versa
Hash Generator	`DevToolkit: Generate Hash`	Compute MD5, SHA-1, SHA-256, SHA-512 hashes
Regex Tester	`DevToolkit: Test Regex`	Interactive regex tester with live highlighting
Color Converter	`DevToolkit: Convert Color`	Convert between HEX, RGB, and HSL
Password Generator	`DevToolkit: Generate Password`	Generate secure random passwords
Cron Parser	`DevToolkit: Parse Cron`	Parse cron expressions, show next execution times
Text Diff	`DevToolkit: Diff Text`	Compare texts using VS Code built-in diff viewer

How to Use

Command Palette (Cmd+Shift+P / Ctrl+Shift+P)

All tools are accessible via the command palette with the DevToolkit: prefix.

Right-Click Context Menu

Select text in the editor, right-click, and find the DevToolkit submenu with common operations:

Format JSON
Encode/Decode Base64
Encode/Decode URL
Decode JWT
Generate Hash

Status Bar

Click the DevToolkit button in the status bar to open a quick pick list of all available tools.

Selection-Aware

Most tools work with selected text:

Select text in the editor
Run a DevToolkit command
The result replaces the selection (for encoding/formatting) or opens in a new panel (for decode/inspect)

If no text is selected, you'll be prompted to enter input manually.

Tool Details

JSON Formatter

Format JSON: Parses and pretty-prints JSON with 2-space indentation. Works on selected text (replaces in-place) or from input box.
Minify JSON: Compresses JSON to a single line. Great for API payloads.

Base64 Encoder/Decoder

Full UTF-8 support for international characters
Replaces selected text in-place, or copies to clipboard

JWT Decoder

Decodes header and payload from JWT tokens
Shows timestamp claims in human-readable format
Indicates if the token is expired
Opens results in a new editor tab

UUID Generator

UUID v4: Cryptographically random (uses Node.js crypto.randomUUID())
UUID v7: Time-sortable with embedded timestamp (RFC 9562)
Inserts directly at cursor position

URL Encoder/Decoder

Uses encodeURIComponent / decodeURIComponent
Replaces selection or copies to clipboard

Unix Timestamp Converter

Auto-detects seconds (10 digits) vs milliseconds (13 digits)
Shows UTC, ISO 8601, local time, and relative time
Converts date strings to timestamps
Quick copy options for different formats

Hash Generator

Algorithms: MD5, SHA-1, SHA-256, SHA-512
Option to compute all algorithms at once
Uses Node.js crypto.createHash() for reliable results

Regex Tester

Opens an interactive webview panel
Real-time matching with syntax highlighting
Flag toggles: g, i, m, s
Preset patterns: Email, URL, IPv4, Hex Color, Date
Match details table with index and length

Color Converter

Parses HEX (#1E90FF), RGB (rgb(30, 144, 255)), and HSL (hsl(210, 100%, 56%))
One-click copy for any format

Password Generator

Presets: Strong (20 chars), Medium (16 chars), PIN (8 digits)
Custom mode: choose length and character types
Cryptographically secure (Node.js crypto.randomBytes)
Inserts at cursor or copies to clipboard

Cron Expression Parser

Parses standard 5-field cron expressions
Human-readable description
Shows next 5 execution times
Field-by-field breakdown

Text Diff Checker

Three modes: clipboard vs selection, two inputs, two open files
Uses VS Code built-in diff editor
Full syntax highlighting and side-by-side comparison

Technical Details

Zero runtime dependencies — all tools implemented with native Node.js APIs
Bundled with esbuild — fast load times, small package size
TypeScript — full type safety
Minimum VS Code version: 1.85.0

Installation

From VSIX

code --install-extension devtoolkit-0.1.0.vsix

From Source

git clone https://github.com/nicepkg/devtoolkit.git
cd devtoolkit
npm install
npm run build
npx @vscode/vsce package --no-dependencies
code --install-extension devtoolkit-0.1.0.vsix

Development

# Install dev dependencies
npm install

# Build
npm run build

# Watch mode
npm run watch

# Package
npm run package

License

MIT