Merge remote-tracking branch 'origin/main' into fix-a11y-extract-btn-component

# Conflicts:
#	app/components/Package/Versions.vue

Author: danielroe

.github/workflows/ci.yml

@@ -117,11 +117,12 @@ jobs:
       - name: 🧪 Component tests
         run: pnpm test:nuxt run --coverage --reporter=junit --outputFile=test-report.junit.xml
 
-      - name: ⬆︎ Upload test results to Codecov
-        if: ${{ !cancelled() }}
-        uses: codecov/test-results-action@0fa95f0e1eeaafde2c782583b36b28ad0d8c77d3 # v1
+      - name: ⬆︎ Upload coverage reports to Codecov
+        uses: codecov/codecov-action@671740ac38dd9b0130fbe1cec585b89eea48d3de # v5
         with:
-          token: ${{ secrets.CODECOV_TOKEN }}
+          report_type: test_results
+        env:
+          CODECOV_TOKEN: ${{ secrets.CODECOV_TOKEN }}
 
       - name: ⬆︎ Upload coverage reports to Codecov
         uses: codecov/codecov-action@671740ac38dd9b0130fbe1cec585b89eea48d3de # v5

.oxlintrc.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://unpkg.com/oxlint/configuration_schema.json",
   "plugins": ["unicorn", "typescript", "oxc", "vue", "vitest"],
-  "jsPlugins": ["@e18e/eslint-plugin"],
+  "jsPlugins": ["@e18e/eslint-plugin", "eslint-plugin-regexp"],
   "categories": {
     "correctness": "error",
     "suspicious": "warn",
@@ -17,7 +17,72 @@
     "e18e/prefer-timer-args": "error",
     "e18e/prefer-date-now": "error",
     "e18e/prefer-regex-test": "error",
-    "e18e/prefer-array-some": "error"
+    "e18e/prefer-array-some": "error",
+    // RegExp - Possible Errors (most critical)
+    "regexp/no-contradiction-with-assertion": "error",
+    "regexp/no-dupe-disjunctions": "error",
+    "regexp/no-empty-alternative": "error",
+    "regexp/no-empty-capturing-group": "error",
+    "regexp/no-empty-character-class": "error",
+    "regexp/no-empty-group": "error",
+    "regexp/no-empty-lookarounds-assertion": "error",
+    "regexp/no-escape-backspace": "error",
+    "regexp/no-invalid-regexp": "error",
+    "regexp/no-lazy-ends": "error",
+    "regexp/no-misleading-capturing-group": "error",
+    "regexp/no-misleading-unicode-character": "error",
+    "regexp/no-missing-g-flag": "error",
+    "regexp/no-optional-assertion": "error",
+    "regexp/no-potentially-useless-backreference": "error",
+    "regexp/no-super-linear-backtracking": "error",
+    "regexp/no-useless-assertions": "error",
+    "regexp/no-useless-backreference": "error",
+    "regexp/no-useless-dollar-replacements": "error",
+    "regexp/strict": "error",
+    // RegExp - Best Practices
+    "regexp/confusing-quantifier": "warn",
+    "regexp/control-character-escape": "error",
+    "regexp/negation": "error",
+    "regexp/no-dupe-characters-character-class": "error",
+    "regexp/no-empty-string-literal": "error",
+    "regexp/no-extra-lookaround-assertions": "error",
+    "regexp/no-invisible-character": "error",
+    "regexp/no-legacy-features": "error",
+    "regexp/no-non-standard-flag": "error",
+    "regexp/no-obscure-range": "error",
+    "regexp/no-octal": "error",
+    "regexp/no-standalone-backslash": "error",
+    "regexp/no-trivially-nested-assertion": "error",
+    "regexp/no-trivially-nested-quantifier": "error",
+    "regexp/no-unused-capturing-group": "warn",
+    "regexp/no-useless-character-class": "error",
+    "regexp/no-useless-flag": "error",
+    "regexp/no-useless-lazy": "error",
+    "regexp/no-useless-quantifier": "error",
+    "regexp/no-useless-range": "error",
+    "regexp/no-useless-set-operand": "error",
+    "regexp/no-useless-string-literal": "error",
+    "regexp/no-useless-two-nums-quantifier": "error",
+    "regexp/no-zero-quantifier": "error",
+    "regexp/optimal-lookaround-quantifier": "warn",
+    "regexp/optimal-quantifier-concatenation": "error",
+    "regexp/prefer-predefined-assertion": "error",
+    "regexp/prefer-range": "error",
+    "regexp/prefer-set-operation": "error",
+    "regexp/simplify-set-operations": "error",
+    "regexp/use-ignore-case": "error",
+    // RegExp - Stylistic Issues (less critical, focused on consistency)
+    "regexp/match-any": "warn",
+    "regexp/no-useless-escape": "warn",
+    "regexp/no-useless-non-capturing-group": "warn",
+    "regexp/prefer-character-class": "warn",
+    "regexp/prefer-d": "warn",
+    "regexp/prefer-plus-quantifier": "warn",
+    "regexp/prefer-question-quantifier": "warn",
+    "regexp/prefer-star-quantifier": "warn",
+    "regexp/prefer-unicode-codepoint-escapes": "warn",
+    "regexp/prefer-w": "warn",
+    "regexp/sort-flags": "warn"
   },
   "overrides": [
     {

.vscode/settings.json

@@ -1,5 +1,7 @@
 {
-  "i18n-ally.localesPaths": ["./i18n/locales"],
+  "editor.defaultFormatter": "oxc.oxc-vscode",
+  "editor.formatOnSave": true,
   "i18n-ally.keystyle": "nested",
+  "i18n-ally.localesPaths": ["./i18n/locales"],
   "typescript.tsdk": "node_modules/typescript/lib"
 }

app/components/ColumnPicker.vue

@@ -85,7 +85,7 @@ function handleReset() {
         v-if="isOpen"
         ref="menuRef"
         :id="menuId"
-        class="absolute inset-is-0 sm:inset-is-auto sm:inset-ie-0 mt-2 w-60 bg-bg-subtle border border-border rounded-lg shadow-lg z-20"
+        class="absolute top-full inset-ie-0 sm:inset-is-auto sm:inset-ie-0 mt-2 w-60 bg-bg-subtle border border-border rounded-lg shadow-lg z-20"
         role="group"
         :aria-label="$t('filters.columns.show')"
       >

app/components/Header/AuthModal.client.vue

@@ -6,6 +6,12 @@ const handleInput = shallowRef('')
 const route = useRoute()
 const { user, logout } = useAtproto()
 
+// https://atproto.com supports 4 locales as of 2026-02-07
+const { locale } = useI18n()
+const currentLang = locale.value.split('-')[0] ?? 'en'
+const localeSubPath = ['ko', 'pt', 'ja'].includes(currentLang) ? currentLang : ''
+const atprotoLink = `https://atproto.com/${localeSubPath}`
+
 async function handleBlueskySignIn() {
   await authRedirect('https://bsky.social', { redirectTo: route.fullPath })
 }
@@ -76,7 +82,7 @@ async function handleLogin() {
                 <span class="font-bold">npmx.dev</span>
               </template>
               <template #atproto>
-                <a href="https://atproto.com" target="_blank" class="text-blue-400 hover:underline">
+                <a :href="atprotoLink" target="_blank" class="text-blue-400 hover:underline">
                   AT Protocol
                 </a>
               </template>

app/components/Package/DownloadAnalytics.vue

@@ -174,6 +174,7 @@ function formatXyDataset(
           type: 'line',
           series: dataset.map(d => d.downloads),
           color: accent.value,
+          useArea: true,
         },
       ],
       dates: dataset.map(d => d.timestampEnd),
@@ -187,6 +188,7 @@ function formatXyDataset(
           type: 'line',
           series: dataset.map(d => d.downloads),
           color: accent.value,
+          useArea: true,
         },
       ],
       dates: dataset.map(d => d.timestamp),
@@ -200,6 +202,7 @@ function formatXyDataset(
           type: 'line',
           series: dataset.map(d => d.downloads),
           color: accent.value,
+          useArea: true,
         },
       ],
       dates: dataset.map(d => d.timestamp),
@@ -213,6 +216,7 @@ function formatXyDataset(
           type: 'line',
           series: dataset.map(d => d.downloads),
           color: accent.value,
+          useArea: true,
         },
       ],
       dates: dataset.map(d => d.timestamp),
