npmpackage.info

Gathering detailed insights and metrics for react-goban

Other packages similar to react-goban

reactive-goban

0.2.0

A Javascript representation of a Go game and a React component able to render it

react-goban-svg

0.1.0

React goban component

@sabaki/shudan

1.7.1

A highly customizable, low-level Preact Goban component.

react-goban

React component displaying a Goban

1.0.0

MIT

JavaScript

47.04 kB

5,018 3

Installations

npm install react-goban

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

4.4.7

NPM Version

2.15.8 Score

45.7

Supply Chain

73.1

Quality

74.4

Maintenance

Vulnerability

99.6

License

Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

View all 1 contributors

Languages

JavaScript

HTML

Makefile

JavaScript (90.54%)

HTML (5.21%)

Makefile (4.25%)

Developer

desgeeko

Download Statistics

Total Downloads

5,018

Last Day

Last Week

Last Month

Last Year

212

GitHub Statistics

7 Stars

33 Commits

5 Forks

2 Watching

2 Branches

1 Contributors

Bundle Size

156.14 kB

Minified

47.04 kB

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

1.0.0

Package Id

react-goban@1.0.0

Size

24.94 kB

NPM Version

2.15.8

Node Version

4.4.7

Total Downloads

Cumulative downloads

Total Downloads

5,018

Last day

Compared to previous day

Last week

-11.1%

Compared to previous week

Last month

-35.9%

Compared to previous month

Last year

-17.8%

212

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

react react-dom svgoban

Dev Dependencies

babel babel-cli babel-preset-es2015 babel-preset-react babelify browserify

Versions

react-goban

A stateless React component displaying a Goban.

Its concern is the View: it implements neither Go rules nor game state.

Live demo at https://desgeeko.github.io/react-goban/

SVGoban demo

Usage

Install the package: npm install react-goban --save

Require it and use its Goban object:

1<Goban stones={{"P16":"black","Q4":"white","D4":"black","E16":"white"}} 
2       onIntersectionClick={handler}
3/>

Goban Attributes

size = a number between 9 and 19 (default)
theme = "classic" (default) or "paper"
coordSystem = "A1" (default) or "aa"
stones = an object containing coordinates and colors as keys and values
markers = an object containing coordinates and types (for example "circle") as keys and values
onIntersectionClick = callback function from (statefull) parent Component
hideBorder = true or false (default)
zoom = an object describing the region to zoom in, or null (default)
noMargin = true or false (default)
nextToPlay = color of hover effet on placeholders

Demo

You may make demo and browse the bundled app at demo\index.html

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

10

License

Determines if the project has defined a license.

0

SAST

Determines if the project uses static code analysis.

0

Maintained

Determines if the project is "actively maintained".

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

Score

3

/10

Last Scanned on 2025-01-27

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More