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

Mesh-Plug provides a simple shortcode that connects to your MQTT broker over WebSocket and prints incoming messages to a live log.
Shortcode: [mesh_plug]
Map shortcode options: 
– map_tiles=”voyager|osm|light|dark” (default: voyager) 
– map_zoom=”13″ map_min_zoom=”2″ map_max_zoom=”18″ 
– fit=”1|0|once” fit_max_zoom=”13″ center=”lat,lon”
<h3>External services</h3>
Mesh-Plug can connect to external services depending on how you configure and use it.
<h4>MQTT broker (configured by the site administrator)</h4>
Mesh-Plug connects directly from the visitor’s browser to the MQTT broker WebSocket URL you enter in Settings → Mesh-Plug. 
This is required for the plugin to receive and display Meshtastic/MQTT messages.
Data sent: the visitor’s browser establishes a WebSocket connection to your broker; it may send a client ID and (optionally) the username/password you configured; it subscribes to the topic filter you configured. 
When: whenever a page containing the [mesh_plug] shortcode is loaded and the user connects (or auto-connect is enabled).
Terms/Privacy: this depends on the broker provider you choose. If you use a third-party MQTT hosting provider, review their terms and privacy policy.
<h4>Map tile providers (CARTO / OpenStreetMap)</h4>
If you use the Map tab, Mesh-Plug downloads map tiles from a free provider to render the basemap. 
By default, Mesh-Plug uses CARTO Voyager tiles. You can switch to OpenStreetMap tiles with shortcode map attributes.
Data sent: standard HTTP requests for map tiles; this typically includes the visitor’s IP address, user agent, and the requested tile coordinates. 
When: whenever the Map tab is opened/visible and the map needs to load tiles.
CARTO basemaps: https://carto.com/basemaps 
OpenStreetMap tile usage policy: https://operations.osmfoundation.org/policies/tiles/ 
OpenStreetMap privacy policy: https://osmfoundation.org/wiki/Privacy_Policy
<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>

Mesh-Plug for Meshtastic

Lightweight Meshtastic/MQTT viewer for WordPress via MQTT over WebSocket (WS/WSS).

Chat for WebIRC vs Mesh-Plug for Meshtastic