TS ShogiBoard installation

Clone the repo and build the project or download the latest release and unzip css and js files.

Create "Assets" folder under the root and copy img folder and its contents. Other folders "css",'kifu' and 'records' are used for Development test and not needed.

Create "shogi-board" folder under "Assets" folder and place index-[hash].js, index-[has].css and vendor-[hash].CSS [hash] is a series of characters that are unique in each release.

In your document page html's header section, include those JS and CSS files. Syntax looks like this. replace hash string with your files,

  <script type="module" crossorigin src="/assets/shogi-board/index-de01f6d8.js"></script>
  <link rel="modulepreload" crossorigin href="/assets/shogi-board/vendor-cf7a4ab5.js">
  <link rel="stylesheet" crossorigin href="/assets/shogi-board/index-fe6cfd27.css">


    

In your html page's body section add the div with 'board-app' class where you want a ShogiBoard to appear.

Also at the bottom of the body section, add a script to setup a Shogi Data Array with empty object

        <div class="board-app"></class>

        <script>
         window.initialSetup__ts81=[{}] //Create an empty Shogi Data in setup array
        <script>
    

If everything goes well, you should see a Shogiboard like below in your page