Joe Fusco

Jason Bahl

WPGraphQL IDE is a next-generation query editor for WPGraphQL, built on WordPress’s component library and CodeMirror 6. It replaces the bundled legacy GraphiQL interface with a faster, more extensible IDE that feels native to wp-admin.
Three ways to open the IDE:
<ul>
<li>Dedicated page at <code>wp-admin/admin.php?page=graphql-ide</code></li>
<li>Drawer — slide-up panel triggered from the admin bar, available on every wp-admin and front-end page</li>
<li>Public endpoint mode (opt-in) — visiting the GraphQL endpoint URL in a browser renders the IDE shell instead of returning JSON. Anonymous visitors get a read-only schema browser; signed-in administrators get the full editor.</li>
</ul>
Editor features:
<ul>
<li>Multi-tab editor with auto-save and overflow tab dropdown</li>
<li>Schema-aware autocomplete, hover-doc tooltips, and inline lint warnings (powered by CodeMirror 6 + cm6-graphql)</li>
<li>Cmd-click navigation from any field, type, or argument straight to the Docs Explorer</li>
<li>Response panes: JSON viewer, table view, status code / duration / size / resolver-count badges, request tracing, query log, N+1 detection</li>
<li>Variables and headers editors with their own autocomplete</li>
<li>Per-document settings (description, alias names, max-age cache hint, allow/deny)</li>
<li>Execution history persisted to localStorage, scoped per WordPress user and IDE context — available to anonymous public-endpoint visitors too</li>
<li>Saved Queries panel with personal collections and share links (when WPGraphQL Smart Cache is also active)</li>
<li>Full keyboard support: Cmd+Enter to execute, Ctrl+Shift+P to prettify, arrow keys to switch tabs</li>
</ul>
What’s new in 5.0:
<ul>
<li>Rebuilt UI on <code>@wordpress/components</code> and <code>@wordpress/data</code>. The legacy GraphiQL wrapper is gone — see the Upgrade Notice if you have customizations.</li>
<li>Smart Cache integration. Saved documents now live in <code>wp-graphql-smart-cache</code>‘s <code>graphql_document</code> post type — one canonical primitive for the WPGraphQL ecosystem. The IDE works standalone when Smart Cache isn’t installed; Saved Queries / Document Settings / share links light up when it is.</li>
<li>Three render modes (above), each individually configurable.</li>
<li>Schema-typed data layer. Document and collection operations run through WPGraphQL itself instead of the WordPress REST API.</li>
<li>Full internationalization. Every UI string passes through <code>@wordpress/i18n</code> under the <code>wpgraphql-ide</code> text domain.</li>
<li>Auto-upgrade from 4.x. Open tabs and query history saved by the legacy GraphiQL UI migrate forward on first 5.0 load.</li>
</ul>
For the complete breaking-change list and 4.x → 5.0 migration guide, see <code>UPGRADE-5.0.md</code> in the plugin or the project’s GitHub releases.
<h3>Privacy Policy</h3>
WPGraphQL IDE uses <a href="https://appsero.com" rel="nofollow ugc">Appsero</a> SDK to collect some telemetry data upon user’s confirmation. This helps us to troubleshoot problems faster and make product improvements.
Appsero SDK does not gather any data by default. The SDK only starts gathering basic telemetry data when a user allows it via the admin notice.
When you opt in, each telemetry request is sent to Appsero and a duplicate is sent in a non-blocking request to WPGraphQL-operated infrastructure at https://telemetry.wpgraphql.com (the same categories of data as described for Appsero below).
Learn more about how <a href="https://appsero.com/privacy-policy/" rel="nofollow ugc">Appsero collects and uses this data</a>.

WPGraphQL IDE

Modern GraphQL IDE for WPGraphQL — schema-aware editor, execution history, saved queries, and a public endpoint mode.

kripanov

Kripanov Anticopia protects your WordPress content against content theft and web scraping. When activated, it disables keyboard shortcuts, right-click, copy and paste, text selection, image dragging and browser inspection tools on your website.
In addition to the common copy methods, the anti-copy protection also blocks inspection tools (DevTools), providing a protected site where copyright infringement is made significantly harder.
<h4>Features</h4>
<ul>
<li>Disable the right-click context menu.</li>
<li>Prevent text selection across the whole site.</li>
<li>Block copy, cut and paste actions.</li>
<li>Block keyboard shortcuts: <code>Ctrl+C</code>, <code>Ctrl+X</code>, <code>Ctrl+V</code>, <code>Ctrl+A</code>, <code>Ctrl+S</code>.</li>
<li>Block browser inspection tools: <code>F12</code>, <code>Ctrl+Shift+I</code>, <code>Ctrl+Shift+J</code>, <code>Ctrl+Shift+C</code>, <code>Ctrl+Shift+K</code>, <code>Ctrl+U</code>.</li>
<li>Basic detection of DevTools being open.</li>
<li>Prevent image dragging and saving.</li>
<li>Block printing (<code>Ctrl+P</code>) and hide content on print.</li>
<li>Customizable notice message shown when a copy attempt is made.</li>
<li>Option to exclude administrators from the protection.</li>
<li>Full settings panel under Settings > Anticopia.</li>
</ul>
<h4>Compatibility</h4>
Compatible with WordPress 7.0 and PHP 7.4 or greater. Uses the <code>defer</code> loading strategy of <code>wp_enqueue_script</code> (available since WP 6.3) to avoid blocking page rendering. Frontend-only: does not load scripts in wp-admin or the block editor, so it is unaffected by the iframed editor changes in WordPress 7.0.
<h4>Privacy</h4>
This plugin does not collect, send or store any personal data from your visitors. All processing happens client-side in the visitor’s browser.

Kripanov Anticopia

Anti-copy protection: disables right-click, text selection, copy, paste, keyboard shortcuts and browser inspection tools.

WPGraphQL IDE vs Kripanov Anticopia