notify.js

let oldg;
let id = null;
let hideCallback = null;
const titleFont = g.getWidth() / 8;
/**
 * See notify/notify.js
 */
function fitWords(text,rows,width) {
  // We never need more than rows*width characters anyway, split by any whitespace
  const words = text.trim().substr(0,rows*width).split(/\s+/);
  let row=1,len=0,limit=width;
  let result = "";
  for (let word of words) {
    // len==0 means first word of row, after that we also add a space
    if ((len?len+1:0)+word.length > limit) {
      if (row>=rows) {
        result += "...";
        break;
      }
      result += "\n";
      len=0;
      row++;
      if (row===rows) limit -= 3; // last row needs space for "..."
    }
    result += (len?" ":"") + word;
    len += (len?1:0) + word.length;
  }
  return result;
}


/**
 options = {
   on : bool // turn screen on, default true
   size : int // height of notification, default 120 (max)
   title : string // optional title
   id // optional notification ID, used with hide()
   src : string // optional source name
   body : string // optional body text
   icon : string // optional icon (image string)
   render : function(y) // function callback to render
   bgColor : int/string // optional background color (default black)
   titleBgColor : int/string // optional background color for title (default black)
   onHide : function() // callback when notification is hidden
 }
*/
exports.show = function(options) {
  if (oldg) g=oldg;
  options = options||{};
  if (options.on===undefined) options.on=true;
  id = ("id" in options)?options.id:null;
  let size = options.size||120;
  if (size>120) size=120;
  try { Bangle.setLCDMode("direct"); } catch(e) {} // not supported/needed on Bangle.js 2
  let x = 0,
    y = 40,
    w = g.getWidth(),
    h = size;
  // clear screen
  g.reset();
  if (options.bgColor!==undefined) g.setColor(options.bgColor);
  g.clearRect(0,0,g.getWidth(),g.getHeight());
  // top bar
  if (options.title||options.src) {
    const title = options.title || options.src;
    g.setColor(options.titleBgColor||g.theme.bgH).fillRect(x, y, x+w-1, y+30);
    g.setColor(g.theme.fgH).setFontAlign(-1, -1, 0).setFont("Vector", titleFont);
    g.drawString(title.trim().substring(0, 13), x+5, y+3);
    if (options.title && options.src) {
      g.setColor(g.theme.fg).setFontAlign(1, 1, 0).setFont("6x8", 2);
      // above drawing area, but we are fullscreen
      g.drawString(options.src.substring(0, 10), w-16, y-4);
    }
    y += 30;h -= 30;
  }
  if (options.icon) {
    let i = options.icon, iw,ih;
    if ("string"==typeof i) {iw=i.charCodeAt(0); ih=i.charCodeAt(1);}
    else {iw=i[0]; ih=i[1];}
    const iy=y ? (y+4) : (h-ih)/2; // show below title bar if present, otherwise center vertically
    g.drawImage(i, x+4,iy);
    x += iw+4;w -= iw+4;
  }
  // body text
  if (options.body) {
    const maxRows = Math.floor((h-4)/16), // font=2*(6x8)
      maxChars = Math.floor((w-4)/12),
      text=fitWords(options.body, maxRows, maxChars);
    g.setColor(g.theme.fg).setFont("6x8", 2).setFontAlign(-1, -1, 0).drawString(text, x+4, y+4);
  }

  if (options.render)
    options.render({x:x, y:y, w:w, h:h});
  if (options.on && !(require('Storage').readJSON('setting.json',1)||{}).quiet)
    Bangle.setLCDPower(1); // light up
  Bangle.on("touch", exports.hide);
  if (options.onHide)
    hideCallback = options.onHide;
  // Create a fake graphics to hide draw attempts
  oldg = g;
  g = Graphics.createArrayBuffer(8,8,1);
  g.flip = function() {};
};

/**
 options = {
   id // optional, only hide if current notification has this ID
 }
 */
exports.hide = function(options) {
  options = options||{};
  if ("id" in options && options.id!==id) return;
  if (hideCallback) hideCallback({id:id});
  hideCallback = undefined;
  id = null;
  if (oldg) {
    g=oldg;
    oldg = undefined;
  }
  Bangle.removeListener("touch", exports.hide);
  g.clear();
  Bangle.drawWidgets();
  if (Bangle.isLCDOn() || !(require('Storage').readJSON('setting.json',1)||{}).quiet) {
    // flipping the screen off then on often triggers a redraw - it may not!
    Bangle.setLCDPower(0);
    Bangle.setLCDPower(1);
  }
  // hack for E.showMenu/showAlert/showPrompt - can force a redraw by faking next/back
  if (!Bangle.CLOCK && Bangle.btnWatches && Bangle.btnWatches.length==3) {
    global["\xff"].watches[Bangle.btnWatches[0]].callback();
    global["\xff"].watches[Bangle.btnWatches[1]].callback();
  }
};