Skip to content

docs: Add optional Firefox Add-on links to homepage showcase#2208

Open
shadoath wants to merge 3 commits intowxt-dev:mainfrom
shadoath:sb/feat/firefox-submissions
Open

docs: Add optional Firefox Add-on links to homepage showcase#2208
shadoath wants to merge 3 commits intowxt-dev:mainfrom
shadoath:sb/feat/firefox-submissions

Conversation

@shadoath
Copy link
Copy Markdown

@shadoath shadoath commented Mar 23, 2026

Overview

Updates the Using WXT homepage section (docs/.vitepress/components/UsingWxtSection.vue) so extension cards can list Chrome Web Store and/or Firefox Add-ons, with clearer stats and layout.

  • Entries: Each row supports chromeId, firefoxSlug, or both (ExtensionEntry).
  • Data: Chrome stats come from the existing GraphQL helper; Firefox stats from the Mozilla Add-ons API (useFirefoxAddonDetails). Fetches are per-slug so a bad or missing slug does not drop all Firefox data.
  • Footer stats: Right-aligned, compact user counts (thousands as K with en-US comma grouping, e.g. 2,000K users, 31.8K users) and star ratings, with Chrome / Firefox labels on every card (including single-store listings).
  • Dual listings: Chrome and Firefox on one line, separated by ·, each segment a link to the right store listing.

Related composables: useListExtensionDetails.ts (no-op when there are no Chrome IDs), useFirefoxAddonDetails.ts (resilient batch fetch).

Screenshot

Screenshot 2026-03-26 at 8 44 32 AM

Allow extension entries to include a firefoxSlug alongside the Chrome ID,
rendering a "Firefox" badge that links to addons.mozilla.org.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@shadoath shadoath requested a review from aklinker1 as a code owner March 23, 2026 17:19
@netlify
Copy link
Copy Markdown

netlify bot commented Mar 23, 2026

Deploy Preview for creative-fairy-df92c4 ready!

Name Link
🔨 Latest commit a13322d
🔍 Latest deploy log https://app.netlify.com/projects/creative-fairy-df92c4/deploys/69c52aaa2ea96d0008d8efbf
😎 Deploy Preview https://deploy-preview-2208--creative-fairy-df92c4.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@InvictusNavarchus
Copy link
Copy Markdown
Contributor

I support the idea, since I also publish on Firefox Addons, but having Firefox URL optional while Chrome Extension URL required is still biased toward Chrome Extensions. What if you only publish the extension(s) on Firefox? You can't showcase it, then.

Due to smaller user base of Firefox, it actually serves as a great real testing ground with real users before finally deploying it to Chrome. So some people, including me, may publish it there first.

@shadoath
Copy link
Copy Markdown
Author

I'll make that update. Also going to scrap the extensions that are already there and add the firefox slug if I can find it.

@shadoath
Copy link
Copy Markdown
Author

Only used "K" and not "m" to give the number some weight, when it was 2,000k, it seemed more impressive than 2m. Also, this change helped the stats sit on a single line, making the display cleaner.

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants