agtic/keycloak_theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix specialization of i18n using global

Browse Source
This commit is contained in:
garronej
2022-07-31 20:00:57 +02:00
parent c6dc2377fa
commit 0641151ca1
3 changed files with 14 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/lib/i18n/createI18nApi.tsx
View File

@ -9,9 +9,7 @@ import type { KcContextBase } from "../getKcContext/KcContextBase";
const fallbackLanguageTag = "en";
export type BaseMessageKey = keyof typeof baseMessages | keyof typeof keycloakifyExtraMessages[typeof fallbackLanguageTag];
type I18n<MessageKey extends string> = {
export type I18n<MessageKey extends string> = {
msgStr: (key: MessageKey, ...args: (string | undefined)[]) => string;
msg: (key: MessageKey, ...args: (string | undefined)[]) => JSX.Element;
/** advancedMsg("${access-denied}") === advancedMsg("access-denied") === msg("access-denied") */
@ -24,7 +22,7 @@ type I18n<MessageKey extends string> = {
labelBySupportedLanguageTag: Record<string, string>;
};
type KcContextLike = {
export type KcContextLike = {
locale?: {
currentLanguageTag: string;
supported: { languageTag: string; url: string; label: string }[];
@ -39,12 +37,14 @@ export type I18nProviderProps = {
kcContext: KcContextLike;
};
const allExtraMessages: { [languageTag: string]: { [key: string]: string } } = {};
export function createI18nApi<ExtraMessageKey extends string = never>(params: {
extraMessages: { [languageTag: string]: { [key in ExtraMessageKey]: string } };
}) {
const { extraMessages } = params ?? {};
Object.assign(allExtraMessages, params.extraMessages);
type MessageKey = ExtraMessageKey | BaseMessageKey;
type MessageKey = ExtraMessageKey | keyof typeof baseMessages | keyof typeof keycloakifyExtraMessages[typeof fallbackLanguageTag];
const context = createContext<I18n<MessageKey> | undefined>(undefined);
@ -81,12 +81,12 @@ export function createI18nApi<ExtraMessageKey extends string = never>(params: {
"fallbackMessages": {
...fallbackMessages,
...(keycloakifyExtraMessages[fallbackLanguageTag] ?? {}),
...(extraMessages?.[fallbackLanguageTag] ?? {}),
...(allExtraMessages[fallbackLanguageTag] ?? {}),
} as any,
"messages": {
...messages,
...((keycloakifyExtraMessages as any)[currentLanguageTag] ?? {}),
...(extraMessages?.[currentLanguageTag] ?? {}),
...(allExtraMessages[currentLanguageTag] ?? {}),
} as any,
}),
currentLanguageTag,

3
src/lib/i18n/index.ts
View File

@ -1,5 +1,8 @@
import { createI18nApi } from "./createI18nApi";
import type { I18n } from "./createI18nApi";
export const { I18nProvider, useI18n } = createI18nApi({
"extraMessages": {},
});
export type MessageKey = ReturnType<typeof useI18n> extends I18n<infer U> ? U : never;