Globally restrict board sizes to a max of 50 to avoid accidental crashes.

Author: Perlkonig

CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.5.1] - 2024-10-24
+
+### Changed
+
+-   Height and width of all boards is restricted to 50 to avoid accidental crashes. You can still get larger boards by hand adjusting the JSON and importing it, but the input boxes won't allow it.
+
 ## [1.5.0] - 2024-09-21
 
 ### Added

package.json

@@ -1,7 +1,7 @@
 {
     "name": "abstractplay-designer",
     "private": true,
-    "version": "1.5.0",
+    "version": "1.5.1",
     "type": "module",
     "scripts": {
         "dev": "vite",

src/components/Board.svelte

@@ -293,6 +293,12 @@
 
     const updatePreview = () => {
         if (whichWidth === "minmax") {
+            if ($state.board.minWidth > 50) {
+                $state.board.minWidth = 50;
+            }
+            if ($state.board.maxWidth > 50) {
+                $state.board.maxWidth = 50;
+            }
             // if ($state.board.minWidth < 2) {
             //     $state.board.minWidth = 2;
             // }
@@ -303,6 +309,12 @@
                 $state.board.maxWidth = $state.board.minWidth * 2 - 1;
             }
         } else if (whichWidth === "abs") {
+            if ($state.board.width > 50) {
+                $state.board.width = 50;
+            }
+            if ($state.board.height > 50) {
+                $state.board.height = 50;
+            }
             if (symmetryLocked) {
                 $state.board.height = $state.board.width;
             }
@@ -423,6 +435,7 @@
                                 id="setWidth"
                                 type="number"
                                 min="1"
+                                max="50"
                                 bind:value="{$state.board.width}"
                                 on:input="{updatePreview}"
                             />
@@ -438,6 +451,7 @@
                                 id="setHeight"
                                 type="number"
                                 min="1"
+                                max="50"
                                 bind:value="{$state.board.height}"
                                 on:input="{updatePreview}"
                                 readonly="{symmetryLocked}"
@@ -468,6 +482,7 @@
                                 id="setMinWidth"
                                 type="number"
                                 min="1"
+                                max="50"
                                 bind:value="{$state.board.minWidth}"
                                 on:input="{updatePreview}"
                             />
@@ -484,6 +499,7 @@
                                 id="setMaxWidth"
                                 type="number"
                                 min="1"
+                                max="50"
                                 bind:value="{$state.board.maxWidth}"
                                 on:input="{updatePreview}"
                                 readonly="{symmetryLocked}"