chore: release v0.19.0

README.md

@@ -196,16 +196,6 @@ Made with ❤️
 
 Published under [MIT License](./LICENSE).
 
-## Star History
-
-<a href="https://www.star-history.com/?repos=npmx-dev%2Fnpmx.dev&type=date&legend=top-left">
- <picture>
-   <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/chart?repos=npmx-dev/npmx.dev&type=date&theme=dark&legend=top-left&sealed_token=1RI8ZdgQL3NncQeMm3sTwgYPL_7_ELdIGe5yiswir2iZipZwBtsYd4Y6zkO2fZLUP3wRcDN38GLKA4B1b3JE3pxEg7x_w8uOivwT3rL8Jcr-866HKSRMpjqmEwPavKp57ZdTyo04KHRbKthXVe360AJhcjmbXWxKVO9EDFh995ssNIH32hNArVB4MwAm" />
-   <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/chart?repos=npmx-dev/npmx.dev&type=date&legend=top-left&sealed_token=1RI8ZdgQL3NncQeMm3sTwgYPL_7_ELdIGe5yiswir2iZipZwBtsYd4Y6zkO2fZLUP3wRcDN38GLKA4B1b3JE3pxEg7x_w8uOivwT3rL8Jcr-866HKSRMpjqmEwPavKp57ZdTyo04KHRbKthXVe360AJhcjmbXWxKVO9EDFh995ssNIH32hNArVB4MwAm" />
-   <img alt="Star History Chart" src="https://api.star-history.com/chart?repos=npmx-dev/npmx.dev&type=date&legend=top-left&sealed_token=1RI8ZdgQL3NncQeMm3sTwgYPL_7_ELdIGe5yiswir2iZipZwBtsYd4Y6zkO2fZLUP3wRcDN38GLKA4B1b3JE3pxEg7x_w8uOivwT3rL8Jcr-866HKSRMpjqmEwPavKp57ZdTyo04KHRbKthXVe360AJhcjmbXWxKVO9EDFh995ssNIH32hNArVB4MwAm" />
- </picture>
-</a>
-
 ## Sponsors
 
 <a href="https://opencollective.com/npmx" target="_blank" rel="noopener noreferrer">

app/components/AppHeader.vue

@@ -18,11 +18,19 @@ withDefaults(
 
 const { isConnected, npmUser } = useConnector()
 
+const { packageName } = usePackageRoute()
+
+const compareTarget = computed(() =>
+  packageName.value
+    ? { name: 'compare' as const, query: { packages: packageName.value } }
+    : { name: 'compare' as const },
+)
+
 const desktopLinks = computed<NavigationConfig>(() => [
   {
     name: 'Compare',
     label: $t('nav.compare'),
-    to: { name: 'compare' },
+    to: compareTarget.value,
     keyshortcut: 'c',
     type: 'link',
     external: false,
@@ -209,7 +217,7 @@ function handleSearchFocus() {
 }
 
 useShortcuts({
-  'c': () => ({ name: 'compare' }),
+  'c': () => compareTarget.value,
   ',': () => ({ name: 'settings' }),
 })
 </script>

app/components/Noodle/IojsNodejs/Logo.vue

@@ -0,0 +1,47 @@
+<script setup lang="ts">
+defineProps<{
+  // Render the bare logo without the tooltip wrapper. Used on the /noodles
+  // archive + detail pages where the same content lives in the right panel.
+  noTooltip?: boolean
+}>()
+</script>
+
+<template>
+  <ColorSchemeImg
+    v-if="noTooltip"
+    width="400"
+    class="motion-safe:animate-fade-in motion-safe:animate-scale-in relative z-10 w-full"
+    dark-src="/extra/iojs-nodejs-dark.png"
+    light-src="/extra/iojs-nodejs.png"
+    :alt="$t('alt_logo')"
+  />
+  <TooltipApp
+    v-else
+    interactive
+    :tooltip-attr="{ class: 'w-[calc(100%-2rem)]! max-w-sm!' }"
+    class="mb-2"
+  >
+    <template #content>
+      <p class="text-sm font-medium text-fg mb-1">
+        <span class="text-fg-subtle">
+          14 September 2015 - IO.js and Node.js merge
+          <br />
+          <a
+            href="https://nodejs.org/en/blog/announcements/foundation-v4-announce"
+            target="_blank"
+            rel="noopener noreferrer"
+            class="underline"
+            >Node.js Foundation Combines Node.js and io.js Into Single Codebase</a
+          >
+        </span>
+      </p>
+    </template>
+    <ColorSchemeImg
+      width="400"
+      class="motion-safe:animate-fade-in motion-safe:animate-scale-in w-80 sm:w-120"
+      dark-src="/extra/iojs-nodejs-dark.png"
+      light-src="/extra/iojs-nodejs.png"
+      :alt="$t('alt_logo')"
+    />
+  </TooltipApp>
+</template>

app/components/Noodle/index.ts

@@ -10,6 +10,7 @@ import NoodlePride3Logo from './Pride3/Logo.vue'
 import NoodleTetrisLogo from './Tetris/Logo.vue'
 import NoodleEmojiDayLogo from './EmojiDay/Logo.vue'
 import NoodleGifDayLogo from './GifDay/Logo.vue'
+import NoodleIojsNodejsLogo from './IojsNodejs/Logo.vue'
 
 export type Noodle = {
   // Unique identifier for the noodle
@@ -38,46 +39,9 @@ export const PERMANENT_NOODLES: Noodle[] = [
 // Active noodles - shown based on date and timezone
 export const ACTIVE_NOODLES: Noodle[] = [
   {
-    key: 'pride-1',
-    logo: NoodlePride1Logo,
-    date: '2026-06-01',
-    dateTo: '2026-06-06',
-    timezone: 'auto',
-  },
-  {
-    key: 'tetris',
-    logo: NoodleTetrisLogo,
-    date: '2026-06-06',
-    dateTo: '2026-06-08',
-    timezone: 'auto',
-    tagline: false,
-  },
-  {
-    key: 'pride-2',
-    logo: NoodlePride2Logo,
-    date: '2026-06-08',
-    dateTo: '2026-06-20',
-    timezone: 'auto',
-  },
-  {
-    key: 'pride-3',
-    logo: NoodlePride3Logo,
-    date: '2026-06-20',
-    dateTo: '2026-07-01',
-    timezone: 'auto',
-  },
-  {
-    key: 'emoji-day',
-    logo: NoodleEmojiDayLogo,
-    date: '2026-07-17',
-    dateTo: '2026-07-19',
-    timezone: 'auto',
-  },
-  {
-    key: 'gif-day',
-    logo: NoodleGifDayLogo,
-    date: '2026-09-05',
-    dateTo: '2026-09-08',
+    key: 'iojs-nodejs-merge',
+    logo: NoodleIojsNodejsLogo,
+    date: '2026-09-14',
     timezone: 'auto',
   },
 ]
@@ -92,9 +56,12 @@ const NOODLE_LOGOS: Record<string, Component> = {
   'artemis': NoodleArtemisLogo,
   'nodejs': NoodleNodejsLogo,
   'pride-1': NoodlePride1Logo,
+  'pride-2': NoodlePride2Logo,
+  'pride-3': NoodlePride3Logo,
   'tetris': NoodleTetrisLogo,
   'emoji-day': NoodleEmojiDayLogo,
   'gif-day': NoodleGifDayLogo,
+  'iojs-nodejs-merge': NoodleIojsNodejsLogo,
 }
 
 export function resolveNoodleLogo(key: string): Component | undefined {