npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

vscode-translate-panel

v1.0.5

Published

Real-time translation preview panel for any text-based file

Readme

VS Code Translate Panel

Real-time translation preview panel for any text-based file in VS Code.

Screenshot

Version License

Features

  • Side-by-Side Preview: Open a dedicated panel to view translated content alongside your original file
  • Smart Translation:
    • Code files (.cs, .java, .ts, .py, etc.): Only comments are translated, code stays intact
    • Markdown: Code blocks and inline code preserved, text translated
    • Plain text: Full translation
  • Real-time Sync: Updates automatically on save or as you type
  • Free Translation Engines: Google Translate (unofficial) and Gemini API support
  • 20+ Languages Supported: C#, Java, JavaScript, TypeScript, Python, Go, Rust, and more

Usage

  1. Open any file
  2. Click the A文 icon in the editor title bar (top-right)
  3. Or use Command Palette: Ctrl+Shift+PTranslate Panel: Open Preview

Configuration

| Setting | Default | Description | |---------|---------|-------------| | translatePanel.targetLanguage | System language | Target language code (ko, en, ja, zh, es, etc.) | | translatePanel.translationEngine | google | Translation engine: google or gemini | | translatePanel.updateMode | onSave | Update trigger: onSave or onType | | translatePanel.geminiApiKey | - | API key for Gemini engine (optional) | | translatePanel.debounceDelay | 500 | Delay in ms for onType mode |

Supported Languages

Code Files (Comments Only)

C#, Java, JavaScript, TypeScript, Python, Go, Rust, Swift, Kotlin, C/C++, Ruby, PHP, Lua, SQL, Shell, PowerShell, and more.

Content Files (Smart Protection)

  • Markdown: Translates text, preserves code blocks, inline code, URLs
  • JSON: Translates string values, preserves keys and structure
  • HTML: Translates text content, preserves tags, scripts, styles

Examples

C# File

public class Example
{
    // This comment will be translated → 이 주석은 번역됩니다
    public void Method() { }
}

Markdown File

# Title → 제목
This text is translated. → 이 텍스트는 번역됩니다.
`code stays as is` → `code stays as is`

Requirements

  • VS Code 1.85.0 or higher
  • Internet connection for translation API
  • Gemini API key (recommended)

Disclaimer

This extension uses unofficial Google Translate API for the default engine. We recommend using the Gemini API with your own key for better reliability.

License

MIT License - see LICENSE for details.