Merge pull request #34 from aaronshaf/improvement/map-display

More readable formatting of maps (with white space preserved)

Author: aaronshaf

lib/backend.js

@@ -363,17 +363,9 @@ exports.createServer = (dynamodb, docClient) => {
               ? encodeURIComponent(JSON.stringify(nextKey))
               : null
 
-            const Items = pageItems.map(item => {
-              for (const [key, value] of Object.entries(item)) {
-                if (value && typeof (value) === 'object' &&
-                    !Array.isArray(value)) {
-                  item[key] = JSON.stringify(value, null, 2);
-                }
-              }
-              return Object.assign({}, item, {
-                __key: extractKey(item, description.Table.KeySchema)
-              })
-            });
+            const Items = pageItems.map(item => Object.assign({}, item, {
+              __key: extractKey(item, description.Table.KeySchema)
+            }));
             const UniqueKeys = extractKeysForItems(Items);
 
             const data = Object.assign({}, description, {

views/partials/head.ejs

@@ -6,6 +6,7 @@
 <style>
 body {font-size: 0.8rem;padding-top: 20px;}
 a pre {color: inherit;}
+.preformatted {white-space: pre;}
 /* go away, LastPass */
 form[autocomplete="off"] input[type="text"] {
   background-position: 150% 50% !important;

views/scan.ejs

@@ -187,6 +187,8 @@
                     title="<%= dateValue %>">
                   <%= item[column] %>
                 </abbr>
+              <% } else if (value && typeof (value) === 'object') { %>
+                <div class="preformatted"><%= JSON.stringify(value, null, 4) %></div>
               <% } else { %>
                 <%= item[column] %>
               <% } %>