inline-i18n-multi 0.10.0 → 0.12.0

package/README.md

@@ -79,6 +79,10 @@ See "Hello" in your app? Just search for "Hello" in your codebase. **Done.**
 - **Fallback Value** - Custom fallback text when translation is missing (`t('key', { _fallback: 'Default' })`)
 - **Diff Command** - Compare translations between two locales (`npx inline-i18n diff en ko`)
 - **Stats Command** - Translation statistics dashboard (`npx inline-i18n stats`)
+- **Locale Display Names** - Get human-readable locale names using `Intl.DisplayNames` (`getLocaleDisplayName('ko', 'en')` → `"Korean"`)
+- **Translation Key Listing** - `getTranslationKeys(locale?, namespace?)` returns all loaded translation keys
+- **Missing Translation Tracker** - Runtime collection of missing translation keys (`trackMissingKeys(true/false)`, `getMissingKeys()`, `clearMissingKeys()`)
+- **Locale Change Event** — Subscribe to locale changes with `onLocaleChange()` (v0.12.0)
 
 ---
 
@@ -814,6 +818,104 @@ Useful for providing user-friendly defaults in UI components where raw keys woul
 
 ---
 
+## Locale Display Names
+
+Get human-readable display names for locale codes using `Intl.DisplayNames`:
+
+```typescript
+import { getLocaleDisplayName, setLocale } from 'inline-i18n-multi'
+
+setLocale('en')
+
+// Get display name in a specific locale
+getLocaleDisplayName('ko', 'en')    // → "Korean"
+getLocaleDisplayName('ja', 'en')    // → "Japanese"
+getLocaleDisplayName('zh', 'en')    // → "Chinese"
+
+// Display name in the target's own locale
+getLocaleDisplayName('ko', 'ko')    // → "한국어"
+getLocaleDisplayName('en', 'ja')    // → "英語"
+
+// Omit displayLocale to use current locale
+setLocale('ko')
+getLocaleDisplayName('en')          // → "영어"
+```
+
+---
+
+## Translation Key Listing
+
+Get a list of all loaded translation keys:
+
+```typescript
+import { getTranslationKeys, loadDictionaries } from 'inline-i18n-multi'
+
+loadDictionaries({
+  en: { greeting: 'Hello', farewell: 'Goodbye' },
+  ko: { greeting: '안녕하세요' }
+}, 'common')
+
+// Get all keys for a specific locale and namespace
+getTranslationKeys('en', 'common')   // → ['greeting', 'farewell']
+getTranslationKeys('ko', 'common')   // → ['greeting']
+
+// Omit namespace to get keys from all namespaces
+getTranslationKeys('en')             // → ['common:greeting', 'common:farewell']
+
+// Omit all parameters to use current locale
+getTranslationKeys()                 // → all keys for current locale
+```
+
+---
+
+## Missing Translation Tracker
+
+Collect missing translation keys at runtime to identify what needs translating:
+
+```typescript
+import { trackMissingKeys, getMissingKeys, clearMissingKeys, t, loadDictionaries } from 'inline-i18n-multi'
+
+loadDictionaries({ en: { greeting: 'Hello' } })
+
+// Enable missing key tracking
+trackMissingKeys(true)
+
+// Use keys that don't exist
+t('missing.key')
+t('another.missing')
+
+// Get all missing keys
+getMissingKeys()  // → ['missing.key', 'another.missing']
+
+// Clear the tracked list
+clearMissingKeys()
+getMissingKeys()  // → []
+
+// Disable tracking
+trackMissingKeys(false)
+```
+
+Useful for discovering untranslated content during development and testing.
+
+---
+
+## Locale Change Event
+
+Subscribe to locale changes with `onLocaleChange()` to run custom logic when the locale switches:
+
+```ts
+import { setLocale, onLocaleChange } from 'inline-i18n-multi'
+
+const unsubscribe = onLocaleChange((newLocale, previousLocale) => {
+  console.log(`Locale changed: ${previousLocale} → ${newLocale}`)
+})
+
+setLocale('ko')  // logs: "Locale changed: en → ko"
+unsubscribe()    // stop listening
+```
+
+---
+
 ## Configuration
 
 Configure global settings for fallback behavior and warnings:
