7ebff31475
Version 3 of the kit: - Radix UI replaced with Base UI (using the Shadcn UI patterns) - next-intl replaces react-i18next - enhanceAction deprecated; usage moved to next-safe-action - main layout now wrapped with [locale] path segment - Teams only mode - Layout updates - Zod v4 - Next.js 16.2 - Typescript 6 - All other dependencies updated - Removed deprecated Edge CSRF - Dynamic Github Action runner
68 lines
2.1 KiB
TypeScript
68 lines
2.1 KiB
TypeScript
'use client';
|
|
|
|
import type { AbstractIntlMessages } from 'next-intl';
|
|
import { ThemeProvider } from 'next-themes';
|
|
|
|
import { I18nClientProvider } from '@kit/i18n/provider';
|
|
import { MonitoringProvider } from '@kit/monitoring/components';
|
|
import { AppEventsProvider } from '@kit/shared/events';
|
|
import { CSPProvider } from '@kit/ui/csp-provider';
|
|
import { If } from '@kit/ui/if';
|
|
import { VersionUpdater } from '@kit/ui/version-updater';
|
|
|
|
import { AnalyticsProvider } from '~/components/analytics-provider';
|
|
import { AuthProvider } from '~/components/auth-provider';
|
|
import appConfig from '~/config/app.config';
|
|
import featuresFlagConfig from '~/config/feature-flags.config';
|
|
|
|
import { ReactQueryProvider } from './react-query-provider';
|
|
|
|
type RootProvidersProps = React.PropsWithChildren<{
|
|
// The language to use for the app (optional)
|
|
locale?: string;
|
|
// The theme (light or dark or system) (optional)
|
|
theme?: string;
|
|
// The CSP nonce to pass to scripts (optional)
|
|
nonce?: string;
|
|
messages: AbstractIntlMessages;
|
|
}>;
|
|
|
|
export function RootProviders({
|
|
locale = 'en',
|
|
messages,
|
|
theme = appConfig.theme,
|
|
nonce,
|
|
children,
|
|
}: RootProvidersProps) {
|
|
return (
|
|
<MonitoringProvider>
|
|
<AppEventsProvider>
|
|
<AnalyticsProvider>
|
|
<CSPProvider nonce={nonce}>
|
|
<ReactQueryProvider>
|
|
<I18nClientProvider locale={locale!} messages={messages}>
|
|
<AuthProvider>
|
|
<ThemeProvider
|
|
attribute="class"
|
|
enableSystem
|
|
disableTransitionOnChange
|
|
defaultTheme={theme}
|
|
enableColorScheme={false}
|
|
nonce={nonce}
|
|
>
|
|
{children}
|
|
</ThemeProvider>
|
|
</AuthProvider>
|
|
|
|
<If condition={featuresFlagConfig.enableVersionUpdater}>
|
|
<VersionUpdater />
|
|
</If>
|
|
</I18nClientProvider>
|
|
</ReactQueryProvider>
|
|
</CSPProvider>
|
|
</AnalyticsProvider>
|
|
</AppEventsProvider>
|
|
</MonitoringProvider>
|
|
);
|
|
}
|