[Snyk] Upgrade playground-elements from 0.20.0 to 0.21.0

[maicol07]

Snyk has created this PR to upgrade playground-elements from 0.20.0 to 0.21.0.

ℹ️ Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project.

---

• The recommended version is 1 version ahead of your current version.

• The recommended version was released 24 days ago.

Release notes

Package name: playground-elements

• 0.21.0 - 2025-09-23
  

  Changed

  • POTENTIALLY BREAKING Upgraded CodeMirror to v6

  Added

  • Added extensions property to <playground-ide>,
    <playground-file-editor>, and <playground-code-editor> for applying
    programmatic CodeMirror extensions.
  • Added an extensions slot to <playground-ide>,
    <playground-file-editor>, and <playground-code-editor> for applying
    declarative CodeMirror extensions.
  • Exported codemirrorExtensionMixin for creating declarative CodeMirror
    extensions.

  Fixed

  • Safari cursor issues
    • Cursor selection and visiblity was broken in Safari
    • Fixed by updating to Codemirror 6
• 0.20.0 - 2025-04-01
  

  Added

  • Implement cdnBaseUrl property to allow changing the underlying npm CDN base url. See README for more information.

  Fixed

  • Make playground-elements more resilient to 404's from the CDN by not throwing errors when they occur. Instead, log a warning and continue to load the rest of the project.

from playground-elements GitHub release notes

---

Important

• Check the changes in this PR to ensure they won't cause issues with your project.
• This PR was automatically created by Snyk using the credentials of a real user.

---

Note: You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs.

For more information:

• 🧐 View latest project report
• 📜 Customise PR templates
• 🛠 Adjust upgrade PR settings
• 🔕 Ignore this dependency or unsubscribe from future upgrade PRs

[gemini-code-assist]

Summary of Changes

Hello @maicol07, I'm Gemini Code Assist¹! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

This pull request, automatically generated by Snyk, updates the playground-elements dependency from version 0.20.0 to 0.21.0. This upgrade is crucial for maintaining up-to-date dependencies, which enhances security and simplifies future vulnerability management. The new version notably integrates CodeMirror v6, introducing new extension points for customization and resolving critical Safari cursor issues, though it also presents a potentially breaking change due to the CodeMirror update.

Highlights

• Dependency Upgrade: The playground-elements package has been upgraded from version 0.20.0 to 0.21.0.
• CodeMirror v6 Integration: This upgrade includes a potentially breaking change by updating the underlying CodeMirror library to version 6.
• New Extension Capabilities: New extensions properties and slots have been added to playground-ide, playground-file-editor, and playground-code-editor to allow programmatic and declarative CodeMirror extensions.
• Safari Cursor Fix: Addresses and resolves cursor selection and visibility issues in Safari by leveraging the CodeMirror 6 update.

Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature	Command	Description
Code Review	/gemini review	Performs a code review for the current pull request in its current state.
Pull Request Summary	/gemini summary	Provides a summary of the current pull request in its current state.
Comment	@gemini-code-assist	Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help	/gemini help	Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution. ↩

[coderabbitai]

Important

Review skipped

Ignore keyword(s) in the title.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch snyk-upgrade-afccbd49d4490978c9fcdf5e09ee54c1

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[what-the-diff]

PR Summary

• Dependency Update - Playground Elements
  The version of the Playground Elements, a software component we rely on, is updated to its newer version. This could bring new functionalities, performance improvements or bug fixes.

[gemini-code-assist]

Code Review

This pull request upgrades playground-elements from 0.20.0 to 0.21.0. This is a valuable update as it fixes some bugs, but it also comes with a risk. The new version includes a major upgrade of its dependency CodeMirror to v6, which is marked as a potentially breaking change. This could affect the interactive playground examples used in the catalog. I have added a comment to package.json detailing this risk. It's important to ensure no regressions are introduced before merging.

[gemini-code-assist]

This upgrade to playground-elements v0.21.0 introduces a significant risk of regressions. While the update fixes cursor issues in Safari, it does so by upgrading its dependency CodeMirror to v6. The release notes explicitly flag this as a POTENTIALLY BREAKING change. Given the project's use of <playground-file-editor>, this could result in new visual or functional problems in the interactive demos. Any such regressions will need to be addressed before this change is merged.