Move the http server into its own sub-module

http-ui/public/filesize.min.js

@@ -0,0 +1,5 @@
+/*
+ 2020 Jason Mulligan <jason.mulligan@avoidwork.com>
+ @version 6.1.0
+*/
+"use strict";!function(e){var x=/^(b|B)$/,M={iec:{bits:["b","Kib","Mib","Gib","Tib","Pib","Eib","Zib","Yib"],bytes:["B","KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"]},jedec:{bits:["b","Kb","Mb","Gb","Tb","Pb","Eb","Zb","Yb"],bytes:["B","KB","MB","GB","TB","PB","EB","ZB","YB"]}},w={iec:["","kibi","mebi","gibi","tebi","pebi","exbi","zebi","yobi"],jedec:["","kilo","mega","giga","tera","peta","exa","zetta","yotta"]};function t(e){var i,t,o,n,b,r,a,l,s,d,u,c,f,p,B,y=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{},g=[],v=0,m=void 0,h=void 0;if(isNaN(e))throw new TypeError("Invalid number");return t=!0===y.bits,u=!0===y.unix,i=y.base||2,d=void 0!==y.round?y.round:u?1:2,r=void 0!==y.locale?y.locale:"",a=y.localeOptions||{},c=void 0!==y.separator?y.separator:"",f=void 0!==y.spacer?y.spacer:u?"":" ",B=y.symbols||{},p=2===i&&y.standard||"jedec",s=y.output||"string",n=!0===y.fullform,b=y.fullforms instanceof Array?y.fullforms:[],m=void 0!==y.exponent?y.exponent:-1,o=2<i?1e3:1024,(l=(h=Number(e))<0)&&(h=-h),(-1===m||isNaN(m))&&(m=Math.floor(Math.log(h)/Math.log(o)))<0&&(m=0),8<m&&(m=8),"exponent"===s?m:(0===h?(g[0]=0,g[1]=u?"":M[p][t?"bits":"bytes"][m]):(v=h/(2===i?Math.pow(2,10*m):Math.pow(1e3,m)),t&&o<=(v*=8)&&m<8&&(v/=o,m++),g[0]=Number(v.toFixed(0<m?d:0)),g[0]===o&&m<8&&void 0===y.exponent&&(g[0]=1,m++),g[1]=10===i&&1===m?t?"kb":"kB":M[p][t?"bits":"bytes"][m],u&&(g[1]="jedec"===p?g[1].charAt(0):0<m?g[1].replace(/B$/,""):g[1],x.test(g[1])&&(g[0]=Math.floor(g[0]),g[1]=""))),l&&(g[0]=-g[0]),g[1]=B[g[1]]||g[1],!0===r?g[0]=g[0].toLocaleString():0<r.length?g[0]=g[0].toLocaleString(r,a):0<c.length&&(g[0]=g[0].toString().replace(".",c)),"array"===s?g:(n&&(g[1]=b[m]?b[m]:w[p][m]+(t?"bit":"byte")+(1===g[0]?"":"s")),"object"===s?{value:g[0],symbol:g[1],exponent:m}:g.join(f)))}t.partial=function(i){return function(e){return t(e,i)}},"undefined"!=typeof exports?module.exports=t:"function"==typeof define&&void 0!==define.amd?define(function(){return t}):e.filesize=t}("undefined"!=typeof window?window:global);

http-ui/public/script.js

@@ -0,0 +1,81 @@
+var request = null;
+var timeoutID = null;
+
+$('#search').on('input', function () {
+  var query = $(this).val();
+  var timeoutMs = 100;
+
+  if (timeoutID !== null) {
+    window.clearTimeout(timeoutID);
+  }
+
+  timeoutID = window.setTimeout(function () {
+    request = $.ajax({
+      type: "POST",
+      url: "query",
+      contentType: 'application/json',
+      data: JSON.stringify({ 'query': query }),
+      contentType: 'application/json',
+      success: function (data, textStatus, request) {
+        results.innerHTML = '';
+
+        let timeSpent = request.getResponseHeader('Time-Ms');
+        let numberOfDocuments = data.length;
+        count.innerHTML = `${numberOfDocuments}`;
+        time.innerHTML = `${timeSpent}ms`;
+        time.classList.remove('fade-in-out');
+
+        for (element of data) {
+          const elem = document.createElement('li');
+          elem.classList.add("document");
+
+          const ol = document.createElement('ol');
+
+          for (const prop in element) {
+            const field = document.createElement('li');
+            field.classList.add("field");
+
+            const attribute = document.createElement('div');
+            attribute.classList.add("attribute");
+            attribute.innerHTML = prop;
+
+            const content = document.createElement('div');
+            content.classList.add("content");
+            content.innerHTML = element[prop];
+
+            field.appendChild(attribute);
+            field.appendChild(content);
+
+            ol.appendChild(field);
+          }
+
+          elem.appendChild(ol);
+          results.appendChild(elem);
+        }
+
+      },
+      beforeSend: function () {
+        if (request !== null) {
+          request.abort();
+          time.classList.add('fade-in-out');
+        }
+      },
+    });
+  }, timeoutMs);
+});
+
+// Make the number of document a little bit prettier
+$('#docs-count').text(function(index, text) {
+  return parseInt(text).toLocaleString()
+});
+
+// Make the database a little bit easier to read
+$('#db-size').text(function(index, text) {
+  return filesize(parseInt(text))
+});
+
+// We trigger the input when we load the script, this way
+// we execute a placeholder search when the input is empty.
+$(window).on('load', function () {
+  $('#search').trigger('input');
+});

