feat: new og images by harlan-zw · Pull Request #2292 · npmx-dev/npmx.dev

harlan-zw · 2026-03-27T04:06:33Z

🔗 Linked issue

🧭 Context

The previous PR was rolled back due to some Takumi stability issues. These are now solved afaik and OG Image got a v6 stable release so it's a good time to reintroduce it. (Takumi is v1 beta now so also likely stable very soon)

⚠️ Docus < v5.9.0 uses the old version of og image which causes a version compat issue. Upgrading Docus to v5.9.0 creates a bunch of new issues that seem unrelated to og images, we should investigate that seperately.

📚 Description

Same as before, I've resynced the UI to match recent branding changes.

sample - check PR files for more

https://npmx.dev/

https://npmx.dev/accessibility

https://npmx.dev/blog/alpha-release

https://npmx.dev/package/@nuxt/kit

https://npmx.dev/package-docs/ufo/v/1.6.3

Supersedes #2122 (rebased on latest main with CI fixes).

…g-image-v6

…mage-v6

# Conflicts: # nuxt.config.ts # pnpm-lock.yaml

…g-image-v6

…g-image-v7

ghostdevv

a few more things 😅 code rabbit also has a couple things unresolved

ghostdevv · 2026-04-16T14:50:20Z


-defineOgImageComponent('Package', {
- name: () => packageName.value,
- version: () => requestedVersion.value ?? '',


was removing the ?? '' intentional?

Yes, null should be passed for a missing version not an empty string (which is handled by Nuxt islands automatically when nullish value is passed).

ghostdevv · 2026-04-16T14:56:38Z

+ expect(component.text()).toContain('test')
+ expect(component.text()).toContain('repo')


this seems valid

ghostdevv · 2026-04-16T14:57:40Z

+ content: {
+ pipeline: {
+ exclude: [
+ // Preserve the UnoCSS defaults that @unocss/nuxt normally sets


how come they're not being set

Because we're redefining the config, you'd have to look at the unocss module internals to know more.

…g-image-v7

…mage-v7

I think these changes have been implemented

Co-authored-by: Daniel Roe <daniel@roe.dev> Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

harlan-zwand others added 30 commits February 26, 2026 16:51

feat: nuxt og image v6
a04f84f

chore: sync
0198696

Merge branch 'main' of github.com:harlan-zw/fork-npmx.dev into feat/o…
b76f0e2
…g-image-v6

chore: sync
fb61483

chore: sync
b4b7ffc

chore: sync
440bdb1

chore: sync
6e89cb9

chore: sync
b366eaa

chore: sync
17e7ef7

Merge remote-tracking branch 'origin/main' into feat/og-image-v6
6c3add5

fix: small fixes
b69a6df

Merge remote-tracking branch 'origin/main' into feat/og-image-v6
25f3f96

chore: reorder
347cbcc

ci: bump memory
8d8a3ee

Merge remote-tracking branch 'origin/main' into feat/og-image-v6
8e1c597

chore: sync
2cdcc35

Merge remote-tracking branch 'origin/feat/og-image-v6' into feat/og-i…
114f2e3
…mage-v6

chore: opacity
499668f

fix: use utc dates, handle division by zero, + add tanstack fixture
4d5afa5

Merge remote-tracking branch 'origin/main' into feat/og-image-v6
b196d5a
# Conflicts: # nuxt.config.ts # pnpm-lock.yaml

chore: lint
a1259f7

fix: rename og-image snapshot for home path
49a9014

fix: remove UnoCSS pipeline exclude that broke a11y tests
6e62678

chore: opps
9d7060c

fix: preserve UnoCSS default pipeline excludes alongside takumi exclude
83fa423

ci: switch browser tests to x64 runner for Takumi WASM compat
449232c

revert: restore browser test ARM runner
9800fc1

chore: bump og image
b1cae8f

chore: bump takumi
81c6227

Merge branch 'main' of github.com:harlan-zw/fork-npmx.dev into feat/o…
f65e30f
…g-image-v6

harlan-zw added 2 commits April 15, 2026 13:52

Merge branch 'main' of github.com:harlan-zw/fork-npmx.dev into feat/o…
5b0fc7d
…g-image-v7

chore: bump module + sync
5aa85f6

vercelBotdeployed to Preview – docs.npmx.dev April 15, 2026 03:56 View deployment

vercelBotdeployed to Preview – npmx.dev April 15, 2026 03:56 View deployment

harlan-zw requested a review from ghostdevv April 15, 2026 03:59

ghostdevv reviewed Apr 16, 2026
View reviewed changes

harlan-zw added 2 commits April 17, 2026 01:08

Merge branch 'main' of github.com:harlan-zw/fork-npmx.dev into feat/o…
427133a
…g-image-v7

chore: bump module + sync
fc1e79c

vercelBothad a problem deploying to Preview – docs.npmx.dev April 16, 2026 15:25 Failure

vercelBothad a problem deploying to Preview – npmx.dev April 16, 2026 15:25 Failure

chore: profile og image clean up
b8e1aaf

vercelBothad a problem deploying to Preview – npmx.dev April 16, 2026 15:32 Failure

Merge branch 'main' into feat/og-image-v7
c6452f0

vercelBothad a problem deploying to Preview – npmx.dev April 16, 2026 15:32 Failure

harlan-zw added 2 commits April 17, 2026 01:37

chore: bump
de416fa

Merge remote-tracking branch 'origin/feat/og-image-v7' into feat/og-i…
23bde01
…mage-v7

vercelBotdeployed to Preview – npmx.dev April 16, 2026 15:41 View deployment

danielroe added this pull request to the merge queue Apr 17, 2026

Merged via the queue into npmx-dev:main with commit b9c3a1dApr 17, 2026
22 checks passed

github-actionsBot mentioned this pull request Apr 17, 2026
chore: release v0.10.0 #2533
Merged

coderabbitaiBot mentioned this pull request Apr 23, 2026
feat(ui): add keytrace-style identity visualizer (poc) #2616
Open

graphieros mentioned this pull request Apr 28, 2026
chore: use smooth path utility from vue-data-ui #2647
Merged

This was referenced May 9, 2026
fix: remove duplicate og:image meta tag on package pages #2693
Merged
feat: update versions page download count tooltip/title #2695
Merged
feat: combining shared code markdown renderer readme & changelog #2717
Merged

coderabbitaiBot mentioned this pull request Jul 3, 2026
feat(ui): support takumi v2 og images #2986
Merged

coderabbitaiBot mentioned this pull request Jul 26, 2026
fix: user profile open graph image showing zero packages #3085
Merged

ayo-run pushed a commit to ayo-run/npmx.dev that referenced this pull request Aug 5, 2026
feat: new og images (npmx-dev#2292)
fd17c81
Co-authored-by: Daniel Roe <daniel@roe.dev> Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

Navigation Menu

Uh oh!

Uh oh!

feat: new og images - #2292

feat: new og images#2292
danielroe merged 90 commits into
npmx-dev:mainfrom
harlan-zw:feat/og-image-v7

harlan-zw commented Mar 27, 2026•
edited
Loading

Uh oh!

ghostdevv left a comment

Uh oh!

Uh oh!

Uh oh!

ghostdevvApr 16, 2026

Uh oh!

harlan-zwApr 16, 2026•
edited
Loading

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

ghostdevvApr 16, 2026

Uh oh!

Uh oh!

ghostdevvApr 16, 2026

Uh oh!

harlan-zwApr 16, 2026•
edited
Loading

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

		expect(component.text()).toContain('test')
		expect(component.text()).toContain('repo')

Uh oh!

Uh oh!

Conversation

harlan-zw commented Mar 27, 2026• edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🔗 Linked issue

🧭 Context

📚 Description

Uh oh!

ghostdevv left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

ghostdevvApr 16, 2026

Choose a reason for hiding this comment

Uh oh!

harlan-zwApr 16, 2026• edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

ghostdevvApr 16, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

ghostdevvApr 16, 2026

Choose a reason for hiding this comment

Uh oh!

harlan-zwApr 16, 2026• edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

harlan-zw commented Mar 27, 2026•
edited
Loading

harlan-zwApr 16, 2026•
edited
Loading

harlan-zwApr 16, 2026•
edited
Loading