MMM-MktIndex.js

String.prototype.hashCode = function() {
    let hash = 0;
    if (this.length == 0) {
        return hash;
    }
    for (let i = 0; i < this.length; i++) {
        let char = this.charCodeAt(i);
        hash = ((hash<<5)-hash)+char;
        hash = hash & hash; // Convert to 32bit integer
    }
    return hash;
}

const header = ["symbol", "price", "close", "change", "changeP"]
const headerTitle = ["Symbol", "Cur.Price", "Prev.Close", "CHG", "CHG%"]

let marketIsOpen = false;
let initDone = false;

Module.register("MMM-MktIndex", {
  defaults: {
    timeFormat: "DD-MM HH:mm",
    symbols: ["^DJI", "^IXIC", "^GSPC", "^TNX", "CL=F", "EURUSD=X"],
    alias: ["DOW 30", "Nasdaq", "S&P 500", "10yr Bond", "Crude Oil", "EUR/USD"],
    updateInterval: 3 * 60,
    debug: false,
  },

  getScripts: function() {
    return ["moment.js"];
  },

  getStyles: function() {
    return ["MMM-MktIndex.css"]
  },

  start: function() {
    if (!initDone) {
        this.sendSocketNotification("INIT", this.config);
        initDone = true;
    }
  },

  updateMarket: function() {
      if (!initDone) this.start();
      this.sendSocketNotification("UPDATE", this.config);
  },

  checkMarketOpen: function(firstCheck = false) {
    // API is limited to 500 requests/month.
    // After first cycle, check for market open (M..F between 09:30..16:00 Eastern Time)
    const now = new Date();
    const dayOfWeek = now.getDay();
    const clockMins = now.getMinutes() + 60 * now.getHours();
    if ((dayOfWeek > 0 && dayOfWeek < 6) &&
        (clockMins >= ((9 * 60) + 30) && clockMins <= (16 * 60))) {
          if (!marketIsOpen) {
              // Get opening quotes
              marketIsOpen = true;
              this.updateMarket();
          } else {
              this.updateMarket();
          }
    } else {
      // Get closing quotes
      if (marketIsOpen || firstCheck) {
        marketIsOpen = false;
        this.updateMarket();
      }
    }
  },

  getDom: function() {
    let wrapper = document.createElement("div");
    wrapper.id = "MKTINDEX";
    return wrapper;
  },

  getStockName: function(symbol) {
    let stockAlias = symbol;
    let i = this.config.symbols.indexOf(symbol);
    if (this.config.symbols.length == this.config.alias.length) {
      stockAlias = (this.config.alias[i]) ? this.config.alias[i] : stockAlias;
    }
    return stockAlias;
  },

  prepareTable: function() {
    let wrapper = document.getElementById("MKTINDEX");
    wrapper.innerHTML = "";

    let tbl = document.createElement("table");
    tbl.id = "MKTINDEX_TABLE";
    let thead = document.createElement("thead");
    let tr = document.createElement("tr");
    for (let i in header) {
      let td = document.createElement("td");
      td.innerHTML = headerTitle[i];
      td.className = header[i];
      tr.appendChild(td)
    }

    thead.appendChild(tr);
    tbl.appendChild(thead);

    for (let i in this.config.symbols) {
      const stock = this.config.symbols[i];
      const hashId = stock.hashCode();
      let tr = document.createElement("tr");
      tr.className = "stock";
      tr.id = "STOCK_" + hashId;
      for (let j in header) {
        let td = document.createElement("td");
        const stockAlias = this.getStockName(stock);
        td.innerHTML = (j != 0) ? "---" : stockAlias;
        td.className = header[j];
        td.id = header[j] + "_" + hashId;
        tr.appendChild(td);
      }
      tbl.appendChild(tr);
    }
    wrapper.appendChild(tbl);
    let tl = document.createElement("div");
    tl.className = "tagline";
    tl.id = "MKTINDEX_TAGLINE";
    tl.innerHTML = "Last updated: ";
    wrapper.appendChild(tl);
  },

  notificationReceived: function(notifyID, payload) {
    if (notifyID == "DOM_OBJECTS_CREATED") {
      this.prepareTable();
      // First callback when market opens
      marketIsOpen = false;
      let _this = this;
      // Start 3min timer check
      _this.checkMarketOpen(true);
      setInterval(function() {
          _this.checkMarketOpen();
      }, this.config.updateInterval * 1000);
    }
  },

  socketNotificationReceived: function(notifyID, payload) {
    if (notifyID == "UPDATE") {
      const numItems = payload.length;
      for (let i= 0; i < numItems; i++) {
	    let item = payload[i];
	    if (item.hasOwnProperty('symbol')) {
	      if (this.config.symbols.indexOf(item.symbol) >= 0) {
             this.update(item);
	      }
	    }
      }
    }
  },

  dpyFmt: function(value) {
    return value.toLocaleString('en-US',
        { minimumFractionDigits: 2, maximumFractionDigits: 2 });
  },

  update: function(item) {
      const stock = {
        "symbol": item.symbol,
        "price": this.dpyFmt(item.regularMarketPrice),
        "close": this.dpyFmt(item.regularMarketPreviousClose),
        "change": item.regularMarketChange,    // Format after sign test
        "changeP": this.dpyFmt(item.regularMarketChangePercent) + '%',
        "requestTime": moment().format(this.config.timeFormat),
        "hash": item.symbol.hashCode()
      }
      this.drawTable(stock);
  },

  drawTable: function(stock) {
    const hash = stock.hash;
    let tr = document.getElementById("STOCK_" + hash);
    let ud = "";
    for (let j = 1 ; j <= 4 ; j++) {
      const tdId = header[j] + "_" + hash;
      let td = document.getElementById(tdId);
      td.className = header[j];
      if (header[j] == "change") {
        if (stock[header[j]] > 0) {
          ud = "up";
        } else if (stock[header[j]] < 0) {
          ud = "down";
        }
        td.innerHTML = this.dpyFmt(stock[header[j]]);
      } else {
        td.innerHTML = stock[header[j]];
      }
    }
    tr.className = "animated stock " + ud;
    let tl = document.getElementById("MKTINDEX_TAGLINE");
    tl.innerHTML = "Last updated: " + stock.requestTime;
    setTimeout(()=>{
      tr.className = "stock " + ud;
    }, 1500);
  },


  log: function (msg) {
    if (this.config && this.config.debug) {
      console.log(this.name + ": ", (msg));
    }
  },
});