From 6dc3c82a462c34904f99d8e593fa2c7b25a17e94 Mon Sep 17 00:00:00 2001
From: xta <rexfeng@gmail.com>
Date: Mon, 8 Jan 2024 22:57:37 -0800
Subject: [PATCH] modify calc() to prepend date.toLocaleString() for exp, nbf,
 and iat claim values

---
 index.html | 32 ++++++++++++++++++++++++++++----
 1 file changed, 28 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 4107dff..95f2f6b 100644
--- a/index.html
+++ b/index.html
@@ -29,14 +29,35 @@ <h3>encoder</h3>
     <textarea id="encoderInput" oninput="enc();">{"alg":"None"}</textarea>
     <textarea id="encoderOutput"></textarea>
     <script>
-        function pretty(jsonStr) {
-            return JSON.stringify(JSON.parse(jsonStr), null, 4);
+        function pretty(json) {
+            return JSON.stringify(json, null, 4);
         }
         function enc() {
             var encoderInput = document.getElementById('encoderInput');
             var encoderOutput = document.getElementById('encoderOutput');
             encoderOutput.value = btoa(encoderInput.value);
         }
+        function secondsToDateLabel(seconds) {
+            var date = new Date(seconds * 1000)
+            return `${date.toLocaleString()} (${seconds})`
+        }
+        function update(obj) {
+            var updated = {}
+            var keys = ['exp', 'iat', 'nbf']
+            for (var [key, value] of Object.entries(obj)) {
+                if (keys.includes(key)) {
+                    try {
+                        updated[key] = secondsToDateLabel(value)
+                    } catch (e) {
+                        console.error(e)
+                        updated[key] = value
+                    }
+                } else {
+                    updated[key] = value
+                }
+            }
+            return updated
+        }
         enc();
         function calc() {
             var input = document.getElementById('input');
@@ -45,13 +66,16 @@ <h3>encoder</h3>
             if (input && input.value) {
                 var val = input.value.split('.');
                 try {
-                    header.value = pretty(atob(val[0]));
+                    header.value = pretty(JSON.parse(atob(val[0])));
                 } catch (e) {
                     header.value = "Invalid value: " + e;
                     console.error(e)
                 }
                 try {
-                    payload.value = pretty(atob(val[1]));
+                    var jsonStr = atob(val[1])
+                    var obj = JSON.parse(jsonStr)
+                    var updatedObj = update(obj)
+                    payload.value = pretty(updatedObj);
                 } catch (e) {
                     payload.value = "Invalid value: " + e;
                     console.error(e);