v3.4.22

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ptn-ninja",
-  "version": "3.4.21",
+  "version": "3.4.22",
   "description": "An editor and viewer for Portable Tak Notation",
   "productName": "PTN Ninja",
   "author": "Craig Laparo <gruppler+github@gmail.com>",

src/Game/comments.js

@@ -49,12 +49,19 @@ export default class GameComments {
 
   addComments(type, messages) {
     const isEvaluation = /^[?!'"]+$/;
+    const isReplacement = /^!r(\d+):/;
     for (const plyID in messages) {
       messages[plyID].forEach((message) => {
         if (isEvaluation.test(message)) {
           this._setEvaluation(plyID, message);
         } else {
-          this._addComment(type, message, plyID);
+          if (isReplacement.test(message)) {
+            let index = message.match(isReplacement)[1];
+            message = message.substring(index.length + 3);
+            this._replaceComment(type, plyID, index, message);
+          } else {
+            this._addComment(type, message, plyID);
+          }
         }
       });
     }
@@ -64,11 +71,18 @@ export default class GameComments {
     this.board.updatePositionOutput();
   }
 
-  editComment(type, plyID, index, message) {
+  _replaceComment(type, plyID, index, message) {
     if (this[type][plyID] && this[type][plyID][index]) {
       this[type][plyID][index].message = message;
-      this._updatePTN(true);
       this.board.dirtyComment(type, plyID);
+      return true;
+    }
+    return false;
+  }
+
+  editComment(type, plyID, index, message) {
+    if (this._replaceComment(type, plyID, index, message)) {
+      this._updatePTN(true);
       this.board.updateCommentsOutput();
       return this[type][plyID][index];
     }

src/components/board/Board.vue

@@ -221,7 +221,7 @@ export default {
       return this.$store.state.game.ptn;
     },
     evaluation() {
-      if (this.$store.state.game.evaluation) {
+      if (this.$store.state.game.evaluation !== null) {
         return this.$store.state.game.evaluation;
       } else if (this.position.boardPly) {
         return this.$store.state.game.comments.evaluations[

src/components/board/CurrentMove.vue

@@ -1,13 +1,11 @@
 <template>
-  <div
-    v-show="position.ply && !$store.state.ui.showPTN"
-    class="board-move-container no-pointer-events"
-  >
+  <div v-show="position.ply" class="board-move-container no-pointer-events">
     <div class="board-move" :class="{ collapsed }">
       <q-btn
         @click="toggle"
         :icon="icon"
         class="collapse dimmed-btn all-pointer-events"
+        :class="{ hidden: this.$store.state.ui.showPTN }"
         :ripple="false"
         :color="btnColor"
         dense
@@ -34,7 +32,7 @@ export default {
   computed: {
     collapsed: {
       get() {
-        return !this.$store.state.ui.showMove;
+        return !this.$store.state.ui.showMove || this.$store.state.ui.showPTN;
       },
       set(value) {
         this.$store.dispatch("ui/SET_UI", ["showMove", !value]);