Mobile: top level heart reaction on double tab

src/plugins/utils.js

@@ -5,6 +5,7 @@ import ImageResize from "image-resize";
 import { AutoDiscovery } from 'matrix-js-sdk';
 import User from '../models/user';
 const prettyBytes = require("pretty-bytes");
+import Hammer from "hammerjs";
 
 export const STATE_EVENT_ROOM_DELETION_NOTICE = "im.keanu.room_deletion_notice";
 export const STATE_EVENT_ROOM_DELETED = "im.keanu.room_deleted";
@@ -1014,6 +1015,25 @@ class Util {
         }
         return false;
     }
+
+    isMobileOrTabletBrowser() {
+        // Regular expression to match common mobile and tablet browser user agent strings
+        const mobileTabletPattern = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Tablet|Mobile|CriOS/i;
+        const userAgent = navigator.userAgent;
+        return mobileTabletPattern.test(userAgent);
+    }
+
+    singleOrDoubleTabRecognizer(element) {
+        // reference: https://codepen.io/jtangelder/pen/xxYyJQ
+        const hm = new Hammer.Manager(element);
+
+        hm.add(new Hammer.Tap({ event: 'doubletap', taps: 2 }));
+        hm.add(new Hammer.Tap({ event: 'singletap' }) );
+
+        hm.get('doubletap').recognizeWith('singletap');
+        hm.get('singletap').requireFailure('doubletap');
+        return hm
+    }
 }
 export default new Util();