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

i18n-auto-localizer

v0.1.3

Published

GitHub Action and CLI that scans JS/TS source for in-use i18n translation keys (react-i18next, vue-i18n, next-intl) and auto-generates missing locale translations via any LLM on OpenRouter, without ever overwriting existing translations.

Downloads

101

Readme

i18n Auto-Localizer

A GitHub Action and CLI that scans your JS/TS source code for in-use i18n translation keys and auto-generates missing translations with any LLM — no manual key extraction, no locked-in translation vendor, and existing translations are never overwritten.

npm version License: MIT Node.js >=20 GitHub Marketplace

Works with react-i18next, vue-i18n, next-intl, and raw i18next — translating via any model available on OpenRouter (Claude, GPT, Gemini, Llama, and more, your choice).


Table of contents


Why this instead of Crowdin / Lokalise / Phrase?

Traditional translation-management platforms (Crowdin, Lokalise, Phrase) coordinate human translators: a web UI, review stages, assignment workflows — and they require you to first export the keys you want translated. Most GitHub Actions for i18n are thin wrappers around syncing files to and from one of those platforms.

i18n-auto-localizer works differently:

| | i18n-auto-localizer | Typical TMS-sync action | |---|---|---| | Key discovery | Scans your actual source code for t('key') calls — only translates keys you really use | You export/maintain the key list yourself | | Translation engine | Any LLM via OpenRouter, your choice of model | Human translators via a hosted platform | | Existing translations | Never overwritten, even on the very first run — tracked via a committed lockfile | Varies by platform/sync direction | | Unused keys | Reported as warnings, never silently deleted | Not typically detected at all | | Undefined keys | Flags code that references a key missing from your source locale | Not typically detected | | Setup | One with: block, an OpenRouter key, done | Account + project setup on a third-party platform | | Try before adopting | Full-featured local CLI, no CI required | Usually platform-only |

If you want human review workflows and translator collaboration tooling, a TMS is still the right call. If you want translations to just stay in sync with your code with zero external accounts, this is built for that.

How it works

┌───────────────┐    ┌────────────────┐    ┌─────────────────┐    ┌────────────┐
│  Scan source  │ -> │  Diff against  │ -> │  Translate via  │ -> │  Open a PR │
│  for t(...)   │    │  locale files  │    │  your LLM       │    │  with the  │
│  key usage    │    │  + lockfile    │    │  (OpenRouter)   │    │  result    │
└───────────────┘    └────────────────┘    └─────────────────┘    └────────────┘
  1. Scan — walks your source (src/**/*.{js,jsx,ts,tsx,vue} by default) with an AST parser, extracting every t('key') / useTranslation('ns') / i18n.t('key') call, including .vue script blocks.
  2. Diff — compares used keys against your {locales-dir}/{lang}/*.json files and a .i18n-localizer-lock.json hash lockfile. A key with no lockfile record but an existing value is never touched — that's how manually-translated strings survive the very first run.
  3. Translate — batches genuinely new/changed keys to the OpenRouter model you configure, retries on rate limits, and verifies interpolation placeholders ({{name}}, {name}) survive translation before accepting a result.
  4. Ship — commits the changed locale files + lockfile to a dedicated branch and opens (or updates) a single pull request, summarizing what was translated, what failed, what's undefined, and what's unused.

GitHub Action usage

name: Update translations
on:
  push:
    branches: [main]
jobs:
  i18n:
    runs-on: ubuntu-latest
    permissions:
      contents: write
      pull-requests: write
    steps:
      - uses: actions/checkout@v4
      - uses: dg19/[email protected]
        with:
          source-lang: en
          target-langs: ja,fr,de
          locales-dir: ./public/locales
          api-key: ${{ secrets.OPENROUTER_API_KEY }}

Note: your repository must also have "Allow GitHub Actions to create and approve pull requests" enabled under Settings → Actions → General, or PR creation will fail with a 403, even with permissions: pull-requests: write set above.

Versioning: this project is pre-1.0 (0.x), so pin to an exact tag like @v0.1.0 rather than a floating major-version tag — the API may still change between minor versions until 1.0.0. A floating @v1 tag will be introduced once the API is considered stable.

Data flow: every string value in your source-language locale files is sent to whichever OpenRouter model you configure, in order to translate it. Don't put secrets or personal data in translatable strings — treat the model you select as a third party that will see this content, same as any translation service.

Action inputs

| Input | Required | Default | Description | |---|:---:|---|---| | source-lang | ✅ | — | Source language code, e.g. en | | target-langs | ✅ | — | Comma-separated target language codes, e.g. ja,fr,de | | locales-dir | ✅ | — | Root directory of your locale JSON files, e.g. ./public/locales | | api-key | ✅ | — | Your OpenRouter API key — pass via secrets.OPENROUTER_API_KEY, never hardcode it | | src | | src/**/*.{js,jsx,ts,tsx,vue} | Comma-separated glob(s) to scan for translation key usage | | model | | anthropic/claude-sonnet-4.5 | Any OpenRouter model IDopenai/gpt-4o, google/gemini-2.5-pro, etc. | | github-token | | ${{ github.token }} | Token used to create/update the pull request |

