Add snubsquare-cells board

CHANGELOG.md

@@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Added
 
 -   Added support for the new `onyx` board.
+-   Added support for the new `snubsquare-cells` board.
 
 ## [1.4.1] - 2024-09-10
 

package.json

@@ -29,7 +29,7 @@
         "vite": "^4.4.5"
     },
     "dependencies": {
-        "@abstractplay/renderer": "^1.0.0-ci-10927249259.0",
+        "@abstractplay/renderer": "^1.0.0-ci-10931014075.0",
         "nanoid": "^4.0.2",
         "peerjs": "^1.4.7",
         "rfdc": "^1.3.0"

src/components/Board.svelte

@@ -26,6 +26,10 @@
             "onyx",
             "A snubsquare board where you can also place at the midpoints of squares.",
         ],
+        [
+            "snubsquare-cells",
+            "A snubsquare board where you place in the spaces instead of on the vertices. The width and height refer to the number of regular vertices.",
+        ],
         [
             "squares-diamonds",
             "A square board where the vertices are also spaces. In the designer, pieces cannot be placed anywhere. You can only use flood fill.",
@@ -116,7 +120,7 @@
             $state.board.style.startsWith("hex-odd") ||
             $state.board.style.startsWith("hex-even") ||
             $state.board.style.startsWith("hex-slanted") ||
-            $state.board.style === "snubsquare" ||
+            $state.board.style.startsWith("snubsquare") ||
             $state.board.style === "onyx" ||
             $state.board.style === "conhex-cells" ||
             $state.board.style.startsWith("cairo")
@@ -127,7 +131,8 @@
                 $state.board.style.startsWith("hex-odd") ||
                 $state.board.style.startsWith("hex-even") ||
                 $state.board.style.startsWith("hex-slanted") ||
-                $state.board.style.startsWith("cairo")
+                $state.board.style.startsWith("cairo") ||
+                $state.board.style === "snubsquare-cells"
             ) {
                 canBlock = true;
             } else {
@@ -136,7 +141,7 @@
             if ($state.board.style === "cairo-collinear") {
                 canInvertOrientation = true;
             }
-            if ($state.board.style === "snubsquare") {
+            if ($state.board.style.startsWith("snubsquare")) {
                 $state.board.snubStart = "S";
             }
             if ($state.board.style === "onyx") {
@@ -194,7 +199,7 @@
             $state.board.style.startsWith("hex-odd") ||
             $state.board.style.startsWith("hex-even") ||
             $state.board.style.startsWith("hex-slanted") ||
-            $state.board.style === "snubsquare" ||
+            $state.board.style.startsWith("snubsquare") ||
             $state.board.style === "onyx" ||
             $state.board.style.startsWith("cairo")
         ) {
@@ -204,7 +209,7 @@
                 height: 8,
                 blocked: canBlock ? $state.board.blocked : undefined,
             };
-            if ($state.board.style === "snubsquare") {
+            if ($state.board.style.startsWith("snubsquare")) {
                 $state.board.snubStart = "S";
             } else if ($state.board.style === "onyx") {
                 $state.board.snubStart = "T";
@@ -494,7 +499,7 @@
                 </label>
             </div>
         {/if}
-        {#if $state.board.style === "snubsquare" || $state.board.style === "onyx"}
+        {#if $state.board.style.startsWith("snubsquare") || $state.board.style === "onyx"}
             <div class="control">
                 <button
                     class="button apButton"