Skip to the content

Tsunagi繋ぎ

Join each pair with a separate line and fill the board, through fixed levels or seeded puzzles.

Tsunagi means joining in Japanese. About the name

Contents

Reference

Register the board

import { … } from "@johnmorrisdotca/tsunagi/element/define";

251.5 kB minified and gzipped, with everything it imports (measured with esbuild)

Defines the <tsunagi-board> element on the page. Import it for its effect:

<script type="module" src="https://cdn.jsdelivr.net/npm/@johnmorrisdotca/tsunagi@1/dist/element-define.js"></script>
<tsunagi-board size="6" level="3"></tsunagi-board>

A tag already defined is left as it is, and on a server, where there is no page, nothing happens.

Exports

NameKindWhat it is
defineBoardfunctionRegister a standard or custom board tag, preserving a definition.
TSUNAGI_EMBED_OPTION_KEYSconstantEvery mounted-board option, kept complete by TypeScript and checked by the builder.
TsunagiBoardclassNative custom element with reflected setup and presentation.
TsunagiElementOptionstypeHost callbacks and custom drawing palettes, which cannot be put in an attribute.

View sourceEdit on GitHubMade from the source of @johnmorrisdotca/tsunagi 1.7.0.