yoren

jtzl

This plugin provides a shortcode that renders a lightweight IRC client written in vanilla JavaScript. It supports direct WebSocket connections to IRC servers (IRCv3-friendly) and includes an optional WebIRC gateway.
Security-conscious defaults:
<ul>
<li>Server allow-list (host:port format), WSS (WebSockets over SSL/TLS) only</li>
<li>Optional WebSocket subprotocols (e.g., <code>text.ircv3.net</code>)</li>
<li>Optional WS path (e.g., <code>/webirc</code>)</li>
<li>Optional CSP connect-src helper (off by default)</li>
<li>Input sanitization and validation</li>
<li>Proper escaping of output</li>
</ul>
Features:
<ul>
<li>Image Sharing: Upload and share images directly in chat with drag-and-drop support</li>
<li>Custom Avatars: Personalized user avatars with upload, crop, and preview functionality</li>
<li>Smart Image Processing: Automatic optimization, resizing, and format conversion (WebP support)</li>
<li>Performance Optimized: Memory-efficient processing with caching and lazy loading</li>
<li>Mobile-First Images: Touch-friendly upload interface with responsive image display</li>
<li>Modern Responsive Design: Mobile-first approach with adaptive layouts for all screen sizes</li>
<li>Enhanced Mobile Experience: Touch-optimized interface with proper virtual keyboard support</li>
<li>Smart Responsive Behavior: Overlay sidebar on mobile, collapsible on tablet, side-by-side on desktop</li>
<li>Editable Username: Click-to-edit nickname with real-time validation and user persistence</li>
<li>User Persistence: Automatic nickname saving for logged-in WordPress users</li>
<li>Lightweight vanilla TypeScript/JavaScript implementation (no frameworks)</li>
<li>Fully responsive design with semantic HTML</li>
<li>Internationalization ready (i18n strings)</li>
<li>Configurable server allow-list with strict validation</li>
<li>WebSocket subprotocol support (IRCv3)</li>
<li>Optional WebIRC gateway fallback</li>
<li>Comprehensive IRC slash commands: 30+ commands including /join, /part, /nick, /msg, /whois, /topic, /away, /help, and more</li>
<li>Automatic nickname generation and collision handling</li>
<li>Debug logging and connection status indicators</li>
<li>Optional Content Security Policy (CSP) header generation</li>
<li>WordPress hooks and filters for extensibility</li>
<li>Follows WordPress Coding Standards</li>
</ul>
<h3>Usage</h3>
Basic Usage: 
Simply add the shortcode <code>[chat_webirc]</code> to any page or post where you want the IRC chat to appear. The plugin will use secure default settings to connect to a test IRC server.
Shortcode Examples: 
* Basic: <code>[chat_webirc]</code> – Uses default server and channel 
* Custom channel: <code>[chat_webirc channel="#mychannel"]</code> 
* Custom server: <code>[chat_webirc server="irc.example.com:7443" channel="#general"]</code>
Available IRC Commands: 
Once the chat is loaded, users can use these commands:
Basic Commands: 
* <code>/join #channel</code> – Join a channel 
* <code>/part [#channel]</code> – Leave current or specified channel 
* <code>/nick newname</code> – Change nickname 
* <code>/quit [message]</code> – Disconnect 
* <code>/help</code> – Show all available commands
Communication: 
* <code>/msg <nick> <message></code> – Send private message 
* <code>/notice <target> <message></code> – Send notice message 
* <code>/me <action></code> – Send action message 
* <code>/query <nick></code> – Open private chat context
User & Channel Info: 
* <code>/whois <nick></code> – Get detailed user information 
* <code>/who [channel]</code> – List users in channel 
* <code>/list [pattern]</code> – List available channels 
* <code>/names [channel]</code> – List nicknames in channel 
* <code>/topic [text]</code> – View/set channel topic
Status & Utility: 
* <code>/away [message]</code> – Set away status 
* <code>/back</code> – Remove away status 
* <code>/ping <nick></code> – Ping user 
* <code>/version [nick]</code> – Get version info
Advanced Commands: 
* <code>/ctcp <nick> <command></code> – Send CTCP command 
* <code>/motd [server]</code> – View message of the day 
* <code>/stats <query> [server]</code> – View server statistics 
* <code>/raw <command></code> – Send raw IRC command (if enabled)
Type <code>/help</code> in the chat for the complete command reference.
Configuration: 
Go to Settings → Chat for WebIRC in your WordPress admin to customize servers, channels, and security options.
<h3>Notes</h3>
<ul>
<li>Some public IRC networks may restrict WebSocket connections to certain origins. The included test server permits connections for testing purposes.</li>
<li>Do not send sensitive information. This client is intentionally minimal and does not yet support SASL authentication.</li>
</ul>

Chat for WebIRC

A framework-light WordPress plugin that embeds a WebSocket IRC client.

POTAR

MQTT-Plug brings live MQTT data directly into WordPress using secure WebSocket connections. 
It is designed for developers, IoT experimenters, and small production deployments that want real-time visibility without building a custom frontend.
Unlike traditional MQTT tools, MQTT-Plug focuses on embedding live data into WordPress pages, posts, and dashboards, while keeping credentials safe and configuration simple.
<h3>Key Features</h3>
<ul>
<li>Connect to MQTT brokers over WS/WSS</li>
<li>Live message stream and event log</li>
<li>Topic-based subscriptions</li>
<li>Shortcode-driven embeds</li>
<li>Works with public or authenticated dashboards</li>
<li>Designed for modern MQTT backends (Mosquitto, EMQX, HiveMQ, The-Link-Builders, managed brokers)</li>
<li>No external Node services required</li>
<li>Lightweight; no tracking, no telemetry, no lock-in</li>
</ul>
MQTT-Plug is infrastructure-agnostic. You control your broker, topics, and data flow.
<h3>Configuration</h3>
In Settings → MQTT-Plug, configure:
<ul>
<li>Broker host</li>
<li>WebSocket port</li>
<li>TLS / secure connection (WSS)</li>
<li>Username and password (if required)</li>
<li>Base topic or subscription filter</li>
<li>Debug logging (optional)</li>
</ul>
All credentials are stored using WordPress options and are never exposed to public users unless explicitly enabled.
<h3>Usage</h3>
Basic shortcode:
[mqtt_plug]
Optional attributes:
<ul>
<li><code>height="520px"</code> – set container height</li>
<li><code>class="custom-class"</code> – add a CSS hook</li>
<li><code>mode="observer"</code> – server-fed or read-only views (if enabled)</li>
</ul>
Example:
[mqtt_plug height=”600px” class=”iot-dashboard” mode=”observer”]
<h3>Security Notes</h3>
<ul>
<li>Public pages should not use live credentials.</li>
<li>Use observer or server-fed modes for public dashboards.</li>
<li>Always prefer WSS when exposing MQTT over the internet.</li>
<li>Rotate credentials regularly for production systems.</li>
</ul>
MQTT-Plug does not open inbound ports on WordPress and does not proxy MQTT traffic through the server unless explicitly configured.
<h3>License</h3>
GPLv2 or later.
<h3>Credits</h3>
Developed by Michael Winchester 
For documentation and updates, visit <a href="https://meshplug.michaelwinchester.com/" rel="nofollow ugc">https://meshplug.michaelwinchester.com/</a>

MQTT-Plug

Real-time MQTT dashboards inside WordPress. Connect securely over WebSocket (WS/WSS) and visualize live IoT data, logs, and events.

Chat for WebIRC vs MQTT-Plug