mirror of
https://github.com/Crosstalk-Solutions/project-nomad.git
synced 2026-04-01 14:39:24 +02:00
2d08533b7e
Implementa infraestrutura de i18n com suporte inicial a English e Português (Brasil). Seletor de idioma em Settings > System > Preferences. - Instala react-i18next e i18next - Cria arquivos de tradução (en, pt-BR) para common, home, settings, layout - Traduz layout (sidebar, header, footer), home e settings/system - Persiste idioma via localStorage + KVStore (ui.language) - DiskAlertBanner integrado com i18n Closes #486
57 lines
2.1 KiB
TypeScript
57 lines
2.1 KiB
TypeScript
/// <reference path="../../adonisrc.ts" />
|
|
/// <reference path="../../config/inertia.ts" />
|
|
|
|
import '~/lib/i18n'
|
|
import '../css/app.css'
|
|
import { createRoot } from 'react-dom/client'
|
|
import { createInertiaApp } from '@inertiajs/react'
|
|
import { resolvePageComponent } from '@adonisjs/inertia/helpers'
|
|
import ModalsProvider from '~/providers/ModalProvider'
|
|
import { TransmitProvider } from 'react-adonis-transmit'
|
|
import { generateUUID } from '~/lib/util'
|
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
|
|
import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
|
|
import NotificationsProvider from '~/providers/NotificationProvider'
|
|
import { ThemeProvider } from '~/providers/ThemeProvider'
|
|
import { UsePageProps } from '../../types/system'
|
|
|
|
const appName = import.meta.env.VITE_APP_NAME || 'Project N.O.M.A.D.'
|
|
const queryClient = new QueryClient()
|
|
|
|
// Patch the global crypto object for non-HTTPS/localhost contexts
|
|
if (!window.crypto?.randomUUID) {
|
|
// @ts-ignore
|
|
if (!window.crypto) window.crypto = {}
|
|
// @ts-ignore
|
|
window.crypto.randomUUID = generateUUID
|
|
}
|
|
|
|
createInertiaApp({
|
|
progress: { color: '#424420' },
|
|
|
|
title: (title) => `${title} - ${appName}`,
|
|
|
|
resolve: (name) => {
|
|
return resolvePageComponent(`../pages/${name}.tsx`, import.meta.glob('../pages/**/*.tsx'))
|
|
},
|
|
|
|
setup({ el, App, props }) {
|
|
const environment = (props.initialPage.props as unknown as UsePageProps).environment
|
|
const showDevtools = ['development', 'staging'].includes(environment)
|
|
createRoot(el).render(
|
|
<QueryClientProvider client={queryClient}>
|
|
<ThemeProvider>
|
|
<TransmitProvider baseUrl={window.location.origin} enableLogging={environment === 'development'}>
|
|
<NotificationsProvider>
|
|
<ModalsProvider>
|
|
<App {...props} />
|
|
{showDevtools && <ReactQueryDevtools initialIsOpen={false} buttonPosition='bottom-left' />}
|
|
</ModalsProvider>
|
|
</NotificationsProvider>
|
|
</TransmitProvider>
|
|
</ThemeProvider>
|
|
</QueryClientProvider>
|
|
)
|
|
},
|
|
})
|