@@ -1044,6 +1048,14 @@ const chartConfig = computed(() => {
       <ClientOnly v-if="chartData.dataset">
         <div>
           <VueUiXy :dataset="chartData.dataset" :config="chartConfig" class="[direction:ltr]">
+            <!-- Subtle gradient applied for a unique series (chart modal) -->
+            <template #area-gradient="{ series: chartModalSeries, id: gradientId }">
+              <linearGradient :id="gradientId" x1="0" x2="0" y1="0" y2="1">
+                <stop offset="0%" :stop-color="chartModalSeries.color" stop-opacity="0.2" />
+                <stop offset="100%" :stop-color="colors.bg" stop-opacity="0" />
+              </linearGradient>
+            </template>
+
             <!-- Custom legend for multiple series -->
             <template v-if="isMultiPackageMode" #legend="{ legend }">
               <div class="flex gap-4 flex-wrap justify-center">

app/composables/useStructuredFilters.ts

@@ -42,7 +42,7 @@ export function parseSearchOperators(input: string): ParsedSearchOperators {
 
   // Regex to match operators: name:value, desc:value, description:value, kw:value, keyword:value
   // Value continues until whitespace or next operator
-  const operatorRegex = /\b(name|desc|description|kw|keyword):([^\s]+)/gi
+  const operatorRegex = /\b(name|desc|description|kw|keyword):(\S+)/gi
 
   let remaining = input
   let match

app/pages/about.vue

@@ -53,6 +53,7 @@ const { data: contributors, status: contributorsStatus } = useFetch<GitHubContri
             type="button"
             class="inline-flex items-center gap-2 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:outline-accent/70 shrink-0"
             @click="router.back()"
+            v-show="router.options.history.state.back !== null"
           >
             <span class="i-carbon:arrow-left rtl-flip w-4 h-4" aria-hidden="true" />
             <span class="hidden sm:inline">{{ $t('nav.back') }}</span>

app/pages/compare.vue

@@ -118,6 +118,7 @@ useSeoMeta({
             type="button"
             class="inline-flex items-center gap-2 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:outline-accent/70 shrink-0"
             @click="router.back()"
+            v-show="router.options.history.state.back !== null"
           >
             <span class="i-carbon:arrow-left rtl-flip w-4 h-4" aria-hidden="true" />
             <span class="hidden sm:inline">{{ $t('nav.back') }}</span>

app/pages/privacy.vue

@@ -30,6 +30,7 @@ const { locale } = useI18n()
             type="button"
             class="inline-flex items-center gap-2 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:outline-accent/70 shrink-0"
             @click="router.back()"
+            v-show="router.options.history.state.back !== null"
           >
             <span class="i-carbon:arrow-left rtl-flip w-4 h-4" aria-hidden="true" />
             <span class="sr-only sm:not-sr-only">{{ $t('nav.back') }}</span>