2df3698e8c
* Add thousands comma separator for card counts graph * Fix Answer Buttons graph's tooltip Changes to the "times pressed" heading * Shows the percent of that button out of all the presses * Comma separates total on thousands * Update CONTRIBUTERS * Wider spacing for graph tables * Switch to locale-based stats numbers * Update CONTRIBUTORS Wrong email? * Fix counts graph on narrow devices Graph and table now align in a column when the device's screen is narrow. Columns widths are bounded to not get too wide * Rename toLocaleXXX functions * toLocaleNumber -> localizedNumber * toLocaleString -> localizedDate Also cleans up sketchy "card counts" table formatting * Localize more numbers Uses locale-based rounding for more numbers now * Localize graph axis ticks * Fix future-due graph tooltip * avoid div by zero (dae) Ignoring NaN in localizedNumber() could potentially mask a mistake in the future - better to explicitly handle the invalid case at the source instead.
100 lines
2.7 KiB
TypeScript
100 lines
2.7 KiB
TypeScript
// Copyright: Ankitects Pty Ltd and contributors
|
|
// License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
|
|
|
|
import "intl-pluralrules";
|
|
import { FluentBundle, FluentResource } from "@fluent/bundle";
|
|
|
|
import { firstLanguage, setBundles } from "./bundles";
|
|
import type { ModuleName } from "./modules";
|
|
|
|
export function supportsVerticalText(): boolean {
|
|
const firstLang = firstLanguage();
|
|
return (
|
|
firstLang.startsWith("ja") ||
|
|
firstLang.startsWith("zh") ||
|
|
firstLang.startsWith("ko")
|
|
);
|
|
}
|
|
|
|
export function direction(): string {
|
|
const firstLang = firstLanguage();
|
|
if (
|
|
firstLang.startsWith("ar") ||
|
|
firstLang.startsWith("he") ||
|
|
firstLang.startsWith("fa")
|
|
) {
|
|
return "rtl";
|
|
} else {
|
|
return "ltr";
|
|
}
|
|
}
|
|
|
|
export function weekdayLabel(n: number): string {
|
|
const firstLang = firstLanguage();
|
|
const now = new Date();
|
|
const daysFromToday = -now.getDay() + n;
|
|
const desiredDay = new Date(now.getTime() + daysFromToday * 86_400_000);
|
|
return desiredDay.toLocaleDateString(firstLang, {
|
|
weekday: "narrow",
|
|
});
|
|
}
|
|
|
|
let langs: string[] = [];
|
|
|
|
export function localizedDate(
|
|
date: Date,
|
|
options?: Intl.DateTimeFormatOptions,
|
|
): string {
|
|
return date.toLocaleDateString(langs, options);
|
|
}
|
|
|
|
export function localizedNumber(n: number, precision = 2): string {
|
|
const round = Math.pow(10, precision);
|
|
const rounded = Math.round(n * round) / round;
|
|
return rounded.toLocaleString(langs);
|
|
}
|
|
|
|
export function localeCompare(
|
|
first: string,
|
|
second: string,
|
|
options?: Intl.CollatorOptions,
|
|
): number {
|
|
return first.localeCompare(second, langs, options);
|
|
}
|
|
|
|
/// Treat text like HTML, merging multiple spaces and converting
|
|
/// newlines to spaces.
|
|
export function withCollapsedWhitespace(s: string): string {
|
|
return s.replace(/\s+/g, " ");
|
|
}
|
|
|
|
export function withoutUnicodeIsolation(s: string): string {
|
|
return s.replace(/[\u2068-\u2069]+/g, "");
|
|
}
|
|
|
|
export async function setupI18n(args: { modules: ModuleName[] }): Promise<void> {
|
|
const resp = await fetch("/_anki/i18nResources", {
|
|
method: "POST",
|
|
body: JSON.stringify(args),
|
|
});
|
|
if (!resp.ok) {
|
|
throw Error(`unexpected reply: ${resp.statusText}`);
|
|
}
|
|
const json = await resp.json();
|
|
|
|
const newBundles: FluentBundle[] = [];
|
|
for (const i in json.resources) {
|
|
const text = json.resources[i];
|
|
const lang = json.langs[i];
|
|
const bundle = new FluentBundle([lang, "en-US"]);
|
|
const resource = new FluentResource(text);
|
|
bundle.addResource(resource);
|
|
newBundles.push(bundle);
|
|
}
|
|
|
|
setBundles(newBundles);
|
|
langs = json.langs;
|
|
|
|
document.dir = direction();
|
|
}
|