Merge branch 'main' into feat/llms-txt

Author: lukeocodes

app/assets/logos/oss-partners/iconify-light.svg

@@ -29,6 +29,7 @@ import LogoFastCheck from './fast-check.svg'
 import LogoLunaria from './lunaria.svg'
 import LogoJsr from './jsr.svg'
 import LogoIconify from './iconify.svg'
+import LogoIconifyLight from './iconify-light.svg'
 import LogoFloatingUi from './floating-ui-vue.svg'
 import LogoBlento from './blento.svg'
 
@@ -188,7 +189,10 @@ export const OSS_PARTNERS = [
   },
   {
     name: 'Iconify',
-    logo: LogoIconify,
+    logo: {
+      dark: LogoIconify,
+      light: LogoIconifyLight,
+    },
     url: 'https://iconify.design/',
   },
   {

app/assets/logos/oss-partners/iconify.svg

@@ -75,18 +75,15 @@ const paginationMode = computed(() =>
 )
 const currentPage = computed(() => props.currentPage ?? 1)
 const pageSize = computed(() => props.pageSize ?? 25)
-// Numeric page size for virtual scroll and arithmetic (when 'all' is selected, use 25 as default)
-const numericPageSize = computed(() => (pageSize.value === 'all' ? 25 : pageSize.value))
+// Numeric page size for virtual scroll and arithmetic (use 25 as default)
+const numericPageSize = computed(() => pageSize.value)
 
 // Compute paginated results for paginated mode
 const displayedResults = computed(() => {
   if (paginationMode.value === 'infinite') {
     return props.results
   }
-  // 'all' page size means show everything (YOLO)
-  if (pageSize.value === 'all') {
-    return props.results
-  }
+
   const start = (currentPage.value - 1) * numericPageSize.value
   const end = start + numericPageSize.value
   return props.results.slice(start, end)

app/assets/logos/oss-partners/index.ts

@@ -147,7 +147,7 @@ function getSortKeyLabelKey(key: SortKey): string {
           $t(
             'filters.count.showing_paginated',
             {
-              pageSize: pageSize === 'all' ? $n(filteredCount) : Math.min(pageSize, filteredCount),
+              pageSize: Math.min(pageSize, filteredCount),
               count: $n(filteredCount),
             },
             filteredCount,

app/components/Package/List.vue

@@ -115,6 +115,22 @@ const effectiveCurrentVersion = computed(
 
 // Semver range filter
 const semverFilter = ref('')
+
+// Load all versions when a valid semver filter is entered
+watch(semverFilter, async newFilter => {
+  const trimmed = newFilter.trim()
+  if (trimmed === '' || hasLoadedAll.value) return
+  if (!validRange(trimmed)) return
+
+  try {
+    const allVersions = await loadAllVersions()
+    processLoadedVersions(allVersions)
+    // Auto-expand "Other versions" so filtered results are visible
+    otherVersionsExpanded.value = true
+  } catch {
+    // Silently fail — user can still use the filter with already-known versions
+  }
+})
 // Collect all known versions: initial props + dynamically loaded ones
 const allKnownVersions = computed(() => {
   const versions = new Set(Object.keys(props.versions))
@@ -196,8 +212,10 @@ const visibleTagRows = computed(() => {
     ? allTagRows.value
     : allTagRows.value.filter(row => !row.primaryVersion.deprecated)
   const rows = isFilterActive.value
-    ? rowsMaybeFilteredForDeprecation.filter(row =>
-        filteredVersionSet.value.has(row.primaryVersion.version),
+    ? rowsMaybeFilteredForDeprecation.filter(
+        row =>
+          filteredVersionSet.value.has(row.primaryVersion.version) ||
+          getTagVersions(row.tag).some(v => filteredVersionSet.value.has(v.version)),
       )
     : rowsMaybeFilteredForDeprecation
   const first = rows.slice(0, MAX_VISIBLE_TAGS)
@@ -215,7 +233,11 @@ const visibleTagRows = computed(() => {
 const hiddenTagRows = computed(() => {
   const hiddenRows = allTagRows.value.filter(row => !visibleTagRows.value.includes(row))
   const rows = isFilterActive.value
-    ? hiddenRows.filter(row => filteredVersionSet.value.has(row.primaryVersion.version))
+    ? hiddenRows.filter(
+        row =>
+          filteredVersionSet.value.has(row.primaryVersion.version) ||
+          getTagVersions(row.tag).some(v => filteredVersionSet.value.has(v.version)),
+      )
     : hiddenRows
   return rows
 })
@@ -435,6 +457,14 @@ function getExpandedTagVersions(tag: string, primaryVersion: string): VersionDis
   return versions.filter(v => filteredVersionSet.value.has(v.version))
 }
 
+// Check if a tag row's children are expanded (manually or via active filter)
+function isTagExpanded(tag: string, primaryVersion: string): boolean {
+  return (
+    expandedTags.value.has(tag) ||
+    (isFilterActive.value && getExpandedTagVersions(tag, primaryVersion).length > 0)
+  )
+}
+
 function findClaimingTag(version: string): string | null {
   const versionChannel = getPrereleaseChannel(version)
 
@@ -583,7 +613,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
             v-if="getTagVersions(row.tag).length > 1 || !hasLoadedAll"
             type="button"
             class="size-5 -me-1 flex items-center justify-center text-fg-subtle hover:text-fg transition-colors rounded-sm relative z-10"
-            :aria-expanded="expandedTags.has(row.tag)"
+            :aria-expanded="isTagExpanded(row.tag, row.primaryVersion.version)"
             :aria-label="
               expandedTags.has(row.tag)
                 ? $t('package.versions.collapse', { tag: row.tag })
@@ -602,7 +632,9 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
               v-else
               class="size-3 transition-transform duration-200 rtl-flip"
               :class="
-                expandedTags.has(row.tag) ? 'i-lucide:chevron-down' : 'i-lucide:chevron-right'
+                isTagExpanded(row.tag, row.primaryVersion.version)
+                  ? 'i-lucide:chevron-down'
+                  : 'i-lucide:chevron-right'
               "
               aria-hidden="true"
             />
@@ -671,10 +703,7 @@ function majorGroupContainsCurrent(group: (typeof otherMajorGroups.value)[0]): b
 
         <!-- Expanded versions -->
         <div
-          v-if="
-            expandedTags.has(row.tag) &&
-            getExpandedTagVersions(row.tag, row.primaryVersion.version).length
-          "
+          v-if="isTagExpanded(row.tag, row.primaryVersion.version)"
           class="ms-4 ps-2 border-is border-border space-y-0.5 pe-2"
         >
           <div

app/components/Package/ListToolbar.vue

@@ -22,23 +22,17 @@ const effectiveMode = computed<PaginationMode>(() =>
   shouldShowControls.value ? 'paginated' : 'infinite',
 )
 
-// When 'all' is selected, there's only 1 page with everything
-const isShowingAll = computed(() => pageSize.value === 'all')
-const totalPages = computed(() =>
-  isShowingAll.value ? 1 : Math.ceil(props.totalItems / (pageSize.value as number)),
-)
+const totalPages = computed(() => Math.ceil(props.totalItems / (pageSize.value as number)))
 
 // Whether to show the mode toggle (hidden in table view since table always uses pagination)
 const showModeToggle = computed(() => props.viewMode !== 'table')
 
 const startItem = computed(() => {
   if (props.totalItems === 0) return 0
-  if (isShowingAll.value) return 1
   return (currentPage.value - 1) * (pageSize.value as number) + 1
 })
 
 const endItem = computed(() => {
-  if (isShowingAll.value) return props.totalItems
   return Math.min(currentPage.value * (pageSize.value as number), props.totalItems)
 })
 
@@ -106,8 +100,8 @@ const visiblePages = computed(() => {
 function handlePageSizeChange(event: Event) {
   const target = event.target as HTMLSelectElement
   const value = target.value
-  // Handle 'all' as a special string value, otherwise parse as number
-  const newSize = (value === 'all' ? 'all' : Number(value)) as PageSize
+
+  const newSize = Number(value) as PageSize
   pageSize.value = newSize
   // Reset to page 1 when changing page size
   currentPage.value = 1
@@ -159,10 +153,7 @@ function handlePageSizeChange(event: Event) {
           @change="handlePageSizeChange"
           :items="
             PAGE_SIZE_OPTIONS.map(size => ({
-              label:
-                size === 'all'
-                  ? $t('filters.pagination.all_yolo')
-                  : $t('filters.pagination.per_page', { count: size }),
+              label: $t('filters.pagination.per_page', { count: size }),
               value: String(size),
             }))
           "

app/components/Package/Versions.vue

@@ -41,6 +41,22 @@ export function usePackageListPreferences() {
     },
   })
 
+  // One-time migration: replace legacy 'all' with the current maximum page size
+  watch(
+    isHydrated,
+    hydrated => {
+      if (!hydrated) {
+        return
+      }
+
+      if ((preferences.value.pageSize as unknown) === 'all') {
+        preferences.value.pageSize = Math.max(...PAGE_SIZE_OPTIONS) as PageSize
+        save()
+      }
+    },
+    { immediate: true },
+  )
+
   const pageSize = computed({
     get: () => preferences.value.pageSize,
     set: (value: PageSize) => {

app/components/PaginationControls.vue

@@ -65,9 +65,7 @@ const currentPage = shallowRef(1)
 
 // Calculate total pages
 const totalPages = computed(() => {
-  if (pageSize.value === 'all') return 1
-  const numericSize = typeof pageSize.value === 'number' ? pageSize.value : 25
-  return Math.ceil(sortedPackages.value.length / numericSize)
+  return Math.ceil(sortedPackages.value.length / pageSize.value)
 })
 
 // Reset to page 1 when filters change

app/composables/usePackageListPreferences.ts

@@ -1179,7 +1179,7 @@ const showSkeleton = shallowRef(false)
           <div class="space-y-1 sm:col-span-3">
             <dt class="text-xs text-fg-subtle uppercase tracking-wider flex items-center gap-1">
               {{ $t('package.stats.install_size') }}
-              <TooltipApp v-if="sizeTooltip" :text="sizeTooltip">
+              <TooltipApp v-if="sizeTooltip" :text="sizeTooltip" interactive>
                 <span
                   tabindex="0"
                   class="inline-flex items-center justify-center min-w-6 min-h-6 -m-1 p-1 text-fg-subtle cursor-help focus-visible:outline-2 focus-visible:outline-accent/70 rounded"