Gennan NPM | npm.io

gennan

Demo

Install

$ npm install gennan

Usage

import React, { useState } from 'react';
import { render } from 'react-dom';
import { Gennan } from 'gennan';

const Gennan = () => {
  const [gennanCode, setGennanCode] = useState('(;FF[4]SZ[19]CA[UTF-8]KM[6.5]),0,1:1,19')

  return (
    <Gennan
      usage="viewWide"
      gennanCode={gennanCode}
      onGennanCodeChanged={setGennanCode}
    />
  )
}

render(<Gennan />, document.getElementById("app"));

Props

Props	Description	Type	Default
sgf	Smart Go Format	string
gridNum	board grid number	GridNum	19
gennanCode	gennan code format	string
usage	usage	Usage	"view"
initPath	initial path of the game	TreePath
onSgfChange	callback when sgf changed	(sgf: string) => void
onPathChange	callback when current path changed	(path: TreePath) => void
onSideCountChanged	callback when board size changed	(sc: number) => void
onGennanCodeChanged	callback when current gennan code changed	(gncd: string) => void
onFulcrumPointChanged	callback when fulcrum point changed	(p: Point) => void
sideCount	for display scale	number
fulcrumPoint	for display scale	Point	{ x: 1, y: 1 }