Add dutchclock app

apps/dutchclock/app-icon.js

@@ -0,0 +1 @@
+require("heatshrink").decompress(atob("mEwgP/AE0/Ao/4sccAoX79NtAofttIFD8dsAof3t1/GZ397oGE/YLE6IFDloFE1vbAoeNAondAon/z4FE356U/nNxhZC/drlpLDscNAoX4ue9C4f3L4oAKt4FEQ4qxE/0skIGDtg7DAoNtAocsAogAX94POA"))

apps/dutchclock/app.js

@@ -0,0 +1,228 @@
+const SCREEN_WIDTH = g.getWidth();
+const SCREEN_HEIGHT = g.getHeight();
+const MINS_IN_HOUR = 60;
+
+const VARIANT_EXACT = 'exact';
+const VARIANT_APPROXIMATE = 'approximate';
+const VARIANT_HYBRID = 'hybrid';
+
+const SETTINGS_FILE = "dutchclock.json";
+
+let date, mins;
+
+var settings = Object.assign({
+  // default values
+  variant: VARIANT_APPROXIMATE,
+  showWidgets: true
+}, require('Storage').readJSON(SETTINGS_FILE, true) || {});
+
+const maxFontSize = SCREEN_HEIGHT 
+  - 20 // For the date
+  - (settings.showWidgets ? 25 : 0);
+
+const X = SCREEN_WIDTH / 2;
+const Y = SCREEN_HEIGHT / 2
+  + (settings.showWidgets ? 5 : -5);
+
+
+function initialize() {
+  // draw immediately at first
+  tick();
+
+//  for (let mm = 0; mm < 60; mm++) {
+//    console.log(23, mm);
+//    console.log(getTimeLines(23 * 60 + mm));
+//  }
+
+  // now check every second
+  let secondInterval = setInterval(tick, 1000);
+  // Stop updates when LCD is off, restart when on
+
+  Bangle.on('lcdPower',on=>{
+    if (secondInterval) clearInterval(secondInterval);
+    secondInterval = undefined;
+    if (on) {
+      secondInterval = setInterval(tick, 1000);
+      draw(); // draw immediately
+    }
+  });
+}
+
+function tick() {
+  date = new Date();
+  const m = date.getHours() * MINS_IN_HOUR + date.getMinutes();
+
+  if (m !== mins) {
+    mins = m;
+    draw();
+  }
+}
+
+function draw() {
+  // work out how to display the current time
+  const timeLines = getTimeLines(mins);
+
+  // Reset the state of the graphics library
+  g.clear(true);
+  // draw the current time (4x size 7 segment)
+  setFont(timeLines);
+
+  g.setFontAlign(0,0); // align center top
+  g.drawString(timeLines.join("\n"), X, Y, true /*clear background*/);
+
+  // draw the date, in a normal font
+  g.setFont("6x8");
+  g.setFontAlign(0,1); // align center bottom
+  // pad the date - this clears the background if the date were to change length
+  var dateStr = "    "+require("locale").date(date)+"    ";
+  g.drawString(dateStr, SCREEN_WIDTH/2, SCREEN_HEIGHT - 5, true /*clear background*/);
+
+  /* Show launcher when middle button pressed
+  This should be done *before* Bangle.loadWidgets so that
+  widgets know if they're being loaded into a clock app or not */
+  Bangle.setUI("clock");
+
+  if (settings.showWidgets) {
+    // Load widgets
+    Bangle.loadWidgets();
+    Bangle.drawWidgets();
+  }
+}
+
+function setFont(timeLines) {
+  const size = maxFontSize / timeLines.length;
+
+  g.setFont("Vector", size);
+
+  let width = g.stringWidth(timeLines.join('\n'));
+
+  if (width > SCREEN_WIDTH) {
+    g.setFont("Vector", Math.floor(size * (SCREEN_WIDTH / width)));
+  }
+}
+
+function getTimeLines(m) {
+  switch (settings.variant) {
+    case VARIANT_EXACT:
+      return getExactTimeLines(m);
+    case VARIANT_APPROXIMATE:
+      return getApproximateTimeLines(m);
+    case VARIANT_HYBRID:
+      return distanceFromNearest(15)(m) < 3
+        ? getApproximateTimeLines(m)
+        : getExactTimeLines(m);
+    default:
+      console.warn(`Error in settings: unknown variant "${settings.variant}"`);
+      return getExactTimeLines(m);
+  }
+}
+
+function getExactTimeLines(m) {
+  const hour = getHour(m);
+  const minutes = getMinutes(hour.offset);
+
+  const lines = minutes.concat(hour.lines);
+  if (lines.length === 1) {
+    lines.push('uur');
+  }
+
+  return lines;
+}
+
+function getApproximateTimeLines(m) {
+  const roundMinutes = getRoundMinutes(m);
+  const hour = getHour(roundMinutes.minutes);
+
+  const minutes = getMinutes(hour.offset);
+
+  const lines = minutes.concat(hour.lines);
+
+  if (lines.length === 1) {
+    lines.push('uur');
+  }
+
+  return addApproximateDescription(lines, roundMinutes.offset);
+}
+
+function getHour(minutes) {
+  const hours = ['twaalf', 'een', 'twee', 'drie', 'vier', 'vijf', 'zes', 'zeven', 'acht', 'negen', 'tien', 'elf'];
+
+  const h = Math.floor(minutes / MINS_IN_HOUR), m = minutes % MINS_IN_HOUR;
+
+  if (m <= 15) {
+    return {lines: [hours[h % 12]], offset: m};
+  }
+
+  if (m > 15 && m < 45) {
+    return {
+      lines: ['half', hours[(h + 1) % 12]],
+      offset: m - (MINS_IN_HOUR / 2)
+    };
+  }
+
+  return {lines: [hours[(h + 1) % 12]], offset: m - MINS_IN_HOUR};
+}
+
+function getMinutes(m) {
+  const minutes = ['', 'een', 'twee', 'drie', 'vier', 'vijf', 'zes', 'zeven', 'acht', 'negen', 'tien', 'elf', 'twaalf', 'dertien', 'veertien', 'kwart'];
+
+  if (m === 0) {
+    return [];
+  }
+
+  return [minutes[Math.abs(m)], m > 0 ? 'over' : 'voor'];
+}
+
+function getRoundMinutes(m) {
+  const nearest = roundTo(5)(m);
+
+  return {
+    minutes: nearest,
+    offset: m - nearest
+  };
+}
+
+function addApproximateDescription(lines, offset) {
+  if (offset === 0) {
+    return lines;
+  }
+
+  if (lines[1] === 'uur') {
+    const plural = getPlural(lines[0]);
+    return {
+      '-2': ['tegen', plural],
+      '-1': ['iets voor', plural],
+       '1': ['iets na', plural],
+       '2': ['even na', plural]
+    }[`${offset}`];
+  }
+
+  return {
+    '-2': ['bijna'].concat(lines),
+    '-1': ['rond'].concat(lines),
+     '1': ['iets na'].concat(lines),
+     '2': lines.concat(['geweest'])
+  }[`${offset}`];
+}
+
+function getPlural(h) {
+  return {
+    een: 'enen',
+    twee: 'tweeën',
+    drie: 'drieën',
+    vijf: 'vijven',
+    zes: 'zessen',
+    elf: 'elven',
+    twaalf: 'twaalven'
+  }[h] || `${h}en`;
+}
+
+function distanceFromNearest(x) {
+  return n => Math.abs(n - roundTo(x)(n));
+}
+
+function roundTo(x) {
+  return n => Math.round(n / x) * x;
+}
+
+initialize();