Local CLI usage

The Action and the CLI share the exact same engine — try real translations against your own repo before wiring up CI, with no GitHub Actions dependency at all:

npm install -g i18n-auto-localizer
# or: npx i18n-auto-localizer

export OPENROUTER_API_KEY=sk-or-...
npx i18n-auto-localizer run \
  --source-lang en \
  --target-langs ja,fr \
  --locales-dir ./public/locales

# Preview the diff without calling the API or writing files:
i18n-auto-localizer run --dry-run \
  --source-lang en --target-langs ja,fr --locales-dir ./public/locales

| Flag | Default | Description | |---|---|---| | --source-lang <lang> | — | Required. Source language code | | --target-langs <langs> | — | Required. Comma-separated target language codes | | --locales-dir <dir> | — | Required. Root directory of locale JSON files | | --src <globs> | src/**/*.{js,jsx,ts,tsx,vue} | Comma-separated glob(s) to scan | | --model <model> | anthropic/claude-sonnet-4.5 | OpenRouter model ID | | --dry-run | off | Preview the diff — no API calls, no writes, no key required |

Supported frameworks

| Framework | Detected patterns | |---|---| | react-i18next | useTranslation(), useTranslation('namespace'), t('key'), t('namespace:key') | | vue-i18n | .vue single-file components (<script>/<script setup> block) | | next-intl | useTranslations('namespace'), t('key') | | Raw i18next | i18n.t('key') |

Namespace-split locale directories ({locales-dir}/{lang}/common.json, home.json, ...) are fully supported — every .json file in a language's directory is treated as its own namespace.

FAQ

Does this delete keys that are no longer used? No. Unused ("orphan") keys are reported in the pull request and CLI summary as a warning, never auto-deleted — that decision stays with you.

What happens to translations I already wrote by hand before adopting this tool? They're protected on the very first run and every run after. A key with an existing value but no tracking record in .i18n-localizer-lock.json is left completely untouched — only its hash gets recorded, so future edits to the source string are still detected correctly.

Which LLM should I use? Any model on OpenRouter — set the model input/flag. There's no vendor lock-in; switch models per run if you want.

Can I use my own OpenAI/Anthropic API key directly, without OpenRouter? Not directly — route it through OpenRouter, which supports bringing your own provider key for most models while giving you one consistent API and the ability to swap models freely.

Does it work with namespaced keys like common:hero.title? Yes — explicit namespace prefixes and useTranslation('namespace')/useTranslations('namespace') hook bindings are both resolved correctly, including when a file has multiple components each bound to a different namespace.

Contributing

Issues and pull requests are welcome — see the issue tracker. The test suite (npm test) and npm run build should stay green for any change.

License

MIT © dg19