@dialpad/i18n 1.22.3 → 1.24.0

package/src/__test__/locale-manager.formatters.test.ts

@@ -1,139 +0,0 @@
-import { LocaleManager } from '../locale-manager';
-import { RawBundleSource } from '@dialpad/i18n-services/bundle-source';
-import { describe, it, expect } from 'vitest';
-
-function mockVueApp(): any {
-  return { use: () => {}, provide: () => {}, component: () => {} };
-}
-
-describe('Fluent Formatters', () => {
-  it('formats a message successfully', async () => {
-    const bundleSource = new RawBundleSource({
-      resources: await RawBundleSource.dynamicResources([
-        ['en-US', 'x', 'existing-key = Hello, world!'],
-      ]),
-    });
-
-    const manager = new LocaleManager({
-      bundleSource,
-      preferredLocale: 'en-US',
-      warmUp: true,
-      fallbackLocale: 'en-US',
-      namespaces: ['x'],
-    });
-
-    await manager.change({ namespaces: ['x'] });
-
-    const app = mockVueApp();
-    manager.install(app);
-    await manager.ready;
-
-    expect(manager.fluentFormat('existing-key')).toEqual('Hello, world!');
-  });
-
-  it('returns the key instead of missing if not found **for both this locale and the fallback locale', async () => {
-    const bundleSource = new RawBundleSource({
-      resources: await RawBundleSource.dynamicResources([
-        ['en-US', 'x', 'existing-key = Hello, world!'],
-      ]),
-    });
-
-    const manager = new LocaleManager({
-      bundleSource,
-      preferredLocale: 'en-US',
-      warmUp: true,
-      fallbackLocale: 'en-US',
-      namespaces: ['x'],
-    });
-
-    await manager.change({ namespaces: ['x'] });
-
-    const app = mockVueApp();
-    manager.install(app);
-    await manager.ready;
-
-    expect(manager.fluentFormat('missing-key')).toEqual('missing-key');
-  });
-
-  it('uses fallbackBundle when key is not found', async () => {
-    const bundleSource = new RawBundleSource({
-      resources: await RawBundleSource.dynamicResources([
-        ['es-ES', 'x', 'existing-key = Hola, mundo!'],
-        [
-          'en-US',
-          'x',
-          'existing-key = Hello, world!\nfallback-key = Fallback message',
-        ],
-      ]),
-    });
-
-    const manager = new LocaleManager({
-      bundleSource,
-      preferredLocale: 'es-ES',
-      warmUp: true,
-      fallbackLocale: 'en-US',
-      namespaces: ['x'],
-    });
-
-    await manager.change({ namespaces: ['x'] });
-
-    const app = mockVueApp();
-    manager.install(app);
-    await manager.ready;
-
-    expect(manager.fluentFormat('fallback-key')).toEqual('Fallback message');
-  });
-
-  it('formats attributes correctly', async () => {
-    const bundleSource = new RawBundleSource({
-      resources: await RawBundleSource.dynamicResources([
-        [
-          'en-US',
-          'x',
-          'existing-key = stuff\n.attr1 = Value 1\n.attr2 = Value 2',
-        ],
-      ]),
-    });
-
-    const manager = new LocaleManager({
-      bundleSource,
-      preferredLocale: 'en-US',
-      warmUp: true,
-      fallbackLocale: 'en-US',
-      namespaces: ['x'],
-    });
-
-    await manager.change({ namespaces: ['x'] });
-
-    const app = mockVueApp();
-    manager.install(app);
-    await manager.ready;
-
-    const attributes = manager.fluentFormatAttrs('existing-key');
-    expect(attributes).toEqual({ attr1: 'Value 1', attr2: 'Value 2' });
-  });
-
-  it('returns an empty object when attributes are not found', async () => {
-    const bundleSource = new RawBundleSource({
-      resources: await RawBundleSource.dynamicResources([
-        ['en-US', 'x', 'no-attributes = stuff'],
-      ]),
-    });
-
-    const manager = new LocaleManager({
-      bundleSource,
-      preferredLocale: 'en-US',
-      warmUp: true,
-      fallbackLocale: 'en-US',
-      namespaces: ['x'],
-    });
-
-    await manager.change({ namespaces: ['x'] });
-
-    const app = mockVueApp();
-    manager.install(app);
-    await manager.ready;
-
-    expect(manager.fluentFormatAttrs('no-attributes')).toEqual({});
-  });
-});

package/src/__test__/locale-manager.multiple.test.ts

@@ -1,349 +0,0 @@
-import { RawBundleSource } from '@dialpad/i18n-services/bundle-source';
-import type { LocaleManagerParams } from '@dialpad/i18n-services/locale-manager';
-import { MemoryStorageWrapper } from '@dialpad/i18n-services/storage';
-
-import { expect, describe, it, beforeEach, vi } from 'vitest';
-import { INJECTION_KEY_PREFIX, LocaleManager } from '../locale-manager';
-import type { App } from 'vue';
-
-const EN_US = 'en-US';
-const ES_LA = 'es-LA';
-
-function createTestBundleSources() {
-  const PowerdialerBundle = new RawBundleSource({
-    resources: [
-      [
-        EN_US,
-        'app-core',
-        `PAGE_TITLE_CAMPAIGNS = Campaigns
-LEAD_PHONE_NUM_LABEL = Phone Number
-CREATE_LEAD_BUTTON = Create Lead`,
-      ],
-      [
-        ES_LA,
-        'app-core',
-        `PAGE_TITLE_CAMPAIGNS = Campañas
-LEAD_PHONE_NUM_LABEL = Número de Teléfono
-CREATE_LEAD_BUTTON = Crear Cliente Potencial`,
-      ],
-    ],
-  });
-
-  // Admin bundle source
-  const adminBundle = new RawBundleSource({
-    resources: [
-      [
-        EN_US,
-        'admin-test',
-        `ADMIN_DASHBOARD = Admin Dashboard
-ADMIN_USERS = Manage Users
-ADMIN_REPORTS = Admin Reports
-BUTTON_SAVE = Admin Save
-test-admin-only = This key ONLY exists in admin bundle
-
-# Same key as Powerdialer but different value
-PAGE_TITLE_CAMPAIGNS = Admin Campaigns View`,
-      ],
-      [
-        ES_LA,
-        'admin-test',
-        `ADMIN_DASHBOARD = Panel de Administración
-ADMIN_USERS = Gestionar Usuarios
-ADMIN_REPORTS = Reportes de Admin
-BUTTON_SAVE = Guardar Admin
-test-admin-only = Esta clave SOLO existe en el bundle de admin
-
-# Same key as Powerdialer but different value
-PAGE_TITLE_CAMPAIGNS = Vista de Campañas Admin`,
-      ],
-    ],
-  });
-
-  return { PowerdialerBundle, adminBundle };
-}
-
-function createTestManager(
-  bundleSource: RawBundleSource,
-  namespaces: string[],
-  props?: Partial<LocaleManagerParams>,
-): LocaleManager {
-  return new LocaleManager({
-    bundleSource,
-    namespaces,
-    warmUp: false,
-    fallbackLocale: EN_US,
-    preferredLocale: EN_US,
-    storageWrapper: new MemoryStorageWrapper(),
-    ...props,
-  });
-}
-
-function mockVueApp(): App {
-  return {
-    _context: { provides: {} },
-    use: vi.fn(),
-    provide: vi.fn(),
-    component: vi.fn(),
-  } as unknown as App;
-}
-
-describe('LocaleManager - Multiple Instances', () => {
-  let powerdialerManager: LocaleManager;
-  let adminManager: LocaleManager;
-  let mockApp: App;
-
-  beforeEach(async () => {
-    const { PowerdialerBundle, adminBundle } = createTestBundleSources();
-
-    powerdialerManager = createTestManager(PowerdialerBundle, ['app-core']);
-    adminManager = createTestManager(adminBundle, ['admin-test']);
-
-    mockApp = mockVueApp();
-
-    // Warm up both managers with proper initialization
-    powerdialerManager.updateLocaleSettings({
-      namespaces: ['app-core'],
-      preferredLocale: EN_US,
-    });
-    adminManager.updateLocaleSettings({
-      namespaces: ['admin-test'],
-      preferredLocale: EN_US,
-    });
-
-    // Install managers to Vue app (required for fluentFormat to work)
-    powerdialerManager.install(mockApp);
-    adminManager.install(mockApp);
-
-    // Wait for both managers to be ready
-    await powerdialerManager.ready;
-    await adminManager.ready;
-  });
-
-  describe('Bundle Key Isolation', () => {
-    it('should allow each manager to access only its own namespace keys', async () => {
-      // Powerdialer manager should access app-core keys
-      expect(powerdialerManager.fluentFormat('PAGE_TITLE_CAMPAIGNS')).toBe(
-        'Campaigns',
-      );
-      expect(powerdialerManager.fluentFormat('LEAD_PHONE_NUM_LABEL')).toBe(
-        'Phone Number',
-      );
-      expect(powerdialerManager.fluentFormat('CREATE_LEAD_BUTTON')).toBe(
-        'Create Lead',
-      );
-
-      // Admin manager should access admin-test keys
-      expect(adminManager.fluentFormat('ADMIN_DASHBOARD')).toBe(
-        'Admin Dashboard',
-      );
-      expect(adminManager.fluentFormat('test-admin-only')).toBe(
-        'This key ONLY exists in admin bundle',
-      );
-      expect(adminManager.fluentFormat('PAGE_TITLE_CAMPAIGNS')).toBe(
-        'Admin Campaigns View',
-      );
-    });
-
-    it('should return raw keys for non-existent keys in each namespace', () => {
-      // Powerdialer manager should not access admin-only keys
-      expect(powerdialerManager.fluentFormat('ADMIN_DASHBOARD')).toBe(
-        'ADMIN_DASHBOARD',
-      );
-      expect(powerdialerManager.fluentFormat('test-admin-only')).toBe(
-        'test-admin-only',
-      );
-
-      // Admin manager should not access Powerdialer-only keys
-      expect(adminManager.fluentFormat('LEAD_PHONE_NUM_LABEL')).toBe(
-        'LEAD_PHONE_NUM_LABEL',
-      );
-      expect(adminManager.fluentFormat('CREATE_LEAD_BUTTON')).toBe(
-        'CREATE_LEAD_BUTTON',
-      );
-    });
-  });
-
-  describe('Cross-contamination Prevention', () => {
-    it("should prevent managers from accessing each other's namespaces", () => {
-      // Same key name, different values based on namespace
-      const PowerdialerCampaigns = powerdialerManager.fluentFormat(
-        'PAGE_TITLE_CAMPAIGNS',
-      );
-      const adminCampaigns = adminManager.fluentFormat('PAGE_TITLE_CAMPAIGNS');
-
-      expect(PowerdialerCampaigns).toBe('Campaigns');
-      expect(adminCampaigns).toBe('Admin Campaigns View');
-      expect(PowerdialerCampaigns).not.toBe(adminCampaigns);
-    });
-
-    it('should maintain namespace isolation even with similar key names', () => {
-      // Admin has BUTTON_SAVE, Powerdialer doesn't
-      expect(adminManager.fluentFormat('BUTTON_SAVE')).toBe('Admin Save');
-      expect(powerdialerManager.fluentFormat('BUTTON_SAVE')).toBe(
-        'BUTTON_SAVE',
-      ); // Raw key returned
-
-      // Powerdialer has CREATE_LEAD_BUTTON, Admin doesn't
-      expect(powerdialerManager.fluentFormat('CREATE_LEAD_BUTTON')).toBe(
-        'Create Lead',
-      );
-      expect(adminManager.fluentFormat('CREATE_LEAD_BUTTON')).toBe(
-        'CREATE_LEAD_BUTTON',
-      ); // Raw key returned
-    });
-  });
-
-  describe('Language Switching', () => {
-    it('should switch language for individual managers independently', async () => {
-      // Set up injection keys for both managers (like the working test)
-      const provides = mockApp._context.provides as Record<
-        string,
-        LocaleManager
-      >;
-      provides[`${INJECTION_KEY_PREFIX}.app-core`] = powerdialerManager;
-      provides[`${INJECTION_KEY_PREFIX}.admin-test`] = adminManager;
-
-      // Switch Powerdialer to Spanish using change() method with namespace
-      powerdialerManager.changeLocale({ preferredLocale: ES_LA }, 'app-core');
-      await powerdialerManager.ready;
-
-      // Powerdialer should show Spanish
-      expect(powerdialerManager.fluentFormat('PAGE_TITLE_CAMPAIGNS')).toBe(
-        'Campañas',
-      );
-      expect(powerdialerManager.fluentFormat('LEAD_PHONE_NUM_LABEL')).toBe(
-        'Número de Teléfono',
-      );
-
-      // Admin should still show English
-      expect(adminManager.fluentFormat('PAGE_TITLE_CAMPAIGNS')).toBe(
-        'Admin Campaigns View',
-      );
-      expect(adminManager.fluentFormat('ADMIN_DASHBOARD')).toBe(
-        'Admin Dashboard',
-      );
-    });
-
-    it('should switch language for all managers when using changeLocale globally', async () => {
-      // Set up injection keys for both managers
-      const provides = mockApp._context.provides as Record<
-        string,
-        LocaleManager
-      >;
-      provides[`${INJECTION_KEY_PREFIX}.app-core`] = powerdialerManager;
-      provides[`${INJECTION_KEY_PREFIX}.admin-test`] = adminManager;
-
-      // Switch all managers to Spanish
-      powerdialerManager.changeLocale({ preferredLocale: ES_LA });
-
-      // Wait for both managers to be ready
-      await powerdialerManager.ready;
-      await adminManager.ready;
-
-      // Both managers should show Spanish
-      expect(powerdialerManager.fluentFormat('PAGE_TITLE_CAMPAIGNS')).toBe(
-        'Campañas',
-      );
-      expect(adminManager.fluentFormat('PAGE_TITLE_CAMPAIGNS')).toBe(
-        'Vista de Campañas Admin',
-      );
-      expect(adminManager.fluentFormat('ADMIN_DASHBOARD')).toBe(
-        'Panel de Administración',
-      );
-    });
-
-    it('should maintain namespace isolation during language switching', async () => {
-      // Switch both to Spanish
-      const provides = mockApp._context.provides as Record<
-        string,
-        LocaleManager
-      >;
-      provides[`${INJECTION_KEY_PREFIX}.app-core`] = powerdialerManager;
-      provides[`${INJECTION_KEY_PREFIX}.admin-test`] = adminManager;
-
-      powerdialerManager.changeLocale({ preferredLocale: ES_LA });
-      await powerdialerManager.ready;
-      await adminManager.ready;
-
-      // Each manager should access only its own Spanish translations
-      expect(powerdialerManager.fluentFormat('PAGE_TITLE_CAMPAIGNS')).toBe(
-        'Campañas',
-      );
-      expect(adminManager.fluentFormat('PAGE_TITLE_CAMPAIGNS')).toBe(
-        'Vista de Campañas Admin',
-      );
-
-      // Admin-only keys should still be isolated
-      expect(adminManager.fluentFormat('test-admin-only')).toBe(
-        'Esta clave SOLO existe en el bundle de admin',
-      );
-      expect(powerdialerManager.fluentFormat('test-admin-only')).toBe(
-        'test-admin-only',
-      ); // Raw key
-    });
-  });
-
-  describe('Manager Independence', () => {
-    it('should allow managers to have different preferred locales simultaneously', async () => {
-      // Set up injection keys for both managers
-      const provides = mockApp._context.provides as Record<
-        string,
-        LocaleManager
-      >;
-      provides[`${INJECTION_KEY_PREFIX}.app-core`] = powerdialerManager;
-      provides[`${INJECTION_KEY_PREFIX}.admin-test`] = adminManager;
-
-      // Set Powerdialer to Spanish using change() method with namespace
-      powerdialerManager.changeLocale({ preferredLocale: ES_LA }, 'app-core');
-      await powerdialerManager.ready;
-
-      // Keep Admin in English (no change)
-
-      // Verify different locales
-      expect(powerdialerManager.currentLocaleProp.value).toBe(ES_LA);
-      expect(adminManager.currentLocaleProp.value).toBe(EN_US);
-
-      // Verify translations reflect different locales
-      expect(powerdialerManager.fluentFormat('PAGE_TITLE_CAMPAIGNS')).toBe(
-        'Campañas',
-      );
-      expect(adminManager.fluentFormat('PAGE_TITLE_CAMPAIGNS')).toBe(
-        'Admin Campaigns View',
-      );
-    });
-
-    it("should not interfere with each other's bundle loading", async () => {
-      // Force reload bundles for one manager
-      powerdialerManager.changeLocale({ useCache: false });
-      await powerdialerManager.ready;
-
-      // Other manager should still work normally
-      expect(adminManager.fluentFormat('ADMIN_DASHBOARD')).toBe(
-        'Admin Dashboard',
-      );
-      expect(powerdialerManager.fluentFormat('PAGE_TITLE_CAMPAIGNS')).toBe(
-        'Campaigns',
-      );
-    });
-  });
-
-  describe('Error Handling', () => {
-    it('should handle missing translations gracefully in each manager', () => {
-      // Non-existent keys should return raw key strings
-      expect(powerdialerManager.fluentFormat('NON_EXISTENT_KEY')).toBe(
-        'NON_EXISTENT_KEY',
-      );
-      expect(adminManager.fluentFormat('ANOTHER_MISSING_KEY')).toBe(
-        'ANOTHER_MISSING_KEY',
-      );
-    });
-
-    it('should not crash when one manager has bundle issues', () => {
-      // This test ensures that if one manager has problems, others continue working
-      expect(() => {
-        powerdialerManager.fluentFormat('PAGE_TITLE_CAMPAIGNS');
-        adminManager.fluentFormat('ADMIN_DASHBOARD');
-      }).not.toThrow();
-    });
-  });
-});