From 22925940cca91804b9dcd20b08f0f5bf42d99b3d Mon Sep 17 00:00:00 2001
From: Hauke Neitzel <hauke.neitzel@googlemail.com>
Date: Sat, 11 Dec 2021 18:06:36 +0100
Subject: [PATCH 1/2] Add alternative display mode for Slitherlink  * adds a
 base grid of lines which can be removed in place of placing peke marks   *
 added an option in slitherlink to turn this alternative display style on or
 off

---
 docs/Config.md                |  1 +
 src-ui/p.html                 |  6 ++++++
 src/puzzle/Config.js          |  5 +++++
 src/variety-common/Graphic.js |  2 +-
 src/variety/slither.js        | 10 ++++++++++
 5 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/docs/Config.md b/docs/Config.md
index 637a4c536..1cf46cbe8 100644
--- a/docs/Config.md
+++ b/docs/Config.md
@@ -15,6 +15,7 @@
 |`dispqnumbg`|`boolean`|`false`|Set background color of question circles silver for `'Yin Yang'`|
 |`undefcell`|`boolean`|`true`|Set background color of undetermined cell for `'School Trip'`|
 |`squarecell`|`boolean`|`true`|Set cell on the board always square|
+|`altline`|`boolean`|`false`|Alternative display mode for `'Slitherlink'`|
 
 ## List of config for input method
 
diff --git a/src-ui/p.html b/src-ui/p.html
index 47ac8c874..2666162ee 100644
--- a/src-ui/p.html
+++ b/src-ui/p.html
@@ -292,6 +292,12 @@ <h2 id="title2">読み込み中です...</h2>
         <span>__数字・記号をパネルで入力する__Input numbers by panel__</span>
       </label>
     </div>
+    <div class="config" data-config="altline">
+      <label>
+        <input type="checkbox">
+        <span>__ __Alternative display mode__</span>
+      </label>
+    </div>
     <div class="config" data-config="irowake">
       <label>
         <input type="checkbox">
diff --git a/src/puzzle/Config.js b/src/puzzle/Config.js
index 56391b691..6b67cf583 100644
--- a/src/puzzle/Config.js
+++ b/src/puzzle/Config.js
@@ -56,6 +56,7 @@
 			); /* shakashaka: 三角形の入力補助 (for 2つ以上の壁に接したCell) */
 
 			this.add("bgcolor", false); /* slither 背景色入力 */
+			this.add("altline", false); /* slither 背景色入力 */
 			this.add(
 				"singlenum",
 				!pzpr.env.API.touchevent
@@ -328,6 +329,9 @@
 				case "bgcolor":
 					exec = pid === "slither";
 					break;
+				case "altline":
+					exec = pid === "slither";
+					break;
 				case "irowake":
 					exec = puzzle.painter.irowake;
 					break;
@@ -402,6 +406,7 @@
 				case "disptype_yajilin":
 				case "disptype_interbd":
 				case "dispqnumbg":
+				case "altline":
 					puzzle.redraw();
 					break;
 
diff --git a/src/variety-common/Graphic.js b/src/variety-common/Graphic.js
index d8d8615fa..413375ad9 100644
--- a/src/variety-common/Graphic.js
+++ b/src/variety-common/Graphic.js
@@ -1341,7 +1341,7 @@ pzpr.classmgr.makeCommon({
 			for (var i = 0; i < blist.length; i++) {
 				var border = blist[i];
 				g.vid = "b_peke_" + border.id;
-				if (border.qsub === 2) {
+				if (!this.puzzle.execConfig("altline") && border.qsub === 2) {
 					g.strokeStyle = !border.trial ? this.pekecolor : this.trialcolor;
 					g.strokeCross(border.bx * this.bw, border.by * this.bh, size - 1);
 				} else {
diff --git a/src/variety/slither.js b/src/variety/slither.js
index c48d6f12a..eb47a54fc 100644
--- a/src/variety/slither.js
+++ b/src/variety/slither.js
@@ -112,6 +112,7 @@
 
 		paint: function() {
 			this.drawBGCells();
+			this.drawBorders();
 			this.drawLines();
 			this.drawBaseMarks();
 			this.drawQuesNumbers();
@@ -122,6 +123,15 @@
 		repaintParts: function(blist) {
 			this.range.crosses = blist.crossinside();
 			this.drawBaseMarks();
+		},
+
+		getBorderColor: function(border) {
+			if (this.puzzle.execConfig("altline") && !border.isLine() && border.qsub !== 2) {
+				return "rgb(220,220,200)";
+			}
+			else {
+				return null;
+			}
 		}
 	},
 

From c7043a2599ffe5380f6fef37fa0f32a743369529 Mon Sep 17 00:00:00 2001
From: Hauke Neitzel <hauke.neitzel@googlemail.com>
Date: Mon, 13 Dec 2021 19:12:12 +0100
Subject: [PATCH 2/2] ensure correct formatting with `npm run-script format`

---
 src/variety/slither.js | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/variety/slither.js b/src/variety/slither.js
index eb47a54fc..407a11371 100644
--- a/src/variety/slither.js
+++ b/src/variety/slither.js
@@ -126,10 +126,13 @@
 		},
 
 		getBorderColor: function(border) {
-			if (this.puzzle.execConfig("altline") && !border.isLine() && border.qsub !== 2) {
+			if (
+				this.puzzle.execConfig("altline") &&
+				!border.isLine() &&
+				border.qsub !== 2
+			) {
 				return "rgb(220,220,200)";
-			}
-			else {
+			} else {
 				return null;
 			}
 		}