drawable analysis board

public/stylesheets/board.css

@@ -90,12 +90,19 @@ body.destination .cg-board .cg-square.occupied.move-dest {
   background: radial-gradient(transparent 0%, transparent 80%, rgba(20, 85, 0, 0.3) 80%);
 }
 /* .cg-square.occupied.move-dest .cg-piece::after { */
+
 /*   content: ''; */
+
 /*   position: absolute; */
+
 /*   width: 100%; */
+
 /*   height: 100%; */
+
 /*   background: radial-gradient(rgba(20, 85, 30, 0.5) 22%, #208530 0, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 0); */
+
 /* } */
+
 body.destination .cg-board .cg-square.premove-dest {
   background: radial-gradient(rgba(20, 30, 85, 0.3) 22%, #203085 0, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0) 0);
 }
@@ -111,9 +118,13 @@ body.highlight .cg-board .cg-square.premove-dest:hover {
   background: rgba(20, 30, 85, 0.3);
 }
 /* .cg-square.move-dest.drag-over .cg-piece::after, */
+
 /* .cg-square.move-dest:hover .cg-piece::after { */
+
 /*   background: none; */
+
 /* } */
+
 body.base .cg-board .cg-square.selected {
   background-color: rgba(20, 85, 30, 0.5);
 }
@@ -136,11 +147,12 @@ body.base .cg-board .cg-square.exploding {
   position: absolute;
   bottom: 0;
   left: 0;
-  transform: translate3d(0,0,0);
-  -webkit-transform: translate3d(0,0,0);
-  -moz-transform: translate3d(0,0,0);
-  -ms-transform: translate3d(0,0,0);
-  z-index: 2; /* no less than 2 */
+  transform: translate3d(0, 0, 0);
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  z-index: 2;
+  /* no less than 2 */
 }
 .mini_board .cg-piece {
   transform: none;
@@ -175,7 +187,6 @@ body.base .cg-board .cg-square.exploding {
 .cg-piece.ghost {
   opacity: 0.3;
 }
-
 /* minimal dom overrides */
 
 .minimal-dom .cg-square {
@@ -186,7 +197,19 @@ body.base .cg-board .cg-square.exploding {
   width: 12.5%;
   height: 12.5%;
 }
-
+.cg-board-wrap svg {
+  overflow: hidden;
+  position: relative;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 2;
+}
+.cg-board-wrap svg * {
+  transition: 0.3s;
+}
 /* lichess */
 
 #lichess {
@@ -219,7 +242,6 @@ div.lichess_game div.lichess_ground {
 div.lichess_board {
   position: relative;
 }
-
 /* 3D boards */
 
 .Black-White-Aluminium .is3d .cg-board-wrap,
@@ -302,7 +324,6 @@ div.lichess_board {
 #top .is3d .Woodi {
   background-image: url(../images/board/3d/woodi.1024.png);
 }
-
 /* 3D boards */
 
 .blue .is2d .cg-board,
@@ -412,7 +433,6 @@ div.lichess_board {
 .metal .is2d .kingOfTheHill .cg-board {
   background-image: url(../images/board/koth/metal.jpg);
 }
-
 .is2d .cg-board-wrap.minimal-dom {
   background: none;
 }
@@ -881,7 +901,6 @@ div.lichess_board {
 .ModernWood .is3d .king.black {
   background-image: url(../staunton/Renders/ModernWood/Scaled/Black-King.png);
 }
-
 #top .cg-piece.cburnett {
   background-image: url(../piece/cburnett/wN.svg);
 }
@@ -974,7 +993,7 @@ div.dont_touch {
   left: 0;
   z-index: 5;
   transition: 0.6s;
-  text-shadow: 7px 10px 2px rgba(0,0,0,0.3);
+  text-shadow: 7px 10px 2px rgba(0, 0, 0, 0.3);
   width: 512px;
   height: 512px;
   line-height: 512px;
@@ -1108,7 +1127,6 @@ div.table .notyet {
   opacity: 0.4;
   text-shadow: none !important;
 }
-
 .lichess_ground .control.buttons .button {
   width: 190px;
   margin-top: 5px;
@@ -1119,7 +1137,6 @@ div.table .notyet {
 .lichess_ground .control.buttons a.replay_and_analyse {
   margin-bottom: 10px;
 }
-
 div.table.spectator {
   top: 160px;
 }

ui/analyse/package.json

@@ -30,7 +30,7 @@
     "watchify": "^1.0.2"
   },
   "dependencies": {
-    "chessground": "1.10.2",
+    "chessground": "2.0.2",
     "chessli.js": "file:../chessli",
     "game": "file:../game",
     "lodash-node": "^2.4.1",

ui/analyse/src/ground.js

@@ -20,6 +20,9 @@ function makeConfig(data, situation, onMove) {
     premovable: {
       enabled: false
     },
+    drawable: {
+      enabled: true
+    },
     highlight: {
       lastMove: data.pref.highlight,
       check: data.pref.highlight,

ui/editor/package.json

@@ -30,7 +30,7 @@
     "watchify": "^1.0.2"
   },
   "dependencies": {
-    "chessground": "1.10.2",
+    "chessground": "2.0.2",
     "lodash-node": "^2.4.1",
     "mithril": "0.1.30"
   }

ui/lobby/package.json

@@ -30,7 +30,7 @@
     "watchify": "^1.0.2"
   },
   "dependencies": {
-    "chessground": "1.10.2",
+    "chessground": "2.0.2",
     "lodash-node": "^2.4.1",
     "mithril": "0.1.30"
   }

ui/opening/package.json

@@ -30,7 +30,7 @@
     "watchify": "^1.0.2"
   },
   "dependencies": {
-    "chessground": "1.10.2",
+    "chessground": "2.0.2",
     "chessli.js": "file:../chessli",
     "lodash-node": "^2.4.1",
     "merge": "^1.2.0",

ui/puzzle/package.json

@@ -30,7 +30,7 @@
     "watchify": "^1.0.2"
   },
   "dependencies": {
-    "chessground": "1.10.2",
+    "chessground": "2.0.2",
     "chessli.js": "file:../chessli",
     "lodash-node": "^2.4.1",
     "merge": "^1.2.0",

ui/round/package.json

@@ -30,7 +30,7 @@
     "watchify": "^1.0.2"
   },
   "dependencies": {
-    "chessground": "1.10.2",
+    "chessground": "2.0.2",
     "chessli.js": "file:../chessli",
     "game": "file:../game",
     "lodash-node": "^2.4.1",

ui/tournament/package.json

@@ -30,7 +30,7 @@
   },
   "dependencies": {
     "game": "file:../game",
-    "chessground": "1.10.2",
+    "chessground": "2.0.2",
     "lodash-node": "^2.4.1",
     "mithril": "0.1.30"
   }