Fetch up to date emojilib via unpkg.com

app/search.js

@@ -1,5 +1,5 @@
-var emojilib = require('emojilib').lib
-var emojikeys = require('emojilib').ordered
+var emojilib = JSON.parse(localStorage.getItem('emojilib')) || require('emojilib').lib
+var emojikeys = JSON.parse(localStorage.getItem('emojikeys')) || require('emojilib').ordered
 var clipboard = require('electron').clipboard
 var ipc = require('electron').ipcRenderer
 var index = buildIndex()
@@ -14,6 +14,35 @@ var directions = {
   40: 'down'
 }
 
+function fetchAndUpdateLocalCache () {
+  if (!navigator.onLine) return
+  var expireTime = localStorage.getItem('emojilibExpireTime')
+  if (expireTime && Number(expireTime) > new Date().getTime()) return
+  var version = '^2.0.0'
+  var emojilibLib = `https://unpkg.com/emojilib@${version}/emojis.json`
+  var emojilibOrdered = `https://unpkg.com/emojilib@${version}/ordered.json`
+
+  fetch(emojilibLib).then(function (res) { return checkIfNewVersion(res) }).then(function(newData) {
+    // Fetch only once per day
+    localStorage.setItem('emojilibExpireTime', new Date().getTime() + 1000 * 60 * 60 * 24)
+    if (!newData) return
+    localStorage.setItem('emojilib', JSON.stringify(newData))
+
+    fetch(emojilibOrdered).then(function (res) { return res.json() }).then(function(newData) {
+      localStorage.setItem('emojikeys', JSON.stringify(newData))
+      location.reload()
+    })
+  })
+
+  function checkIfNewVersion (res) {
+    var fetchedVersion = res.url.match(/@([\d.]+)/)[1]
+    if (fetchedVersion !== localStorage.getItem('emojilibVersion')) {
+      localStorage.setItem('emojilibVersion', fetchedVersion)
+      return res.json()
+    }
+  }
+}
+
 searchInput.dataset.isSearchInput = true
 searchInput.focus()
 search('')
@@ -25,6 +54,10 @@ ipc.on('show', function (event, message) {
   searchInput.focus()
 })
 
+ipc.on('fetch', function (event, message) {
+  fetchAndUpdateLocalCache()
+})
+
 document.addEventListener('mousewheel', function (e) {
   if (e.deltaY % 1 !== 0) {
     e.preventDefault()

app/settings.js

@@ -85,6 +85,8 @@ var togglePreferencePanel = function () {
       html += '</div>'
     })
     html += '<label></label><button type="submit">Save</button>'
+    html += `<code class="version">mojibar@${require('../package.json').version}</code>`
+    if (localStorage.getItem('emojilibVersion')) html += `<code class="version">emojilib@${localStorage.getItem('emojilibVersion')}</code>`
     html += '</form>'
     panel.innerHTML += html
 

app/style.css

@@ -133,3 +133,9 @@ button {
   background: #efefef;
   border-right: 1px solid #cfcfcf;
 }
+
+.version {
+  font-family: menlo, monospace;
+  margin-left: 15px;
+  font-size: 10px;
+}

index.js

@@ -112,6 +112,10 @@ mb.on('ready', function ready () {
   // Build default menu for text editing and devtools. (gone since electron 0.25.2)
   var menu = Menu.buildFromTemplate(template)
   Menu.setApplicationMenu(menu)
+
+  mb.window.on('hide', function () {
+    mb.window.webContents.send('fetch')
+  })
 })
 
 // Register a shortcut listener.