File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -422,6 +422,20 @@ defineOgImageComponent('Package', {
422422 <span class =" i-carbon-network-3 w-3.5 h-3.5 inline-block" aria-hidden =" true" />
423423 <span class =" sr-only" >View dependency graph</span >
424424 </a >
425+
426+ <a
427+ v-if =" getDependencyCount(displayVersion) > 0"
428+ :href =" `https://node-modules.dev/grid/depth#install=${pkg.name}${displayVersion?.version ? `@${displayVersion.version}` : ''}`"
429+ target =" _blank"
430+ rel =" noopener noreferrer"
431+ class =" text-fg-subtle hover:text-fg transition-colors duration-200"
432+ title =" Inspect dependency tree on node-modules.dev"
433+ >
434+ <span
435+ class =" i-solar-eye-scan-outline w-3.5 h-3.5 inline-block"
436+ aria-hidden =" true"
437+ />
438+ </a >
425439 </dd >
426440 </div >
427441
@@ -529,7 +543,7 @@ defineOgImageComponent('Package', {
529543 jsr
530544 </a >
531545 </li >
532- <li >
546+ <li class = " flex-grow " >
533547 <a
534548 :href =" `https://socket.dev/npm/package/${pkg.name}/overview/${displayVersion?.version ?? 'latest'}`"
535549 target =" _blank"
@@ -540,17 +554,6 @@ defineOgImageComponent('Package', {
540554 socket.dev
541555 </a >
542556 </li >
543- <li class =" flex-grow" >
544- <a
545- :href =" `https://node-modules.dev/grid/depth#install=${pkg.name}${displayVersion?.version ? `@${displayVersion.version}` : ''}`"
546- target =" _blank"
547- rel =" noopener noreferrer"
548- class =" link-subtle font-mono text-sm inline-flex items-center gap-1.5"
549- >
550- <span class =" i-solar-eye-scan-outline w-4 h-4" aria-hidden =" true" />
551- inspect
552- </a >
553- </li >
554557
555558 <li v-if =" displayVersion" >
556559 <NuxtLink
You can’t perform that action at this time.
0 commit comments