claude
592b4d3dad
Build and Deploy Verso / deploy (push) Successful in 14m8s
- i18n: unwrap webpack module object on dynamic JSON import (lang.default ?? lang) so French bundle keys are correctly registered in the i18next store - Login logo: use flex centering on wrapper instead of display:block + margin:auto - Footer (project list + login): align-items:center on .row for vertical centering - Tile zoom: S/M/L control in header with CSS custom property (--lum-card-scale) that scales grid column width and card thumbnail height; persisted in localStorage Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
72 lines
2.3 KiB
TypeScript
72 lines
2.3 KiB
TypeScript
import i18n from 'i18next'
|
|
import { initReactI18next } from 'react-i18next'
|
|
import getMeta from '@/utils/meta'
|
|
import { resources } from '@/i18n-resources/writefull'
|
|
|
|
const LANG = getMeta('ol-i18n').currentLangCode
|
|
|
|
// Since we are rendering React from Angular, the initialisation is
|
|
// synchronous on page load (but hidden behind the loading screen). This
|
|
// means that translations must be initialised without any actual
|
|
// translation strings, and load those manually ourselves later
|
|
|
|
i18n.use(initReactI18next).init({
|
|
lng: LANG,
|
|
|
|
// still using the v3 plural suffixes
|
|
compatibilityJSON: 'v3',
|
|
|
|
react: {
|
|
// Since we are manually waiting on the translations data to
|
|
// load, we don't need to use Suspense
|
|
useSuspense: false,
|
|
|
|
// Trigger a re-render when a language is added. Since we load the
|
|
// translation strings asynchronously, we need to trigger a re-render once
|
|
// they've loaded
|
|
bindI18nStore: 'added',
|
|
|
|
// Disable automatic conversion of basic markup to React components
|
|
transSupportBasicHtmlNodes: false,
|
|
},
|
|
|
|
interpolation: {
|
|
// We use the legacy v1 JSON format, so configure interpolator to use
|
|
// underscores instead of curly braces
|
|
prefix: '__',
|
|
suffix: '__',
|
|
unescapeSuffix: 'HTML',
|
|
|
|
// Disable nesting in interpolated values, preventing user input
|
|
// injection via another nested value
|
|
skipOnVariables: true,
|
|
|
|
// Do not escape values, as `t` + React will already escape them
|
|
// (`escapeValue: true` and `shouldUnescape` must be set on each use of `Trans`)
|
|
escapeValue: false,
|
|
|
|
defaultVariables: {
|
|
appName: getMeta('ol-ExposedSettings').appName,
|
|
},
|
|
},
|
|
})
|
|
|
|
// The webpackChunkName here will name this chunk (and thus the requested
|
|
// script) according to the file name. See https://webpack.js.org/api/module-methods/#magic-comments
|
|
// for details
|
|
const localesPromise = import(
|
|
/* webpackChunkName: "[request]" */ `../../locales/${LANG}.json`
|
|
).then(lang => {
|
|
// webpack dynamic JSON imports return a module object { default: JSON },
|
|
// not the raw JSON — unwrap if needed.
|
|
const data = lang.default ?? lang
|
|
i18n.addResourceBundle(LANG, 'translation', data)
|
|
i18n.addResourceBundle(
|
|
LANG,
|
|
'writefull',
|
|
LANG === 'es' ? resources.es.writefull : resources.en.writefull
|
|
)
|
|
})
|
|
|
|
export default localesPromise
|