Add update notification

lib/gh-interface.js

@@ -7,14 +7,23 @@ export function showTooltip($target, msg) {
   $target.attr('aria-label', msg);
 }
 
-export function showNotification(message, headline = 'New Octo Linker improvements') {
+function getUserName() {
+  const el = window.document.querySelector('.header .css-truncate-target');
+  if (el && el.innerHTML.length) {
+    return ' ' + el.innerHTML;
+  }
+  return '';
+}
+
+export function showNotification() {
   const containerEl = document.getElementById('js-flash-container');
+  const username = getUserName();
 
   const html = `<div class="flash flash-full">
     <div class="container">
-      <a href="https://octo-linker.github.io/" class="btn btn-sm flash-action">Read more</a>
-      <strong>${headline}</strong><br>
-      ${message}
+      <a href="https://github.com/OctoLinker/browser-extension/releases" class="btn btn-sm flash-action">Read more</a>
+      <strong>Hello${username},</strong><br>
+      A new version of the OctoLinker extension has been released!
     </div>
   </div>`;
 

lib/notification.js

@@ -0,0 +1,17 @@
+import { showNotification } from './gh-interface';
+
+let isNewVersion = false;
+const pkgVersion = require('../package.json').version.split('.').slice(0, -1).join('.');
+
+const installedVersion = window.localStorage.getItem('OctoLinkerVersion');
+window.localStorage.setItem('OctoLinkerVersion', pkgVersion);
+
+if (installedVersion && installedVersion !== pkgVersion) {
+  isNewVersion = true;
+}
+
+export default function () {
+  if (isNewVersion) {
+    showNotification();
+  }
+}

lib/octo-linker.js

@@ -1,4 +1,5 @@
 import injection from 'github-injection';
+import notification from './notification';
 import BlobReader from '../packages/blob-reader';
 import clickHandler from './click-handler';
 import PluginManager from './plugin-manager.js';
@@ -13,6 +14,7 @@ import Ruby from './plugins/ruby';
 function initialize(self) {
   debugMode(false);
   clickHandler();
+  notification();
 
   self._blobReader = new BlobReader();
   self._pluginManager = new PluginManager([

package.json

@@ -1,5 +1,6 @@
 {
   "name": "OctoLinker",
+  "version": "4.0.0",
   "engines": {
     "node": ">=4.0.0"
   },