feat: allow to force a pan when opening package menu

Author: fraxken

public/components/bundlephobia/bundlephobia.js

@@ -86,21 +86,16 @@ class Bundlephobia extends LitElement {
 
   #bunldeTask = new Task(this, {
     task: async([name, version]) => {
-      try {
-        const {
-          gzip, size, dependencySizes
-        } = await getJSON(`/bundle/${this.#httpName(name)}/${version}`);
-        const fullSize = dependencySizes.reduce((prev, curr) => prev + curr.approximateSize, 0);
-
-        return {
-          gzip: prettyBytes(gzip),
-          min: prettyBytes(size),
-          full: prettyBytes(fullSize)
-        };
-      }
-      catch {
-        return null;
-      }
+      const {
+        gzip, size, dependencySizes
+      } = await getJSON(`/bundle/${this.#httpName(name)}/${version}`);
+      const fullSize = dependencySizes.reduce((prev, curr) => prev + curr.approximateSize, 0);
+
+      return {
+        gzip: prettyBytes(gzip),
+        min: prettyBytes(size),
+        full: prettyBytes(fullSize)
+      };
     },
     args: () => [this.name, this.version]
   });

public/components/package/package.js

@@ -6,6 +6,10 @@ import { EVENTS } from "../../core/events.js";
 
 export class PackageInfo {
   static DOMElementName = "package-info";
+  /**
+   * Used to force a specific menu to open when focusing a package in the network
+   */
+  static ForcedPackageMenu = null;
 
   static close() {
     const domElement = document.getElementById(PackageInfo.DOMElementName);
@@ -78,9 +82,10 @@ export class PackageInfo {
     packageHTMLElement.appendChild(
       this.render()
     );
-    this.enableNavigation(
-      window.settings.config.defaultPackageMenu
-    );
+
+    const menuToOpen = PackageInfo.ForcedPackageMenu ?? window.settings.config.defaultPackageMenu;
+    this.enableNavigation(menuToOpen);
+    PackageInfo.ForcedPackageMenu = null;
     packageHTMLElement.setAttribute("class", "slide-in");
 
     if (window.settings.config.disableExternalRequests) {

public/components/views/home/home.js

@@ -8,7 +8,11 @@ import * as utils from "../../../common/utils.js";
 import "../../gauge/gauge.js";
 import "../../expandable/expandable.js";
 import { EVENTS } from "../../../core/events.js";
-import { fetchScorecardData, getScorecardLink } from "../../../common/scorecard.js";
+import { PackageInfo } from "../../package/package.js";
+import {
+  fetchScorecardData,
+  getScorecardLink
+} from "../../../common/scorecard.js";
 
 // Import Components
 import "./maintainers/maintainers.js";
@@ -210,7 +214,13 @@ export class HomeView {
       const element = this.renderPackage(dependency);
       element.addEventListener("click", () => {
         window.navigation.setNavByName("network--view");
-        setTimeout(() => this.nsn.focusNodeByNameAndVersion(dependency.name, dependency.version), 25);
+        setTimeout(() => {
+          PackageInfo.ForcedPackageMenu = "dependencies";
+          this.nsn.focusNodeByNameAndVersion(
+            dependency.name,
+            dependency.version
+          );
+        }, 25);
       });
       if (hideItems && id >= maxPackages) {
         element.classList.add("hidden");