diff --git a/apps/xxlmessage/ChangeLog b/apps/xxlmessage/ChangeLog new file mode 100644 index 000000000..4c587db52 --- /dev/null +++ b/apps/xxlmessage/ChangeLog @@ -0,0 +1,2 @@ +0.01: New App! +0.02: Display icon of the message origin's app \ No newline at end of file diff --git a/apps/xxlmessage/README.md b/apps/xxlmessage/README.md new file mode 100644 index 000000000..40e62fdd2 --- /dev/null +++ b/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. + diff --git a/apps/xxlmessage/app-icon.js b/apps/xxlmessage/app-icon.js new file mode 100644 index 000000000..ee6642f11 --- /dev/null +++ b/apps/xxlmessage/app-icon.js @@ -0,0 +1 @@ +require("heatshrink").decompress(atob("mEwwcA/4A/AH4A/AH2SpMkAQ1/CI3+CI+fB4v5AQQRFk4JB84REBAXkCIgLFEAYsCIgo+BCIwLEC4oRHF4w7CCJAIRGQaDECLQIRLKB9QUKDFRdKB3GQYwAFBwpKFAAhEFAQokHAH4A/AH4A/ABA")) \ No newline at end of file diff --git a/apps/xxlmessage/app.js b/apps/xxlmessage/app.js new file mode 100644 index 000000000..207221fc6 --- /dev/null +++ b/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); + diff --git a/apps/xxlmessage/app.png b/apps/xxlmessage/app.png new file mode 100644 index 000000000..88dae4c66 Binary files /dev/null and b/apps/xxlmessage/app.png differ diff --git a/apps/xxlmessage/boot.js b/apps/xxlmessage/boot.js new file mode 100644 index 000000000..62053a0b9 --- /dev/null +++ b/apps/xxlmessage/boot.js @@ -0,0 +1 @@ +Bangle.on("message", (type, msg) => require("xxlmessage.lib.js").listener(type, msg)); \ No newline at end of file diff --git a/apps/xxlmessage/lib-unbuffered.js b/apps/xxlmessage/lib-unbuffered.js new file mode 100644 index 000000000..68fb2a7a2 --- /dev/null +++ b/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)); + + + + + diff --git a/apps/xxlmessage/lib.js b/apps/xxlmessage/lib.js new file mode 100644 index 000000000..9aa85462d --- /dev/null +++ b/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 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); + + + + + + + diff --git a/apps/xxlmessage/metadata.json b/apps/xxlmessage/metadata.json new file mode 100644 index 000000000..f8150f0e7 --- /dev/null +++ b/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} + ] +} \ No newline at end of file diff --git a/apps/xxlmessage/screenshot.png b/apps/xxlmessage/screenshot.png new file mode 100644 index 000000000..5d9fbcf55 Binary files /dev/null and b/apps/xxlmessage/screenshot.png differ