refactor: Security upgrade graphiql from 2.0.8 to 3.4.1
Snyk has created this PR to fix 1 vulnerabilities in the npm dependencies of this project.
Snyk changed the following file(s):
package.jsonpackage-lock.json
Vulnerabilities that will be fixed with an upgrade:
| Issue | |
|---|---|
| Cross-site Scripting (XSS) SNYK-JS-MARKDOWNIT-12143043 |
[!IMPORTANT]
- Check the changes in this PR to ensure they won't cause issues with your project.
- Max score is 1000. Note that the real score may have changed since the PR was raised.
- 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 fix PRs.
For more information:
🧐 View latest project report
📜 Customise PR templates
🛠 Adjust project settings
📚 Read about Snyk's upgrade logic
Learn how to fix vulnerabilities with free interactive lessons:
Summary by CodeRabbit
- Chores
- Upgraded the built-in API explorer to a newer major version, bringing UI refinements, performance gains, improved accessibility, and broader browser compatibility.
- Users may notice smoother interactions, faster loading, and fixes for prior glitches; core application behavior remains unchanged. This update also addresses security advisories present in older builds.
I will reformat the title to use the proper commit message syntax.
🚀 Thanks for opening this pull request!
📝 Walkthrough
Walkthrough
Updated the GraphiQL dependency in package.json from version 2.0.8 to 3.4.1. No other files or configurations were changed.
Changes
| Cohort / File(s) | Summary |
|---|---|
Dependency bumppackage.json |
Updated dependency graphiql from "2.0.8" to "3.4.1". |
Estimated code review effort
🎯 1 (Trivial) | ⏱️ ~2 minutes
[!TIP]
🔌 Remote MCP (Model Context Protocol) integration is now available!
Pro plan users can now connect to remote MCP servers from the Integrations page. Connect with popular remote MCPs such as Notion and Linear to add more context to your reviews and chats.
📜 Recent review details
Configuration used: CodeRabbit UI
Review profile: CHILL
Plan: Pro
💡 Knowledge Base configuration:
- MCP integration is disabled by default for public repositories
- Jira integration is disabled by default for public repositories
- Linear integration is disabled by default for public repositories
You can enable these sources in your CodeRabbit configuration.
📥 Commits
Reviewing files that changed from the base of the PR and between 6478e4c19bf709f46e82edf090782a2d253cb7bf and d1fda7b5b7c5c8b630a79fb7a0a7f9c9973a3634.
⛔ Files ignored due to path filters (1)
package-lock.jsonis excluded by!**/package-lock.json
📒 Files selected for processing (1)
package.json(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). (1)
- GitHub Check: Docker linux/amd64
🔇 Additional comments (3)
package.json (3)
50-50: Security fix validated: markdown-it removed in GraphiQL 3.4.1Upgrading to 3.4.1 addresses the Snyk advisory by removing markdown-it and graphql-language-service from GraphiQL’s deps, eliminating the vulnerable chain. Good call. (github.com)
50-50: No removed GraphiQL exports imported—default import remains valid
- Verification shows only a default import from
'graphiql'insrc/dashboard/Data/ApiConsole/GraphQLConsole.react.js(line 9), with no named imports of the removed symbols.- GraphiQL 3.4.0 dropped several named exports (e.g.,
DocExplorer,QueryEditor, toolkit helpers), but did not remove the defaultGraphiQLexport, so your existing default import continues to work in v3.4.x (github.com).- The default export was only removed later in GraphiQL 4.0.0-alpha, so
import GraphiQL from 'graphiql'is still correct for version 3.4.1 (newreleases.io).
50-50: Peer-dependencies compatibility confirmed for GraphiQL 3.4.1
- package.json declares
• [email protected]
• [email protected]
• [email protected]
• [email protected]- [email protected] peerDependencies (
react": "^16.8.0 || ^17 || ^18",graphql": "^15.5.0 || ^16.0.0",react-dom": "^16.8.0 || ^17 || ^18") are satisfied by our pinned versions.- [email protected] ups its peers to React ^18 || ^19 (and React-DOM accordingly), so remaining on 3.x until a React 18+ upgrade is appropriate.
- No peer-dependency warnings were emitted during local verification.
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.
🪧 Tips
Chat
There are 3 ways to chat with CodeRabbit:
- Review comments: Directly reply to a review comment made by CodeRabbit. Example:
I pushed a fix in commit <commit_id>, please review it.Open a follow-up GitHub issue for this discussion.
- Files and specific lines of code (under the "Files changed" tab): Tag
@coderabbitaiin a new review comment at the desired location with your query. - PR comments: Tag
@coderabbitaiin 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 ignoreanywhere in the PR description to prevent this PR from being reviewed. - Add
@coderabbitai summaryto generate the high-level summary at a specific location in the PR description. - Add
@coderabbitaianywhere in the PR title to generate the title automatically.
CodeRabbit Configuration File (.coderabbit.yaml)
- You can programmatically configure CodeRabbit by adding a
.coderabbit.yamlfile to the root of your repository. - Please see the configuration documentation for more information.
- If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation:
# yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json
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.
:tada: Snyk checks have passed. No issues have been found so far.
:white_check_mark: security/snyk check is complete. No issues have been found. (View Details)