mirror of
https://github.com/cupcakearmy/svelte-i18n.git
synced 2024-11-16 18:10:43 +01:00
refactor: some minor changes
This commit is contained in:
parent
8235f1e078
commit
a7ce70fc0f
@ -1,3 +1,4 @@
|
||||
/* eslint-disable @typescript-eslint/no-non-null-assertion */
|
||||
import type {
|
||||
Node,
|
||||
ObjectExpression,
|
||||
@ -145,7 +146,7 @@ export function collectMessages(markup: string): Message[] {
|
||||
...definitions.map((definition) => getObjFromExpression(definition)),
|
||||
...calls.map((call) => {
|
||||
const [pathNode, options] = call.arguments;
|
||||
let messageObj: Partial<Message>;
|
||||
let messageObj: Message;
|
||||
|
||||
if (pathNode.type === 'ObjectExpression') {
|
||||
// _({ ...opts })
|
||||
@ -168,7 +169,7 @@ export function collectMessages(markup: string): Message[] {
|
||||
|
||||
return messageObj;
|
||||
}),
|
||||
].filter((Boolean as unknown) as (x: Message | null) => x is Message);
|
||||
].filter(Boolean) as Message[];
|
||||
}
|
||||
|
||||
export function extractMessages(
|
||||
|
@ -2,10 +2,8 @@ import type { ObjectExpression, Property, Identifier } from 'estree';
|
||||
|
||||
import type { Message } from '../types';
|
||||
|
||||
export function getObjFromExpression(
|
||||
exprNode: ObjectExpression,
|
||||
): Partial<Message> {
|
||||
return exprNode.properties.reduce<Partial<Message>>((acc, prop: Property) => {
|
||||
export function getObjFromExpression(exprNode: ObjectExpression): Message {
|
||||
return exprNode.properties.reduce((acc, prop: Property) => {
|
||||
// we only want primitives
|
||||
if (
|
||||
prop.value.type === 'Literal' &&
|
||||
@ -17,5 +15,5 @@ export function getObjFromExpression(
|
||||
}
|
||||
|
||||
return acc;
|
||||
}, {});
|
||||
}, {} as Message);
|
||||
}
|
||||
|
@ -1,5 +1,5 @@
|
||||
export interface Message {
|
||||
id: string;
|
||||
default: string;
|
||||
default?: string;
|
||||
[key: string]: any;
|
||||
}
|
||||
|
@ -38,13 +38,8 @@ export const defaultFormats: Formats = {
|
||||
},
|
||||
};
|
||||
|
||||
export const defaultOptions: Omit<
|
||||
ConfigureOptions,
|
||||
'fallbackLocale' | 'initialLocale'
|
||||
> &
|
||||
Record<'fallbackLocale' | 'initialLocale', null> = {
|
||||
fallbackLocale: null,
|
||||
initialLocale: null,
|
||||
export const defaultOptions: ConfigureOptions = {
|
||||
fallbackLocale: null as any,
|
||||
loadingDelay: 200,
|
||||
formats: defaultFormats,
|
||||
warnOnMissingMessages: true,
|
||||
|
@ -1,4 +1,3 @@
|
||||
import type { Formats } from 'intl-messageformat';
|
||||
import IntlMessageFormat from 'intl-messageformat';
|
||||
|
||||
import type {
|
||||
@ -35,8 +34,8 @@ const getIntlFormatterOptions = (
|
||||
): any => {
|
||||
const { formats } = getOptions();
|
||||
|
||||
if (type in formats && name in (formats as Formats)[type]) {
|
||||
return (formats as Formats)[type][name];
|
||||
if (type in formats && name in formats[type]) {
|
||||
return formats[type][name];
|
||||
}
|
||||
|
||||
throw new Error(`[svelte-i18n] Unknown "${name}" ${type} format.`);
|
||||
@ -106,6 +105,7 @@ export const getTimeFormatter: MemoizedDateTimeFormatterFactoryOptional = ({
|
||||
} = {}) => createTimeFormatter({ locale, ...args });
|
||||
|
||||
export const getMessageFormatter = monadicMemoize(
|
||||
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
||||
(message: string, locale: string = getCurrentLocale()!) =>
|
||||
new IntlMessageFormat(message, locale, getOptions().formats, {
|
||||
ignoreTag: getOptions().ignoreTag,
|
||||
|
@ -41,7 +41,9 @@ function getLocalesQueues(locale: string) {
|
||||
.filter(([, localeQueue]) => localeQueue.length > 0);
|
||||
}
|
||||
|
||||
export function hasLocaleQueue(locale: string) {
|
||||
export function hasLocaleQueue(locale?: string | null) {
|
||||
if (locale == null) return false;
|
||||
|
||||
return getPossibleLocales(locale).some(
|
||||
(localeQueue) => getLocaleQueue(localeQueue)?.size,
|
||||
);
|
||||
|
@ -5,7 +5,6 @@ import type { LocaleDictionary, LocalesDictionary } from '../types/index';
|
||||
import { getPossibleLocales } from './locale';
|
||||
import { delve } from '../../shared/delve';
|
||||
import { lookupCache } from '../includes/lookup';
|
||||
import { locales } from '..';
|
||||
|
||||
let dictionary: LocalesDictionary;
|
||||
const $dictionary = writable<LocalesDictionary>({});
|
||||
|
@ -21,16 +21,18 @@ import { $dictionary } from './dictionary';
|
||||
import { getCurrentLocale, getPossibleLocales, $locale } from './locale';
|
||||
|
||||
const formatMessage: MessageFormatter = (id, options = {}) => {
|
||||
let messageObj = options as MessageObject;
|
||||
|
||||
if (typeof id === 'object') {
|
||||
options = id as MessageObject;
|
||||
id = options.id!;
|
||||
messageObj = id as MessageObject;
|
||||
id = messageObj.id;
|
||||
}
|
||||
|
||||
const {
|
||||
values,
|
||||
locale = getCurrentLocale(),
|
||||
default: defaultValue,
|
||||
} = options;
|
||||
} = messageObj;
|
||||
|
||||
if (locale == null) {
|
||||
throw new Error(
|
||||
@ -47,7 +49,7 @@ const formatMessage: MessageFormatter = (id, options = {}) => {
|
||||
`[svelte-i18n] The message "${id}" was not found in "${getPossibleLocales(
|
||||
locale,
|
||||
).join('", "')}".${
|
||||
hasLocaleQueue(getCurrentLocale()!)
|
||||
hasLocaleQueue(getCurrentLocale())
|
||||
? `\n\nNote: there are at least one loader still registered to this locale that wasn't executed.`
|
||||
: ''
|
||||
}`,
|
||||
@ -90,8 +92,11 @@ const formatNumber: NumberFormatter = (n, options) => {
|
||||
return getNumberFormatter(options).format(n);
|
||||
};
|
||||
|
||||
const getJSON: JSONGetter = (id: string, locale = getCurrentLocale()): any => {
|
||||
return lookup(id, locale);
|
||||
const getJSON: JSONGetter = <T = any>(
|
||||
id: string,
|
||||
locale = getCurrentLocale(),
|
||||
) => {
|
||||
return lookup(id, locale) as T;
|
||||
};
|
||||
|
||||
export const $format = derived([$locale, $dictionary], () => formatMessage);
|
||||
|
@ -29,11 +29,11 @@ export function getPossibleLocales(
|
||||
}
|
||||
|
||||
export function getCurrentLocale() {
|
||||
return current;
|
||||
return current ?? undefined;
|
||||
}
|
||||
|
||||
internalLocale.subscribe((newLocale: string | null | undefined) => {
|
||||
current = newLocale;
|
||||
current = newLocale ?? undefined;
|
||||
|
||||
if (typeof window !== 'undefined' && newLocale != null) {
|
||||
document.documentElement.setAttribute('lang', newLocale);
|
||||
@ -42,9 +42,8 @@ internalLocale.subscribe((newLocale: string | null | undefined) => {
|
||||
|
||||
const set = (newLocale: string | null | undefined): void | Promise<void> => {
|
||||
if (
|
||||
((getClosestAvailableLocale as unknown) as (
|
||||
refLocale: string | null | undefined,
|
||||
) => refLocale is string)(newLocale) &&
|
||||
newLocale &&
|
||||
getClosestAvailableLocale(newLocale) &&
|
||||
hasLocaleQueue(newLocale)
|
||||
) {
|
||||
const { loadingDelay } = getOptions();
|
||||
@ -66,7 +65,7 @@ const set = (newLocale: string | null | undefined): void | Promise<void> => {
|
||||
$isLoading.set(true);
|
||||
}
|
||||
|
||||
return flush(newLocale)
|
||||
return flush(newLocale as string)
|
||||
.then(() => {
|
||||
internalLocale.set(newLocale);
|
||||
})
|
||||
|
@ -26,8 +26,8 @@ export type InterpolationValues =
|
||||
| undefined;
|
||||
|
||||
export interface MessageObject {
|
||||
id?: string;
|
||||
locale?: string | null;
|
||||
id: string;
|
||||
locale?: string;
|
||||
format?: string;
|
||||
default?: string;
|
||||
values?: InterpolationValues;
|
||||
@ -35,7 +35,7 @@ export interface MessageObject {
|
||||
|
||||
export type MessageFormatter = (
|
||||
id: string | MessageObject,
|
||||
options?: MessageObject,
|
||||
options?: Omit<MessageObject, 'id'>,
|
||||
) => string;
|
||||
|
||||
export type TimeFormatter = (
|
||||
@ -53,11 +53,11 @@ export type NumberFormatter = (
|
||||
options?: IntlFormatterOptions<Intl.NumberFormatOptions>,
|
||||
) => string;
|
||||
|
||||
export type JSONGetter = (id: string, locale?: string | null) => any;
|
||||
export type JSONGetter = <T>(id: string, locale?: string | null) => T;
|
||||
|
||||
type IntlFormatterOptions<T> = T & {
|
||||
format?: string;
|
||||
locale?: string | null;
|
||||
locale?: string;
|
||||
};
|
||||
|
||||
export interface MemoizedIntlFormatter<T, U> {
|
||||
@ -74,8 +74,8 @@ export interface MessagesLoader {
|
||||
|
||||
export interface ConfigureOptions {
|
||||
fallbackLocale: string;
|
||||
formats: Partial<Formats>;
|
||||
initialLocale: string;
|
||||
initialLocale?: string | null;
|
||||
formats: Formats;
|
||||
loadingDelay: number;
|
||||
warnOnMissingMessages: boolean;
|
||||
ignoreTag: boolean;
|
||||
|
@ -8,13 +8,16 @@ import {
|
||||
|
||||
describe('getting client locale', () => {
|
||||
beforeEach(() => {
|
||||
delete (window as any).location;
|
||||
// @ts-expect-error - TS doesn't know this is a fake window object
|
||||
delete window.location;
|
||||
|
||||
// @ts-expect-error - TS doesn't know this is a fake window object
|
||||
window.location = {
|
||||
pathname: '/',
|
||||
hostname: 'example.com',
|
||||
hash: '',
|
||||
search: '',
|
||||
} as any;
|
||||
};
|
||||
});
|
||||
|
||||
it('gets the locale based on the passed hash parameter', () => {
|
||||
|
@ -90,7 +90,6 @@ test('if no initial locale is set, set the locale to the fallback', () => {
|
||||
test('if no initial locale was found, set to the fallback locale', () => {
|
||||
init({
|
||||
fallbackLocale: 'en',
|
||||
initialLocale: null as any,
|
||||
});
|
||||
expect(get($locale)).toBe('en');
|
||||
expect(getOptions().fallbackLocale).toBe('en');
|
||||
|
Loading…
Reference in New Issue
Block a user