Support looking up image tags

ext/fg/js/client.js

@@ -108,7 +108,7 @@ class Client {
             return;
         }
 
-        if (this.lastTextSource !== null && this.lastTextSource.compareOrigin(textSource) === 0) {
+        if (this.lastTextSource !== null && this.lastTextSource.equals(textSource)) {
             return;
         }
 

ext/fg/js/source-image.js

@@ -17,40 +17,43 @@
  */
 
 
-class Image {
+class ImageSource {
     constructor(image) {
-
+        this.img = image;
+        this.length = -1;
     }
 
     text() {
+        const text = this.textRaw();
+        return this.length < 0 ? text : text.substring(0, this.length);
+    }
 
+    textRaw() {
+        return this.img.getAttribute('alt') || '';
     }
 
     setLength(length) {
-
+        this.length = length;
     }
 
     containsPoint(point) {
-
+        const rect = this.getRect();
+        return point.x >= rect.left && point.x <= rect.right;
     }
 
     getRect() {
-
+        return this.img.getBoundingClientRect();
-    }
-
-    getPaddedRect() {
-
     }
 
     select() {
-
+        // NOP
     }
 
     deselect() {
-
+        // NOP
     }
 
-    compareOrigin(range) {
+    equals(other) {
-
+        return other.img && other.textRaw() == this.textRaw();
     }
 }

ext/fg/js/source-range.js

@@ -63,8 +63,8 @@ class RangeSource {
         selection.removeAllRanges();
     }
 
-    compareOrigin(range) {
+    equals(other) {
-        return range.rng.compareBoundaryPoints(Range.START_TO_START, this.rng);
+        return other.rng && other.rng.compareBoundaryPoints(Range.START_TO_START, this.rng) == 0;
     }
 
     static seekEnd(node, length) {