@@ -908,6 +1010,13 @@ Available helpers:
 | `clearICUCache()` | Clear the ICU message AST cache |
 | `restoreLocale()` | Restore locale from configured persistent storage (cookie or localStorage) |
 | `createScope(namespace)` | Return a translation function scoped to the given namespace |
+| `getLocaleDisplayName(locale, displayLocale?)` | Get human-readable display name for a locale using `Intl.DisplayNames` |
+| `getTranslationKeys(locale?, namespace?)` | Get all loaded translation keys |
+| `trackMissingKeys(enabled)` | Enable or disable missing translation key tracking |
+| `getMissingKeys()` | Get all tracked missing translation keys |
+| `clearMissingKeys()` | Clear the tracked missing keys list |
+| `onLocaleChange(callback)` | Subscribe to locale changes, returns unsubscribe function |
+| `clearLocaleListeners()` | Remove all locale change listeners |
 
 ### Custom Formatters
 

package/dist/index.d.mts

@@ -97,6 +97,14 @@ declare function it(ko: string, en: string, vars?: TranslationVars): string;
  */
 declare function it(translations: Translations, vars?: TranslationVars): string;
 
+type LocaleChangeCallback = (locale: Locale, previousLocale: Locale) => void;
+/**
+ * Subscribe to locale changes.
+ * Returns an unsubscribe function.
+ */
+declare function onLocaleChange(callback: LocaleChangeCallback): () => void;
+/** Remove all locale change listeners (for testing) */
+declare function clearLocaleListeners(): void;
 declare function setLocale(locale: Locale): void;
 declare function getLocale(): Locale;
 /**
@@ -233,6 +241,49 @@ declare function getDictionary(locale: Locale, namespace?: string): Dictionary |
  * Get all loaded namespaces
  */
 declare function getLoadedNamespaces(): string[];
+/**
+ * Get the display name of a locale using Intl.DisplayNames (v0.11.0)
+ * @param locale - Locale code to get display name for (e.g., 'ko', 'ja', 'en-US')
+ * @param displayLocale - Locale in which to display the name (defaults to current locale)
+ * @returns Display name string (e.g., "Korean", "日本語")
+ *
+ * @example
+ * getLocaleDisplayName('ko', 'en')  // → "Korean"
+ * getLocaleDisplayName('ko', 'ko')  // → "한국어"
+ * getLocaleDisplayName('en', 'ja')  // → "英語"
+ */
+declare function getLocaleDisplayName(locale: Locale, displayLocale?: Locale): string;
+/**
+ * Get all translation keys for a locale (v0.11.0)
+ * @param locale - Locale to get keys for (defaults to current locale)
+ * @param namespace - Optional namespace (returns from all if not specified)
+ * @returns Array of translation keys (dot-notation paths)
+ *
+ * @example
+ * getTranslationKeys('en')             // → ['greeting.hello', 'greeting.goodbye', 'welcome']
+ * getTranslationKeys('en', 'common')   // → ['hello', 'goodbye']
+ */
+declare function getTranslationKeys(locale?: Locale, namespace?: string): string[];
+/**
+ * Enable or disable missing translation tracking (v0.11.0)
+ * When enabled, all missing translation keys encountered via t() are recorded.
+ * @param enabled - Whether to enable tracking
+ *
+ * @example
+ * trackMissingKeys(true)
+ * t('nonexistent.key')
+ * getMissingKeys()  // → ['nonexistent.key']
+ */
+declare function trackMissingKeys(enabled: boolean): void;
+/**
+ * Get all missing translation keys encountered since tracking was enabled (v0.11.0)
+ * @returns Array of missing keys
+ */
+declare function getMissingKeys(): string[];
+/**
+ * Clear the list of tracked missing keys (v0.11.0)
+ */
+declare function clearMissingKeys(): void;
 
 type FullConfig = Required<Omit<Config, 'loader' | 'missingVarHandler' | 'persistLocale'>> & Pick<Config, 'loader' | 'missingVarHandler' | 'persistLocale'>;
 /**
@@ -344,4 +395,4 @@ interface RichTextSegment {
  */
 declare function parseRichText(template: string, componentNames: string[]): RichTextSegment[];
 
