src/lib/chess/types.ts

@@ -10,35 +10,3 @@ export enum Piece {
   WHITE = 8,
   BLACK = 16,
 }
-
-export const CHAR_TO_PIECE: Record<string, number> = {
-  "-": Piece.EMPTY,
-  "K": Piece.WHITE | Piece.KING,
-  "Q": Piece.WHITE | Piece.QUEEN,
-  "R": Piece.WHITE | Piece.ROOK,
-  "B": Piece.WHITE | Piece.BISHOP,
-  "N": Piece.WHITE | Piece.KNIGHT,
-  "P": Piece.WHITE | Piece.PAWN,
-  "k": Piece.BLACK | Piece.KING,
-  "q": Piece.BLACK | Piece.QUEEN,
-  "r": Piece.BLACK | Piece.ROOK,
-  "b": Piece.BLACK | Piece.BISHOP,
-  "n": Piece.BLACK | Piece.KNIGHT,
-  "p": Piece.BLACK | Piece.PAWN,
-};
-
-export const PIECE_TO_CHAR: Record<number, string> = {
-  [Piece.EMPTY]: "-",
-  [Piece.WHITE | Piece.KING]: "K",
-  [Piece.WHITE | Piece.QUEEN]: "Q",
-  [Piece.WHITE | Piece.ROOK]: "R",
-  [Piece.WHITE | Piece.BISHOP]: "B",
-  [Piece.WHITE | Piece.KNIGHT]: "N",
-  [Piece.WHITE | Piece.PAWN]: "P",
-  [Piece.BLACK | Piece.KING]: "k",
-  [Piece.BLACK | Piece.QUEEN]: "q",
-  [Piece.BLACK | Piece.ROOK]: "r",
-  [Piece.BLACK | Piece.BISHOP]: "b",
-  [Piece.BLACK | Piece.KNIGHT]: "n",
-  [Piece.BLACK | Piece.PAWN]: "p",
-}

src/lib/chess/utils.ts

@@ -1,11 +1,29 @@
-import { CHAR_TO_PIECE, Piece } from "./types";
+import { Piece } from "./types";
+
+// export function fen2array(fen: string): Int8Array<ArrayBuffer> {
+// }
 
 export const startFEN = "rnbqkbnr/pppppppp/8/8/8/8/PPPPPPPP/RNBQKBNR w KQkq - 0";
+const CHAR_TO_PIECE: Record<string, number> = {
+  "-": Piece.EMPTY,
+  "K": Piece.WHITE | Piece.KING,
+  "Q": Piece.WHITE | Piece.QUEEN,
+  "R": Piece.WHITE | Piece.ROOK,
+  "B": Piece.WHITE | Piece.BISHOP,
+  "N": Piece.WHITE | Piece.KNIGHT,
+  "P": Piece.WHITE | Piece.PAWN,
+  "k": Piece.BLACK | Piece.KING,
+  "q": Piece.BLACK | Piece.QUEEN,
+  "r": Piece.BLACK | Piece.ROOK,
+  "b": Piece.BLACK | Piece.BISHOP,
+  "n": Piece.BLACK | Piece.KNIGHT,
+  "p": Piece.BLACK | Piece.PAWN,
+};
 
 export class Board {
   public board = new Int8Array(8 ** 2);
   public details = {
-    whiteTurn: true,
+    turn: "w",
     castling: {
       white: { king: true, queen: true },
       black: { king: true, queen: true },
@@ -21,8 +39,8 @@ export class Board {
 
   loadFEN(fen = startFEN) {
     const [position, turn, castling, enPassant, halfMove, fullMove] = fen.split(" ");
-    
     this.board.fill(Piece.EMPTY);
+    
     position.split("/").forEach((row, rank) => {
       let file = 0;
       row.split("").forEach((char) => {
@@ -31,33 +49,5 @@ export class Board {
         file++;
       });
     });
-    
-    this.details.whiteTurn = turn === "w"; 
-    
-    this.details.castling.white.king = castling.includes("K");
-    this.details.castling.white.queen = castling.includes("Q");
-    this.details.castling.black.king = castling.includes("k");
-    this.details.castling.black.queen = castling.includes("q");
-
-    this.details.enPassant = algebraicToIndex(enPassant);
-
-    this.details.halfMove = parseInt(halfMove);
-    this.details.fullMove = parseInt(fullMove);
-  }
-}
-
-function algebraicToIndex(algebraic: string): number {
-  const FILE_TO_INDEX: Record<string, number> = {
-    a: 0, b: 1, c: 2, d: 3, e: 4, f: 5, g: 6, h: 7,
-  }
-  try {
-    if (algebraic.length !== 2) return -1;
-    const [file, rank] = algebraic.split("");
-    const rankIndex = parseInt(rank) - 1;
-    const fileIndex = FILE_TO_INDEX[file];
-
-    return rankIndex * 8 + fileIndex;
-  } catch { 
-    return -1;
   }
 }

src/routes/+page.svelte

@@ -1,5 +1,4 @@
 <script lang="ts">
-  import { PIECE_TO_CHAR } from "$lib/chess/types";
   import { Board, startFEN } from "$lib/chess/utils";
 
   const board = new Board();
@@ -15,11 +14,11 @@
 
 <div class="grid grid-cols-8 gap-0 border-2">
   {#each boardView as square, index}
-    <div class="h-20 aspect-square relative flex justify-center items-center
+    <div class="h-20 aspect-square flex justify-center items-center
       {index % 2 === Math.floor(index / 8) % 2 ? 'bg-orange-200 text-stone-800' : 'bg-amber-800 text-stone-200'}
     ">
-      <span class="absolute top-0 left-0">{showIndex ? index : ''}</span>
+      {#if square}<img src="assets/{square}.svg" alt="p{square}" class="h-18 aspect-square"/>{/if}
-      {#if square}<img src="assets/{PIECE_TO_CHAR[square]}.svg" alt="{PIECE_TO_CHAR[square]}" class="h-18 aspect-square"/>{/if}
+      {showIndex ? index : ''}
     </div>
   {/each}
 </div>
@@ -30,10 +29,7 @@
   </label>
   <label class="block">
     fen (enter to set):
-    <input type="text" onkeypress={(e) => e.key === 'Enter' && (() => {
+    <input type="text" onkeypress={(e) => e.key === 'Enter' && board.loadFEN(fen)} bind:value={fen} />
-      board.loadFEN(fen)
-      updateView()
-    })()} bind:value={fen} />
   </label>
   <button onclick={updateView}>update view</button>
   <button onclick={() => console.log(board)}>dump game to console</button>