Merge branch 'main' into fix/mobile-homepage-search-button

Author: MatteoGabriele

.github/workflows/ci.yml

@@ -139,4 +139,4 @@ jobs:
         run: pnpm install
 
       - name: 🔍 Check for unused code
-        run: pnpm knip:production
+        run: pnpm knip

app/components/AppHeader.vue

@@ -73,6 +73,24 @@ onKeyStroke(
   },
   { dedupe: true },
 )
+
+onKeyStroke(
+  'c',
+  e => {
+    // Allow more specific handlers to take precedence
+    if (e.defaultPrevented) return
+
+    // Don't trigger if user is typing in an input
+    const target = e.target as HTMLElement
+    if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.isContentEditable) {
+      return
+    }
+
+    e.preventDefault()
+    navigateTo('/compare')
+  },
+  { dedupe: true },
+)
 </script>
 
 <template>
@@ -158,10 +176,16 @@ onKeyStroke(
         <!-- Desktop: Compare link -->
         <NuxtLink
           to="/compare"
-          class="hidden sm:inline-flex link-subtle font-mono text-sm items-center gap-1.5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/50 rounded"
+          class="hidden sm:inline-flex link-subtle font-mono text-sm items-center gap-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/50 rounded"
+          aria-keyshortcuts="c"
         >
-          <span class="i-carbon:compare w-4 h-4" aria-hidden="true" />
           {{ $t('nav.compare') }}
+          <kbd
+            class="inline-flex items-center justify-center w-5 h-5 text-xs bg-bg-muted border border-border rounded"
+            aria-hidden="true"
+          >
+            c
+          </kbd>
         </NuxtLink>
 
         <!-- Desktop: Settings link -->

app/components/ViewModeToggle.vue

@@ -18,7 +18,7 @@ const viewMode = defineModel<ViewMode>({ default: 'cards' })
       :aria-label="$t('filters.view_mode.cards')"
       @click="viewMode = 'cards'"
     >
-      <span class="i-carbon-grid w-4 h-4" aria-hidden="true" />
+      <span class="i-carbon-horizontal-view w-4 h-4" aria-hidden="true" />
       <span class="sr-only">{{ $t('filters.view_mode.cards') }}</span>
     </button>
     <button
@@ -29,7 +29,7 @@ const viewMode = defineModel<ViewMode>({ default: 'cards' })
       :aria-label="$t('filters.view_mode.table')"
       @click="viewMode = 'table'"
     >
-      <span class="i-carbon-list w-4 h-4" aria-hidden="true" />
+      <span class="i-carbon-table-split w-4 h-4" aria-hidden="true" />
       <span class="sr-only">{{ $t('filters.view_mode.table') }}</span>
     </button>
   </div>

app/composables/useAtproto.ts

@@ -1,6 +1,5 @@
 import type { UserSession } from '#shared/schemas/userSession'
 
-/** @public */
 export function useAtproto() {
   const { data: user, pending, clear } = useFetch<UserSession | null>('/api/auth/session')
 

app/composables/useCachedFetch.ts

@@ -27,7 +27,6 @@ import type { CachedFetchResult } from '#shared/utils/fetch-cache-config'
  *   )
  * }
  * ```
- * @public
  */
 export function useCachedFetch(): CachedFetchFunction {
   // On client, return a function that just uses $fetch (no caching, not stale)

app/composables/useCharts.ts

@@ -286,7 +286,6 @@ function getNpmPackageCreationDate(packument: PackumentLikeForTime): string | nu
   return versionDates[0] ?? null
 }
 
-/** @public */
 export function useCharts() {
   function resolveDateRange(
     downloadEvolutionOptions: PackageDownloadEvolutionOptions,

app/composables/useConnector.ts

@@ -55,7 +55,6 @@ interface StateResponse {
 const STORAGE_KEY = 'npmx-connector'
 const DEFAULT_PORT = 31415
 
-/** @public */
 export const useConnector = createSharedComposable(function useConnector() {
   // Persisted connection config
   const config = useState<{ token: string; port: number } | null>('connector-config', () => null)

app/composables/useFacetSelection.ts

@@ -5,7 +5,6 @@ import { useRouteQuery } from '@vueuse/router'
 /**
  * Composable for managing comparison facet selection with URL sync.
  *
- * @public
  * @param queryParam - The URL query parameter name to use (default: 'facets')
  */
 export function useFacetSelection(queryParam = 'facets') {

app/composables/useFileTreeState.ts

@@ -1,4 +1,3 @@
-/** @public */
 export function useFileTreeState(baseUrl: string) {
   const stateKey = computed(() => `npmx-file-tree${baseUrl}`)
 

app/composables/useI18nStatus.ts

@@ -3,7 +3,6 @@ import type { I18nStatus, I18nLocaleStatus } from '#shared/types'
 /**
  * Composable for accessing translation status data from Lunaria.
  * Provides information about translation progress for each locale.
- * @public
  */
 export function useI18nStatus() {
   const { locale } = useI18n()