Add more info for showText operator in stepper.

Adds a table that shows original char code, font char code, and unicode.

src/core/fonts.js

@@ -159,6 +159,7 @@ function adjustToUnicode(properties, builtInEncoding) {
 
 class Glyph {
   constructor(
+    originalCharCode,
     fontChar,
     unicode,
     accent,
@@ -168,6 +169,7 @@ class Glyph {
     isSpace,
     isInFont
   ) {
+    this.originalCharCode = originalCharCode;
     this.fontChar = fontChar;
     this.unicode = unicode;
     this.accent = accent;
@@ -179,6 +181,7 @@ class Glyph {
   }
 
   matchesForCache(
+    originalCharCode,
     fontChar,
     unicode,
     accent,
@@ -189,6 +192,7 @@ class Glyph {
     isInFont
   ) {
     return (
+      this.originalCharCode === originalCharCode &&
       this.fontChar === fontChar &&
       this.unicode === unicode &&
       this.accent === accent &&
@@ -2956,6 +2960,7 @@ class Font {
     if (
       !glyph ||
       !glyph.matchesForCache(
+        charcode,
         fontChar,
         unicode,
         accent,
@@ -2967,6 +2972,7 @@ class Font {
       )
     ) {
       glyph = new Glyph(
+        charcode,
         fontChar,
         unicode,
         accent,

web/debugger.js

@@ -357,28 +357,39 @@ const Stepper = (function StepperClosure() {
         let decArgs = args;
         if (fn === "showText") {
           const glyphs = args[0];
-          const newArgs = [];
+          const charCodeRow = c("tr");
-          let str = [];
+          const fontCharRow = c("tr");
+          const unicodeRow = c("tr");
           for (let j = 0; j < glyphs.length; j++) {
             const glyph = glyphs[j];
             if (typeof glyph === "object" && glyph !== null) {
-              str.push(glyph.fontChar);
+              charCodeRow.appendChild(c("td", glyph.originalCharCode));
+              fontCharRow.appendChild(c("td", glyph.fontChar));
+              unicodeRow.appendChild(c("td", glyph.unicode));
             } else {
-              if (str.length > 0) {
+              // null or number
-                newArgs.push(str.join(""));
+              const advanceEl = c("td", glyph);
-                str = [];
+              advanceEl.classList.add("advance");
-              }
+              charCodeRow.appendChild(advanceEl);
-              newArgs.push(glyph); // null or number
+              fontCharRow.appendChild(c("td"));
+              unicodeRow.appendChild(c("td"));
             }
           }
-          if (str.length > 0) {
+          decArgs = c("td");
-            newArgs.push(str.join(""));
+          const table = c("table");
-          }
+          table.classList.add("showText");
-          decArgs = [newArgs];
+          decArgs.appendChild(table);
+          table.appendChild(charCodeRow);
+          table.appendChild(fontCharRow);
+          table.appendChild(unicodeRow);
         }
         line.appendChild(c("td", fn));
+        if (decArgs instanceof HTMLElement) {
+          line.appendChild(decArgs);
+        } else {
           line.appendChild(c("td", JSON.stringify(simplifyArgs(decArgs))));
         }
+      }
       if (operatorsToDisplay < operatorList.fnArray.length) {
         const lastCell = c("td", "...");
         lastCell.colspan = 4;

web/viewer.css

@@ -1699,6 +1699,19 @@ html[dir="rtl"] #documentPropertiesOverlay .row > * {
 #PDFBug table {
   font-size: 10px;
 }
+#PDFBug table.showText {
+  border-collapse: collapse;
+  text-align: center;
+}
+#PDFBug table.showText,
+#PDFBug table.showText tr,
+#PDFBug table.showText td {
+  border: 1px solid black;
+  padding: 1px;
+}
+#PDFBug table.showText td.advance {
+  color: grey;
+}
 
 #viewer.textLayer-visible .textLayer {
   opacity: 1;