-export { type Config, type CustomFormatter, type DebugModeOptions, type DetectLocaleOptions, type DetectSource, type Dictionaries, type Dictionary, type Locale, type PluralRules, type RichTextSegment, type TranslationVars, type TranslationWarning, type Translations, type WarningHandler, __i18n_lookup, clearDictionaries, clearFormatters, clearICUCache, configure, createScope, detectLocale, en_de, en_es, en_fr, en_ja, en_zh, getConfig, getDictionary, getLoadedLocales, getLoadedNamespaces, getLocale, hasTranslation, isLoaded, it, it_de, it_es, it_fr, it_ja, it_zh, ja_es, ja_zh, loadAsync, loadDictionaries, loadDictionary, parseRichText, registerFormatter, resetConfig, restoreLocale, setLocale, t, zh_es };
+export { type Config, type CustomFormatter, type DebugModeOptions, type DetectLocaleOptions, type DetectSource, type Dictionaries, type Dictionary, type Locale, type PluralRules, type RichTextSegment, type TranslationVars, type TranslationWarning, type Translations, type WarningHandler, __i18n_lookup, clearDictionaries, clearFormatters, clearICUCache, clearLocaleListeners, clearMissingKeys, configure, createScope, detectLocale, en_de, en_es, en_fr, en_ja, en_zh, getConfig, getDictionary, getLoadedLocales, getLoadedNamespaces, getLocale, getLocaleDisplayName, getMissingKeys, getTranslationKeys, hasTranslation, isLoaded, it, it_de, it_es, it_fr, it_ja, it_zh, ja_es, ja_zh, loadAsync, loadDictionaries, loadDictionary, onLocaleChange, parseRichText, registerFormatter, resetConfig, restoreLocale, setLocale, t, trackMissingKeys, zh_es };

package/dist/index.d.ts

@@ -97,6 +97,14 @@ declare function it(ko: string, en: string, vars?: TranslationVars): string;
  */
 declare function it(translations: Translations, vars?: TranslationVars): string;
 
+type LocaleChangeCallback = (locale: Locale, previousLocale: Locale) => void;
+/**
+ * Subscribe to locale changes.
+ * Returns an unsubscribe function.
+ */
+declare function onLocaleChange(callback: LocaleChangeCallback): () => void;
+/** Remove all locale change listeners (for testing) */
+declare function clearLocaleListeners(): void;
 declare function setLocale(locale: Locale): void;
 declare function getLocale(): Locale;
 /**
@@ -233,6 +241,49 @@ declare function getDictionary(locale: Locale, namespace?: string): Dictionary |
  * Get all loaded namespaces
  */
 declare function getLoadedNamespaces(): string[];
