85b4dbd8-f65d-4818-892c-90379e3067f8

Committed 29 May 2024 07:36PM CUT coverage: 84.579% (-0.02%) from 84.597%

Build # 85b4dbd8-f65d-4818-892c-90379e3067f8

Build Type

push

circleci

Committed by

web-flow

Commit Message

Merge pull request #4744 from mozilla/use-events-logger

Use the events logger for warning or error levels

Run Details

3660 of 4793 branches covered (76.36%)

Branch coverage included in aggregate %.

5 of 5 new or added lines in 1 file covered. (100.0%)

2 existing lines in 1 file now uncovered.

15010 of 17281 relevant lines covered (86.86%)

10.71 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

0.0

/frontend/src/components/waitlist/LocalePicker.tsx

import { SelectHTMLAttributes, useEffect, useState } from "react";
import { getLocale } from "../../functions/getLocale";
import { useL10n } from "../../hooks/l10n";

type LocaleDisplayNames = Record<string, string>;
type Languages = {
  main: Record<
    string,
    {
      localeDisplayNames: {
        languages: LocaleDisplayNames;
      };
    }
  >;
};
export type Props = SelectHTMLAttributes<HTMLSelectElement> & {
  supportedLocales: string[];
};
export const LocalePicker = ({ supportedLocales, ...selectProps }: Props) => {
  const l10n = useL10n();
  const currentLocale = getLocale(l10n);
  const [localeDisplayNames, setLocaleDisplayNames] =
    useState<LocaleDisplayNames>();

  useEffect(() => {
    importLanguages(currentLocale).then((localeDisplayNames) => {
      setLocaleDisplayNames(localeDisplayNames);
    });
  }, [currentLocale]);

  const options = Object.entries(localeDisplayNames ?? {})
    .sort(([_codeA, nameA], [_codeB, nameB]) => nameA.localeCompare(nameB))
    .filter(([code]) => supportedLocales.includes(code))
    .map(([code, name]) => (
      <option key={code} value={code}>
        {name}
      </option>
    ));

  return <select {...selectProps}>{options}</select>;
};

async function importLanguages(locale: string): Promise<LocaleDisplayNames> {
  try {
    const languages: Languages = await import(
      `cldr-localenames-modern/main/${locale}/languages.json`
    );
    return languages.main[locale].localeDisplayNames.languages;
  } catch (_e) {
    try {
      // cldr-localenames-modern doesn't include suffixed locale codes for
      // locales in their main territory (i.e. it only has `es`, not `es-ES`, or
      // `nl` but not `nl-NL`, or `sv` but not `sv-SE`), so try loading a
      // truncated version if the full version was not found:
      const truncatedLocale = locale.split("-")[0];
      const languages: Languages = await import(
        `cldr-localenames-modern/main/${truncatedLocale}/languages.json`
      );
      return languages.main[truncatedLocale].localeDisplayNames.languages;
    } catch (_e) {
      const languagesEn = await import(
        "cldr-localenames-modern/main/en/languages.json"
      );
      return languagesEn.main.en.localeDisplayNames.languages;
    }
  }
}

1	import { SelectHTMLAttributes, useEffect, useState } from "react";	×
2	import { getLocale } from "../../functions/getLocale";	×
3	import { useL10n } from "../../hooks/l10n";	×
4
5	type LocaleDisplayNames = Record<string, string>;
6	type Languages = {
7	main: Record<
8	string,
9	{
10	localeDisplayNames: {
11	languages: LocaleDisplayNames;
12	};
13	}
14	>;
15	};
16	export type Props = SelectHTMLAttributes<HTMLSelectElement> & {
17	supportedLocales: string[];
18	};
19	export const LocalePicker = ({ supportedLocales, ...selectProps }: Props) => {	×
20	const l10n = useL10n();	×
21	const currentLocale = getLocale(l10n);	×
22	const [localeDisplayNames, setLocaleDisplayNames] =
23	useState<LocaleDisplayNames>();	×
24
25	useEffect(() => {	×
26	importLanguages(currentLocale).then((localeDisplayNames) => {	×
27	setLocaleDisplayNames(localeDisplayNames);	×
28	});
29	}, [currentLocale]);
30
31	const options = Object.entries(localeDisplayNames ?? {})	×
32	.sort(([_codeA, nameA], [_codeB, nameB]) => nameA.localeCompare(nameB))	×
33	.filter(([code]) => supportedLocales.includes(code))	×
34	.map(([code, name]) => (
35	<option key={code} value={code}>	×
36	{name}
37	</option>
38	));
39
40	return <select {...selectProps}>{options}</select>;
41	};
42
43	async function importLanguages(locale: string): Promise<LocaleDisplayNames> {
44	try {	×
45	const languages: Languages = await import(	×
46	`cldr-localenames-modern/main/${locale}/languages.json`	×
47	);
48	return languages.main[locale].localeDisplayNames.languages;	×
49	} catch (_e) {
50	try {	×
51	// cldr-localenames-modern doesn't include suffixed locale codes for
52	// locales in their main territory (i.e. it only has `es`, not `es-ES`, or
53	// `nl` but not `nl-NL`, or `sv` but not `sv-SE`), so try loading a
54	// truncated version if the full version was not found:
55	const truncatedLocale = locale.split("-")[0];	×
56	const languages: Languages = await import(	×
57	`cldr-localenames-modern/main/${truncatedLocale}/languages.json`	×
58	);
59	return languages.main[truncatedLocale].localeDisplayNames.languages;	×
60	} catch (_e) {
61	const languagesEn = await import(	×
62	"cldr-localenames-modern/main/en/languages.json"
63	);
64	return languagesEn.main.en.localeDisplayNames.languages;	×
65	}
66	}
67	}

mozilla / fx-private-relay / 85b4dbd8-f65d-4818-892c-90379e3067f8

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous