Skip to content

Add version numbers next to key integrations that are often not up-to-date with the GitHub version#3553

Open
hippietrail wants to merge 3 commits into
Automattic:masterfrom
hippietrail:website-widgets
Open

Add version numbers next to key integrations that are often not up-to-date with the GitHub version#3553
hippietrail wants to merge 3 commits into
Automattic:masterfrom
hippietrail:website-widgets

Conversation

@hippietrail
Copy link
Copy Markdown
Collaborator

@hippietrail hippietrail commented May 31, 2026

Issues

N/A

Description

Some integrations take some time to update to the new Harper version once it's published on GitHub.

This PR adds the current version numbers for the Firefox, JavaScript/npm, VS Code, and Rust (Cargo) integrations.

I'm not really satisfied with the size and placement of the version text and font. I'm not a webdev guy.

I feel that the current GitHub release version number should be somewhere too so we can see how far behind any integration is. But I'm not sure where it would fit. I know to do the code as the latest version number is available at https://writewithharper.com/latestversion it would be trivial to add using the same methods the PR already employs.

I tried to add the Chrome one, but couldn't find any JSON feed or API and CORS prevents scraping the HTML. Google AI told me Svelte can do some kind of microserver thingy to fetch, but that sounded like going too far.

The LSP-based ones don't have version lag. Obsidian uses our repo. Did I miss any?

Demo

image image

How Has This Been Tested?

Manually

AI Disclosure

  • I am a human and didn't use any AI.
  • I used LLM features of my editor, but not an agent.
  • I used an AI agent interactively.
  • I am an agent or I got an agent to do the work autonomously.

I got Google to iterate on the code too, which is between an in-editor AI and an agent I think.

Checklist

  • I have performed a self-review of my own code
  • I have added tests to cover my changes
  • I have considered splitting this into smaller pull requests.

@hippietrail hippietrail added enhancement New feature or request javascript Pull requests that update Javascript code visual-studio-code-plugin Related to the Harper Visual Studio Code integration harper.js firefox-plugin website labels May 31, 2026
@hippietrail hippietrail requested a review from JasonTheAdams May 31, 2026 11:57
Copy link
Copy Markdown
Collaborator

@elijah-potter elijah-potter left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I love the idea! I just have a few tweaks before we can merge this.

Comment on lines +258 to +263
<strong class="overflow-hidden text-ellipsis whitespace-nowrap text-[0.84rem]">{integration.name}</strong>
{#if $liveVersions[integration.id]}
<span class="inline-flex items-center rounded-full bg-[#f4f1ea] dark:bg-white/10 px-1.5 py-0.5 text-[0.65rem] font-mono font-medium text-[#6b6455] dark:text-white/80 border border-[#e4dfd3] dark:border-white/10 select-none">
v{$liveVersions[integration.id]}
</span>
{/if}
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It would be nice to have a small bit of hover text (which you can simply do with the title attribute) that explains why we are showing a version number there.

Something like, "This version is slightly behind the core engine due to a delay".

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ah I was wondering about something like that, sounds like a way to handle it.
Do you think I should also add the current version? We don't already display it anywhere. I'm not sure where it would look the best either.

Comment on lines +10 to +12
export async function loadLiveVersions() {
// 1. Firefox Addon
try {
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I would love a brief doc-comment that explains what this function does. Also, is there a reason you don't simply return a memoized copy of the liveVersions object? If you do, we can reduce the number of exports from this module.

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I would love a brief doc-comment that explains what this function does.

Will do.

Also, is there a reason you don't simply return a memoized copy of the liveVersions object? If you do, we can reduce the number of exports from this module.

I'm not sure I really understand.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request firefox-plugin harper.js javascript Pull requests that update Javascript code visual-studio-code-plugin Related to the Harper Visual Studio Code integration website

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants