Merge branch 'main' into visual-adjustments

Author: jellydeck

.github/workflows/ci.yml

@@ -191,3 +191,6 @@ jobs:
 
       - name: 🧹 Check for unused code
         run: pnpm knip
+
+      - name: 🧹 Check for unused production code
+        run: pnpm knip --production

app/components/Compare/ComparisonGrid.vue

@@ -22,9 +22,13 @@ defineProps<{
           :key="index"
           class="comparison-cell comparison-cell-header"
         >
-          <span class="font-mono text-sm font-medium text-fg truncate" :title="header">
+          <NuxtLink
+            :to="`/package/${header}`"
+            class="link-subtle font-mono text-sm font-medium text-fg truncate"
+            :title="header"
+          >
             {{ header }}
-          </span>
+          </NuxtLink>
         </div>
       </div>
 

knip.ts

@@ -25,8 +25,7 @@ const config: KnipConfig = {
         'uno-preset-rtl.ts!',
         'scripts/**/*.ts',
       ],
-      project: ['**/*.{ts,vue,cjs,mjs}'],
-      ignore: ['test/fixtures/**'],
+      project: ['**/*.{ts,vue,cjs,mjs}', '!test/fixtures/**'],
       ignoreDependencies: [
         '@iconify-json/*',
         '@vercel/kv',

server/api/registry/badge/[type]/[...pkg].get.ts

@@ -31,8 +31,13 @@ const COLORS = {
   white: '#ffffff',
 }
 
-function measureTextWidth(text: string): number {
-  const charWidth = 7
+const DEFAULT_CHAR_WIDTH = 7
+const CHARS_WIDTH = {
+  engines: 5.5,
+}
+
+function measureTextWidth(text: string, charWidth?: number): number {
+  charWidth ??= DEFAULT_CHAR_WIDTH
   const paddingX = 8
   return Math.max(40, Math.round(text.length * charWidth) + paddingX * 2)
 }
@@ -288,7 +293,10 @@ export default defineCachedEventHandler(
       const finalLabelColor = rawLabelColor?.startsWith('#') ? rawLabelColor : `#${rawLabelColor}`
 
       const leftWidth = measureTextWidth(finalLabel)
-      const rightWidth = measureTextWidth(finalValue)
+      const rightWidth = measureTextWidth(
+        finalValue,
+        CHARS_WIDTH[strategyKey as keyof typeof CHARS_WIDTH],
+      )
       const totalWidth = leftWidth + rightWidth
       const height = 20