add wigdet moon phase

apps.json

@@ -1034,5 +1034,16 @@
       {"name":"rpgdice.app.js","url": "app.js"},
       {"name":"rpgdice.img","url": "app-icon.js","evaluate":true}
     ]
-  }
+  },
+  { "id": "widmp",
+    "name": "Moon Phase Widget",
+    "icon": "widget.png",
+    "version":"0.01",
+    "description": "Display the current moon phase in blueish for the northern hemisphere in eight phases",
+    "tags": "widget,tools",
+    "type":"widget",
+    "storage": [
+      {"name":"widmp.wid.js","url":"widget.js"}
+    ]
+  },
 ]

apps/widmp/ChangeLog

@@ -0,0 +1 @@
+0.01: New App!

apps/widmp/widget.js

@@ -0,0 +1,33 @@
+/* jshint esversion: 6 */
+(() => {
+
+    const BLACK = 0, MOON = 0x41f, MC = 29.5305882, NM = 694039.09; 
+    var r = 12, mx = 0, my = 0;
+
+    var moon = {
+        0: () => { g.reset().setColor(BLACK).fillRect(mx - r, my - r, mx + r, my + r);},
+        1: () => { moon[0](); g.setColor(MOON).drawCircle(mx, my, r);},
+        2: () => { moon[3](); g.setColor(BLACK).fillEllipse(mx - r / 2, my - r, mx + r / 2, my + r);},
+        3: () => { moon[0](); g.setColor(MOON).fillCircle(mx, my, r).setColor(BLACK).fillRect(mx - r, my - r, mx, my + r);},
+        4: () => { moon[3](); g.setColor(MOON).fillEllipse(mx - r / 2, my - r, mx + r / 2, my + r);},
+        5: () => { moon[0](); g.setColor(MOON).fillCircle(mx, my, r);},
+        6: () => { moon[7](); g.setColor(MOON).fillEllipse(mx - r / 2, my - r, mx + r / 2, my + r);},
+        7: () => { moon[0](); g.setColor(MOON).fillCircle(mx, my, r).setColor(BLACK).fillRect(mx, my - r, mx + r + r, my + r);},
+        8: () => { moon[7](); g.setColor(BLACK).fillEllipse(mx - r / 2, my - r, mx + r / 2, my + r);}
+    };
+
+    function moonPhase(d) {
+        var tmp, month = d.getMonth(), year = d.getFullYear(), day = d.getDate();
+        if (month < 3) {year--; month += 12;}
+        tmp = ((365.25 * year + 30.6 * ++month + day - NM) / MC);
+        return Math.round(((tmp - (tmp | 0)) * 7)+1);
+    }
+
+    function draw() {
+        mx = this.x; my = this.y + 12;
+        moon[moonPhase(Date())]();
+    }
+
+    WIDGETS["widmoon"] = { area: "tr", width: 24, draw: draw };
+
+})();