Fix bugs

public/css/views/home.css

@@ -230,6 +230,10 @@
   border-radius: 4px;
 }
 
+.home--warnings>p + p {
+  margin-top: 5px;
+}
+
 /**
  * WARNINGS END
  */

public/js/components/home.js

@@ -213,6 +213,9 @@ export class HomeView {
 
     for (let id = 0; id < authors.length; id++) {
       const [name, data] = authors[id];
+      if (typeof name === "undefined") {
+        continue;
+      }
       const { count, email, url = null } = data;
 
       const hasURL = typeof url === "string";

public/js/components/package/header.js

@@ -112,9 +112,6 @@ export class PackageHeader {
     if (flagFragment) {
       flagsDomElement.appendChild(flagFragment);
     }
-    else {
-      flagsDomElement.style.display = "none";
-    }
 
     return links;
   }
@@ -197,6 +194,11 @@ export class PackageHeader {
   }
 
   renderFlags(flags) {
+    const { warnings } = this.package.dependencyVersion;
+    const warningsLength = warnings.filter(
+      (warning) => !window.settings.config.ignore.warnings.has(warning.kind)
+    ).length;
+
     const textContent = getFlagsEmojisInlined(flags, new Set(window.settings.config.ignore.flags));
 
     if (textContent === "") {
@@ -216,6 +218,11 @@ export class PackageHeader {
     const fragment = document.createDocumentFragment();
     for (const icon of Array.from(segitr, ({ segment }) => segment)) {
       if (flagsMap.has(icon)) {
+        const { name } = flagsMap.get(icon);
+        if (name === "warnings" && warningsLength === 0) {
+          continue;
+        }
+
         const tooltipElement = utils.createTooltip(icon, flagsMap.get(icon).tooltipDescription);
         tooltipElement.addEventListener("click", () => {
           const { name } = flagsMap.get(icon);

public/js/components/package/pannels/scripts.js

@@ -23,8 +23,15 @@ export class Scripts {
   generate(clone) {
     this.setupSignal(clone);
 
-    clone.querySelector(".package-scripts")
-      .appendChild(this.renderScripts());
+    const fragment = this.renderScripts();
+    const packageScriptsElement = clone.querySelector(".package-scripts");
+    if (fragment === null) {
+      clone.getElementById("script-title").style.display = "none";
+      packageScriptsElement.style.display = "none";
+    }
+    else {
+      packageScriptsElement.appendChild(this.renderScripts());
+    }
     this.renderDependencies(clone);
     this.showHideDependenciesInTree(clone);
   }
@@ -48,6 +55,9 @@ export class Scripts {
     const createPElement = (className, text) => utils.createDOMElement("p", { className, text });
 
     const scripts = Object.entries(this.package.dependencyVersion.scripts);
+    if (scripts.length === 0) {
+      return null;
+    }
     const hideItemsLength = 4;
     const hideItems = scripts.length > hideItemsLength;
 

public/js/components/package/pannels/warnings.js

@@ -58,9 +58,10 @@ export class Warnings {
 
       const id = Math.random().toString(36).slice(2);
       const hasNoInspection =
-        warning.file.includes(".min") &&
-        warning.kind === "short-identifiers" &&
-        warning.kind === "obfuscated-code";
+        warning.file.includes(".min") ||
+        warning.kind === "short-identifiers" ||
+        warning.kind === "obfuscated-code" ||
+        warning.kind === "zero-semver";
 
       const viewMoreElement = utils.createDOMElement("div", {
         className: "view-more",

public/js/master.js

@@ -51,7 +51,10 @@ document.addEventListener("DOMContentLoaded", async () => {
     window.settings.config.ignore.warnings = warningsToIgnore;
     window.settings.config.ignore.flags = flagsToIgnore;
 
-    await secureDataSet.init(secureDataSet.data);
+    await secureDataSet.init(
+      secureDataSet.data,
+      secureDataSet.FLAGS
+    );
     const { nodes } = secureDataSet.build();
     nsn.nodes.update(nodes.get());
 

views/index.html

@@ -201,8 +201,8 @@ <h1><i class="icon-cog"></i>General</h1>
             <p>weak crypto</p>
           </div>
           <div>
-            <input type="checkbox" checked name="warnings" value="invalid-semver">
-            <p>invalid semver (0.x.x)</p>
+            <input type="checkbox" checked name="warnings" value="zero-semver">
+            <p>zero semver (0.x.x)</p>
           </div>
         </div>
         <div class="line">
@@ -383,7 +383,7 @@ <h1><i class="icon-cog"></i>General</h1>
   </div>
 
   <div class="package-container hidden" id="pan-dependencies">
-    <div class="head-title no-margin">
+    <div class="head-title no-margin" id="script-title">
       <p>npm scripts</p>
     </div>
     <div class="package-scripts"></div>

workspaces/vis-network/src/dataset.js

@@ -18,6 +18,14 @@ export default class NodeSecureDataSet extends EventTarget {
 
     this.flagsToIgnore = new Set(flagsToIgnore);
     this.warningsToIgnore = new Set(warningsToIgnore);
+    this.reset();
+  }
+
+  get prettySize() {
+    return prettyBytes(this.size);
+  }
+
+  reset() {
     this.warnings = [];
     this.packages = [];
     this.linker = new Map();
@@ -34,13 +42,14 @@ export default class NodeSecureDataSet extends EventTarget {
     this.indirectDependencies = 0;
   }
 
-  get prettySize() {
-    return prettyBytes(this.size);
-  }
-
-  async init(initialPayload = null, initialFlags = {}) {
+  async init(
+    initialPayload = null,
+    initialFlags = {}
+  ) {
     console.log("[NodeSecureDataSet] Initialization started...");
-    let FLAGS; let data;
+    let FLAGS;
+    let data;
+    this.reset();
 
     if (initialPayload) {
       data = initialPayload;