mountYajilinfunction
Mount the native Yajilin player in a host element and return its cleanup and control handle.
Import it
import { mountYajilin } from "@johnmorrisdotca/kazu/yajilin/play";Definition
function mountYajilin(element: HTMLElement, initial: YajilinMountOptions): YajilinMountParameters
| Name | Type | Description |
|---|---|---|
element | HTMLElement | The DOM host receiving the native player. |
initial | YajilinMountOptions | The valid board, optional native progress, appearance and callbacks. |
Returns
YajilinMount
Mount the native Yajilin player in a host element and return its cleanup and control handle.
Examples
import type { YajilinBoard } from "@johnmorrisdotca/kazu/yajilin";
import { mountYajilin } from "@johnmorrisdotca/kazu/yajilin/play";
const yajilinBoard: YajilinBoard = {"width":5,"height":5,"clues":[{"direction":"left","count":0},null,{"direction":"right","count":1},null,{"direction":"up","count":0},null,null,null,null,null,{"direction":"right","count":0},null,{"direction":"left","count":0},null,{"direction":"down","count":1},{"direction":"left","count":0},null,null,null,null,null,{"direction":"up","count":1},{"direction":"down","count":0},null,{"direction":"down","count":0}]};
const host = document.createElement("div");
document.body.append(host);
const player = mountYajilin(host,{board:yajilinBoard});
console.log(player.progress());
player.destroy();