-
-
Notifications
You must be signed in to change notification settings - Fork 714
chore: add Vercel to sponsors #7200
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
|
WalkthroughThis PR updates multiple Biome README files (en, fr, hi, ja, ko, pt-BR, ru, uk, zh-CN, zh-TW) to add a new Vercel entry in the Gold Sponsors section, inserted after the existing Depot row. Each addition is a table row with a centred link to vercel.com including UTM parameters and a responsive picture element providing light/dark logo variants, plus an img fallback. No code or exported/public entities are changed. ✨ Finishing Touches🧪 Generate unit tests
🪧 TipsChatThere are 3 ways to chat with CodeRabbit:
SupportNeed help? Create a ticket on our support page for assistance with any issues or questions. CodeRabbit Commands (Invoked using PR/Issue comments)Type Other keywords and placeholders
Status, Documentation and Community
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Actionable comments posted: 10
🧹 Nitpick comments (2)
packages/@biomejs/biome/README.fr.md (1)
127-132
: Optional: align source order with header for consistencyThe header’s picture lists dark then light. Not required, but mirroring that order here can make diffs more predictable across files.
packages/@biomejs/biome/README.md (1)
129-129
: Alt text consistency with neighbouring entryDepot uses “Depot logo”; consider “Vercel logo” for symmetry. Not a blocker.
- <img src="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" width="400" alt="Vercel" /> + <img src="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" width="400" alt="Vercel logo" />
📜 Review details
Configuration used: .coderabbit.yaml
Review profile: CHILL
Plan: Pro
📒 Files selected for processing (10)
packages/@biomejs/biome/README.fr.md
(1 hunks)packages/@biomejs/biome/README.hi.md
(1 hunks)packages/@biomejs/biome/README.ja.md
(1 hunks)packages/@biomejs/biome/README.kr.md
(1 hunks)packages/@biomejs/biome/README.md
(1 hunks)packages/@biomejs/biome/README.pt-BR.md
(1 hunks)packages/@biomejs/biome/README.ru.md
(1 hunks)packages/@biomejs/biome/README.uk.md
(1 hunks)packages/@biomejs/biome/README.zh-CN.md
(1 hunks)packages/@biomejs/biome/README.zh-TW.md
(1 hunks)
⏰ Context from checks skipped due to timeout of 90000ms. You can increase the timeout in your CodeRabbit configuration to a maximum of 15 minutes (900000ms). (2)
- GitHub Check: Check JS Files
- GitHub Check: Test Node.js API
<tr> | ||
<td align="center" valign="middle"> | ||
<a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank"> | ||
<picture> | ||
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" /> | ||
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" /> | ||
<img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" /> | ||
</picture> | ||
</a> | ||
</td> | ||
</tr> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🛠️ Refactor suggestion
Harden external link and use canonical raw URLs
- Add rel="noopener noreferrer" to target="_blank" link.
- Use the canonical raw.githubusercontent.com branch path ("main" instead of "refs/heads/main") to avoid potential 404s and to match the rest of the file.
- <a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank">
+ <a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank" rel="noopener noreferrer">
<picture>
- <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" />
- <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" />
- <img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" />
+ <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" />
+ <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" />
+ <img src="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" width="400" alt="Vercel" />
</picture>
📝 Committable suggestion
‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.
<tr> | |
<td align="center" valign="middle"> | |
<a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank"> | |
<picture> | |
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" /> | |
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" /> | |
<img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" /> | |
</picture> | |
</a> | |
</td> | |
</tr> | |
<tr> | |
<td align="center" valign="middle"> | |
<a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank" rel="noopener noreferrer"> | |
<picture> | |
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" /> | |
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" /> | |
<img src="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" width="400" alt="Vercel" /> | |
</picture> | |
</a> | |
</td> | |
</tr> |
🤖 Prompt for AI Agents
In packages/@biomejs/biome/README.fr.md around lines 125 to 135, the external
anchor using target="_blank" lacks rel="noopener noreferrer" and the raw GitHub
URLs use the "refs/heads/main" path; update the anchor to include rel="noopener
noreferrer" and replace all raw.githubusercontent.com URLs that contain
"refs/heads/main" with the canonical "main" branch path so they match the rest
of the file (apply to both <source> srcset attributes and the <img> src).
<tr> | ||
<td align="center" valign="middle"> | ||
<a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank"> | ||
<picture> | ||
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" /> | ||
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" /> | ||
<img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" /> | ||
</picture> | ||
</a> | ||
</td> | ||
</tr> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🛠️ Refactor suggestion
Tweak: correct fallback to dark logo and add rel on the sponsor link.
- vercel-light.png is for dark backgrounds; make the fallback vercel-dark.png so it’s visible on light backgrounds without colour-scheme support.
- Add rel="noopener noreferrer sponsored" for security/SEO.
- Nit: align raw.githubusercontent URLs to /main/.
- <a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank">
+ <a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank" rel="noopener noreferrer sponsored">
<picture>
- <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" />
- <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" />
- <img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" />
+ <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" />
+ <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" />
+ <img src="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" width="400" alt="Vercel" />
</picture>
</a>
📝 Committable suggestion
‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.
<tr> | |
<td align="center" valign="middle"> | |
<a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank"> | |
<picture> | |
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" /> | |
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" /> | |
<img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" /> | |
</picture> | |
</a> | |
</td> | |
</tr> | |
<tr> | |
<td align="center" valign="middle"> | |
<a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank" rel="noopener noreferrer sponsored"> | |
<picture> | |
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" /> | |
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" /> | |
<img src="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" width="400" alt="Vercel" /> | |
</picture> | |
</a> | |
</td> | |
</tr> |
🤖 Prompt for AI Agents
In packages/@biomejs/biome/README.hi.md around lines 132 to 142, the sponsor
block uses the light logo as the fallback image, lacks a rel attribute on the
anchor, and uses raw.githubusercontent refs/heads URLs; update the picture/img
sources so the default img src points to vercel-dark.png (so it shows on light
backgrounds) while keeping the prefers-color-scheme sources as-is, add
rel="noopener noreferrer sponsored" to the <a> tag, and normalize the
raw.githubusercontent.com paths to use /main/ instead of refs/heads/main/.
<tr> | ||
<td align="center" valign="middle"> | ||
<a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank"> | ||
<picture> | ||
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" /> | ||
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" /> | ||
<img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" /> | ||
</picture> | ||
</a> | ||
</td> | ||
</tr> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🛠️ Refactor suggestion
Secure the external link and normalise raw image URLs
- Add rel="noopener noreferrer" to the new target="_blank" link.
- Replace refs/heads/main with main in raw image URLs to match the rest of the repo.
- <a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank">
+ <a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank" rel="noopener noreferrer">
<picture>
- <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" />
- <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" />
- <img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" />
+ <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" />
+ <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" />
+ <img src="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" width="400" alt="Vercel" />
</picture>
📝 Committable suggestion
‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.
<tr> | |
<td align="center" valign="middle"> | |
<a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank"> | |
<picture> | |
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" /> | |
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" /> | |
<img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" /> | |
</picture> | |
</a> | |
</td> | |
</tr> | |
<tr> | |
<td align="center" valign="middle"> | |
<a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank" rel="noopener noreferrer"> | |
<picture> | |
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" /> | |
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" /> | |
<img src="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" width="400" alt="Vercel" /> | |
</picture> | |
</a> | |
</td> | |
</tr> |
🤖 Prompt for AI Agents
In packages/@biomejs/biome/README.ja.md around lines 107 to 117, the new
external anchor uses target="_blank" without rel attributes and the raw image
URLs include "refs/heads/main"; add rel="noopener noreferrer" to the <a> tag to
secure the external link and update each raw.githubusercontent.com URL by
removing "refs/heads/" so they use ".../main/..." to match the repository's
other URLs.
<tr> | ||
<td align="center" valign="middle"> | ||
<a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank"> | ||
<picture> | ||
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" /> | ||
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" /> | ||
<img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" /> | ||
</picture> | ||
</a> | ||
</td> | ||
</tr> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🛠️ Refactor suggestion
Fix fallback image and add rel for external link (plus minor URL tidy-up).
- The fallback
uses vercel-light.png, which is intended for dark backgrounds. On default/light backgrounds (or environments not honouring prefers-color-scheme/picture), it can appear invisible. Use vercel-dark.png as the fallback.
- Add rel="noopener noreferrer sponsored" to the external target="_blank" link to prevent tabnabbing and mark paid links.
- Optional: use /main/ instead of /refs/heads/main/ in raw.githubusercontent URLs for consistency with other assets above.
- <a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank">
+ <a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank" rel="noopener noreferrer sponsored">
<picture>
- <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" />
- <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" />
- <img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" />
+ <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" />
+ <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" />
+ <img src="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" width="400" alt="Vercel" />
</picture>
</a>
📝 Committable suggestion
‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.
<tr> | |
<td align="center" valign="middle"> | |
<a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank"> | |
<picture> | |
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" /> | |
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" /> | |
<img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" /> | |
</picture> | |
</a> | |
</td> | |
</tr> | |
<tr> | |
<td align="center" valign="middle"> | |
<a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank" rel="noopener noreferrer sponsored"> | |
<picture> | |
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" /> | |
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" /> | |
<img src="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" width="400" alt="Vercel" /> | |
</picture> | |
</a> | |
</td> | |
</tr> |
🤖 Prompt for AI Agents
In packages/@biomejs/biome/README.kr.md around lines 121 to 131, the fallback
<img> uses vercel-light.png which is for dark backgrounds and can be invisible
on light/default themes, the external link lacks a rel attribute to prevent
tabnabbing and mark sponsorship, and raw.githubusercontent URLs use
/refs/heads/main/; change the img src fallback to vercel-dark.png, add
rel="noopener noreferrer sponsored" to the <a> tag with target="_blank", and
(optionally) replace /refs/heads/main/ with /main/ in the
raw.githubusercontent.com srcset and src URLs for consistency.
<tr> | ||
<td align="center" valign="middle"> | ||
<a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank"> | ||
<picture> | ||
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" /> | ||
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" /> | ||
<img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" /> | ||
</picture> | ||
</a> | ||
</td> | ||
</tr> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🛠️ Refactor suggestion
Add rel=noopener to external link and fix raw URLs
- Prevent tabnabbing and minor perf hit by adding rel="noopener noreferrer".
- Switch raw URLs from refs/heads/main to main for consistency with other images.
- <a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank">
+ <a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank" rel="noopener noreferrer">
<picture>
- <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" />
- <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" />
- <img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" />
+ <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" />
+ <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" />
+ <img src="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" width="400" alt="Vercel" />
</picture>
📝 Committable suggestion
‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.
<tr> | |
<td align="center" valign="middle"> | |
<a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank"> | |
<picture> | |
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" /> | |
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" /> | |
<img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" /> | |
</picture> | |
</a> | |
</td> | |
</tr> | |
<tr> | |
<td align="center" valign="middle"> | |
<a | |
href="https://vercel.com/?utm_source=biome&utm_medium=readme" | |
target="_blank" | |
rel="noopener noreferrer" | |
> | |
<picture> | |
<source | |
media="(prefers-color-scheme: light)" | |
srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" | |
/> | |
<source | |
media="(prefers-color-scheme: dark)" | |
srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" | |
/> | |
<img | |
src="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" | |
width="400" | |
alt="Vercel" | |
/> | |
</picture> | |
</a> | |
</td> | |
</tr> |
🤖 Prompt for AI Agents
In packages/@biomejs/biome/README.md around lines 123 to 133, the external link
lacks rel="noopener noreferrer" and the raw image URLs use refs/heads/main;
update the <a> tag to include rel="noopener noreferrer" alongside
target="_blank" and change the raw.githubusercontent.com paths to use /main/
(remove refs/heads/) so the picture/source/img srcset/src point to the
consistent main branch URLs.
<tr> | ||
<td align="center" valign="middle"> | ||
<a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank"> | ||
<picture> | ||
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" /> | ||
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" /> | ||
<img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" /> | ||
</picture> | ||
</a> | ||
</td> | ||
</tr> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🛠️ Refactor suggestion
Improve accessibility/UX: correct fallback image and add rel on external link.
- Switch fallback to vercel-dark.png so it renders on light backgrounds when no media query is honoured.
- Add rel="noopener noreferrer sponsored" to the external link.
- Nit: standardise raw.githubusercontent URLs to /main/.
- <a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank">
+ <a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank" rel="noopener noreferrer sponsored">
<picture>
- <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" />
- <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" />
- <img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" />
+ <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" />
+ <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" />
+ <img src="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" width="400" alt="Vercel" />
</picture>
</a>
📝 Committable suggestion
‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.
<tr> | |
<td align="center" valign="middle"> | |
<a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank"> | |
<picture> | |
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" /> | |
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" /> | |
<img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" /> | |
</picture> | |
</a> | |
</td> | |
</tr> | |
<tr> | |
<td align="center" valign="middle"> | |
<a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank" rel="noopener noreferrer sponsored"> | |
<picture> | |
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" /> | |
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" /> | |
<img src="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" width="400" alt="Vercel" /> | |
</picture> | |
</a> | |
</td> | |
</tr> |
🤖 Prompt for AI Agents
In packages/@biomejs/biome/README.pt-BR.md around lines 111 to 121, update the
Vercel sponsor block to improve accessibility/UX: change the img src fallback
from vercel-light.png to vercel-dark.png so the image displays correctly on
light backgrounds when media queries are not honored, add rel="noopener
noreferrer sponsored" to the external anchor tag for security and attribution,
and standardize the raw.githubusercontent.com resource URLs to use /main/
consistently.
<tr> | ||
<td align="center" valign="middle"> | ||
<a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank"> | ||
<picture> | ||
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" /> | ||
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" /> | ||
<img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" /> | ||
</picture> | ||
</a> | ||
</td> | ||
</tr> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🛠️ Refactor suggestion
Add rel=noopener and switch to canonical raw paths
- rel="noopener noreferrer" avoids tabnabbing.
- raw.githubusercontent.com should use /main/ rather than /refs/heads/main/.
- <a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank">
+ <a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank" rel="noopener noreferrer">
<picture>
- <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" />
- <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" />
- <img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" />
+ <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" />
+ <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" />
+ <img src="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" width="400" alt="Vercel" />
</picture>
📝 Committable suggestion
‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.
<tr> | |
<td align="center" valign="middle"> | |
<a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank"> | |
<picture> | |
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" /> | |
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" /> | |
<img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" /> | |
</picture> | |
</a> | |
</td> | |
</tr> | |
<tr> | |
<td align="center" valign="middle"> | |
<a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank" rel="noopener noreferrer"> | |
<picture> | |
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" /> | |
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" /> | |
<img src="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" width="400" alt="Vercel" /> | |
</picture> | |
</a> | |
</td> | |
</tr> |
🤖 Prompt for AI Agents
In packages/@biomejs/biome/README.ru.md around lines 123 to 133, the anchor tag
lacks rel="noopener noreferrer" (to prevent tabnabbing) and the image URLs use
non-canonical raw GitHub paths (/refs/heads/main/) — update the <a> tag to
include rel="noopener noreferrer" and replace every raw.githubusercontent.com
path that contains /refs/heads/main/ with the canonical /main/ path (apply to
both <source srcset=...> attributes and the <img src=...> attribute).
<tr> | ||
<td align="center" valign="middle"> | ||
<a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank"> | ||
<picture> | ||
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" /> | ||
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" /> | ||
<img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" /> | ||
</picture> | ||
</a> | ||
</td> | ||
</tr> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🛠️ Refactor suggestion
Minor hardening and URL normalisation
- Add rel="noopener noreferrer" to the external link.
- Use /main/ in raw URLs instead of /refs/heads/main/ for consistency and reliability.
- <a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank">
+ <a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank" rel="noopener noreferrer">
<picture>
- <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" />
- <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" />
- <img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" />
+ <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" />
+ <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" />
+ <img src="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" width="400" alt="Vercel" />
</picture>
📝 Committable suggestion
‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.
<tr> | |
<td align="center" valign="middle"> | |
<a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank"> | |
<picture> | |
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" /> | |
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" /> | |
<img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" /> | |
</picture> | |
</a> | |
</td> | |
</tr> | |
<tr> | |
<td align="center" valign="middle"> | |
<a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank" rel="noopener noreferrer"> | |
<picture> | |
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" /> | |
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" /> | |
<img src="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" width="400" alt="Vercel" /> | |
</picture> | |
</a> | |
</td> | |
</tr> |
🤖 Prompt for AI Agents
In packages/@biomejs/biome/README.uk.md around lines 122 to 132, the external
anchor lacks rel attributes for security and the raw image URLs use
/refs/heads/main/ which is inconsistent; update the <a> tag to include
rel="noopener noreferrer" and change the three raw.githubusercontent.com
srcset/src URLs to use /main/ instead of /refs/heads/main/ so the link is
hardened and the raw URLs are normalized.
<tr> | ||
<td align="center" valign="middle"> | ||
<a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank"> | ||
<picture> | ||
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" /> | ||
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" /> | ||
<img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" /> | ||
</picture> | ||
</a> | ||
</td> | ||
</tr> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🛠️ Refactor suggestion
Fallback logo should be dark variant; add rel attrs for target=_blank.
- Use vercel-dark.png as the fallback for better contrast on light backgrounds.
- Add rel="noopener noreferrer sponsored" to the sponsor link.
- Minor: prefer /main/ over /refs/heads/main/ in raw.githubusercontent URLs to match the rest of the README.
- <a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank">
+ <a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank" rel="noopener noreferrer sponsored">
<picture>
- <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" />
- <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" />
- <img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" />
+ <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" />
+ <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" />
+ <img src="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" width="400" alt="Vercel" />
</picture>
</a>
📝 Committable suggestion
‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.
<tr> | |
<td align="center" valign="middle"> | |
<a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank"> | |
<picture> | |
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" /> | |
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" /> | |
<img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" /> | |
</picture> | |
</a> | |
</td> | |
</tr> | |
<tr> | |
<td align="center" valign="middle"> | |
<a | |
href="https://vercel.com/?utm_source=biome&utm_medium=readme" | |
target="_blank" | |
rel="noopener noreferrer sponsored" | |
> | |
<picture> | |
<source | |
media="(prefers-color-scheme: light)" | |
srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" | |
/> | |
<source | |
media="(prefers-color-scheme: dark)" | |
srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" | |
/> | |
<img | |
src="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" | |
width="400" | |
alt="Vercel" | |
/> | |
</picture> | |
</a> | |
</td> | |
</tr> |
🤖 Prompt for AI Agents
In packages/@biomejs/biome/README.zh-CN.md around lines 106 to 116, the sponsor
image fallback and link attributes need adjustment: change the <img> fallback
src to the dark variant (use vercel-dark.png) so the default image has better
contrast on light backgrounds, update the raw.githubusercontent URLs to use
/main/ instead of /refs/heads/main/ to match the rest of the README, and add
rel="noopener noreferrer sponsored" to the <a> tag that has target="_blank" to
improve security and attribution.
<tr> | ||
<td align="center" valign="middle"> | ||
<a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank"> | ||
<picture> | ||
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" /> | ||
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" /> | ||
<img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" /> | ||
</picture> | ||
</a> | ||
</td> | ||
</tr> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🛠️ Refactor suggestion
Use the dark logo as the fallback and add rel on the external link.
- Fallback currently points to vercel-light.png (best on dark backgrounds). For environments not supporting prefers-colour-scheme, fall back to vercel-dark.png so it’s readable on light backgrounds.
- Add rel="noopener noreferrer sponsored" to target="_blank" link.
- Nit: align raw.githubusercontent paths to /main/ like other assets.
- <a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank">
+ <a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank" rel="noopener noreferrer sponsored">
<picture>
- <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" />
- <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" />
- <img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" />
+ <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" />
+ <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" />
+ <img src="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" width="400" alt="Vercel" />
</picture>
</a>
📝 Committable suggestion
‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.
<tr> | |
<td align="center" valign="middle"> | |
<a href="https://vercel.com/?utm_source=biome&utm_medium=readme" target="_blank"> | |
<picture> | |
<source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-dark.png" /> | |
<source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" /> | |
<img src="https://raw.githubusercontent.com/biomejs/resources/refs/heads/main/sponsors/vercel-light.png" width="400" alt="Vercel" /> | |
</picture> | |
</a> | |
</td> | |
</tr> | |
<tr> | |
<td align="center" valign="middle"> | |
<a | |
href="https://vercel.com/?utm_source=biome&utm_medium=readme" | |
target="_blank" | |
rel="noopener noreferrer sponsored" | |
> | |
<picture> | |
<source | |
media="(prefers-color-scheme: light)" | |
srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" | |
/> | |
<source | |
media="(prefers-color-scheme: dark)" | |
srcset="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-light.png" | |
/> | |
<img | |
src="https://raw.githubusercontent.com/biomejs/resources/main/sponsors/vercel-dark.png" | |
width="400" | |
alt="Vercel" | |
/> | |
</picture> | |
</a> | |
</td> | |
</tr> |
🤖 Prompt for AI Agents
packages/@biomejs/biome/README.zh-TW.md lines 119-129: the picture fallback
currently uses vercel-light.png which is unreadable on light backgrounds and the
external link is missing rel attributes; change the <img> fallback src to
vercel-dark.png so non-prefers-color-scheme environments see the dark image on
light backgrounds, add rel="noopener noreferrer sponsored" to the <a> tag with
target="_blank", and normalize the raw.githubusercontent asset URLs to use the
/main/ path consistent with other assets.
Summary
Back as gold sponsor.
Test Plan
N/A