# PGN viewer theme component just released

**URL:** https://meta.discourse.org/t/pgn-viewer-theme-component-just-released/280520
**Category:** Development
**Created:** [September 29, 2023, 8:46am UTC](https://meta.discourse.org/t/pgn-viewer-theme-component-just-released/280520 "2023-09-29T08:46:49Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![happycactus](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/happycactus/32/328435_2.png) [@happycactus](https://meta.discourse.org/u/happycactus)
#### Post date: [September 29, 2023, 8:46am UTC](https://meta.discourse.org/t/pgn-viewer-theme-component-just-released/280520/1 "2023-09-29T08:46:49Z")

</div>

Hello,

I created a theme component to render [PGN (Portable Game Notation)](https://en.wikipedia.org/wiki/Portable_Game_Notation) strings into an interactive chessboard, using [PgnViewerJS](https://mliebelt.github.io/PgnViewerJS/index.html). The component is still under development but it’s somehow usable.

The theme let the user put a PGN block of text inside a code block with pgn specification, and some parameter to control the appearance. It is also possible to user wrap blocks, but this has some issue, because the inner text is parsed and the notation `1. e4 e5` is converted into a list entry.

So far, copy and paste from chess dot com, lichess and in general any pgn is possible, with NAGs and notes.

I’ve not yet written a proper documentation or readme, but it’s ongoing. I’m not sure how to properly format a documentation or post here for announcing, so if there are guidelines to follow, please advice. Thank you.

HC

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [September 29, 2023, 9:27am UTC](https://meta.discourse.org/t/pgn-viewer-theme-component-just-released/280520/2 "2023-09-29T09:27:30Z")

</div>

Hi Happy 🌵!

Nice project you’ve got here ♟

If you aim to publish your component here on meta, you can have a look at some of the latest official theme components released: [https://meta.discourse.org/tags/c/theme-component/120/all/official?order=created](https://meta.discourse.org/tags/c/theme-component/120/all/official?order=created)

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [September 29, 2023, 10:27am UTC](https://meta.discourse.org/t/pgn-viewer-theme-component-just-released/280520/3 "2023-09-29T10:27:37Z")

</div>

Maybe you also want to join the [@theme\_authors](https://meta.discourse.org/groups/theme_authors) and [@theme\_creator](https://meta.discourse.org/groups/theme_creator) groups.
