mifupa

BreznFlow turns n8n workflow JSON exports into interactive, zoomable SVG diagrams inside WordPress. Paste your workflow, and the plugin renders every node with brand-accurate colors, connection lines, and clickable detail panels — directly in your posts and pages.
The plugin was built for mifupa.com, a personal blog where n8n automations are documented regularly. Screenshots get outdated. Embedding the n8n editor is impractical. BreznFlow solves this: one shortcode, one interactive diagram, zero external dependencies.
<h4>At a glance</h4>
<ul>
<li>Renders n8n workflow JSON as interactive SVG diagrams with zoom, pan, and click</li>
<li>86 node types with brand-accurate colors and icons (OpenAI, Slack, GitHub, Telegram, and more)</li>
<li>Click any node to inspect its parameters in a detail panel below the diagram</li>
<li>Automatically masks API keys, tokens, and secrets before storage — the raw JSON is never saved</li>
<li>3-step import wizard: paste JSON, configure display, preview and publish</li>
<li>5 built-in themes (Dark, Light, Minimal, Tech, Brezn) plus custom theme import</li>
<li>Shortcode <code>[breznflow id="X"]</code> with 13 attributes for per-instance configuration</li>
<li>Action bar with share, embed, get JSON, and download actions</li>
<li>Standalone embed page for iframe integration</li>
<li>Related workflows by shared node types</li>
<li>View counter and AI detection badges</li>
<li>Zero dependencies — vanilla JavaScript, no external CDN, no tracking</li>
</ul>
<h4>What makes BreznFlow different</h4>
<ul>
<li>No external services. Everything runs locally inside WordPress. No CDN, no SaaS, no API calls during page loads.</li>
<li>Security first. Sensitive data (API keys, tokens, secrets) is automatically detected and replaced with <code>[REDACTED]</code> before storage. The raw workflow JSON is never saved.</li>
<li>Real interactivity. Not a static image — visitors can zoom, pan, and click nodes to see their configuration.</li>
<li>Vanilla JavaScript. No React, no jQuery, no build step. The renderer is a single JS file that generates SVG elements directly.</li>
<li>Built for real sites. Running on the developer’s own production sites since version 1.0.</li>
</ul>
<h4>Display modes</h4>
<ul>
<li>Visual — full diagram with toolbar, detail panel, and action bar</li>
<li>Info — node counts only (InfoBox summary like “3× HTTP Request, 2× Code”) — no diagram</li>
<li>Compact — diagram without toolbar or action bar</li>
</ul>
<h4>Theme system</h4>
5 built-in themes: Dark (default), Light, Minimal, Tech, and Brezn. Custom themes can be imported as <code>.breznflow.json</code> files containing 41 CSS color tokens. Themes are selectable globally, per workflow, or per shortcode.
<h4>Node type registry</h4>
86 predefined node types across 10 categories: Triggers, Core Logic, Data Transformation, Databases, Communication, Google, Dev Tools, AI, Storage, and CRM/Marketing. Unknown node types get a deterministic fallback with auto-generated colors — the same unknown type always looks the same.
<h4>Sensitive data masking</h4>
Before saving, BreznFlow runs a two-pass sanitization:
<ol>
<li>All strings pass through WordPress sanitization</li>
<li>Secret detection scans for API keys in URL parameters, sensitive header values (Authorization, Bearer, X-API-Key), and high-entropy condition values</li>
</ol>
A masking log records every redaction with reason and context — visible in the wizard preview.
<h4>Action bar</h4>
Below the diagram, the action bar provides four configurable actions:
<ul>
<li>Share — article link and anchor link for hash navigation</li>
<li>Embed — iframe embed code for standalone embedding</li>
<li>Get JSON — formatted JSON display with file size</li>
<li>Download — sanitized JSON file download</li>
</ul>
Each action can be enabled/disabled globally, per workflow, or per shortcode. Embed and Download use dual-gate security (global setting AND per-post permission).
<h3>External Services</h3>
This plugin optionally connects to external services only when you explicitly use the “Import from URL” feature in the workflow import wizard.
<h4>Import from URL</h4>
If you choose to import a workflow by pasting a URL instead of uploading or pasting JSON directly, the plugin makes an HTTP request to that URL using WordPress’s built-in <code>wp_remote_get()</code> function.
<ul>
<li>When: Only when you click the “Fetch” button in the Add Workflow wizard</li>
<li>What is sent: Only the URL you provide — no WordPress data, no user data, no cookies</li>
<li>To whom: Whatever server hosts the URL you provide</li>
<li>Privacy policy: Depends on the server you connect to</li>
</ul>
No data is transmitted automatically. No data is sent during normal page loads or to visitors browsing your site.
For security, requests to private and internal network addresses are blocked: localhost, <code>127.0.0.0/8</code>, <code>10.0.0.0/8</code>, <code>172.16.0.0/12</code>, <code>192.168.0.0/16</code>, and cloud metadata endpoints (e.g. <code>169.254.169.254</code>).

