Merge time and claims tooltips.

Author: sebadoom

src/editor/claims-tooltip.js

@@ -1,5 +1,4 @@
 import { claimsTooltipElement } from '../dom-elements.js';
-import { timeClaims } from './time-tooltip.js';
 import { stringifyIndentSpaces } from './utils.js';
 import strings from '../strings.js';
 import { 
@@ -10,6 +9,8 @@ import {
 
 import tippy from 'tippy.js';
 
+const timeClaims = ['exp', 'nbf', 'iat', 'auth_time', 'updated_at'];
+
 function hideTooltip() {
   decodedElement._tippy.hide();
 }
@@ -19,6 +20,10 @@ function showTooltip(text) {
   decodedElement._tippy.show();
 }
 
+function getTimeText(timeStr) {
+  return (new Date(parseInt(timeStr, 10) * 1000)).toString();
+}
+
 function tooltipHandler(event) {
   const editor = event.currentTarget.querySelector('.CodeMirror').CodeMirror;
 
@@ -46,7 +51,7 @@ function tooltipHandler(event) {
   // TODO: merge both tooltip handlers?
   const claimEnd = line.indexOf(':');
   if(result.ch >= claimEnd && timeClaims.includes(claim)) {
-    hideTooltip();
+    showTooltip(getTimeText(matches[2]));
     return;
   }
 

src/editor/index.js

@@ -4,7 +4,6 @@ import {
   copyTokenLink 
 } from '../utils.js';
 import { downloadPublicKeyIfPossible } from './public-key-download.js';
-import { timeTooltipHandler } from './time-tooltip.js';
 import { setupClaimsTooltip } from './claims-tooltip.js';
 import { tokenEditor, headerEditor, payloadEditor } from './instances.js';
 import { 
@@ -367,12 +366,8 @@ function setupEvents() {
   // (only verified).
   eventManager.addDomEvent(publicKeyTextArea, 'input', verifyToken);
 
-  // The following event are never disabled, so it is not necessary to go
+  // The following events are never disabled, so it is not necessary to go
   // through the event manager for them.
-
-  // Human readable timestamp tooltips
-  payloadElement.addEventListener('mousemove', timeTooltipHandler);
-
   setupTabEvents();
 }
 

src/editor/time-tooltip.js

@@ -7,7 +7,7 @@ export default {
       nbf: 'Not valid before (seconds since Unix epoch)',
       iat: 'Issued at (seconds since Unix epoch)',
       iss: 'Issuer (who created and signed this token)',
-      sub: 'Subject (who the token refers to)',
+      sub: 'Subject (whom the token refers to)',
       aud: 'Audience (who or what the token is intended for)',
       jti: 'JWT ID (unique identifier for this token)',
       typ: 'Type of token',