@viplance/nestjs-logger 0.3.2 → 0.3.4

package/README.md

@@ -29,8 +29,7 @@
     });
 ```
 
-Connect the database to store logs.
-
+Connect the database to store logs.<br />
 ```typescript
     await LogModule.init(app, {
         ...,
@@ -51,7 +50,7 @@ Connect the database to store logs.
 
     this.logService.log('Some log information');
 ```
-
+<br />
 
 ### Additional information
 
@@ -59,7 +58,7 @@ Connect the database to store logs.
 - The logs could be available at `your_application_url`/`path`?key=`key`
 - The log API could be available at `your_application_url`/`path`/api?key=`key`
 - By default the logs will be stored in memory and deleted when the application stops.<br />
-
+<br />
 
 ### The LogService methods:
 - log()

package/dist/services/log.service.js

@@ -129,25 +129,25 @@ let LogService = LogService_1 = class LogService {
         const res = {};
         const args = context.getArgs();
         for (const arg of args) {
-            if (arg.rawHeaders) {
-                res.rawHeaders = {};
-                const len = arg.rawHeaders.length - 1;
-                for (let i = 0; i < len; i += 2) {
-                    res.rawHeaders[arg.rawHeaders[i]] = arg.rawHeaders[i + 1];
-                }
+            if (arg.method) {
+                res.method = arg.method;
             }
             if (arg.url) {
                 res.url = arg.url;
             }
-            if (arg.method) {
-                res.method = arg.method;
-            }
             if (arg.params) {
                 res.params = arg.params;
             }
             if (arg.body) {
                 res.body = arg.body;
             }
+            if (arg.rawHeaders) {
+                res.rawHeaders = {};
+                const len = arg.rawHeaders.length - 1;
+                for (let i = 0; i < len; i += 2) {
+                    res.rawHeaders[arg.rawHeaders[i]] = arg.rawHeaders[i + 1];
+                }
+            }
         }
         return res;
     }

package/dist/services/log.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"log.service.js","sourceRoot":"","sources":["../../src/services/log.service.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"log.service.js","sourceRoot":"","sources":["../../src/services/log.service.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viplance/nestjs-logger",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "description": "NestJS internal logging system",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/public/index.html

@@ -26,24 +26,32 @@
   </head>
   <body>
     <header>
-      <div class="content container">
-        <div class="logo">
-          <img src="favicon.ico" alt="Logger" />
-          <h2>NestJS logging system</h2>
-        </div>
-        <nav>
-          <ul>
-            <li class="all active" data-selector="all">All</a></li>
-            <li class="log" data-selector="log">Log</a></li>
-            <li class="error" data-selector="error">Error</li>
-            <li class="warn" data-selector="warn">Warning</li>
-            <li class="debug" data-selector="debug">Debug</li>
-            <li class="verbose" data-selector="verbose">Verbose</li>
-          </ul>
-        </nav>
-        <div onclick="getLogs()"><button class="white">Refresh</button></div>
+      <div class="container controls content">
+          <div class="logo">
+            <img src="favicon.ico" alt="Logger" />
+            <h2>NestJS logging system</h2>
+          </div>
+          <nav>
+            <ul>
+              <li class="all active" data-selector="all">All</a></li>
+              <li class="log" data-selector="log">Log</a></li>
+              <li class="error" data-selector="error">Error</li>
+              <li class="warn" data-selector="warn">Warning</li>
+              <li class="debug" data-selector="debug">Debug</li>
+              <li class="verbose" data-selector="verbose">Verbose</li>
+            </ul>
+          </nav>
+          <div onclick="getLogs()"><button class="white">Refresh</button></div>
+      </div>
+      <div class="container table-header">
+        <div class="col">Type</div>
+        <div class="col">Info</div>
+        <div class="col">Trace</div>
+        <div class="col">Count</div>
       </div>
     </header>
+    
+    <div id="no-logs" class="content container center"><h3>No logs</h3></div>
 
     <div class="container mt-3">
       <section id="logs"></section>

package/public/scripts/common.js

@@ -141,12 +141,17 @@ async function getLogs() {
       return selectedLogTypes["all"] || selectedLogTypes[log.type];
     });
 
-    let html = `<div class="header">
-      <div class="col">Type</div>
-      <div class="col">Info</div>
-      <div class="col">Trace</div>
-      <div class="col">Count</div>
-    </div>`;
+    if (logs.length === 0) {
+      document.getElementById("no-logs").style.display = "block";
+      document.querySelector(".table-header").style.display = "none";
+      document.querySelector("nav").style.display = "none";
+    } else {
+      document.getElementById("no-logs").style.display = "none";
+      document.querySelector(".table-header").style.display = "flex";
+      document.querySelector("nav").style.display = "flex";
+    }
+
+    let html = "";
 
     logs.forEach((log) => {
       html += getLogHtmlElement(log);

package/public/scripts/details-popup.js

@@ -1,6 +1,6 @@
 function showLogDetails(log) {
   const popup = document.getElementById(`popup`);
-  console.log(log.context);
+
   popup.innerHTML = `
     <div class="content center">
       <div class="container mt-2">
@@ -10,7 +10,7 @@ function showLogDetails(log) {
           log.trace
             ? `
             <h3 class="mt-2">Trace</h3>
-            <p class="pl-2">${log.trace}</p>
+            <p class="key pl-2"><span>${getTrace(log.trace)}</span></p>
             `
             : ""
         }
@@ -25,9 +25,14 @@ function showLogDetails(log) {
         <button class="white mt-2" onclick="closePopup()">Close</button>
       </div>
     <div>`;
+
   popup.style.display = "block";
 }
 
+function getTrace(trace) {
+  return trace.replace(new RegExp(String.fromCharCode(10), "g"), "<br />");
+}
+
 function closePopup() {
   const popup = document.getElementById(`popup`);
   popup.style.display = "none";

package/public/scripts/json-viewer.js

@@ -15,7 +15,7 @@ function jsonViewer(json, parentKey) {
     if (typeof json[key] === "object") {
       res += jsonViewer(json[key], key);
     } else {
-      res += `<div class="pl-2">${key}: ${json[key]}</div>`;
+      res += `<div class="key pl-2">${key}: <span>${json[key]}</span></div>`;
     }
   }
 

package/public/styles/index.css

@@ -10,10 +10,6 @@ body {
   position: relative;
 }
 
-body:nth-child(2) {
-  margin-top: 4rem;
-}
-
 h1 {
   font-size: 2.5rem;
   font-weight: 400;
@@ -56,16 +52,17 @@ h3 {
   max-width: 1600px;
 }
 
-@media (max-width: 1620px) {
-  .container {
-    padding: 0 2rem;
-  }
+#logs {
+  margin-top: 4rem;
 }
 
-.shadow {
-  box-shadow: 0.5rem 0.5rem 1.5rem 0.2rem #ddd;
+#no-logs {
+  display: none;
+  margin-top: 6rem;
+  text-align: center;
 }
 
+/* buttons */
 button {
   display: flex;
   justify-content: space-between;
@@ -106,31 +103,41 @@ button.white {
 
 /* header */
 header {
-  padding-top: 1rem;
-  box-sizing: border-box;
   display: flex;
-  flex-direction: row;
-  justify-content: center;
+  align-items: center;
+  box-sizing: border-box;
+  flex-direction: column;
   position: fixed !important;
   top: 0;
   background: var(--white);
+  padding-top: 1rem;
   z-index: 1;
   width: 100%;
 }
 
-header .logo {
+.controls {
+  display: flex;
+  justify-content: space-between;
+  flex-direction: row;
+}
+
+.controls .logo {
   display: flex;
   align-items: center;
   justify-items: left;
   opacity: 0.8;
 }
 
-header .logo img {
+.controls .logo img {
   height: 3rem;
   width: 3rem;
   margin-right: 1rem;
 }
 
+nav {
+  display: none;
+}
+
 nav ul {
   display: flex;
   justify-content: space-evenly;
@@ -169,53 +176,57 @@ nav ul li:hover {
 }
 
 /* table */
-.header,
+.table-header,
 .row {
   display: flex;
   gap: 1rem;
+  flex-direction: row;
   row-gap: 1rem;
   align-items: center;
   justify-content: space-around;
 }
 
-.header {
+.table-header {
+  display: none;
   height: 2rem;
   background-color: var(--dark);
   color: var(--white);
+  margin-top: 0.5rem;
 }
 
-.header .col,
+.table-header .col,
 .row > :last-child {
   text-align: center;
 }
-
-.header > :first-child,
+.table-header > :first-child,
 .row > :first-child {
   flex: 0 0 5rem;
   text-align: center;
 }
-.header > :nth-child(2),
+
+.table-header > :nth-child(2),
 .row > :nth-child(2) {
   flex: 0 0 20rem;
 }
-.header > :nth-child(3),
+.table-header > :nth-child(3),
 .row > :nth-child(3) {
   flex: 1 1 auto;
 }
-div.header > :last-child,
+.table-header > :last-child,
 .row > :last-child {
   flex: 0 0 5rem;
 }
 
 .row {
   height: 3rem;
-  opacity: 0.8;
   font-weight: 100;
   cursor: pointer;
+  border-left: 2px solid transparent;
 }
 
 .row:hover {
-  opacity: 1;
+  border-left: 2px solid;
+  border-left-color: var(--dark);
 }
 
 .row:nth-child(odd) {
@@ -266,13 +277,32 @@ div.header > :last-child,
 #popup {
   position: fixed;
   display: none;
-  background-color: var(--white);
+  box-sizing: border-box;
+  padding: 2rem;
+  background-color: rgba(255, 255, 255, 0.95);
+  backdrop-filter: blur(5px);
+  border: 1px solid var(--light);
   top: 0;
-  left: 0;
-  width: 100%;
+  left: 30%;
+  width: 50%;
   height: 100%;
   overflow-y: scroll;
   z-index: 1;
+  opacity: 0.95;
 }
 
 /* JSON viewer */
+.key span {
+  color: var(--dark);
+}
+
+@media (max-width: 1620px) {
+  .container {
+    padding: 0 2rem;
+  }
+
+  #popup {
+    width: 100%;
+    left: 0;
+  }
+}

package/src/services/log.service.ts

@@ -155,23 +155,14 @@ export class LogService implements LoggerService {
     const args = context.getArgs();
 
     for (const arg of args) {
-      if (arg.rawHeaders) {
-        res.rawHeaders = {};
-        const len = arg.rawHeaders.length - 1;
-
-        for (let i = 0; i < len; i += 2) {
-          res.rawHeaders[arg.rawHeaders[i]] = arg.rawHeaders[i + 1];
-        }
+      if (arg.method) {
+        res.method = arg.method;
       }
 
       if (arg.url) {
         res.url = arg.url;
       }
 
-      if (arg.method) {
-        res.method = arg.method;
-      }
-
       if (arg.params) {
         res.params = arg.params;
       }
@@ -179,6 +170,15 @@ export class LogService implements LoggerService {
       if (arg.body) {
         res.body = arg.body;
       }
+
+      if (arg.rawHeaders) {
+        res.rawHeaders = {};
+        const len = arg.rawHeaders.length - 1;
+
+        for (let i = 0; i < len; i += 2) {
+          res.rawHeaders[arg.rawHeaders[i]] = arg.rawHeaders[i + 1];
+        }
+      }
     }
 
     return res;