feat: flip the wording for old versions so we default to hiding them

Author: vinnymac

app/components/Package/VersionDistribution.vue

@@ -70,7 +70,7 @@ const isMobile = computed(() => width.value > 0 && width.value < mobileBreakpoin
 
 const {
   groupingMode,
-  hideSmallVersions,
+  showOldVersions,
   showLowUsageVersions,
   pending,
   error,
@@ -113,7 +113,7 @@ const chartConfig = computed(() => {
             useNiceScale: true,
           },
           xAxisLabels: {
-            show: true,
+            show: xAxisLabels.value.length <= 25,
             values: xAxisLabels.value,
             fontSize: isMobile.value ? 14 : 12,
             color: colors.value.fgSubtle,
@@ -365,9 +365,9 @@ const endDate = computed(() => {
 
       <div class="flex flex-col gap-4 w-full max-w-1/2">
         <SettingsToggle
-          v-model="hideSmallVersions"
-          :label="$t('package.versions.hide_old_versions')"
-          :tooltip="$t('package.versions.hide_old_versions_tooltip')"
+          v-model="showOldVersions"
+          :label="$t('package.versions.show_old_versions')"
+          :tooltip="$t('package.versions.show_old_versions_tooltip')"
           tooltip-position="bottom"
           :tooltip-teleport-to="inModal ? '#chart-modal' : undefined"
           :tooltip-offset="8"

app/composables/useVersionDistribution.ts

@@ -22,7 +22,7 @@ interface ChartDataItem {
  */
 export function useVersionDistribution(packageName: MaybeRefOrGetter<string>) {
   const groupingMode = ref<VersionGroupingMode>('major')
-  const hideSmallVersions = ref(false)
+  const showOldVersions = ref(false)
   const showLowUsageVersions = ref(false)
   const pending = ref(false)
   const error = ref<Error | null>(null)
@@ -48,7 +48,7 @@ export function useVersionDistribution(packageName: MaybeRefOrGetter<string>) {
         {
           query: {
             mode,
-            filterOldVersions: hideSmallVersions.value ? 'true' : 'false',
+            filterOldVersions: showOldVersions.value ? 'false' : 'true',
             filterThreshold: showLowUsageVersions.value ? '0' : '1',
           },
         },
@@ -73,7 +73,7 @@ export function useVersionDistribution(packageName: MaybeRefOrGetter<string>) {
     let groups = data.value.groups
 
     // Filter using server-provided recent versions list
-    if (hideSmallVersions.value && data.value.recentVersions) {
+    if (!showOldVersions.value && data.value.recentVersions) {
       const recentVersionsSet = new Set(data.value.recentVersions)
 
       groups = groups.filter(group => {
@@ -130,7 +130,7 @@ export function useVersionDistribution(packageName: MaybeRefOrGetter<string>) {
   })
 
   // Refetch when filter changes - no immediate since we already have data
-  watch(hideSmallVersions, () => {
+  watch(showOldVersions, () => {
     fetchDistribution()
   })
 
@@ -159,7 +159,7 @@ export function useVersionDistribution(packageName: MaybeRefOrGetter<string>) {
   return {
     // State
     groupingMode,
-    hideSmallVersions,
+    showOldVersions,
     showLowUsageVersions,
     pending,
     error,

i18n/locales/en.json

@@ -281,8 +281,8 @@
       "distribution_modal_title": "Versions",
       "grouping_major": "Major",
       "grouping_minor": "Minor",
-      "hide_old_versions": "Hide old versions",
-      "hide_old_versions_tooltip": "Hide versions older than 1 year",
+      "show_old_versions": "Show old versions",
+      "show_old_versions_tooltip": "Show versions older than 1 year",
       "show_low_usage": "Show low usage versions",
       "show_low_usage_tooltip": "Include version groups with less than 1% of total downloads",
       "date_range_tooltip": "Last week of version distributions only"

lunaria/files/en-GB.json

@@ -281,8 +281,8 @@
       "distribution_modal_title": "Versions",
       "grouping_major": "Major",
       "grouping_minor": "Minor",
-      "hide_old_versions": "Hide old versions",
-      "hide_old_versions_tooltip": "Hide versions older than 1 year",
+      "show_old_versions": "Show old versions",
+      "show_old_versions_tooltip": "Show versions older than 1 year",
       "show_low_usage": "Show low usage versions",
       "show_low_usage_tooltip": "Include version groups with less than 1% of total downloads",
       "date_range_tooltip": "Last week of version distributions only"

lunaria/files/en-US.json

@@ -281,8 +281,8 @@
       "distribution_modal_title": "Versions",
       "grouping_major": "Major",
       "grouping_minor": "Minor",
-      "hide_old_versions": "Hide old versions",
-      "hide_old_versions_tooltip": "Hide versions older than 1 year",
+      "show_old_versions": "Show old versions",
+      "show_old_versions_tooltip": "Show versions older than 1 year",
       "show_low_usage": "Show low usage versions",
       "show_low_usage_tooltip": "Include version groups with less than 1% of total downloads",
       "date_range_tooltip": "Last week of version distributions only"