# 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:** 1\
**Showing post:** 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

---

_[View the full topic](https://meta.discourse.org/t/pgn-viewer-theme-component-just-released/280520)._