Developer Toolkit

A comprehensive VS Code extension that provides essential developer utilities, commands, and snippets to enhance your productivity and streamline your development workflow.

Features

🔧 Text Utilities

• Format JSON: Beautify and format JSON with proper indentation
• Minify JSON: Compress JSON by removing unnecessary whitespace
• Case Conversion: Convert text between various cases (UPPERCASE, lowercase, camelCase, snake_case, kebab-case, Title Case)
• Base64 Encoding/Decoding: Encode and decode text to/from Base64

🆔 Generators

• GUID/UUID Generation: Generate unique identifiers instantly
• Timestamp Insertion: Insert current timestamp in various formats (ISO, Unix, Custom)
• React Component Creator: Generate boilerplate React components with TypeScript

📋 Code Snippets

The extension includes helpful code snippets for:

• JavaScript: Functions, try-catch, async/await, console.log shortcuts
• TypeScript: Interfaces, types, classes, enums, generic functions
• React: Functional components, hooks, useEffect, useState

🎛️ Status Bar Integration

• Real-time information about the current file (line count, selected characters)
• Quick access to toolkit features
• Configurable display options

⌨️ Keyboard Shortcuts

• Ctrl+Shift+F: Format JSON
• Ctrl+Shift+G: Generate GUID/UUID

Commands

All commands are accessible via the Command Palette (Ctrl+Shift+P):

Configuration

You can customize the extension behavior through VS Code settings:

{
  "developerToolkit.enableStatusBar": true,
  "developerToolkit.timestampFormat": "ISO",
  "developerToolkit.customTimestampFormat": "YYYY-MM-DD HH:mm:ss"
}

Available Settings

• enableStatusBar: Show/hide the status bar item (default: true)
• timestampFormat: Format for timestamp insertion (ISO, Unix, or Custom)
• customTimestampFormat: Custom format pattern when using Custom timestamp format

Installation

1. Open VS Code
2. Go to Extensions (Ctrl+Shift+X)
3. Search for "Developer Toolkit"
4. Click Install

Usage Examples

Format JSON

1. Select JSON text in your editor
2. Use Ctrl+Shift+F or run "Developer Toolkit: Format JSON" from Command Palette
3. The selected JSON will be formatted with proper indentation

Generate GUID

1. Place cursor where you want the GUID
2. Use Ctrl+Shift+G or run "Developer Toolkit: Generate GUID/UUID"
3. A new GUID will be inserted at the cursor position

Convert Text Case

1. Select the text you want to convert
2. Run "Developer Toolkit: Convert Text Case" from Command Palette
3. Choose the desired case format from the dropdown
4. The selected text will be converted

Use Code Snippets

1. Type a snippet prefix (e.g., rfc for React Functional Component)
2. Press Tab to expand the snippet
3. Use Tab to navigate between placeholder fields

Snippet Prefixes

JavaScript

• cl - Console.log with message and variable
• fn - Function declaration
• af - Arrow function
• try - Try-catch block
• async - Async function with error handling

TypeScript

• interface - TypeScript interface
• type - TypeScript type alias
• class - TypeScript class
• enum - TypeScript enum
• gfn - Generic TypeScript function

React

• rfc - React Functional Component with TypeScript
• hook - Custom React Hook
• effect - useEffect hook with cleanup
• state - useState hook with TypeScript

Requirements

• VS Code 1.108.1 or higher
• Node.js (for development)

Contributing

This extension is open for contributions! Feel free to:

• Report bugs
• Request features
• Submit pull requests

Release Notes

1.0.0

Initial release with comprehensive developer utilities:

• Text formatting and conversion tools
• GUID/UUID generation
• Timestamp insertion with multiple formats
• Base64 encoding/decoding
• Code snippets for JavaScript, TypeScript, and React
• Status bar integration
• Customizable settings
• Keyboard shortcuts

Enjoy coding with Developer Toolkit! 🚀