DevUtils for VS Code (by Techwasti)

A developer toolbox directly inside Visual Studio Code. Offline-first, privacy-focused, zero external network dependency utility suite for everyday developer tasks.

🚀 Features

DevUtils brings common developer utilities directly into VS Code via both an Interactive Webview Dashboard, Command Palette / Context Menu, and Keyboard Shortcuts:

1. Encoders & Decoders

   • Base64 (Text & UTF-8 safe)
   • URL Encode / Decode
   • HTML Entities Encode / Decode
   • Hex Converter (Text <-> Hex)
   • JWT Decoder & Inspector (Header, Payload Claims, Expiry verification)

2. Formatters & Beautifiers

   • JSON Formatter & Minifier with syntax validation
   • XML Formatter & Minifier
   • SQL Query Formatter (keywords uppercase, clauses formatted)
   • CSV ⇄ JSON bidirectional converter

3. Generators & Identifiers

   • UUID / GUID Generator (RFC 4122 v4)
   • Nanoid Generator
   • Cryptographic Hash & Checksum (SHA-256, MD5, SHA-1)
   • Lorem Ipsum Generator (paragraphs & sentences)

4. Time & Date Tools

   • Unix Epoch Timestamp <-> Human Readable Date / ISO 8601
   • Insert Current Epoch (seconds & milliseconds)

5. Text & Line Utilities

   • Case Converters (camelCase, snake_case, kebab-case, PascalCase, CONSTANT_CASE, Title Case)
   • Line Sorter (A-Z, Z-A)
   • Deduplicate Lines
   • Text Statistics (Characters, Words, Lines, Byte size)

6. API & Code Generation Tools

   • cURL to Code Converter (JavaScript fetch & Python requests)
   • JSON to TypeScript Interface Generator
   • Cron Expression Explainer & Humanizer

7. Color & Web Helpers

   • HEX <-> RGB Converter with live color swatch preview

⌨️ Keyboard Shortcuts

🛠️ How to Use & Practical Examples

DevUtils is designed to work seamlessly without leaving your workflow:

3 Quick Ways to Use Any Tool:

1. Command Palette: Press Ctrl + Shift + P (or Cmd + Shift + P) and type DevUtils: to pick any tool.
2. Right-Click Context Menu: Select text, right-click, and choose DevUtils Toolbox.
3. Interactive Dashboard: Press Ctrl + Alt + D (or Cmd + Alt + D) to open the tabbed UI with live preview and "Load Sample" buttons.

💡 Real-World Examples

1. SQL Query Formatter (DevUtils: SQL: Format Query)

• Before (messy single-line query):

  select u.id, u.name, o.total from users u left join orders o on u.id = o.user_id where u.active = 1 and o.status = "complete" order by o.total desc limit 10
  

• After running DevUtils:

  SELECT u.id, u.name, o.total
  FROM users u
    LEFT JOIN orders o ON u.id = o.user_id
  WHERE u.active = 1
    AND o.status = "complete"
  ORDER BY o.total DESC
  LIMIT 10
  

2. CSV to JSON Converter (DevUtils: CSV: Convert CSV to JSON)

• Before (CSV table):

  id,product,price,in_stock
  1,VS Code Extension,0.00,true
  2,Offline Toolbox,0.00,true
  

• After running DevUtils:

  [
    {
      "id": 1,
      "product": "VS Code Extension",
      "price": 0,
      "in_stock": true
    },
    {
      "id": 2,
      "product": "Offline Toolbox",
      "price": 0,
      "in_stock": true
    }
  ]
  

3. JSON Prettifier & Minifier (DevUtils: JSON: Format / Prettify)

• Before (Unformatted JSON string):

  {"name":"Techwasti","tools":["Base64","JSON","SQL","JWT"],"active":true}
  

• After running DevUtils Format (Ctrl + Alt + J then F):

  {
    "name": "Techwasti",
    "tools": [
      "Base64",
      "JSON",
      "SQL",
      "JWT"
    ],
    "active": true
  }
  

4. JWT Inspector (DevUtils: JWT: Inspect & Decode Token)

• Run command and paste any Bearer JWT token. DevUtils instantly decodes the Header and Payload claims into a new formatted JSON editor preview, and alerts you whether the token is currently Valid or Expired.

5. Case Converters (DevUtils: Case: Convert to camelCase / snake_case / kebab-case)

• Select user registration service and convert instantly:
  • camelCase: userRegistrationService
  • CONSTANT_CASE: USER_REGISTRATION_SERVICE
  • kebab-case: user-registration-service
  • PascalCase: UserRegistrationService

6. Convert cURL to Fetch / Python (DevUtils: cURL: Convert to JavaScript Fetch)

• Convert any raw curl command into production-ready JavaScript fetch(...) or Python requests.post(...) without any external tools.

7. JSON to TypeScript Interfaces (DevUtils: JSON: Generate TypeScript Interfaces)

• Select or open any JSON response and generate typed interfaces with recursive child types and clean exports.

8. Cron Expression Humanizer (DevUtils: Cron: Humanize & Explain Expression)

• Turns */15 9-17 * * 1-5 into "Every 15 minutes, between hours 9-17, Monday through Friday".

💻 Compatibility & Local Development

• VS Code Engine Compatibility: >= 1.75.0 (compatible with all modern VS Code, Cursor, and VSCodium versions).
• Node.js: >= 18.x (tested across Node 18, 20, and 22).

Setup

git clone git@github.com:Techwasti-Infotech/dev-utils-VSCode-plugin.git
cd dev-utils-VSCode-plugin
npm install
npm test
npm run compile

Packaging & Publishing

• Package locally to .vsix:

  npm run package
  

• Install local .vsix in VS Code:

  code --install-extension dev-utils-vscode-plugin-0.2.0.vsix
  

• Automated CI/CD Publishing: Set the VSCE_PAT (Personal Access Token from Azure DevOps / VS Code Marketplace) in your GitHub Repository Secrets (Settings > Secrets and variables > Actions). Trigger the Release & Publish VS Code Extension workflow or create a GitHub Release tag to automatically package, attach the VSIX artifact, and publish to the VS Code Marketplace.

📄 License

MIT License - Copyright (c) 2026 Techwasti Infotech (techwastiinfotech@gmail.com).