Show the GitHub Trending #5 finish at the top of the README

[jerelvelarde]

The problem

On Sunday, October 11, Open Intelligent UI reached #5 on GitHub Trending's daily list. A day earlier, on October 10, Trendshift ranked it #3 TypeScript Repository Of The Day. The README says neither. People deciding whether a project is alive and worth a clone read the README header first, and right now it shows them nothing about this.

The approach

Two Trendshift badges go on their own line under the CI and license badges, inside the centered header. Both link to the repository's Trendshift page. These are the exact badge endpoints Trendshift uses on that page's achievements section. Each one shows the best rank the repository has reached, not today's rank. So the header won't show a lower number next week, and it updates without anyone editing it if the project ranks higher later.

Only two of the four achievements made it in. Trendshift also lists #24 Repository Of The Day across all languages and #18 TypeScript Repository Of The Week. Both are true, but showing four badges would bury the #5 under weaker numbers.

The cost is a dependency on a third-party image host. If trendshift.io is down, GitHub shows each badge's alt text, which makes the same claim in words.

What is not covered

• Trendshift's GitHub Trending history chart labels the perf: MutationObserver on document.body fires on every DOM mutation #5 as a "TypeScript GitHub Trending rank". The badge itself reads "perf: MutationObserver on document.body fires on every DOM mutation #5 Repository Of The Day" with no language, and the alt text uses the badge's wording. If we want to say only "perf: MutationObserver on document.body fires on every DOM mutation #5 in TypeScript", the badge has to go, because its image text can't be changed.
• The change is to the README only. Any other place the project describes itself is unchanged.

Verification

• curl against both badge URLs returns 200 image/svg+xml at 250x55. The SVG text reads "GITHUB TRENDING / perf: MutationObserver on document.body fires on every DOM mutation #5 Repository Of The Day" and "TRENDSHIFT · TypeScript / security: iframe sandbox allows same-origin access to parent page #3 Repository Of The Day".
• GitHub's image proxy (camo.githubusercontent.com) serves both images with a 200. The rendered README on this branch loads both images at their natural 250x55 size. The screenshot above is from that render.
• This is a three-line README change, so the test suite did not run.