Allow highlighting ocr_page (disabled by default)

Author: kba

dist/hocr.fullscreen.js

@@ -1,8 +1,8 @@
 // ==UserScript==
 // @name         hocr-viewer
 // @namespace    http://github.com/kba/hocrjs
-// @updateURL    https://unpkg.com/hocrjs@0.3.0/dist/hocr.user.js
-// @version      0.3.0
+// @updateURL    https://unpkg.com/hocrjs@0.3.1/dist/hocr.user.js
+// @version      0.3.1
 // @description  Add hocr-viewer controls to a apage
 // @author       kba
 // @include      http://*/*
@@ -23,7 +23,7 @@
   'use strict'
   function injectHocrViewer() {
     const script = document.createElement('script')
-    script.src = "https://unpkg.com/hocrjs@0.3.0/dist/hocr.fullscreen.js?cachebuster=" + Math.random() * 10000000000000000
+    script.src = "https://unpkg.com/hocrjs@0.3.1/dist/hocr.fullscreen.js?cachebuster=" + Math.random() * 10000000000000000
     script.type = 'text/javascript'
     document.querySelector('body').appendChild(script)
   }

dist/hocr.user.js

@@ -21,6 +21,7 @@ $color-toolbar-bg: rgba(180,180,190,0.85);
 $color-toolbar-toggler: white;
 $color-toolbar-border: #333;
 
+$color-highlight-page: #8B4513;
 $color-highlight-not-page: red;
 $color-highlight-inline: green;
 $color-highlight-carea: blue;

dist/hocr.viewer.js

@@ -29,6 +29,7 @@ export default {
     featureTransparentText:  {type: Boolean, default: false},
     featureTooltip:          {type: Boolean, default: false},
     featureHighlight:        {type: Boolean, default: true},
+    featureHighlightPage:    {type: Boolean, default: false},
     featureHighlightNotPage: {type: Boolean, default: false},
     featureHighlightInline:  {type: Boolean, default: false},
     featureHighlightLine:    {type: Boolean, default: true},

src/_variables.scss

@@ -87,6 +87,7 @@
   &.hocr-viewer-feature-Highlight {
     margin: -1px;
     &.hocr-viewer-feature-HighlightNotPage {@include highlight-area($selector-ocr-not-page, $color-highlight-not-page)}
+    &.hocr-viewer-feature-HighlightPage    {@include highlight-area($selector-ocr-page, $color-highlight-page)}
     &.hocr-viewer-feature-HighlightInline  {@include highlight-area($selector-ocr-inline, $color-highlight-inline);}
     &.hocr-viewer-feature-HighlightLine    {@include highlight-area($selector-ocr-line, $color-highlight-line);}
     &.hocr-viewer-feature-HighlightPar     {@include highlight-area($selector-ocr-par, $color-highlight-par);}