BreznFlow

Display n8n workflows as interactive SVG diagrams with zoom, pan, node details, and automatic secret masking.

DVYZR

Tired of logging into countless WordPress sites for routine checks? Synapse transforms your website into a powerful “WordPress Data Bridge”, giving you programmatic access to the data you need. Connect your site to automation platforms like n8n, Zapier, Make, or your own custom applications.
Synapse is the essential tool for developers, agencies, and security-conscious site owners who want to build efficient workflows, monitor sites remotely, and manage WordPress like a pro.
A POWERFUL LOCAL DASHBOARD & ROBUST API IN ONE
Even as a standalone tool, Synapse provides a valuable local dashboard in your WordPress admin area. Get an instant overview of:
<ul>
<li>Available Updates: All pending updates for core, plugins, and themes at a glance.</li>
<li>Website Health Status: Proactively monitor your site’s health and security.</li>
<li>Moderation Queue: See how many comments or posts are awaiting your approval.</li>
</ul>
But the true power lies in its API. See the full <a href="https://dvyzr.com/synapse-documentation/" rel="nofollow ugc">User Documentation</a> to get started.
KEY API FEATURES (FREE VERSION)
The free version provides the endpoints you need for essential monitoring and maintenance:
<ul>
<li>Monitor Available Updates (<code>/updates</code>): Get a detailed JSON list of all pending WordPress core, plugin, and theme updates.</li>
<li>Check Site Health (<code>/site-health</code>): Receive a comprehensive, machine-readable status report on your site’s performance and security.</li>
<li>View Moderation Queue (<code>/moderation</code>): Check the number of pending comments and posts.</li>
<li>Execute Remote Updates (<code>/updates/...</code>): Trigger plugin, theme, or core updates securely and remotely—perfect for automated maintenance scripts.</li>
</ul>
Explore the full <a href="https://wp-api.dvyzr.com/documentation.html" rel="nofollow ugc">Synapse REST API Documentation</a> to see all possibilities.
WHAT CAN YOU BUILD WITH SYNAPSE? (AUTOMATION USE CASES)
Synapse is designed to be the central hub for your WordPress automation workflows. Here are just a few examples:
<ul>
<li>Proactive Security Monitoring: Build a daily workflow in n8n that checks for security updates and sends a notification to your Slack or Discord channel.</li>
<li>Instant Issue Alerts: Set up an automation that sends a push notification to your phone the moment your site’s health status becomes “critical”.</li>
<li>Efficient Content Management: Automatically create a new task in Trello or Asana whenever a new post is submitted for moderation.</li>
<li>Automated Maintenance Workflows: Create a script that automatically creates a backup of your site and then triggers all pending plugin and theme updates via the Synapse API.</li>
</ul>
FROM A SINGLE SITE TO AN ENTIRE NETWORK
This free plugin is the perfect “Connector” to monitor and manage a single WordPress site.
Looking to manage multiple client sites from a single, central dashboard? The Synapse PRO version allows you to connect all your websites and manage them from one central location, run selective updates without logging in, and much more. The upcoming Synapse ULTIMATE will provide advanced API endpoints for user and content management, making it the ultimate tool for agencies and power users.

Synapse – Data Bridge for Automation

The data bridge for WordPress. A powerful REST API to monitor sites and automate workflows with n8n, Zapier, Make, and your own scripts.

BreznFlow vs Synapse – Data Bridge for Automation