Ensure blink style is updated by just setting text

jssrc/term_screen.js

@@ -143,7 +143,7 @@ class TermScreen {
       set (target, key, value, receiver) {
         target[key] = value
         self.scheduleSizeUpdate()
-        self.scheduleDraw(`proxy:${key}=${value}`)
+        self.scheduleDraw(`window:${key}=${value}`)
         return true
       }
     })
@@ -170,20 +170,20 @@ class TermScreen {
       if (selecting) return
       selecting = true
       this.selection.start = this.selection.end = this.screenToGrid(x, y)
-      this.scheduleDraw('ss')
+      this.scheduleDraw('select-start')
     }
 
     let selectMove = (x, y) => {
       if (!selecting) return
       this.selection.end = this.screenToGrid(x, y)
-      this.scheduleDraw('sm')
+      this.scheduleDraw('select-move')
     }
 
     let selectEnd = (x, y) => {
       if (!selecting) return
       selecting = false
       this.selection.end = this.screenToGrid(x, y)
-      this.scheduleDraw('se')
+      this.scheduleDraw('select-end')
       Object.assign(this.selection, this.getNormalizedSelection())
     }
 
@@ -276,7 +276,7 @@ class TermScreen {
         // reset selection
         this.selection.start = this.selection.end = [0, 0]
         qs('#touch-select-menu').classList.remove('open')
-        this.scheduleDraw('tap')
+        this.scheduleDraw('select-reset')
       } else {
         e.preventDefault()
         this.emit('open-soft-keyboard')
@@ -378,9 +378,11 @@ class TermScreen {
   }
 
   set palette (palette) {
+    if (this._palette !== palette) {
       this._palette = palette
       this.scheduleDraw('palette')
     }
+  }
 
   getColor (i) {
     // return palette color if it exists
@@ -515,7 +517,7 @@ class TermScreen {
       this.cursor.blinkOn = this.cursor.blinking
         ? !this.cursor.blinkOn
         : true
-      if (this.cursor.blinking) this.scheduleDraw('blink')
+      if (this.cursor.blinking) this.scheduleDraw('cursor-blink')
     }, 500)
   }
 
@@ -625,17 +627,14 @@ class TermScreen {
     const ctx = this.ctx
 
     let underline = false
-    let blink = false
     let strike = false
     let overline = false
     if (attrs & (1 << 1)) ctx.globalAlpha = 0.5
     if (attrs & (1 << 3)) underline = true
-    if (attrs & (1 << 4)) blink = true
     if (attrs & (1 << 5)) text = TermScreen.alphaToFraktur(text)
     if (attrs & (1 << 6)) strike = true
     if (attrs & (1 << 7)) overline = true
 
-    if (!blink || this.window.blinkStyleOn) {
     ctx.fillStyle = this.getColor(fg)
     ctx.fillText(text, (x + 0.5) * cellWidth, (y + 0.5) * cellHeight)
 
@@ -665,7 +664,6 @@ class TermScreen {
 
       ctx.stroke()
     }
-    }
 
     ctx.globalAlpha = 1
   }
@@ -741,6 +739,12 @@ class TermScreen {
       let bg = invertForCursor ? this.screenFG[cell] : this.screenBG[cell]
       let attrs = this.screenAttrs[cell]
 
+      if (attrs & (1 << 4) && !this.window.blinkStyleOn) {
+        // blinking is enabled and blink style is off
+        // set text to nothing so drawCell doesn't draw anything
+        text = ''
+      }
+
       // HACK: ensure cursor is visible
       if (invertForCursor && fg === bg) bg = fg === 0 ? 7 : 0