{"id":15388512,"url":"https://github.com/deebloo/go-board","last_synced_at":"2025-04-13T00:50:57.421Z","repository":{"id":41867631,"uuid":"289994565","full_name":"deebloo/go-board","owner":"deebloo","description":"Go Board WebComponent","archived":false,"fork":false,"pushed_at":"2025-04-11T19:56:23.000Z","size":2437,"stargazers_count":25,"open_issues_count":12,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-11T20:42:27.846Z","etag":null,"topics":["baduk","go","webcomponents","webdev"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/deebloo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2020-08-24T17:29:35.000Z","updated_at":"2025-03-31T13:32:30.000Z","dependencies_parsed_at":"2024-03-28T00:28:34.149Z","dependency_job_id":"51ff12fc-3932-4ccf-af27-b7e8c3012682","html_url":"https://github.com/deebloo/go-board","commit_stats":{"total_commits":319,"total_committers":4,"mean_commits":79.75,"dds":"0.27586206896551724","last_synced_commit":"61e3eb1d5bcad7b6e3d5d50a449e491e5c7ea9e2"},"previous_names":[],"tags_count":34,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deebloo%2Fgo-board","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deebloo%2Fgo-board/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deebloo%2Fgo-board/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deebloo%2Fgo-board/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/deebloo","download_url":"https://codeload.github.com/deebloo/go-board/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248650435,"owners_count":21139672,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["baduk","go","webcomponents","webdev"],"created_at":"2024-10-01T14:57:01.709Z","updated_at":"2025-04-13T00:50:57.401Z","avatar_url":"https://github.com/deebloo.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# go-board\n\nGo Board WebComponent. The entire library weights less than 5kb gzip and less than 4k brotli which makes it performant to embed into existing web pages.\n\n[Demo](https://deebloo.github.io/go-board/?ogsid=73076486)\n\n## All you need to get started is some markup and a script tag\n\n```html\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/go-board@latest/public/go-board.min.js\"\u003e\u003c/script\u003e\n\n\u003cgo-board coords\u003e\n  \u003cgo-sfx src=\"https://cdn.jsdelivr.net/npm/go-board@latest/public/sfx\"\u003e\u003c/go-sfx\u003e\n\n  \u003cgo-stone color=\"black\" slot=\"R17\"\u003e\u003c/go-stone\u003e\n  \u003cgo-stone color=\"white\" slot=\"R18\"\u003e\u003c/go-stone\u003e\n  \u003cgo-stone color=\"black\" slot=\"Q18\"\u003e\u003c/go-stone\u003e\n  \u003cgo-stone color=\"white\" slot=\"S18\"\u003e\u003c/go-stone\u003e\n  \u003cgo-stone color=\"black\" slot=\"S17\"\u003e\u003c/go-stone\u003e\n  \u003cgo-stone color=\"white\" slot=\"R19\"\u003e\u003c/go-stone\u003e\n  \u003cgo-stone color=\"black\" slot=\"Q19\"\u003e\u003c/go-stone\u003e\n  \u003cgo-stone color=\"white\" slot=\"T18\"\u003e\u003c/go-stone\u003e\n  \u003cgo-stone color=\"black\" slot=\"T17\"\u003e\u003c/go-stone\u003e\n  \u003cgo-stone color=\"white\" slot=\"Q16\"\u003e\u003c/go-stone\u003e\n  \u003cgo-stone color=\"black\" slot=\"S19\"\u003e\u003c/go-stone\u003e\n  \u003cgo-stone color=\"white\" slot=\"T19\"\u003e\u003c/go-stone\u003e\n  \u003cgo-stone color=\"black\" slot=\"S19\"\u003e\u003c/go-stone\u003e\n\u003c/go-board\u003e\n```\n\nThe go-board element can display a game from a sgf file. You can display a game from [OGS](https://online-go.com).\n\n```html\n\u003cgo-board coords\u003e\n  \u003cgo-source src=\"https://online-go.com/api/v1/games/53010116/sgf\"\u003e\u003c/go-source\u003e\n\u003c/go-board\u003e\n```\n\n`go-board` can also be used as a form element. It will submit the game key of the current board. This can can be parsed to set the board state manually.\nBeing form associated also means that you can send data to your own servers without writing any JavaScript.\n\n```html\n\u003cform action=\"/save-game\"\u003e\n  \u003cgo-board name=\"game\"\u003e\n    \u003cgo-stone color=\"black\" slot=\"R17\"\u003e\u003c/go-stone\u003e\n    \u003cgo-stone color=\"white\" slot=\"R18\"\u003e\u003c/go-stone\u003e\n    \u003cgo-stone color=\"black\" slot=\"Q18\"\u003e\u003c/go-stone\u003e\n  \u003c/go-board\u003e\n\u003c/form\u003e\n```\n\nStones and spaces can be decorated with markers. The `go-marker` element can be passed as a child to `go-stone` and you can add any icon or html entity that you like.\n\n```html\n\u003cgo-board\u003e\n  \u003cgo-stone slot=\"Q4\" color=\"black\"\u003e\n    \u003cgo-marker\u003e\u0026check;\u003c/go-marker\u003e\n  \u003c/go-stone\u003e\n\u003c/go-board\u003e\n```\n\n## Attributes\n\n| Item              | description                                                          |\n| ----------------- | -------------------------------------------------------------------- |\n| coords            | determines if the column and row lables are displayed                |\n| readonly          | disables manually placing stones                                     |\n| disablelastmarker | disable marking the last stone placed. Useful for documenting shapes |\n| novalidate        | disables all stone placement logic                                   |\n\n## Development\n\nStart in dev mode\n\n```sh\nnpm start --watch\n```\n\nRun tests\n\n```sh\nnpm test\n```\n\nPrepare prod demo\n\n```sh\nnpm run build\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeebloo%2Fgo-board","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdeebloo%2Fgo-board","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeebloo%2Fgo-board/lists"}