apps/dutchclock/metadata.json

@@ -0,0 +1,19 @@
+{ 
+  "id": "dutchclock",
+  "name": "Dutch Clock",
+  "shortName":"Dutch Clock",
+  "icon": "app.png",
+  "version":"0.01",
+  "description": "A clock that displays the time the way Dutch people would respond when asked what time it is",
+  "type": "clock",
+  "tags": "clock,dutch,text",
+  "supports": ["BANGLEJS", "BANGLEJS2"],
+  "storage": [
+    {"name":"dutchclock.app.js","url":"app.js"},
+    {"name":"dutchclock.settings.js","url":"settings.js"},
+    {"name":"dutchclock.img","url":"app-icon.js","evaluate":true}
+  ],
+  "data": [
+    {"name":"dutchclock.json"}
+  ]
+}

apps/dutchclock/settings.js

@@ -0,0 +1,61 @@
+(function(back) {
+    const VARIANT_EXACT = 'exact';
+    const VARIANT_APPROXIMATE = 'approximate';
+    const VARIANT_HYBRID = 'hybrid';
+  
+    const SETTINGS_FILE = "dutchclock.json";
+  
+    // Load settings
+    var settings = Object.assign({
+      // default values
+      variant: VARIANT_APPROXIMATE,
+      showWidgets: true
+    }, require('Storage').readJSON(SETTINGS_FILE, true) || {});
+  
+    function writeSettings() {
+      require('Storage').writeJSON(SETTINGS_FILE, settings);
+    }
+  
+    function writeSetting(setting, value) {
+      settings[setting] = value;
+      writeSettings();
+    }
+  
+    function writeOption(setting, value) {
+      writeSetting(setting, value);
+      showMainMenu();
+    }
+    
+    function getOption(label, setting, value) {
+      return {
+        title: label,
+        value: settings[setting] === value,
+        onchange: () => {
+          writeOption(setting, value);
+        }
+      };
+    }
+  
+    // Show the menu
+    function showMainMenu() {
+      const mainMenu = [
+        getOption('Exact', 'variant', VARIANT_EXACT),
+        getOption('Approximate', 'variant', VARIANT_APPROXIMATE),
+        getOption('Hybrid', 'variant', VARIANT_HYBRID),
+        {
+          title: 'Show widgets?',
+          value: settings.showWidgets ?? true,
+          onchange: v => writeSetting('showWidgets', v)
+        }
+      ];
+  
+      mainMenu[""] = {
+        title : "Dutch Clock",
+        back: back
+      };
+  
+      E.showMenu(mainMenu);
+    }
+    
+    showMainMenu();
+  })