Astro Dev Toolbar App // CHROME BUILT-IN AI

astro-dev-i18n-coverage

Detect missing translation keys in DOM and generate contextual locale JSON diffs.

View on GitHub ↗ Quickstart Spec ↓

01. Architectural Specifications STATUS: PRODUCTION READY

[ 01 // CAPABILITY ]

DOM Token Scanner

Finds untranslated placeholder markers, missing keys, and fallback tokens across rendered pages.

[ 02 // CAPABILITY ]

Contextual Translation

Passes surrounding sentences to window.ai.translator or Gemini Nano for accurate localized drafts.

[ 03 // CAPABILITY ]

1-Click Locale JSON

Formats nested JSON structures ready to paste directly into your locale dictionary files.

02. Implementation & Usage BUN / ASTRO 5+

// Installation CLI

bun add astro-dev-i18n-coverage
# or
pnpm add astro-dev-i18n-coverage

// Configuration astro.config.mjs

// astro.config.mjs
import { defineConfig } from "astro/config";
import devI18nCoverage from "astro-dev-i18n-coverage";

export default defineConfig({
  integrations: [
    devI18nCoverage({
      locales: ["en", "es", "fr", "de", "ja"],
      defaultLocale: "en"
    })
  ]
});

// Chrome Built-in AI Prerequisites

1. Open chrome://flags in Google Chrome 128+
2. Set #prompt-api-for-gemini-nano to Enabled
3. Set #optimization-guide-on-device-model to Enabled ByPassPerfRequirement
4. Restart Chrome and verify model status at chrome://components