+/**
+ * Get the display name of a locale using Intl.DisplayNames (v0.11.0)
+ * @param locale - Locale code to get display name for (e.g., 'ko', 'ja', 'en-US')
+ * @param displayLocale - Locale in which to display the name (defaults to current locale)
+ * @returns Display name string (e.g., "Korean", "日本語")
+ *
+ * @example
+ * getLocaleDisplayName('ko', 'en')  // → "Korean"
+ * getLocaleDisplayName('ko', 'ko')  // → "한국어"
+ * getLocaleDisplayName('en', 'ja')  // → "英語"
+ */
+declare function getLocaleDisplayName(locale: Locale, displayLocale?: Locale): string;
+/**
+ * Get all translation keys for a locale (v0.11.0)
+ * @param locale - Locale to get keys for (defaults to current locale)
+ * @param namespace - Optional namespace (returns from all if not specified)
+ * @returns Array of translation keys (dot-notation paths)
+ *
+ * @example
+ * getTranslationKeys('en')             // → ['greeting.hello', 'greeting.goodbye', 'welcome']
+ * getTranslationKeys('en', 'common')   // → ['hello', 'goodbye']
+ */
+declare function getTranslationKeys(locale?: Locale, namespace?: string): string[];
+/**
+ * Enable or disable missing translation tracking (v0.11.0)
+ * When enabled, all missing translation keys encountered via t() are recorded.
+ * @param enabled - Whether to enable tracking
+ *
+ * @example
+ * trackMissingKeys(true)
+ * t('nonexistent.key')
+ * getMissingKeys()  // → ['nonexistent.key']
+ */
+declare function trackMissingKeys(enabled: boolean): void;
+/**
+ * Get all missing translation keys encountered since tracking was enabled (v0.11.0)
+ * @returns Array of missing keys
+ */
+declare function getMissingKeys(): string[];
+/**
+ * Clear the list of tracked missing keys (v0.11.0)
+ */
+declare function clearMissingKeys(): void;
 
 type FullConfig = Required<Omit<Config, 'loader' | 'missingVarHandler' | 'persistLocale'>> & Pick<Config, 'loader' | 'missingVarHandler' | 'persistLocale'>;
 /**
@@ -344,4 +395,4 @@ interface RichTextSegment {
  */
 declare function parseRichText(template: string, componentNames: string[]): RichTextSegment[];
 
-export { type Config, type CustomFormatter, type DebugModeOptions, type DetectLocaleOptions, type DetectSource, type Dictionaries, type Dictionary, type Locale, type PluralRules, type RichTextSegment, type TranslationVars, type TranslationWarning, type Translations, type WarningHandler, __i18n_lookup, clearDictionaries, clearFormatters, clearICUCache, configure, createScope, detectLocale, en_de, en_es, en_fr, en_ja, en_zh, getConfig, getDictionary, getLoadedLocales, getLoadedNamespaces, getLocale, hasTranslation, isLoaded, it, it_de, it_es, it_fr, it_ja, it_zh, ja_es, ja_zh, loadAsync, loadDictionaries, loadDictionary, parseRichText, registerFormatter, resetConfig, restoreLocale, setLocale, t, zh_es };
+export { type Config, type CustomFormatter, type DebugModeOptions, type DetectLocaleOptions, type DetectSource, type Dictionaries, type Dictionary, type Locale, type PluralRules, type RichTextSegment, type TranslationVars, type TranslationWarning, type Translations, type WarningHandler, __i18n_lookup, clearDictionaries, clearFormatters, clearICUCache, clearLocaleListeners, clearMissingKeys, configure, createScope, detectLocale, en_de, en_es, en_fr, en_ja, en_zh, getConfig, getDictionary, getLoadedLocales, getLoadedNamespaces, getLocale, getLocaleDisplayName, getMissingKeys, getTranslationKeys, hasTranslation, isLoaded, it, it_de, it_es, it_fr, it_ja, it_zh, ja_es, ja_zh, loadAsync, loadDictionaries, loadDictionary, onLocaleChange, parseRichText, registerFormatter, resetConfig, restoreLocale, setLocale, t, trackMissingKeys, zh_es };

package/dist/index.js

