feat: blog-release rainbow-comet

app/components/global/BlueskyPostEmbed.client.vue

@@ -33,6 +33,11 @@ interface EmbedExternal {
   uri: string
 }
 
+interface EmbedGallery {
+  $type: 'app.bsky.embed.gallery#view'
+  items: EmbedImage[]
+}
+
 interface BlueskyPost {
   uri: string
   author: PostAuthor
@@ -44,7 +49,7 @@ interface BlueskyPost {
     thumbnail?: string
     playlist?: string
     aspectRatio?: { width: number; height: number }
-  }
+  } & EmbedGallery
   likeCount?: number
   replyCount?: number
   repostCount?: number
@@ -212,6 +217,20 @@ const postUrl = computed(() => {
       </div>
     </template>
 
+    <!-- Embedded gallery -->
+    <template v-if="post.embed?.$type === 'app.bsky.embed.gallery#view'">
+      <div class="relative overflow-x-auto flex gap-3 z-10">
+        <img
+          v-for="(img, i) in post.embed.items"
+          :key="i"
+          :src="img.fullsize"
+          :alt="img.alt"
+          class="h-40 md:h-60 lg:h-72 w-auto rounded-lg object-cover"
+          loading="lazy"
+        />
+      </div>
+    </template>
+
     <!-- Timestamp + engagement -->
     <div class="flex items-center gap-4 text-sm text-fg-subtle">
       <DateTime :datetime="post.record.createdAt" date-style="medium" />

app/pages/blog/release/rainbow-comet.md

@@ -0,0 +1,130 @@
+---
+authors:
+  - name: Alec Lloyd Probert
+    blueskyHandle: graphieros.npmx.social
+  - name: Alex Savelyev
+    blueskyHandle: alexdln.com
+  - name: Willow (GHOST)
+    blueskyHandle: willow.sh
+  - name: Philippe Serhal
+    blueskyHandle: philippeserhal.com
+title: 'npmx rainbow comet'
+tags: ['OpenSource', 'Release']
+excerpt: 'npmx 0.16 is out! This period was especially full of good news. And it’s particularly great that, amid the constant search for vulnerabilities and risks, we’ve started celebrating more and taking joy in what we do - and what our favorite maintainers and authors do.'
+date: '2026-06-30'
+slug: 'release/rainbow-comet'
+image: 'https://npmx.dev/blog/og/release-rainbow-comet.png'
+description: 'npmx 0.16 is out! This period was especially full of good news. And it’s particularly great that, amid the constant search for vulnerabilities and risks, we’ve started celebrating more and taking joy in what we do - and what our favorite maintainers and authors do.'
+draft: false
+---
+
+# npmx 0.16 rainbow comet
+
+Every time we’re working on a release, we think, “Wow, the community has made real magic - we can write that this part is now finished”. Then just a month goes by, we look at the changelog, and realize there’s another, even bigger text ahead of us. About how we’ve become safer, faster, bigger, more accessible, and delivered even more information at every step. Thank you for building with us, sharing your ideas, and telling us about your pain points.
+
+This period was especially full of good news. And it’s particularly great that, amid the constant search for vulnerabilities and risks, we’ve started celebrating more and taking joy in what we do - and what our favorite maintainers and authors do. But first things first.
+
+![npmx rainbow comet](/blog/og/release-rainbow-comet.png)
+
+## What’s new?
+
+### New Sponsor
+
+We’d like to start with one of the nicest pieces of news - we’ve welcomed a new sponsor. It’s doubly exciting because it’s a tool we genuinely love and use ourselves. Thank you to **[CodeRabbit](https://www.coderabbit.ai/)** for supporting us with **$1,000 per month** and for the collaboration.
+
+![CodeRabbit x npmx](/blog/coderabbit-x-npmx.png)
+
+### Timeline
+
+As you may already know, another place where we celebrate achievements is the package timeline. It’s where we show not only growth and issues, but also optimizations. And of course, we celebrate together with maintainers and users every time you share these results.
+
+<BlueskyPostEmbed
+  url="https://bsky.app/profile/chenjiahan.bsky.social/post/3mmvj4gq4h22s"
+  uri="at://did:plc:ymoeg4trisbzfowiaemnu7xz/app.bsky.feed.post/3mmvj4gq4h22s"
+/>
+
+### Changelog
+
+Speaking of changes, it’s hard to miss change analysis in packages. And to view those changes, you no longer need third‑party services. Now we show the changelog directly on package pages.
+
+<BlueskyPostEmbed
+  url="https://bsky.app/profile/wilco.npmx.social/post/3mmrihvusqk2b"
+  uri="at://did:plc:nlenimoh4wmif7s22hiw5uzt/app.bsky.feed.post/3mmrihvusqk2b"
+/>
+
+### Trusted publishing
+
+But of course the biggest change for packages in this period is trusted publishing. Together with `allowScripts` defaults to off, we suddenly found ourselves in a much safer environment. Incredible work by the npm team to improve the security of packages and our projects.
+
+npmx also shows packages with trusted publishing and tracks changes to this setting.
+
+<BlueskyPostEmbed
+  url="https://bsky.app/profile/nik.digital/post/3mmettwpgtc24"
+  uri="at://did:plc:6ctcux7hto6zyi3r7osornur/app.bsky.feed.post/3mmettwpgtc24"
+/>
+
+### Stats tab
+
+One of the key metrics when choosing a dependency is statistics. To make that part of your experience more convenient, we added a stats page for every package. All information in one place - and there will be even more soon.
+
+![The Stats tab for the nuxt package](/blog/stats-tab.png)
+
+### Likes leaderboard
+
+And of course, wherever there are results, a bit of competition and play appears. That’s why we now have a leaderboard page for our likes. Yes, we love everyone, but it seems Svelte will remain the leader from the very first days of npmx (_or do you want to like someone else and change that?_).
+
+<BlueskyPostEmbed
+  url="https://bsky.app/profile/philippeserhal.com/post/3mn6ayfjcbc2m"
+  uri="at://did:plc:5wdnwfs45bghuedlj3rdmani/app.bsky.feed.post/3mn6ayfjcbc2m"
+/>
+
+### Noodles
+
+This period also brought wonderful events not only related to us, but across the whole ecosystem. And we were happy to celebrate them through noodles. And to make noodles an even more important part of our home, we added a noodles page with an archive of all dishes.
+
+![Noodles - nodejs anniversary, pride month, and tetris](/blog/noodles-rainbow-comet.png)
+
+### New languages
+
+Our home has grown not only with new sections and pages, but also with new languages. Thank you so much for your contribution to localising the project and for making search accessible to more of us. Now you can use npmx in Dutch, Romanian, and Portuguese as well.
+
+![Languages flags - Dutch, Romanian, and Portuguese](/blog/languages-rainbow-comet.png)
+
+## **State of npmx**
+
+But the most important thing behind all these changes is, of course, the people. You. And we were endlessly happy to meet you - and we’ll be seeing many of you again very soon.
+
+And the biggest piece of news in this category is that we held our first meetup with talks. We not only got together and spent an evening in the best company, but we also shared our experience and ideas. Thank you - to you, to London, and to the wonderful AG Grid team for the venue. We hope to return again.
+
+<BlueskyPostEmbed
+  url="https://bsky.app/profile/ag-grid.bsky.social/post/3moo34mkdy22g"
+  uri="at://did:plc:akon7og3z6ihjpoclxzjrglf/app.bsky.feed.post/3moo34mkdy22g"
+/>
+
+And at the same time, we and our wonderful community held many more warm meetings. Follow us and those who interest you, and we hope to see you again soon
+
+<BlueskyPostEmbed
+  url="https://bsky.app/profile/antleth.fr/post/3mmwqaihg4c2i"
+  uri="at://did:plc:szxeg72ivd7j2msgcjglvlav/app.bsky.feed.post/3mmwqaihg4c2i"
+/>
+
+<BlueskyPostEmbed
+  url="https://bsky.app/profile/npmx.dev/post/3mp75vauw322e"
+  uri="at://did:plc:u5zp7npt5kpueado77kuihyz/app.bsky.feed.post/3mp75vauw322e"
+/>
+
+<BlueskyPostEmbed
+  url="https://bsky.app/profile/danielroe.dev/post/3mn5sk7jrwk2v"
+  uri="at://did:plc:jbeaa5kdaladzwq3r7f5xgwe/app.bsky.feed.post/3mn5sk7jrwk2v"
+/>
+
+<BlueskyPostEmbed
+  url="https://bsky.app/profile/npmx.dev/post/3mlwz4gho5s2n"
+  uri="at://did:plc:u5zp7npt5kpueado77kuihyz/app.bsky.feed.post/3mlwz4gho5s2n"
+/>
+
+## There's still much to come
+
+Join us - as developers, managers, designers, translators, copywriters, and simply as our friends. Soon we'll meet again and share how this community has improved our lives even further.
+
+[Site](https://npmx.dev) • [Builders Discord](https://build.npmx.dev/) • [GitHub](https://repo.npmx.dev/) • [Bluesky](https://social.npmx.dev/)