+
Skip to content

Conversation

arendjr
Copy link
Contributor

@arendjr arendjr commented Aug 13, 2025

Summary

Back as gold sponsor.

Test Plan

N/A

@arendjr arendjr requested a review from ematipico August 13, 2025 08:24
Copy link

changeset-bot bot commented Aug 13, 2025

⚠️ No Changeset found

Latest commit: 29b8adf

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

Copy link
Contributor

coderabbitai bot commented Aug 13, 2025

Walkthrough

This 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
  • Create PR with unit tests
  • Post copyable unit tests in a comment

🪧 Tips

Chat

There are 3 ways to chat with CodeRabbit:

‼️ IMPORTANT
Auto-reply has been disabled for this repository in the CodeRabbit settings. The CodeRabbit bot will not respond to your replies unless it is explicitly tagged.

  • Files and specific lines of code (under the "Files changed" tab): Tag @coderabbitai in a new review comment at the desired location with your query.
  • PR comments: Tag @coderabbitai in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
    • @coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.
    • @coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.

Support

Need help? Create a ticket on our support page for assistance with any issues or questions.

CodeRabbit Commands (Invoked using PR/Issue comments)

Type @coderabbitai help to get the list of available commands.

Other keywords and placeholders

  • Add @coderabbitai ignore anywhere in the PR description to prevent this PR from being reviewed.
  • Add @coderabbitai summary to generate the high-level summary at a specific location in the PR description.
  • Add @coderabbitai anywhere in the PR title to generate the title automatically.

Status, Documentation and Community

  • Visit our Status Page to check the current availability of CodeRabbit.
  • Visit our Documentation for detailed information on how to use CodeRabbit.
  • Join our Discord Community to get help, request features, and share feedback.
  • Follow us on X/Twitter for updates and announcements.

@arendjr arendjr merged commit 13bbbc1 into biomejs:main Aug 13, 2025
5 of 6 checks passed
Copy link
Contributor

@coderabbitai coderabbitai bot left a 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 consistency

The 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 entry

Depot 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

📥 Commits

Reviewing files that changed from the base of the PR and between 5241690 and 29b8adf.

📒 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

Comment on lines +125 to +135
<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>
Copy link
Contributor

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.

Suggested change
<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).

Comment on lines +132 to +142
<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>
Copy link
Contributor

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.

Suggested change
<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/.

Comment on lines +107 to +117
<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>
Copy link
Contributor

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.

Suggested change
<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.

Comment on lines +121 to +131
<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>
Copy link
Contributor

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.

Suggested change
<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.

Comment on lines +123 to +133
<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>
Copy link
Contributor

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.

Suggested change
<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.

Comment on lines +111 to +121
<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>
Copy link
Contributor

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.

Suggested change
<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.

Comment on lines +123 to +133
<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>
Copy link
Contributor

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.

Suggested change
<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).

Comment on lines +122 to +132
<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>
Copy link
Contributor

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.

Suggested change
<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.

Comment on lines +106 to +116
<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>
Copy link
Contributor

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.

Suggested change
<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.

Comment on lines +119 to +129
<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>
Copy link
Contributor

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.

Suggested change
<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.

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.

1 participant

点击 这是indexloc提供的php浏览器服务,不要输入任何密码和下载