@@ -105,6 +105,21 @@ function applyDebugFormat(output, debugInfo) {
 
 // src/context.ts
 var currentLocale = "en";
+var listeners = /* @__PURE__ */ new Set();
+function onLocaleChange(callback) {
+  listeners.add(callback);
+  return () => {
+    listeners.delete(callback);
+  };
+}
+function notifyListeners(locale, previousLocale) {
+  for (const cb of listeners) {
+    cb(locale, previousLocale);
+  }
+}
+function clearLocaleListeners() {
+  listeners.clear();
+}
 function setCookie(name, value, days) {
   if (typeof document === "undefined") return;
   const expires = new Date(Date.now() + days * 864e5).toUTCString();
@@ -131,8 +146,12 @@ function persistLocaleToStorage(locale) {
   }
 }
 function setLocale(locale) {
+  const previousLocale = currentLocale;
   currentLocale = locale;
   persistLocaleToStorage(locale);
+  if (locale !== previousLocale) {
+    notifyListeners(locale, previousLocale);
+  }
 }
 function getLocale() {
   return currentLocale;
@@ -919,6 +938,7 @@ function t(key, vars, locale) {
     }
   }
   if (!template) {
+    recordMissingKey(key);
     emitWarning({
       type: "missing_translation",
       key,
@@ -987,6 +1007,61 @@ function getDictionary(locale, namespace) {
 function getLoadedNamespaces() {
   return Object.keys(namespacedDictionaries);
 }
+function getLocaleDisplayName(locale, displayLocale) {
+  const dl = displayLocale ?? getLocale();
+  try {
+    const displayNames = new Intl.DisplayNames([dl], { type: "language" });
+    return displayNames.of(locale) ?? locale;
+  } catch {
+    return locale;
+  }
+}
+function getTranslationKeys(locale, namespace) {
+  const loc = locale ?? getLocale();
+  const keys = [];
+  function collectKeys(dict, prefix) {
+    for (const [k, v] of Object.entries(dict)) {
+      const fullKey = prefix ? `${prefix}.${k}` : k;
+      if (typeof v === "string") {
+        keys.push(fullKey);
+      } else {
+        collectKeys(v, fullKey);
+      }
+    }
+  }
+  if (namespace) {
+    const dict = namespacedDictionaries[namespace]?.[loc];
+    if (dict) collectKeys(dict, "");
+  } else {
+    for (const [ns, dicts] of Object.entries(namespacedDictionaries)) {
+      const dict = dicts[loc];
+      if (dict) {
+        const prefix = ns === DEFAULT_NAMESPACE ? "" : "";
+        collectKeys(dict, prefix);
+      }
+    }
+  }
+  return keys;
+}
+var missingKeys = /* @__PURE__ */ new Set();
+var trackMissing = false;
+function trackMissingKeys(enabled) {
+  trackMissing = enabled;
+  if (!enabled) {
+    missingKeys = /* @__PURE__ */ new Set();
+  }
+}
+function getMissingKeys() {
+  return Array.from(missingKeys);
+}
+function clearMissingKeys() {
+  missingKeys = /* @__PURE__ */ new Set();
+}
+function recordMissingKey(key) {
+  if (trackMissing) {
+    missingKeys.add(key);
+  }
+}
 
 // src/detect.ts
 function matchLocale(candidate, supportedLocales) {
@@ -1122,6 +1197,8 @@ exports.__i18n_lookup = __i18n_lookup;
 exports.clearDictionaries = clearDictionaries;
 exports.clearFormatters = clearFormatters;
 exports.clearICUCache = clearICUCache;
+exports.clearLocaleListeners = clearLocaleListeners;
+exports.clearMissingKeys = clearMissingKeys;
 exports.configure = configure;
 exports.createScope = createScope;
 exports.detectLocale = detectLocale;
@@ -1135,6 +1212,9 @@ exports.getDictionary = getDictionary;
 exports.getLoadedLocales = getLoadedLocales;
 exports.getLoadedNamespaces = getLoadedNamespaces;
 exports.getLocale = getLocale;
+exports.getLocaleDisplayName = getLocaleDisplayName;
+exports.getMissingKeys = getMissingKeys;
+exports.getTranslationKeys = getTranslationKeys;
 exports.hasTranslation = hasTranslation;
 exports.isLoaded = isLoaded;
 exports.it = it;
@@ -1148,12 +1228,14 @@ exports.ja_zh = ja_zh;
 exports.loadAsync = loadAsync;
 exports.loadDictionaries = loadDictionaries;
 exports.loadDictionary = loadDictionary;
+exports.onLocaleChange = onLocaleChange;
 exports.parseRichText = parseRichText;
 exports.registerFormatter = registerFormatter;
 exports.resetConfig = resetConfig;
 exports.restoreLocale = restoreLocale;
 exports.setLocale = setLocale;
 exports.t = t;
+exports.trackMissingKeys = trackMissingKeys;
 exports.zh_es = zh_es;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map