Merge in https://github.com/espruino/BangleApps/pull/2702

(PR included a bunch of other stuff not required)

apps/xxlmessage/ChangeLog

@@ -0,0 +1,2 @@
+0.01: New App!
+0.02: Display icon of the message origin's app

apps/xxlmessage/README.md

@@ -0,0 +1,13 @@
+# XXL Message app
+This app displays an incomming message with a very large
+font and scrolls the text. For people who can't read the
+menu font without glasses, this might be an alternative
+to the default messages UI app.
+
+When arrived, new messages are displayed instantly on the screen.
+When the message fully scrolled two times or
+if you touch the screen or press the button,
+the default clock is loaded.
+
+Nothing more, nothing less.
+

apps/xxlmessage/app-icon.js

@@ -0,0 +1 @@
+require("heatshrink").decompress(atob("mEwwcA/4A/AH4A/AH2SpMkAQ1/CI3+CI+fB4v5AQQRFk4JB84REBAXkCIgLFEAYsCIgo+BCIwLEC4oRHF4w7CCJAIRGQaDECLQIRLKB9QUKDFRdKB3GQYwAFBwpKFAAhEFAQokHAH4A/AH4A/ABA"))

apps/xxlmessage/app.js

@@ -0,0 +1,42 @@
+
+
+if (require("Storage").read("messagegui")){ // "messagegui" module is installed
+    require("messages").openGUI();
+    console.log("Opened Messages UI");
+    Bangle.load("messagegui");
+}
+
+
+function stop() {
+    g.setBgColor(0, 1, 1);
+    g.clear();
+    g.reset();
+    load();
+}
+var txt = 'No Messages';
+try{
+    console.log("try delete messages");
+    var MESSAGES = require("messages").getMessages();
+    MESSAGES = [];
+    txt = 'Deleted all messages';
+    console.log("worked");
+}catch(e){}
+g.setBgColor('#ffff00');
+g.setColor('#000000');
+g.clear();
+
+g.setFont('6x8:3');
+g.setFontAlign(0, 0);
+g.setColor('#000000');
+g.drawString(g.wrapString(txt, g.getWidth()).join("\n"), g.getWidth()/2, g.getHeight()/2);
+
+Bangle.loadWidgets();
+Bangle.drawWidgets();
+
+//E.showMessage(txt,{
+//    title:"XXL Messages",
+//    img:atob("FBQBAfgAf+Af/4P//D+fx/n+f5/v+f//n//5//+f//n////3//5/n+P//D//wf/4B/4AH4A=") // (i)
+//})
+
+setTimeout(stop, 4000);
+

apps/xxlmessage/boot.js

@@ -0,0 +1 @@
+Bangle.on("message", (type, msg) => require("xxlmessage.lib.js").listener(type, msg));

apps/xxlmessage/lib-unbuffered.js

@@ -0,0 +1,133 @@
+// GB({"t":"notify","id":1575479849,"src":"Hangouts","title":"A Name","body":"message contents"})
+var xxl = {
+// private:
+    msg: [],
+    drawTimeout: undefined,
+    xpos : 0,
+    loopCount : 0,
+    txt:'',
+    wtot:0,
+    img:undefined,
+    imgcol:'#ffffff',
+
+    setFont: function(){
+        g.setFont('6x8:5x9'); // TODO this is a bottleneck. How to prepare the font once?
+    },
+
+//public:
+    show: function(theMessage){
+        console.log("theMessage is:");
+        console.log(theMessage);
+        xxl.msg = theMessage;
+        // prepare string and metrics
+        xxl.txt = xxl.msg.src + ": " + xxl.msg.body;
+        xxl.setFont();
+        xxl.wtot = g.stringMetrics(xxl.txt).width;
+        xxl.xpos = 2 * g.getWidth();
+
+        // get icon
+        xxl.img = require("messageicons").getImage(xxl.msg);
+        xxl.imgcol = require("messageicons").getColor(xxl.msg, '#ffffff');
+
+        Bangle.loadWidgets();
+
+        Bangle.on('touch', function (b, xy) {
+            xxl.stop();
+        });
+        setWatch(xxl.stop, BTN1);
+        Bangle.buzz(500,1);
+
+        xxl.draw();
+    },
+
+//private:
+    // schedule a draw for 30 FPS
+    queueDraw: function() {
+        if (xxl.drawTimeout) { return; } // clearTimeout(xxl.drawTimeout); }
+            xxl.drawTimeout = setTimeout(function () {
+            xxl.drawTimeout = undefined;
+            xxl.draw();
+        }, 33 - (Date.now() % 33));
+    },
+
+
+    stop:function() {
+        console.log("stop");
+        if (xxl.drawTimeout) { clearTimeout(xxl.drawTimeout); }
+        xxl.drawTimeout = undefined;
+        g.reset();
+        g.setBgColor('#ffff00');
+        g.clear();
+
+        // Bangle.setLCDPower(0); // light off
+        // Bangle.setLocked(true); // disable touch
+
+        setTimeout(load, 100);
+    },
+
+    draw: function() {
+        wh = 24; // widgets height
+        var gw = g.getWidth();
+        var h = (g.getHeight() - wh)/2; // height of drawing area per stripe
+
+        Bangle.setLCDPower(1); // light on
+        Bangle.setLocked(false); // keep the touch input active
+        g.setBgColor('#000000');
+        g.clear();
+
+        if (xxl.img) { // 24x24
+            g.setColor(xxl.imgcol);
+            g.drawImage(xxl.img
+                        , gw/2, wh+h // center point
+                        ,{rotate:0,scale:2}
+                       );
+        }
+
+        xxl.setFont();
+        g.setFontAlign(-1, -1);
+
+        // draw both lines
+        g.setBgColor('#000000');
+        g.setColor('#ffffff');
+        g.drawString(xxl.txt, xxl.xpos, wh);
+        g.drawString(xxl.txt, xxl.xpos - gw - 32, h + wh);
+
+        g.reset();
+        // widget redraw
+        Bangle.drawWidgets();
+
+        // scroll
+        xxl.xpos -= 25;
+        if (xxl.xpos < -xxl.wtot - gw * 2) {
+            ++xxl.loopCount;
+            if (xxl.loopCount > 2) {
+                xxl.stop();
+                return;
+            }
+            xxl.xpos = 3 * gw;
+        }
+        // loop drawing
+        xxl.queueDraw();
+    }
+};
+
+
+// for IDE
+// var exports={};
+
+exports.listener = function (type, msg) {
+    // msg = {t:"add",id:int, src,title,subject,body,sender,tel, important:bool, new:bool}
+    if (!msg) return;
+    if (type === 'text' && msg.t !== 'remove') {
+        msg.handled = true; // don't do anything else with the message
+        xxl.show(msg);
+    }
+};
+
+// debug
+// Bangle.on("message", (type, msg) => exports.listener(type, msg));
+
+
+
+
+

