@mounaji_npm/app-providers

Utilities to compose multiple React providers in a predictable order.

Install

npm install @mounaji_npm/app-providers

Quick Start

import { AppProviders } from '@mounaji_npm/app-providers';
import { TokensProvider } from '@mounaji_npm/tokens';
import { I18nProvider } from '@mounaji_npm/i18n';

const providers = [
  {
    name: 'TokensProvider',
    provider: TokensProvider,
    props: { tokens: { colorPrimary: '#0EA5E9' } },
  },
  {
    name: 'I18nProvider',
    provider: I18nProvider,
    props: { defaultLocale: 'en', locales: ['en', 'es'] },
  },
];

export default function Root({ children }) {
  return <AppProviders providers={providers}>{children}</AppProviders>;
}

Exports

• AppProviders — component wrapper that composes providers from right to left.
• composeProviders(providers, children) — low-level function if you need manual composition.
• assertProviderOrder(providers, expectedNames) — validates required provider names and order.

Provider item shape

{
  name: 'TokensProvider',
  provider: TokensProvider,
  props: { tokens: { colorPrimary: '#0EA5E9' } }
}

Runtime Order Validation

import { assertProviderOrder } from '@mounaji_npm/app-providers';

assertProviderOrder(providers, ['TokensProvider', 'I18nProvider']);

Use this in tests or startup checks to catch provider misconfiguration early.