forked from
npmx.dev/npmx.dev
[READ-ONLY]
a fast, modern browser for the npm registry
fix: deduplicate when dependencies === transitive dependencies (#976)
+35
-31
+35
-31
app/pages/package/[...package].vue
+35
-31
app/pages/package/[...package].vue
···
882
882
<span class="text-fg-muted">{{ getDependencyCount(displayVersion) }}</span>
883
883
884
884
<!-- Separator and total transitive deps -->
885
-
<span class="text-fg-subtle mx-1">/</span>
885
+
<template v-if="getDependencyCount(displayVersion) !== totalDepsCount">
886
+
<span class="text-fg-subtle mx-1">/</span>
886
887
887
-
<ClientOnly>
888
-
<span
889
-
v-if="
890
-
vulnTreeStatus === 'pending' || (installSizeStatus === 'pending' && !vulnTree)
891
-
"
892
-
class="inline-flex items-center gap-1 text-fg-subtle"
893
-
>
888
+
<ClientOnly>
894
889
<span
895
-
class="i-carbon:circle-dash w-3 h-3 motion-safe:animate-spin"
896
-
aria-hidden="true"
897
-
/>
898
-
</span>
899
-
<span v-else-if="totalDepsCount !== null">{{ totalDepsCount }}</span>
900
-
<span v-else class="text-fg-subtle">-</span>
901
-
<template #fallback>
902
-
<span class="text-fg-subtle">-</span>
903
-
</template>
904
-
</ClientOnly>
890
+
v-if="
891
+
vulnTreeStatus === 'pending' || (installSizeStatus === 'pending' && !vulnTree)
892
+
"
893
+
class="inline-flex items-center gap-1 text-fg-subtle"
894
+
>
895
+
<span
896
+
class="i-carbon:circle-dash w-3 h-3 motion-safe:animate-spin"
897
+
aria-hidden="true"
898
+
/>
899
+
</span>
900
+
<span v-else-if="totalDepsCount !== null">{{ totalDepsCount }}</span>
901
+
<span v-else class="text-fg-subtle">-</span>
902
+
<template #fallback>
903
+
<span class="text-fg-subtle">-</span>
904
+
</template>
905
+
</ClientOnly>
906
+
</template>
905
907
906
908
<a
907
909
v-if="getDependencyCount(displayVersion) > 0"
···
951
953
</span>
952
954
953
955
<!-- Separator and install size -->
954
-
<span class="text-fg-subtle mx-1">/</span>
956
+
<template v-if="getDependencyCount(displayVersion) > 0">
957
+
<span class="text-fg-subtle mx-1">/</span>
955
958
956
-
<span
957
-
v-if="installSizeStatus === 'pending'"
958
-
class="inline-flex items-center gap-1 text-fg-subtle"
959
-
>
960
959
<span
961
-
class="i-carbon:circle-dash w-3 h-3 motion-safe:animate-spin"
962
-
aria-hidden="true"
963
-
/>
964
-
</span>
965
-
<span v-else-if="installSize?.totalSize">
966
-
{{ formatBytes(installSize.totalSize) }}
967
-
</span>
968
-
<span v-else class="text-fg-subtle">-</span>
960
+
v-if="installSizeStatus === 'pending'"
961
+
class="inline-flex items-center gap-1 text-fg-subtle"
962
+
>
963
+
<span
964
+
class="i-carbon:circle-dash w-3 h-3 motion-safe:animate-spin"
965
+
aria-hidden="true"
966
+
/>
967
+
</span>
968
+
<span v-else-if="installSize?.totalSize">
969
+
{{ formatBytes(installSize.totalSize) }}
970
+
</span>
971
+
<span v-else class="text-fg-subtle">-</span>
972
+
</template>
969
973
</dd>
970
974
</div>
971
975