autocannon-reporter - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

package.json

 {
   "name": "autocannon-reporter",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "A tool for creating html reports for autocannon",
@@ -5,0 +5,0 @@ "main": "index.js",

template/partials/css.js

@@ -21,2 +21,6 @@ 'use strict'
     }
+    .symbol {
+      position: relative;
+      float: right;
+    }
     .heading{
@@ -27,2 +31,3 @@ background: #ddd;
       border-radius: 5px 5px 0px 0px;
+      cursor:pointer;
     }
@@ -33,2 +38,8 @@ .content {
       border-radius: 0px 0px 5px 5px;
+      -moz-transition: height .5s;
+      -ms-transition: height .5s;
+      -o-transition: height .5s;
+      -webkit-transition: height .5s;
+      transition: height .5s;
+      overflow: hidden;
     }
@@ -35,0 +46,0 @@ .no-border {

template/partials/report.js

@@ -34,48 +34,53 @@ 'use strict'
       </div>
-    <div class='object latency'>
-      <div class='heading'>
-        <h2>Latency</h2>
+      <div class='object latency'>
+        <div class='heading' onclick="growDiv(this)">
+        <h2 class='symbol'>-</h2>
+          <h2>Latency</h2>
+        </div>
+        <div class='content'>
+          <div class='measuringWrapper'>
+            <table class='table' style="width:100%">
+              <tr>
+                <th>Stat</th>
+                <th>Value</th>
+              </tr>
+              ${
+                Object.keys(results.latency).map((key) => {
+                  return hx`<tr>
+                    <td>${key}</td>
+                    <td>${results.latency[key]}</td>
+                  </tr>`
+                })
+              }
+            </table>
+          </div>
+        </div>
       </div>
-      <div class='content'>
-        <table class='table' style="width:100%">
-          <tr>
-            <th>Stat</th>
-            <th>Value</th>
-          </tr>
-          ${
-            Object.keys(results.latency).map((key) => {
-              return hx`<tr>
-                <td>${key}</td>
-                <td>${results.latency[key]}</td>
-              </tr>`
-            })
-          }
-        </table>
-      </div>
-    </div>
       <div class='object throughput'>
-        <div class='heading'>
+        <div class='heading' onclick="growDiv(this)">
+          <h2 class='symbol'>-</h2>
           <h2>Throughput</h2>
         </div>
         <div class='content'>
-          <table class='table' style="width:100%">
-            <tr>
-              <th>Stat</th>
-              <th>Value</th>
-            </tr>
-            ${
-              Object.keys(results.throughput).map((key) => {
-                return hx`<tr>
-                  <td>${key}</td>
-                  <td>${prettyBytes(results.throughput[key])}</td>
-                </tr>`
-              })
-            }
-          </table>
+          <div class='measuringWrapper'>
+            <table class='table' style="width:100%">
+              <tr>
+                <th>Stat</th>
+                <th>Value</th>
+              </tr>
+              ${
+                Object.keys(results.throughput).map((key) => {
+                  return hx`<tr>
+                    <td>${key}</td>
+                    <td>${prettyBytes(results.throughput[key])}</td>
+                  </tr>`
+                })
+              }
+            </table>
+          </div>
         </div>
       </div>
     </div>
-
   </div>
   `
 }

template/partials/scripts.js

@@ -9,5 +9,19 @@ 'use strict'
   <script>
+  function growDiv(e) {
+    var header = e
+    var objectContainer = header.parentElement
+    var symbol = objectContainer.getElementsByClassName("symbol")[0]
+    var content = objectContainer.getElementsByClassName("content")[0]
+    if (content.clientHeight !== 20) {
+      content.style.height = 0;
+      symbol.innerText = '+'
+    } else {
+      var wrapper = content.getElementsByClassName("measuringWrapper")[0]
+      content.style.height = wrapper.clientHeight + "px";
+      symbol.innerText = '-'
+    }
 
+  }
   </script>
   `
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

31035

increased by3.77%

Lines of code

402

increased by8.36%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes