swipeinv: (WIP) Add inversion of drag events. Refactor to hijack and modify the events

apps/swipeinv/ChangeLog

@@ -1,2 +1,6 @@
 0.01: New app!
 0.02: Minor code improvements
+0.03: (WIP) Add inversion of drag events. Add per app, per direction setting.
+      Refactor to hijack and modify the events instead of the handling of them.
+      This should add compatibility with most apps, even if Bangle.setUI is not
+      used.

apps/swipeinv/boot.js

@@ -4,16 +4,49 @@
     apps: []
   }, require("Storage").readJSON("swipeinv.json", true) || {});
 
-  if (settings.global || settings.apps.length > 0) {
-    const setURIOrig = Bangle.setUI;
-    Bangle.setUI = (mode, callback) => {
-      if (typeof mode === "object" && mode.swipe) {
-        if (settings.global ^ settings.apps.includes(global.__FILE__)) {
-          const origSwipeCb = mode.swipe;
-          mode.swipe = (dirLR, dirUD) => origSwipeCb(dirLR*-1, dirUD*-1);
+  let getAppIdFromSrc = ()=> {
+    "ram"
+    if (!global.__FILE__ || global.__FILE__===".bootcde") {
+      return require("Storage").readJSON("setting.json",true).clock
+    } else {return global.__FILE__.split(".")[0];}
+  }
+
+  setTimeout(() => { // Timeout so we prepend listeners late, hopefully after all other listerners were added.
+    if (settings.global || Object.keys(settings.apps).length > 0) {
+
+      let swipeInverter = (dirLR, dirUD, obj) => {
+        "ram"
+        if (settings.global ^ Object.keys(settings.apps).includes(getAppIdFromSrc())) {
+          if (!(obj && obj.inverted)) {
+            E.stopEventPropagation();
+            obj = Object.assign({inverted:true}, obj);
+
+            if (settings.global ^ (settings.apps[getAppIdFromSrc()]&&settings.apps[getAppIdFromSrc()].swipeH)) {dirLR *= -1;}
+            if (settings.global ^ (settings.apps[getAppIdFromSrc()]&&settings.apps[getAppIdFromSrc()].swipeV)) {dirUD *= -1;}
+
+            Bangle.emit("swipe", dirLR, dirUD, obj)
+          }
         }
       }
-      return setURIOrig(mode, callback);
-    };
-  }
+
+      let dragInverter = (e) => {
+        "ram"
+        if (settings.global ^ Object.keys(settings.apps).includes(getAppIdFromSrc())) {
+          if (!e.inverted) {
+            E.stopEventPropagation();
+            e.inverted = true;
+
+            if (settings.global ^ (settings.apps[getAppIdFromSrc()]&&settings.apps[getAppIdFromSrc()].dragH)) {e.dx *= -1;}
+            if (settings.global ^ (settings.apps[getAppIdFromSrc()]&&settings.apps[getAppIdFromSrc()].dragV)) {e.dy *= -1;}
+
+            Bangle.emit("drag", e);
+          }
+        }
+      }
+
+      Bangle.prependListener("swipe", swipeInverter);
+      Bangle.prependListener("drag", dragInverter);
+
+    }
+  }, 0)
 }

apps/swipeinv/metadata.json

@@ -3,7 +3,7 @@
   "name": "Swipe inversion",
   "shortName":"Swipe inv.",
   "icon": "app.png",
-  "version": "0.02",
+  "version": "0.03",
   "description": "Inverts swipe direction globally or per app, see settings. If global inversion is enabled, you can unselect the inversion per app and vice versa.",
   "readme":"README.md",
   "type": "bootloader",

apps/swipeinv/settings.js

@@ -3,33 +3,45 @@
   // Load settings
   const settings = Object.assign({
     global: false,
-    apps: []
+    apps: {}
   }, require("Storage").readJSON(FILE, true) || {});
 
   function writeSettings() {
     require('Storage').writeJSON(FILE, settings);
   }
 
+  // Convert settings when coming from ver < 4
+  function convertAppsArrayToObject() {
+    if (Array.isArray(settings.apps)) {
+      let newObject = {};
+      settings.apps.forEach((source)=>{
+        let idExtractedFromSource = source.split(".")[0];
+        newObject[idExtractedFromSource] = {};
+      })
+      settings.apps = newObject;
+    }
+  }
+  convertAppsArrayToObject();
+
   function appMenu() {
     let menu = {
       "" : { "title" : /*LANG*/"Swipe inversion apps" },
       "< Back" : () => { writeSettings(); mainMenu();}
     };
-    require("Storage").list(/\.info$/).map(app=>require("Storage").readJSON(app,1)).filter(app => app.type === "app" || !app.type).sort((a,b) => {
+    require("Storage").list(/\.info$/).map(app=>require("Storage").readJSON(app,1)).filter(app => app.type==="app" || app.type==="clock" || app.type==="launch" || !app.type).sort((a,b) => {
       if (a.name<b.name) return -1;
       if (a.name>b.name) return 1;
       return 0;
     }).forEach(app => {
       menu[app.name] = {
-        value: settings.apps.includes(app.src),
+        value: Object.keys(settings.apps).includes(app.id),
         onchange: v => {
           if (v) {
-            settings.apps.push(app.src);
+            if (!settings.apps[app.id] || Object.keys(settings.apps[app.id]).length===0) {
+                settings.apps[app.id] = {"name":app.name, "swipeH":true, "swipeV":true, "dragH":true, "dragV":true};
+              }
           } else {
-            const idx = settings.apps.indexOf(app.src);
-            if (idx !== -1) {
-              settings.apps.splice(idx, 1);
-            }
+            if (settings.apps[app.id]) {delete settings.apps[app.id];}
           }
         }
       };
@@ -38,7 +50,7 @@
   }
 
   function mainMenu() {
-    E.showMenu({
+    let menu = {
       "" : { "title" : /*LANG*/"Swipe inversion" },
       "< Back" : () => back(),
 
@@ -50,8 +62,34 @@
         }
       },
 
-      /*LANG*/'Select apps': () => appMenu()
+      /*LANG*/'Select apps': () => appMenu(),
+    };
+
+    Object.keys(settings.apps).forEach((appID) => {
+      // Create a sub menu and show it.
+      let subMenu = {
+        "" : { "title" : /*LANG*/"Tune"+" "+appID },
+        "< Back" : () => { writeSettings(); mainMenu();}
+      }
+      let subMenuEntries = [{name:"Swipe Horizontal", id:"swipeH"}, {name:"Swipe Vertical", id:"swipeV"}, {name:"Drag Horizontal", id:"dragH"}, {name:"Drag Vertical", id:"dragV"}];
+      subMenuEntries.forEach((setting)=>{
+        if (!Object.keys(settings.apps).includes(appID)) {settings.apps[appID] = {"swipeH":true, "swipeV":true, "dragH":true, "dragV":true}}
+        subMenu[setting.name] = {
+          value: settings.apps[appID][setting.id],
+          onchange: v => {
+            if (v) {
+              settings.apps[appID][setting.id] = true;
+            } else {
+              settings.apps[appID][setting.id] = false;
+            }
+          }
+        };
+      })
+
+      menu[settings.apps[appID].name] = ()=>E.showMenu(subMenu);
     });
+
+    E.showMenu(menu);
   }
 
   mainMenu();