aboutsummaryrefslogtreecommitdiffstats
path: root/src/utils/helpers/i18n.ts
blob: c4734add4a81191ad4d2ae17a587a0fc525c4e6f (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
import { createIntl, createIntlCache, IntlShape } from '@formatjs/intl';
import { settings } from '@utils/config';
import { readFile } from 'fs/promises';
import path from 'path';

type Messages = { [key: string]: string };

export const defaultLocale = settings.locales.defaultLocale;

/**
 * Load the translation for the provided locale.
 *
 * @param currentLocale - The current locale.
 * @returns {Promise<Messages>} The translated strings.
 */
export async function loadTranslation(
  currentLocale: string | undefined
): Promise<Messages> {
  const locale: string = currentLocale || defaultLocale;

  const languagePath = path.join(process.cwd(), `lang/${locale}.json`);

  try {
    const contents = await readFile(languagePath, 'utf8');
    return JSON.parse(contents);
  } catch (error) {
    console.error(
      'Error: Could not load compiled language files. Please run `yarn run i18n:compile` first."'
    );
    throw error;
  }
}

/**
 * Create an Intl object to be used outside components.
 *
 * @returns {<Promise<IntlShape<string>>} The Intl object.
 */
export async function getIntlInstance(): Promise<IntlShape<string>> {
  try {
    const cache = createIntlCache();
    const messages = await loadTranslation(defaultLocale);

    return createIntl({ locale: defaultLocale, messages }, cache);
  } catch (error) {
    console.error('Error: Could not create an Intl instance.');
    throw error;
  }
}
fill src={author.avatar.src} style={{ objectFit: 'cover' }} /> </CardCover> ) : undefined } id={`comment-${id}`} variant={2} > <CardHeader> <CardTitle className={styles.author} isFake> {author.website ? ( <Link href={author.website}>{author.name}</Link> ) : ( author.name )} </CardTitle> <CardMeta hasInlinedItems items={[ { id: 'publication-date', label: intl.formatMessage({ defaultMessage: 'Published on:', description: 'Comment: publication date label', id: 'soj7do', }), value: ( <Link href={`#comment-${id}`}> <Time date={date} showTime /> </Link> ), }, ]} /> </CardHeader> <CardBody className={styles.body} dangerouslySetInnerHTML={{ __html: content }} /> {canReply ? ( <CardFooter> <CardActions> <Button kind="tertiary" onClick={handleReply}> {buttonLabel} </Button> </CardActions> </CardFooter> ) : null} </Card> {isReplying ? ( <Card className={styles.form} variant={2}> <CardBody> <CommentForm Notice={Notice} parentId={id} saveComment={saveComment} title={formTitle} /> </CardBody> </Card> ) : null} </> ); };