http-ui/public/style.css

@@ -0,0 +1,119 @@
+#results {
+  max-width: 900px;
+  margin: 20px auto 0 auto;
+  padding: 0;
+}
+
+#logo-white {
+  display: none;
+}
+
+#logo-black {
+  display: inherit;
+}
+
+.notification {
+  display: flex;
+  justify-content: center;
+}
+
+.document {
+  padding: 20px 20px;
+  background-color: #f5f5f5;
+  border-radius: 4px;
+  margin-bottom: 20px;
+  display: flex;
+}
+
+.document ol {
+  flex: 0 0 75%;
+  max-width: 75%;
+  padding: 0;
+  margin: 0;
+}
+
+.document .image {
+  max-width: 25%;
+  flex: 0 0 25%;
+  padding-left: 30px;
+  box-sizing: border-box;
+}
+
+.document .image img {
+  width: 100%;
+}
+
+.field {
+  list-style-type: none;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.field:not(:last-child) {
+  margin-bottom: 7px;
+}
+
+.attribute {
+  flex: 0 0 35%;
+  max-width: 35%;
+  text-align: right;
+  padding-right: 10px;
+  box-sizing: border-box;
+  text-transform: uppercase;
+  opacity: 0.7;
+}
+
+.content {
+  max-width: 65%;
+  flex: 0 0 65%;
+  box-sizing: border-box;
+  padding-left: 10px;
+  color: rgba(0,0,0,.9);
+}
+
+.content mark {
+  background-color: hsl(204, 86%, 88%);
+  color: hsl(204, 86%, 25%);
+}
+
+@keyframes fadeInOut {
+  0% { opacity: 1; }
+  30% { opacity: 0.3; }
+  100% { opacity: 1; }
+}
+
+.fade-in-out {
+  animation: fadeInOut ease 1s infinite;
+}
+
+@media (prefers-color-scheme:dark) {
+  #logo-white {
+    display: inherit;
+  }
+
+  #logo-black {
+    display: none;
+  }
+
+  .hero.is-light {
+    background-color: #242424;
+    color: inherit;
+  }
+
+  .hero.is-light .title {
+    color: inherit;
+  }
+
+  .document {
+    background-color: #242424;
+  }
+
+  .content {
+    color: #dbdbdb;
+  }
+
+  .content mark {
+    background-color: hsl(0, 0%, 35%);
+    color: hsl(0,0%,90.2%);
+  }
+}

http-ui/public/updates-script.js

@@ -0,0 +1,78 @@
+$(window).on('load', function () {
+  let wsProtcol = "ws";
+  if (window.location.protocol === 'https') {
+    wsProtcol = 'wss';
+  }
+
+  let url = wsProtcol + '://' + window.location.hostname + ':' + window.location.port + '/updates/ws';
+  var socket = new WebSocket(url);
+
+  socket.onmessage = function (event) {
+    let status = JSON.parse(event.data);
+
+    if (status.type == 'Pending') {
+      const elem = document.createElement('li');
+      elem.classList.add("document");
+      elem.setAttribute("id", 'update-' + status.update_id);
+
+      const ol = document.createElement('ol');
+      const field = document.createElement('li');
+      field.classList.add("field");
+
+      const attributeUpdateId = document.createElement('div');
+      attributeUpdateId.classList.add("attribute");
+      attributeUpdateId.innerHTML = "update id";
+
+      const contentUpdateId = document.createElement('div');
+      contentUpdateId.classList.add("updateId");
+      contentUpdateId.classList.add("content");
+      contentUpdateId.innerHTML = status.update_id;
+
+      field.appendChild(attributeUpdateId);
+      field.appendChild(contentUpdateId);
+
+      const attributeUpdateStatus = document.createElement('div');
+      attributeUpdateStatus.classList.add("attribute");
+      attributeUpdateStatus.innerHTML = "update status";
+
+      const contentUpdateStatus = document.createElement('div');
+      contentUpdateStatus.classList.add("updateStatus");
+      contentUpdateStatus.classList.add("content");
+      contentUpdateStatus.innerHTML = 'pending';
+
+      field.appendChild(attributeUpdateStatus);
+      field.appendChild(contentUpdateStatus);
+
+      ol.appendChild(field);
+      elem.appendChild(ol);
+
+      prependChild(results, elem);
+    }
+
+    if (status.type == "Progressing") {
+      const id = 'update-' + status.update_id;
+      const content = $(`#${id} .updateStatus.content`);
+      content.html('progressing... ' + JSON.stringify(status.meta));
+    }
+
+    if (status.type == "Processed") {
+      const id = 'update-' + status.update_id;
+      const content = $(`#${id} .updateStatus.content`);
+      content.html('processed ' + JSON.stringify(status.meta));
+    }
+  }
+});
+
+function prependChild(parent, newFirstChild) {
+  parent.insertBefore(newFirstChild, parent.firstChild)
+}
+
+// Make the number of document a little bit prettier
+$('#docs-count').text(function(index, text) {
+  return parseInt(text).toLocaleString()
+});
+
+// Make the database a little bit easier to read
+$('#db-size').text(function(index, text) {
+  return filesize(parseInt(text))
+});