mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-14 20:21:09 +02:00
chore(i18n): add coverage audit + migration inventory
Translation infrastructure (@mana/shared-i18n + svelte-i18n + 35
per-module locale files with ~3500 lines across de/en/it/fr/es) is fully
wired, but 65/78 modules still hardcode German in .svelte templates
rather than calling {$_('module.key')}.
Adds:
- scripts/audit-i18n-coverage.mjs — scans lib/modules/**/*.svelte for
hardcoded German keywords (Abbrechen, Speichern, Löschen, etc.) in
files that don't import $_(). Reports per-module hit counts,
bucket (FULL/PARTIAL/NONE), and whether the locale file exists.
Supports --summary and --top N flags.
- pnpm run audit:i18n-coverage wires it into the audit:* family
(reporting only, not a CI gate — existing debt would fail
validate:all otherwise).
- docs/optimizable/i18n-migration-inventory.md — priority list,
per-module workflow, and prevention plan.
Top offenders: broadcast (26 hits), articles (24), events (23),
invoices (22), quiz (20), stretch (20), library (19), profile (17),
skilltree (15, PARTIAL), calendar (14, PARTIAL). Modules without a
locale file (broadcast/articles/events/invoices/…) need the locale
stubs scaffolded first.
Real string migration is per-site careful work (key naming, 5-language
parity, UI visual QA) and is left for per-module follow-up sessions.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Till JS
parent
07e35d79f0
commit
eec369bd04
3 changed files with 324 additions and 0 deletions
232
scripts/audit-i18n-coverage.mjs
Normal file
232
scripts/audit-i18n-coverage.mjs
Normal file
|
|
@ -0,0 +1,232 @@
|
|||
#!/usr/bin/env node
|
||||
/**
|
||||
* Audit i18n coverage across module UI files.
|
||||
*
|
||||
* Background: @mana/shared-i18n + svelte-i18n are fully wired. Per-module
|
||||
* translation files exist under `apps/mana/apps/web/src/lib/i18n/locales/
|
||||
* {module}/{de,en,it,fr,es}.json` for ~35 modules. Yet most module
|
||||
* `.svelte` templates hardcode German strings instead of calling `$_()`.
|
||||
*
|
||||
* This audit flags the gap without being a blocker: it prints a per-module
|
||||
* report of `.svelte` files that likely contain hardcoded German UI
|
||||
* strings AND don't yet import from `svelte-i18n` / `$_`. The stats guide
|
||||
* migration priorities without forcing a failing check.
|
||||
*
|
||||
* Detection heuristic: look for common German UI keywords inside Svelte
|
||||
* template text nodes (Abbrechen, Speichern, Löschen, Hinzufügen,
|
||||
* Erstellen, Bearbeiten, etc.). Not foolproof — can miss embedded
|
||||
* placeholder text and hit false positives — but good enough to prioritise.
|
||||
*
|
||||
* Usage:
|
||||
* node scripts/audit-i18n-coverage.mjs # full report
|
||||
* node scripts/audit-i18n-coverage.mjs --summary # one-line per module
|
||||
* node scripts/audit-i18n-coverage.mjs --top 10 # top N offenders only
|
||||
*/
|
||||
|
||||
import { readFileSync, readdirSync, existsSync } from 'node:fs';
|
||||
import { fileURLToPath } from 'node:url';
|
||||
import { dirname, join } from 'node:path';
|
||||
|
||||
const __dirname = dirname(fileURLToPath(import.meta.url));
|
||||
const REPO_ROOT = join(__dirname, '..');
|
||||
const MODULES_DIR = join(REPO_ROOT, 'apps/mana/apps/web/src/lib/modules');
|
||||
const LOCALES_DIR = join(REPO_ROOT, 'apps/mana/apps/web/src/lib/i18n/locales');
|
||||
|
||||
const args = process.argv.slice(2);
|
||||
const SUMMARY = args.includes('--summary');
|
||||
const TOP_IDX = args.indexOf('--top');
|
||||
const TOP_N = TOP_IDX >= 0 ? Number(args[TOP_IDX + 1] || 10) : null;
|
||||
|
||||
// Common German UI keywords that indicate hardcoded strings. Not every hit
|
||||
// is a real violation (e.g. code comments, type names) — we scan only
|
||||
// Svelte template bodies (between <script> blocks) and classname-free
|
||||
// contexts.
|
||||
const GERMAN_KEYWORDS = [
|
||||
// Actions
|
||||
'Abbrechen',
|
||||
'Speichern',
|
||||
'Löschen',
|
||||
'Bearbeiten',
|
||||
'Hinzufügen',
|
||||
'Erstellen',
|
||||
'Anlegen',
|
||||
'Zurück',
|
||||
'Weiter',
|
||||
'Senden',
|
||||
'Laden',
|
||||
'Schließen',
|
||||
'Öffnen',
|
||||
// Empty / count
|
||||
'Keine',
|
||||
'Noch keine',
|
||||
'Noch kein',
|
||||
'Alle',
|
||||
'Neue',
|
||||
'Neuer',
|
||||
'Neues',
|
||||
'Neu',
|
||||
// Confirm
|
||||
'Bist du sicher',
|
||||
'wirklich löschen',
|
||||
'wirklich entfernen',
|
||||
// Labels
|
||||
'Einstellungen',
|
||||
'Übersicht',
|
||||
'Fortschritt',
|
||||
'Beschreibung',
|
||||
'Name',
|
||||
// Status
|
||||
'Offen',
|
||||
'Erledigt',
|
||||
'Fertig',
|
||||
'In Arbeit',
|
||||
'Archiviert',
|
||||
'Pausiert',
|
||||
'Aktiv',
|
||||
];
|
||||
|
||||
const KEYWORD_RE = new RegExp(`\\b(${GERMAN_KEYWORDS.join('|')})\\b`, 'g');
|
||||
|
||||
function hasI18nImport(src) {
|
||||
return /from\s+['"]svelte-i18n['"]/.test(src) || /\$_\s*\(/.test(src);
|
||||
}
|
||||
|
||||
/** Extract template bodies — roughly "everything outside <script>" but
|
||||
* including <style> text. Good enough for keyword-counting. */
|
||||
function stripScriptBlocks(src) {
|
||||
return src.replace(/<script[\s\S]*?<\/script>/g, '');
|
||||
}
|
||||
|
||||
function countKeywords(src) {
|
||||
KEYWORD_RE.lastIndex = 0;
|
||||
const matches = src.match(KEYWORD_RE);
|
||||
return matches ? matches.length : 0;
|
||||
}
|
||||
|
||||
function listSvelteFiles(dir) {
|
||||
const out = [];
|
||||
function walk(d) {
|
||||
for (const ent of readdirSync(d, { withFileTypes: true })) {
|
||||
const p = join(d, ent.name);
|
||||
if (ent.isDirectory()) walk(p);
|
||||
else if (ent.isFile() && ent.name.endsWith('.svelte')) out.push(p);
|
||||
}
|
||||
}
|
||||
walk(dir);
|
||||
return out;
|
||||
}
|
||||
|
||||
function localeBytes(moduleName) {
|
||||
const deJson = join(LOCALES_DIR, moduleName, 'de.json');
|
||||
if (!existsSync(deJson)) return 0;
|
||||
try {
|
||||
return readFileSync(deJson, 'utf8').length;
|
||||
} catch {
|
||||
return 0;
|
||||
}
|
||||
}
|
||||
|
||||
function analyze() {
|
||||
const moduleNames = readdirSync(MODULES_DIR, { withFileTypes: true })
|
||||
.filter((e) => e.isDirectory())
|
||||
.map((e) => e.name)
|
||||
.sort();
|
||||
|
||||
const reports = [];
|
||||
|
||||
for (const mod of moduleNames) {
|
||||
const modDir = join(MODULES_DIR, mod);
|
||||
const files = listSvelteFiles(modDir);
|
||||
if (files.length === 0) continue;
|
||||
|
||||
let usesI18n = 0;
|
||||
let hardcodedFiles = 0;
|
||||
let totalKeywordHits = 0;
|
||||
const offenders = [];
|
||||
|
||||
for (const file of files) {
|
||||
const src = readFileSync(file, 'utf8');
|
||||
const hasI18n = hasI18nImport(src);
|
||||
const template = stripScriptBlocks(src);
|
||||
const hits = countKeywords(template);
|
||||
|
||||
if (hasI18n) usesI18n++;
|
||||
if (hits > 0 && !hasI18n) {
|
||||
hardcodedFiles++;
|
||||
totalKeywordHits += hits;
|
||||
offenders.push({ file: file.slice(REPO_ROOT.length + 1), hits });
|
||||
}
|
||||
}
|
||||
|
||||
const localeExists = localeBytes(mod) > 0;
|
||||
reports.push({
|
||||
module: mod,
|
||||
totalFiles: files.length,
|
||||
usesI18n,
|
||||
hardcodedFiles,
|
||||
keywordHits: totalKeywordHits,
|
||||
localeExists,
|
||||
offenders: offenders.sort((a, b) => b.hits - a.hits),
|
||||
});
|
||||
}
|
||||
|
||||
return reports;
|
||||
}
|
||||
|
||||
function bucket(r) {
|
||||
if (r.keywordHits === 0 && r.usesI18n > 0) return 'FULL';
|
||||
if (r.usesI18n > 0) return 'PARTIAL';
|
||||
return 'NONE';
|
||||
}
|
||||
|
||||
function format(reports) {
|
||||
// Prioritise by keyword hits × coverage gap.
|
||||
const ranked = [...reports]
|
||||
.filter((r) => r.keywordHits > 0)
|
||||
.sort((a, b) => b.keywordHits - a.keywordHits);
|
||||
|
||||
const summary = {
|
||||
FULL: reports.filter((r) => bucket(r) === 'FULL').length,
|
||||
PARTIAL: reports.filter((r) => bucket(r) === 'PARTIAL').length,
|
||||
NONE: reports.filter((r) => bucket(r) === 'NONE').length,
|
||||
};
|
||||
|
||||
console.log(`\n── i18n coverage audit ────────────────────────────────\n`);
|
||||
console.log(`Modules scanned: ${reports.length}`);
|
||||
console.log(` FULL ${String(summary.FULL).padStart(3)} (all .svelte files import $_())`);
|
||||
console.log(
|
||||
` PARTIAL ${String(summary.PARTIAL).padStart(3)} (some use $_(), others hardcode German)`
|
||||
);
|
||||
console.log(` NONE ${String(summary.NONE).padStart(3)} (no $_(), German hardcoded)`);
|
||||
console.log(``);
|
||||
|
||||
if (SUMMARY) {
|
||||
for (const r of ranked.slice(0, TOP_N ?? ranked.length)) {
|
||||
console.log(
|
||||
` ${bucket(r).padEnd(8)} ${String(r.keywordHits).padStart(4)} hits ` +
|
||||
`${r.usesI18n}/${r.totalFiles} files i18n ${r.module}` +
|
||||
(r.localeExists ? '' : ' [no locale file]')
|
||||
);
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
const shown = TOP_N ? ranked.slice(0, TOP_N) : ranked;
|
||||
console.log(`Top ${shown.length} offenders (hardcoded German hits):\n`);
|
||||
for (const r of shown) {
|
||||
const tag = bucket(r);
|
||||
const locale = r.localeExists ? 'locale ✓' : 'locale ✗';
|
||||
console.log(
|
||||
` [${tag}] ${r.module} — ${r.keywordHits} hits across ${r.hardcodedFiles} file(s) (${r.usesI18n}/${r.totalFiles} already use i18n, ${locale})`
|
||||
);
|
||||
for (const o of r.offenders.slice(0, 5)) {
|
||||
console.log(` ${String(o.hits).padStart(3)} ${o.file}`);
|
||||
}
|
||||
if (r.offenders.length > 5) {
|
||||
console.log(` … +${r.offenders.length - 5} more file(s)`);
|
||||
}
|
||||
console.log('');
|
||||
}
|
||||
}
|
||||
|
||||
format(analyze());
|
||||
Loading…
Add table
Add a link
Reference in a new issue