Skip to the content

Taisen Brackets対戦

Knockout brackets as SVG, from a list of ties.

Taisen (対戦, たいせん) is Japanese for a matchup: two sides facing each other. About the name

Contents

Reference · Where every tie sits

defineLocalefunction

A language of your own: what you give, on top of the base language's (English unless base says another) for what you leave out. tag is what Intl formats numbers and dates with (default code).

Import it

import { defineLocale } from "@johnmorrisdotca/taisen-brackets/layout";

Also exported from: @johnmorrisdotca/taisen-brackets

Definition

function defineLocale(code: string, parts: { tag?: string; words?: Partial<Words>; rounds?: Readonly<Record<string, string>>; }, base?: keyof typeof LOCALES): Locale

Parameters

NameTypeDescription
codestring

A short code for the language, the one you pass as locale.

parts{ tag?: string; words?: Partial<Words>; rounds?: Readonly<Record<string, string>>; }

The language tag, and the words and round names to replace.

base (optional)"en" | "fr" | "ja" | "es" | "de"

The language to start from. Default en.

Returns

Locale

The language, to pass as locale.

Examples

import { defineLocale, drawBracket, type Matchup } from "@johnmorrisdotca/taisen-brackets";

const pirate = defineLocale("pirate", { words: { champion: "Admiral" } });
const ties: Matchup[] = [{ sides: ["Aurora", "Harbour"], score: [2, 1] }, { sides: ["Cascade", "Delta"], score: [0, 1] }, { sides: ["Aurora", "Delta"], score: [3, 1] }];
console.log(pirate.code, pirate.words.champion, drawBracket(ties, { locale: pirate }).startsWith("<svg"));
pirate Admiral true

What it prints (run when this page was built)

View sourceEdit on GitHubMade from the source of @johnmorrisdotca/taisen-brackets 0.20.0.