apps/xxlmessage/lib.js

@@ -0,0 +1,194 @@
+// GB({t:"notify",id:1680248072,src:"SMS Messenger",title:"Fabia",body:"Nein"})
+// msg = {"t":"add","id":1680248072,"src":"SMS Messenger","title":"Fabia","body":"Nein","new":true,"handled":true}
+var xxl = {
+// private:
+    msg: [],
+    drawTimeout: undefined,
+    xpos : 0,
+    loopCount : 0,
+    txt:'',
+    wtot:0,
+    img:undefined,
+    imgcol:'#ffffff',
+
+    // gfx buffer
+    bufimg:undefined,
+    bufpal4color:undefined,
+    buffnt:'6x15', // font to use. Built-in: 4x6, 6x8,12x20,6x15,Vector
+    bufw:0, // width of buffer for all lines
+    bufh:0, // height of buffer
+    buflin:0, // number of lines to print
+    bufscale:0, // scale factor for buffer to screen
+
+// public:
+    show: function(theMessage){
+        // console.log("theMessage is:");
+        // console.log(theMessage);
+        xxl.msg = theMessage;
+
+        // get icon
+        try{
+            xxl.img = require("messageicons").getImage(xxl.msg);
+            xxl.imgcol = (require("messageicons").getColor(xxl.msg, '#ffffff')||'#00ffff');
+        }catch(e){}
+
+        Bangle.loadWidgets();
+
+        Bangle.on('touch', function (b, xy) {
+            xxl.stop();
+        });
+        setWatch(xxl.stop, BTN1);
+        Bangle.buzz(500,1);
+
+
+        // offscreen gfx buffer
+        // screen is 176x176
+        // font should be scaled 5x9=30x72px
+        // built in fonts are 4x6, 6x8,12x20,6x15,Vector
+        xxl.bufpal4color = new Uint16Array([0x0000,0xFFFF,0x7BEF,0xAFE5],0,2);   // b,w,grey,greenyellow
+        g.setFont(xxl.buffnt);
+        var hfont = g.getFontHeight();
+        xxl.bufscale=parseInt((g.getHeight() - 24/*widgets*/)/2) / hfont;
+        xxl.buflin=2; // number of lines
+        xxl.bufw=(g.getWidth() * xxl.buflin) / xxl.bufscale; // 6x15 font scaled by 5 on 176 screen width
+        xxl.bufh=hfont;
+
+        xxl.bufimg = Graphics.createArrayBuffer(xxl.bufw,xxl.bufh,2,{msb:true});
+
+        // prepare string and metrics
+        xxl.txt = (xxl.msg.title||(xxl.msg.src||"MSG")) + ": " + (xxl.msg.body||"-x-");
+        g.setFont(xxl.buffnt);
+        xxl.wtot = g.stringMetrics(xxl.txt).width;
+        xxl.xpos = xxl.bufw; // g.getWidth();
+
+        xxl.draw();
+    },
+
+//private:
+    // schedule a draw for 60 FPS
+    queueDraw: function() {
+        if (xxl.drawTimeout) { return; } // clearTimeout(xxl.drawTimeout); }
+            xxl.drawTimeout = setTimeout(function () {
+            xxl.drawTimeout = undefined;
+            xxl.draw();
+        }, 16 - (Date.now() % 16));
+    },
+
+
+    stop:function() {
+        // console.log("stop");
+        if (xxl.drawTimeout) { clearTimeout(xxl.drawTimeout); }
+        xxl.drawTimeout = undefined;
+        g.reset();
+        g.setBgColor('#ffff00');
+        g.clear();
+
+        // Bangle.setLCDPower(0); // light off
+        // Bangle.setLocked(true); // disable touch
+
+        setTimeout(function(){Bangle.showClock();}, 100);
+    },
+
+    // this is even slower than the scaled printing :(
+    // megaPrintBufferd: function(txt, x, y){
+    //     xxl.bufimg.setFont(xxl.buffnt);
+    //     xxl.bufimg.setFontAlign(-1, -1);
+    //     xxl.bufimg.setColor(1); // index in palette
+    //     xxl.bufimg.clear();
+    //     xxl.bufimg.drawString(txt, x, 0);
+    //     for(var i = 0; i<xxl.buflin; ++i){
+    //         g.drawImage({
+    //                      width:xxl.bufw, height:xxl.bufh, bpp:2
+    //                      , buffer: xxl.bufimg.buffer
+    //                      , palette: xxl.bufpal4color
+    //                     }
+    //                     , -i*g.getWidth(), y
+    //                     ,{scale:xxl.bufscale}
+    //                 );
+    //         y+=xxl.bufscale*xxl.bufh;
+    //     }
+    // },
+
+    // x: pixels in buffer. Must scale this.
+    // y: screen position
+    megaPrint: function(txt, x, y){
+        g.setFont(xxl.buffnt+':'+xxl.bufscale);
+        g.setColor('#ffffff');
+        g.setFontAlign(-1, -1);
+        for(var i = 0; i<xxl.buflin; ++i){
+            g.drawString(txt
+                         , x*xxl.bufscale-i*g.getWidth()
+                         , y
+                    );
+            y+=xxl.bufscale*xxl.bufh;
+        }
+    },
+
+    draw: function() {
+        var wh = 24; // widgets height
+        var gw = g.getWidth();
+        var h = (g.getHeight() - wh)/2; // height of drawing area per stripe
+
+        Bangle.setLCDPower(1); // light on
+        Bangle.setLocked(false); // keep the touch input active
+        g.setBgColor('#000000');
+        g.clear();
+
+        // center line
+        g.setColor(xxl.imgcol);
+        g.fillRect(      0,wh+h-3,gw/2-26,wh+h-1);
+        g.fillRect(gw/2+26,wh+h-3,   gw-1,wh+h-1);
+
+        // image
+        if (xxl.img) { // 24x24
+            g.setColor(xxl.imgcol);
+            g.drawImage(xxl.img
+                        , gw/2, wh+h-2 // center point
+                        ,{rotate:0,scale:2}
+                       );
+        }
+        // scroll message
+        xxl.megaPrint(xxl.txt, xxl.xpos, wh);
+                                            
+        g.reset();
+        // widget redraw
+        Bangle.drawWidgets();
+
+        // scroll
+        xxl.xpos -= 3; // buffer pixels
+        if (xxl.xpos < -xxl.wtot - xxl.bufw/xxl.buflin - 4) {
+            ++xxl.loopCount;
+            if (xxl.loopCount > 2) {
+                xxl.stop();
+                return;
+            }
+            xxl.xpos = (3*xxl.bufw)/2;
+        }
+        // loop drawing
+        xxl.queueDraw();
+    }
+};
+
+
+// for IDE
+// var exports={};
+
+exports.listener = function (type, msg) {
+    // msg = {t:"add",id:int, src,title,subject,body,sender,tel, important:bool, new:bool}
+    if (!msg) return;
+    if (type === 'text' && msg.t !== 'remove') {
+        msg.handled = true; // don't do anything else with the message
+        xxl.show(msg);
+    }
+};
+
+// debug
+// var msg = {t:"add",id:12341, src:"SMS",title:undefined,subject:undefined,body:"yes",sender:"phoo",tel:undefined, important:false, new:true};
+// exports.listener('text', msg);
+
+
+
+
+
+
+

apps/xxlmessage/metadata.json

@@ -0,0 +1,20 @@
+{
+  "id": "xxlmessage",
+  "name": "XXL Message",
+  "version": "0.02",
+  "shortName": "XXL Msg",
+  "description": "App to display large notifications from iOS and Gadgetbridge/Android",
+  "icon": "app.png",
+  "type": "app",
+  "tags": "tool,system",
+  "supports": ["BANGLEJS","BANGLEJS2"],
+  "dependencies" : {"messages":"module", "messageicons":"module" },
+  "readme": "README.md",
+  "screenshots": [{"url":"screenshot.png"}],
+  "storage": [
+    {"name":"xxlmessage.app.js","url":"app.js"},
+    {"name":"xxlmessage.lib.js","url":"lib.js"},
+    {"name":"xxlmessage.boot.js","url":"boot.js"},
+    {"name":"xxlmessage.img","url":"app-icon.js","evaluate":true}
+  ]
+}