• Blog post
• Chrome extension

Add Stars badges to GitHub links, Reddit users, Wordpress plugins, Youtube channels, Chrome/Firefox add-ins, ...
Activates directly on activateDirectlyOn array (in src/directActivation.ts). For other websites, press Alt + Shift + S (configure in chrome://extensions/shortcuts)

activateDirectlyOn includes:

• Search engines (Google, Bing, ...)
• GitHub (awesome lists!)
• Package managers (npmjs, nuget, ...)

npm install
npm run typescript
npm run watch

Do need to click reload in chrome://extensions after each change to the code. This can now be done with Control + M.

# Run tests against our custom made html files
npm run test:unit
# Run tests against live whitelisted websites
npm run test:e2e
# Debug tests
npm run test:ui
npm run test:debug

Publishing to the Chrome Web Store

• Increase version in manifest.json (and package.json)
• gulp will create ./dist/github-stars.zip

npm run build

Upload it to the store and pick 3 dots > "Developer Dashboard".

chrome://extensions/

• Turn on "Developer mode"
• Load unpacked
• Select this folder

• Search Engines
  • Google
  • Bing: Not implemented (who uses Bing anyway)
  • DuckDuckGo
• GitHub
  • Same GitHub
  • Link with .git
  • Unexisting Repo: Would need to do a XMLHttpRequest so the returned content svg content can be examined for "Repo not found"
• StackOverflow
  • StackExchange
• Package Managers
  • npmjs
  • nuget
  • Visual Studio Marketplace
  • pypi
  • rubygems
  • crates
  • pkg.go
• Other badges:
  • Github Gist
  • Subreddit
  • Reddit User
  • Bluesky Followers
  • Hackernews Karma
  • Twitch Status
  • Youtube Channel
  • Youtube Video
  • Gitlab Repository
  • Lemmy Subscribers
  • Wordpress Plugins/Themes
  • Chrome Extension Users
  • Firefox Addon Users

• GitHub Stargazer
• GitHub Star Count

Turn google results for "react github" into:

When googling "react github"

Turn sindresorhus awesome-awesome list into:

sindresorhus/awesome

And a whole bunch of other badges!

other-links

options