@bleedingdev/modern-js-plugin-i18n 3.9.0-ultramodern.3 → 3.9.0-ultramodern.5

package/tests/federatedI18nBoundary.client.test.tsx

@@ -1,129 +0,0 @@
-import { expect, test } from '@rstest/core';
-import i18next, { type i18n } from 'i18next';
-import { act, useState } from 'react';
-import { hydrateRoot } from 'react-dom/client';
-import { renderToString } from 'react-dom/server';
-import { I18nextProvider, useTranslation } from 'react-i18next';
-import { ModernI18nProvider } from '../src/runtime/context';
-import { FederatedI18nBoundary, useModernI18n } from '../src/runtime/core';
-
-const remoteResources = {
-  cs: {
-    inventory: {
-      'inventory.widgetBody': 'C1 skladová plocha vlastněná MicroVerticalem.',
-    },
-  },
-  en: {
-    inventory: {
-      'inventory.widgetBody':
-        'C1 inventory surface owned by the MicroVertical.',
-    },
-  },
-};
-
-function InventoryCopy() {
-  const modernI18n = useModernI18n<i18n>();
-  const reactI18n = useTranslation('inventory');
-  const reactI18nInstance = reactI18n.i18n as i18n & { __original?: i18n };
-  const sharesScopedInstance =
-    reactI18nInstance === modernI18n.i18nInstance ||
-    reactI18nInstance.__original === modernI18n.i18nInstance;
-
-  return (
-    <p data-testid="inventory-copy">
-      {modernI18n.t('inventory.widgetBody')}|
-      {reactI18n.t('inventory.widgetBody')}|{String(sharesScopedInstance)}
-    </p>
-  );
-}
-
-function Host({ hostI18n }: { hostI18n: i18n }) {
-  const [language, setLanguage] = useState('en');
-
-  return (
-    <ModernI18nProvider
-      i18nextProvider={I18nextProvider}
-      value={{
-        i18nInstance: hostI18n,
-        language,
-        languages: ['en', 'cs'],
-      }}
-    >
-      <button
-        onClick={async () => {
-          await hostI18n.changeLanguage('cs');
-          setLanguage('cs');
-        }}
-        type="button"
-      >
-        cs
-      </button>
-      <FederatedI18nBoundary
-        defaultNamespace="inventory"
-        fallbackLanguage="en"
-        resources={remoteResources}
-        supportedLanguages={['en', 'cs']}
-      >
-        <InventoryCopy />
-      </FederatedI18nBoundary>
-    </ModernI18nProvider>
-  );
-}
-
-async function createHostI18n() {
-  const instance = i18next.createInstance();
-  await instance.init({
-    defaultNS: 'inventory',
-    fallbackLng: 'en',
-    initImmediate: false,
-    lng: 'en',
-    resources: {
-      cs: {
-        inventory: {
-          'inventory.widgetBody': 'stale host Czech copy',
-        },
-      },
-      en: {
-        inventory: {
-          'inventory.widgetBody': 'stale host English copy',
-        },
-      },
-    },
-    supportedLngs: ['en', 'cs'],
-  });
-  return instance;
-}
-
-test('hydrates remote-owned copy and follows the host language', async () => {
-  const serverI18n = await createHostI18n();
-  const container = document.createElement('div');
-  container.innerHTML = renderToString(<Host hostI18n={serverI18n} />);
-  document.body.appendChild(container);
-
-  const clientI18n = await createHostI18n();
-  const hydrationErrors: unknown[] = [];
-  const root = hydrateRoot(container, <Host hostI18n={clientI18n} />, {
-    onRecoverableError: error => hydrationErrors.push(error),
-  });
-
-  await act(async () => undefined);
-  expect(
-    container.querySelector('[data-testid="inventory-copy"]')?.textContent,
-  ).toBe(
-    'C1 inventory surface owned by the MicroVertical.|C1 inventory surface owned by the MicroVertical.|true',
-  );
-
-  await act(async () => {
-    (container.querySelector('button') as HTMLButtonElement).click();
-  });
-  expect(
-    container.querySelector('[data-testid="inventory-copy"]')?.textContent,
-  ).toBe(
-    'C1 skladová plocha vlastněná MicroVerticalem.|C1 skladová plocha vlastněná MicroVerticalem.|true',
-  );
-  expect(clientI18n.t('inventory.widgetBody')).toBe('stale host Czech copy');
-  expect(hydrationErrors).toEqual([]);
-
-  await act(async () => root.unmount());
-  container.remove();
-});

package/tests/federatedI18nBoundary.test.tsx

@@ -1,132 +0,0 @@
-import { describe, expect, test } from '@rstest/core';
-import i18next, { type i18n } from 'i18next';
-import { renderToStaticMarkup } from 'react-dom/server';
-import { I18nextProvider, useTranslation } from 'react-i18next';
-import { ModernI18nProvider } from '../src/runtime/context';
-import { FederatedI18nBoundary, useModernI18n } from '../src/runtime/core';
-
-const C0_COPY = 'C0 copy bundled by the shell';
-const C1_COPY =
-  'C1 operational independence: inventory UI and localization moved together.';
-const HOST_ONLY_INVENTORY_COPY = 'inventory copy owned only by the shell';
-const HOST_ONLY_SHELL_COPY = 'private shell copy';
-
-function InventoryCopy() {
-  const modernI18n = useModernI18n<i18n>();
-  const reactI18n = useTranslation('inventory');
-  const reactI18nInstance = reactI18n.i18n as i18n & { __original?: i18n };
-  const sharesScopedInstance =
-    reactI18nInstance === modernI18n.i18nInstance ||
-    reactI18nInstance.__original === modernI18n.i18nInstance;
-
-  return (
-    <p>
-      {modernI18n.t('inventory.widgetBody')}|
-      {reactI18n.t('inventory.widgetBody')}|{String(sharesScopedInstance)}|
-      {modernI18n.t('inventory.hostOnly')}|{modernI18n.t('shell:private')}|
-      {reactI18n.t('inventory.hostOnly')}|{reactI18n.t('shell:private')}
-    </p>
-  );
-}
-
-describe('FederatedI18nBoundary', () => {
-  test('renders remote-owned resources instead of stale host resources', async () => {
-    const hostI18n = i18next.createInstance();
-    await hostI18n.init({
-      defaultNS: 'inventory',
-      fallbackLng: 'en',
-      initImmediate: false,
-      lng: 'en',
-      ns: ['inventory'],
-      resources: {
-        en: {
-          inventory: {
-            'inventory.hostOnly': HOST_ONLY_INVENTORY_COPY,
-            'inventory.widgetBody': C0_COPY,
-          },
-          shell: {
-            private: HOST_ONLY_SHELL_COPY,
-          },
-        },
-      },
-      supportedLngs: ['en', 'cs'],
-    });
-
-    const html = renderToStaticMarkup(
-      <ModernI18nProvider
-        i18nextProvider={I18nextProvider}
-        value={{
-          i18nInstance: hostI18n,
-          language: 'en',
-          languages: ['en', 'cs'],
-        }}
-      >
-        <FederatedI18nBoundary
-          defaultNamespace="inventory"
-          resources={{
-            en: {
-              inventory: {
-                'inventory.widgetBody': C1_COPY,
-              },
-            },
-          }}
-        >
-          <InventoryCopy />
-        </FederatedI18nBoundary>
-      </ModernI18nProvider>,
-    );
-
-    expect(html).toContain(C1_COPY);
-    expect(html).not.toContain(C0_COPY);
-    expect(html).toContain(`${C1_COPY}|${C1_COPY}|true`);
-    expect(html).not.toContain(HOST_ONLY_INVENTORY_COPY);
-    expect(html).not.toContain(HOST_ONLY_SHELL_COPY);
-    expect(hostI18n.t('inventory.widgetBody')).toBe(C0_COPY);
-    expect(hostI18n.t('inventory.hostOnly')).toBe(HOST_ONLY_INVENTORY_COPY);
-    expect(hostI18n.t('shell:private')).toBe(HOST_ONLY_SHELL_COPY);
-  });
-
-  test('fails before mutation when cloneInstance does not isolate the host store', async () => {
-    const hostI18n = i18next.createInstance();
-    await hostI18n.init({
-      defaultNS: 'inventory',
-      initImmediate: false,
-      lng: 'en',
-      resources: {
-        en: {
-          inventory: {
-            'inventory.widgetBody': C0_COPY,
-          },
-        },
-      },
-    });
-    hostI18n.cloneInstance = () => hostI18n;
-
-    expect(() =>
-      renderToStaticMarkup(
-        <ModernI18nProvider
-          i18nextProvider={I18nextProvider}
-          value={{
-            i18nInstance: hostI18n,
-            language: 'en',
-            languages: ['en'],
-          }}
-        >
-          <FederatedI18nBoundary
-            defaultNamespace="inventory"
-            resources={{
-              en: {
-                inventory: {
-                  'inventory.widgetBody': C1_COPY,
-                },
-              },
-            }}
-          >
-            <InventoryCopy />
-          </FederatedI18nBoundary>
-        </ModernI18nProvider>,
-      ),
-    ).toThrow(/did not isolate the host resource store/u);
-    expect(hostI18n.t('inventory.widgetBody')).toBe(C0_COPY);
-  });
-});

package/tests/peerCohort.test.ts

@@ -1,25 +0,0 @@
-import { createRequire } from 'node:module';
-
-const require = createRequire(import.meta.url);
-const pluginManifest = require('../package.json') as {
-  peerDependencies: Record<string, string>;
-  peerDependenciesMeta: Record<string, { optional?: boolean }>;
-};
-const runtimeManifest = require('../../plugin-runtime/package.json') as {
-  peerDependencies: Record<string, string>;
-};
-
-describe('plugin-i18n peer cohort', () => {
-  test('matches the required runtime React cohort without overstating i18n floors', () => {
-    expect(pluginManifest.peerDependencies).toMatchObject({
-      i18next: '>=25.7.4',
-      react: runtimeManifest.peerDependencies.react,
-      'react-dom': runtimeManifest.peerDependencies['react-dom'],
-      'react-i18next': '>=15.7.4',
-    });
-    expect(pluginManifest.peerDependenciesMeta).toMatchObject({
-      i18next: { optional: true },
-      'react-i18next': { optional: true },
-    });
-  });
-});