htmx.org 4.0.0-alpha3 → 4.0.0-alpha4

package/dist/ext/hx-ws.js

@@ -0,0 +1,588 @@
+(() => {
+    let api;
+    
+    // Helper to get attribute value, checking colon, hyphen, and plain variants
+    function getWsAttribute(element, attrName) {
+        // Try colon variant first (hx-ws:connect)
+        let colonValue = api.attributeValue(element, 'hx-ws:' + attrName);
+        if (colonValue !== null && colonValue !== undefined) return colonValue;
+        
+        // Try hyphen variant for JSX (hx-ws-connect)
+        let hyphenValue = api.attributeValue(element, 'hx-ws-' + attrName);
+        if (hyphenValue !== null && hyphenValue !== undefined) return hyphenValue;
+        
+        // For 'send', also check plain 'hx-ws' (marker attribute)
+        if (attrName === 'send') {
+            let plainValue = api.attributeValue(element, 'hx-ws');
+            if (plainValue !== null && plainValue !== undefined) return plainValue;
+        }
+        
+        return null;
+    }
+    
+    // Helper to check if element has WebSocket attribute (any variant)
+    function hasWsAttribute(element, attrName) {
+        let value = getWsAttribute(element, attrName);
+        return value !== null && value !== undefined;
+    }
+    
+    // ========================================
+    // CONFIGURATION
+    // ========================================
+    
+    function getConfig() {
+        const defaults = {
+            reconnect: true,
+            reconnectDelay: 1000,
+            reconnectMaxDelay: 30000,
+            reconnectJitter: true,
+            autoConnect: false,
+            pauseInBackground: true
+        };
+        return { ...defaults, ...(htmx.config.websockets || {}) };
+    }
+    
+    // ========================================
+    // CONNECTION REGISTRY
+    // ========================================
+    
+    const connectionRegistry = new Map();
+    
+    function getOrCreateConnection(url, element) {
+        if (connectionRegistry.has(url)) {
+            let entry = connectionRegistry.get(url);
+            entry.refCount++;
+            entry.elements.add(element);
+            return entry;
+        }
+        
+        let entry = {
+            socket: null,
+            refCount: 1,
+            elements: new Set([element]),
+            reconnectAttempts: 0,
+            reconnectTimer: null,
+            pendingRequests: new Map()
+        };
+        
+        connectionRegistry.set(url, entry);
+        createWebSocket(url, entry);
+        return entry;
+    }
+    
+    function createWebSocket(url, entry) {
+        let firstElement = entry.elements.values().next().value;
+        if (firstElement) {
+            if (!triggerEvent(firstElement, 'htmx:before:ws:connect', { url })) {
+                return;
+            }
+        }
+        
+        try {
+            entry.socket = new WebSocket(url);
+            
+            entry.socket.addEventListener('open', () => {
+                // Don't reset reconnectAttempts immediately - allow backoff to persist across quick reconnections
+                // It will naturally decrease as the connection remains stable
+                if (firstElement) {
+                    triggerEvent(firstElement, 'htmx:after:ws:connect', { url, socket: entry.socket });
+                }
+            });
+            
+            entry.socket.addEventListener('message', (event) => {
+                handleMessage(entry, event);
+            });
+            
+            entry.socket.addEventListener('close', () => {
+                if (firstElement) {
+                    triggerEvent(firstElement, 'htmx:ws:close', { url });
+                }
+                
+                // Check if entry is still valid (not cleared)
+                if (!connectionRegistry.has(url)) return;
+                
+                let config = getConfig();
+                if (config.reconnect && entry.refCount > 0) {
+                    scheduleReconnect(url, entry);
+                } else {
+                    connectionRegistry.delete(url);
+                }
+            });
+            
+            entry.socket.addEventListener('error', (error) => {
+                if (firstElement) {
+                    triggerEvent(firstElement, 'htmx:ws:error', { url, error });
+                }
+            });
+        } catch (error) {
+            if (firstElement) {
+                triggerEvent(firstElement, 'htmx:ws:error', { url, error });
+            }
+        }
+    }
+    
+    function scheduleReconnect(url, entry) {
+        let config = getConfig();
+        
+        // Increment attempts before calculating delay for proper exponential backoff
+        let attempts = entry.reconnectAttempts;
+        entry.reconnectAttempts++;
+        
+        let delay = Math.min(
+            (config.reconnectDelay || 1000) * Math.pow(2, attempts),
+            config.reconnectMaxDelay || 30000
+        );
+        
+        if (config.reconnectJitter) {
+            delay = delay * (0.75 + Math.random() * 0.5);
+        }
+        
+        entry.reconnectTimer = setTimeout(() => {
+            if (entry.refCount > 0) {
+                let firstElement = entry.elements.values().next().value;
+                if (firstElement) {
+                    triggerEvent(firstElement, 'htmx:ws:reconnect', { url, attempts });
+                }
+                createWebSocket(url, entry);
+            }
+        }, delay);
+    }
+    
+    function decrementRef(url, element) {
+        if (!connectionRegistry.has(url)) return;
+        
+        let entry = connectionRegistry.get(url);
+        entry.elements.delete(element);
+        entry.refCount--;
+        
+        if (entry.refCount <= 0) {
+            if (entry.reconnectTimer) {
+                clearTimeout(entry.reconnectTimer);
+            }
+            if (entry.socket && entry.socket.readyState === WebSocket.OPEN) {
+                entry.socket.close();
+            }
+            connectionRegistry.delete(url);
+        }
+    }
+    
+    // ========================================
+    // MESSAGE SENDING
+    // ========================================
+    
+    function sendMessage(element, event) {
+        // Find connection URL
+        let url = getWsAttribute(element, 'send');
+        if (!url) {
+            // Look for nearest ancestor with hx-ws:connect or hx-ws-connect
+            let prefix = htmx.config.prefix || '';
+            let ancestor = element.closest('[' + prefix + 'hx-ws\\:connect],[' + prefix + 'hx-ws-connect]');
+            if (ancestor) {
+                url = getWsAttribute(ancestor, 'connect');
+            }
+        }
+        
+        if (!url) {
+            console.error('No WebSocket connection found for hx-ws:send element', element);
+            return;
+        }
+        
+        let entry = connectionRegistry.get(url);
+        if (!entry || !entry.socket || entry.socket.readyState !== WebSocket.OPEN) {
+            triggerEvent(element, 'htmx:wsSendError', { url, error: 'Connection not open' });
+            return;
+        }
+        
+        // Build message
+        let form = element.form || element.closest('form');
+        let body = api.collectFormData(element, form, event.submitter);
+        api.handleHxVals(element, body);
+        
+        let values = {};
+        for (let [key, value] of body) {
+            values[key] = value;
+        }
+        
+        let requestId = generateUUID();
+        let message = {
+            type: 'request',
+            request_id: requestId,
+            event: event.type,
+            values: values,
+            path: url
+        };
+        
+        if (element.id) {
+            message.id = element.id;
+        }
+        
+        // Allow modification via event
+        let detail = { message, element, url };
+        if (!triggerEvent(element, 'htmx:before:ws:send', detail)) {
+            return;
+        }
+        
+        try {
+            entry.socket.send(JSON.stringify(detail.message));
+            
+            // Store pending request for response matching
+            entry.pendingRequests.set(requestId, { element, timestamp: Date.now() });
+            
+            triggerEvent(element, 'htmx:after:ws:send', { message: detail.message, url });
+        } catch (error) {
+            triggerEvent(element, 'htmx:wsSendError', { url, error });
+        }
+    }
+    
+    function generateUUID() {
+        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
+            let r = Math.random() * 16 | 0;
+            let v = c === 'x' ? r : (r & 0x3 | 0x8);
+            return v.toString(16);
+        });
+    }
+    
+    // ========================================
+    // MESSAGE RECEIVING & ROUTING
+    // ========================================
+    
+    function handleMessage(entry, event) {
+        let envelope;
+        try {
+            envelope = JSON.parse(event.data);
+        } catch (e) {
+            // Not JSON, emit unknown message event
+            let firstElement = entry.elements.values().next().value;
+            if (firstElement) {
+                triggerEvent(firstElement, 'htmx:wsUnknownMessage', { data: event.data });
+            }
+            return;
+        }
+        
+        // Apply defaults for channel and format
+        envelope.channel = envelope.channel || 'ui';
+        envelope.format = envelope.format || 'html';
+        
+        // Find target element for this message
+        let targetElement = null;
+        if (envelope.request_id && entry.pendingRequests.has(envelope.request_id)) {
+            targetElement = entry.pendingRequests.get(envelope.request_id).element;
+            entry.pendingRequests.delete(envelope.request_id);
+        } else {
+            // Use first element in the connection
+            targetElement = entry.elements.values().next().value;
+        }
+        
+        // Emit before:message event (cancelable)
+        if (!triggerEvent(targetElement, 'htmx:before:ws:message', { envelope, element: targetElement })) {
+            return;
+        }
+        
+        // Route based on channel
+        if (envelope.channel === 'ui' && envelope.format === 'html') {
+            handleHtmlMessage(targetElement, envelope);
+        } else if (envelope.channel && (envelope.channel === 'audio' || envelope.channel === 'json' || envelope.channel === 'binary')) {
+            // Known custom channel - emit event for extensions to handle
+            triggerEvent(targetElement, 'htmx:wsMessage', { ...envelope, element: targetElement });
+        } else {
+            // Unknown channel/format - emit unknown message event
+            triggerEvent(targetElement, 'htmx:wsUnknownMessage', { ...envelope, element: targetElement });
+        }
+        
+        triggerEvent(targetElement, 'htmx:after:ws:message', { envelope, element: targetElement });
+    }
+    
+    // ========================================
+    // HTML PARTIAL HANDLING
+    // ========================================
+    
+    function handleHtmlMessage(element, envelope) {
+        let parser = new DOMParser();
+        let doc = parser.parseFromString(envelope.payload, 'text/html');
+        
+        // Find all hx-partial elements
+        let partials = doc.querySelectorAll('hx-partial');
+        
+        if (partials.length === 0) {
+            // No partials, treat entire payload as content for element's target
+            let target = resolveTarget(element);
+            if (target) {
+                swapContent(target, envelope.payload, element);
+            }
+            return;
+        }
+        
+        partials.forEach(partial => {
+            let targetId = partial.getAttribute('id');
+            if (!targetId) return;
+            
+            let target = document.getElementById(targetId);
+            if (!target) return;
+            
+            swapContent(target, partial.innerHTML, element);
+        });
+    }
+    
+    function resolveTarget(element) {
+        let targetSelector = api.attributeValue(element, 'hx-target');
+        if (targetSelector) {
+            if (targetSelector === 'this') {
+                return element;
+            }
+            return document.querySelector(targetSelector);
+        }
+        return element;
+    }
+    
+    function swapContent(target, content, sourceElement) {
+        let swapStyle = api.attributeValue(sourceElement, 'hx-swap') || htmx.config.defaultSwap;
+        
+        // Parse swap style (just get the main style, ignore modifiers for now)
+        let style = swapStyle.split(' ')[0];
+        
+        // Normalize swap style
+        style = normalizeSwapStyle(style);
+        
+        // Perform swap
+        switch (style) {
+            case 'innerHTML':
+                target.innerHTML = content;
+                break;
+            case 'outerHTML':
+                target.outerHTML = content;
+                break;
+            case 'beforebegin':
+                target.insertAdjacentHTML('beforebegin', content);
+                break;
+            case 'afterbegin':
+                target.insertAdjacentHTML('afterbegin', content);
+                break;
+            case 'beforeend':
+                target.insertAdjacentHTML('beforeend', content);
+                break;
+            case 'afterend':
+                target.insertAdjacentHTML('afterend', content);
+                break;
+            case 'delete':
+                target.remove();
+                break;
+            case 'none':
+                // Do nothing
+                break;
+            default:
+                target.innerHTML = content;
+        }
+        
+        // Process new content with HTMX
+        htmx.process(target);
+    }
+    
+    function normalizeSwapStyle(style) {
+        return style === 'before' ? 'beforebegin' :
+               style === 'after' ? 'afterend' :
+               style === 'prepend' ? 'afterbegin' :
+               style === 'append' ? 'beforeend' : style;
+    }
+    
+    // ========================================
+    // EVENT HELPERS
+    // ========================================
+    
+    function triggerEvent(element, eventName, detail = {}) {
+        if (!element) return true;
+        return htmx.trigger(element, eventName, detail);
+    }
+    
+    // ========================================
+    // ELEMENT LIFECYCLE
+    // ========================================
+    
+    function initializeElement(element) {
+        if (element._htmx?.wsInitialized) return;
+
+        let connectUrl = getWsAttribute(element, 'connect');
+        if (!connectUrl) return;
+
+        element._htmx = element._htmx || {};
+        element._htmx.wsInitialized = true;
+        
+        let config = getConfig();
+        let triggerSpec = api.attributeValue(element, 'hx-trigger');
+        
+        if (!triggerSpec && config.autoConnect === true) {
+            // Auto-connect on element initialization
+            getOrCreateConnection(connectUrl, element);
+            element._htmx = element._htmx || {};
+            element._htmx.wsUrl = connectUrl;
+        } else if (triggerSpec) {
+            // Connect based on trigger
+            let specs = api.parseTriggerSpecs(triggerSpec);
+            if (specs.length > 0) {
+                let spec = specs[0];
+                if (spec.name === 'load') {
+                    getOrCreateConnection(connectUrl, element);
+                    element._htmx = element._htmx || {};
+                    element._htmx.wsUrl = connectUrl;
+                } else {
+                    // Set up event listener for other triggers
+                    element.addEventListener(spec.name, () => {
+                        if (!element._htmx?.wsUrl) {
+                            getOrCreateConnection(connectUrl, element);
+                            element._htmx = element._htmx || {};
+                            element._htmx.wsUrl = connectUrl;
+                        }
+                    }, { once: true });
+                }
+            }
+        }
+    }
+    
+    function initializeSendElement(element) {
+        if (element._htmx?.wsSendInitialized) return;
+
+        let sendUrl = getWsAttribute(element, 'send');
+        let triggerSpec = api.attributeValue(element, 'hx-trigger');
+        
+        if (!triggerSpec) {
+            // Default trigger based on element type
+            triggerSpec = element.matches('form') ? 'submit' :
+                         element.matches('input:not([type=button]),select,textarea') ? 'change' :
+                         'click';
+        }
+        
+        let specs = api.parseTriggerSpecs(triggerSpec);
+        if (specs.length > 0) {
+            let spec = specs[0];
+            
+            let handler = (evt) => {
+                // Prevent default for forms
+                if (element.matches('form') && evt.type === 'submit') {
+                    evt.preventDefault();
+                }
+                
+                // If this element has its own URL, ensure connection exists
+                if (sendUrl) {
+                    if (!element._htmx?.wsUrl) {
+                        getOrCreateConnection(sendUrl, element);
+                        element._htmx = element._htmx || {};
+                        element._htmx.wsUrl = sendUrl;
+                    }
+                }
+                
+                sendMessage(element, evt);
+            };
+            
+            element.addEventListener(spec.name, handler);
+            element._htmx = element._htmx || {};
+            element._htmx.wsSendInitialized = true;
+            element._htmx.wsSendHandler = handler;
+            element._htmx.wsSendEvent = spec.name;
+        }
+    }
+    
+    function cleanupElement(element) {
+        if (element._htmx?.wsUrl) {
+            decrementRef(element._htmx.wsUrl, element);
+        }
+        
+        if (element._htmx?.wsSendHandler) {
+            element.removeEventListener(element._htmx.wsSendEvent, element._htmx.wsSendHandler);
+        }
+    }
+    
+    // ========================================
+    // BACKWARD COMPATIBILITY
+    // ========================================
+    
+    function checkLegacyAttributes(element) {
+        // Check for old ws-connect / ws-send attributes
+        if (element.hasAttribute('ws-connect') || element.hasAttribute('ws-send')) {
+            console.warn('HTMX WebSocket: Legacy attributes ws-connect and ws-send are deprecated. Please use hx-ws:connect/hx-ws-connect and hx-ws:send/hx-ws-send instead.');
+            
+            // Map legacy attributes to new ones (prefer hyphen variant for broader compatibility)
+            if (element.hasAttribute('ws-connect')) {
+                let url = element.getAttribute('ws-connect');
+                if (!element.hasAttribute('hx-ws-connect')) {
+                    element.setAttribute('hx-ws-connect', url);
+                }
+            }
+            
+            if (element.hasAttribute('ws-send')) {
+                if (!element.hasAttribute('hx-ws-send')) {
+                    element.setAttribute('hx-ws-send', '');
+                }
+            }
+        }
+    }
+    
+    // ========================================
+    // EXTENSION REGISTRATION
+    // ========================================
+    
+    htmx.registerExtension('ws', {
+        init: (internalAPI) => {
+            api = internalAPI;
+            
+            // Initialize default config if not set
+            if (!htmx.config.websockets) {
+                htmx.config.websockets = {};
+            }
+        },
+        
+        htmx_after_process: (element) => {
+            const processNode = (node) => {
+                // Check for legacy attributes
+                checkLegacyAttributes(node);
+                
+                // Initialize WebSocket connection elements (check both variants)
+                if (hasWsAttribute(node, 'connect')) {
+                    initializeElement(node);
+                }
+                
+                // Initialize send elements (check both variants)
+                if (hasWsAttribute(node, 'send')) {
+                    initializeSendElement(node);
+                }
+            };
+
+            // Process the element itself
+            processNode(element);
+            
+            // Process descendants
+            element.querySelectorAll('[hx-ws\\:connect], [hx-ws-connect], [hx-ws\\:send], [hx-ws-send], [hx-ws], [ws-connect], [ws-send]').forEach(processNode);
+        },
+        
+        htmx_before_cleanup: (element) => {
+            cleanupElement(element);
+        }
+    });
+    
+    // Expose registry for testing
+    if (typeof window !== 'undefined' && window.htmx) {
+        window.htmx.ext = window.htmx.ext || {};
+        window.htmx.ext.ws = {
+            getRegistry: () => ({
+                clear: () => {
+                    let entries = Array.from(connectionRegistry.values());
+                    connectionRegistry.clear(); // Clear first to prevent reconnects
+                    
+                    entries.forEach(entry => {
+                        entry.refCount = 0; // Prevent pending timeouts from reconnecting
+                        if (entry.reconnectTimer) {
+                            clearTimeout(entry.reconnectTimer);
+                        }
+                        if (entry.socket) {
+                            // Remove listeners if possible or just close
+                            entry.socket.close();
+                        }
+                        entry.elements.clear();
+                        entry.pendingRequests.clear();
+                    });
+                },
+                get: (key) => connectionRegistry.get(key),
+                has: (key) => connectionRegistry.has(key),
+                size: connectionRegistry.size
+            })
+        };
+    }
+})();

package/dist/ext/hx-ws.min.js

@@ -0,0 +1 @@
+(()=>{let e;function t(t,n){let r=e.attributeValue(t,"hx-ws:"+n);if(null!=r)return r;let s=e.attributeValue(t,"hx-ws-"+n);if(null!=s)return s;if("send"===n){let n=e.attributeValue(t,"hx-ws");if(null!=n)return n}return null}function n(e,n){let r=t(e,n);return null!=r}function r(){return{reconnect:!0,reconnectDelay:1e3,reconnectMaxDelay:3e4,reconnectJitter:!0,autoConnect:!1,pauseInBackground:!0,...htmx.config.websockets||{}}}const s=new Map;function o(e,t){if(s.has(e)){let n=s.get(e);return n.refCount++,n.elements.add(t),n}let n={socket:null,refCount:1,elements:new Set([t]),reconnectAttempts:0,reconnectTimer:null,pendingRequests:new Map};return s.set(e,n),c(e,n),n}function c(t,n){let o=n.elements.values().next().value;if(!o||i(o,"htmx:before:ws:connect",{url:t}))try{n.socket=new WebSocket(t),n.socket.addEventListener("open",()=>{o&&i(o,"htmx:after:ws:connect",{url:t,socket:n.socket})}),n.socket.addEventListener("message",t=>{!function(t,n){let r;try{r=JSON.parse(n.data)}catch(e){let r=t.elements.values().next().value;return void(r&&i(r,"htmx:wsUnknownMessage",{data:n.data}))}r.channel=r.channel||"ui",r.format=r.format||"html";let s=null;r.request_id&&t.pendingRequests.has(r.request_id)?(s=t.pendingRequests.get(r.request_id).element,t.pendingRequests.delete(r.request_id)):s=t.elements.values().next().value;if(!i(s,"htmx:before:ws:message",{envelope:r,element:s}))return;"ui"===r.channel&&"html"===r.format?function(t,n){let r=(new DOMParser).parseFromString(n.payload,"text/html"),s=r.querySelectorAll("hx-partial");if(0===s.length){let r=function(t){let n=e.attributeValue(t,"hx-target");if(n)return"this"===n?t:document.querySelector(n);return t}(t);return void(r&&l(r,n.payload,t))}s.forEach(e=>{let n=e.getAttribute("id");if(!n)return;let r=document.getElementById(n);r&&l(r,e.innerHTML,t)})}(s,r):!r.channel||"audio"!==r.channel&&"json"!==r.channel&&"binary"!==r.channel?i(s,"htmx:wsUnknownMessage",{...r,element:s}):i(s,"htmx:wsMessage",{...r,element:s});i(s,"htmx:after:ws:message",{envelope:r,element:s})}(n,t)}),n.socket.addEventListener("close",()=>{if(o&&i(o,"htmx:ws:close",{url:t}),!s.has(t))return;r().reconnect&&n.refCount>0?function(e,t){let n=r(),s=t.reconnectAttempts;t.reconnectAttempts++;let o=Math.min((n.reconnectDelay||1e3)*Math.pow(2,s),n.reconnectMaxDelay||3e4);n.reconnectJitter&&(o*=.75+.5*Math.random());t.reconnectTimer=setTimeout(()=>{if(t.refCount>0){let n=t.elements.values().next().value;n&&i(n,"htmx:ws:reconnect",{url:e,attempts:s}),c(e,t)}},o)}(t,n):s.delete(t)}),n.socket.addEventListener("error",e=>{o&&i(o,"htmx:ws:error",{url:t,error:e})})}catch(e){o&&i(o,"htmx:ws:error",{url:t,error:e})}}function a(n,r){let o=t(n,"send");if(!o){let e=htmx.config.prefix||"",r=n.closest("["+e+"hx-ws\\:connect],["+e+"hx-ws-connect]");r&&(o=t(r,"connect"))}if(!o)return void console.error("No WebSocket connection found for hx-ws:send element",n);let c=s.get(o);if(!c||!c.socket||c.socket.readyState!==WebSocket.OPEN)return void i(n,"htmx:wsSendError",{url:o,error:"Connection not open"});let a=n.form||n.closest("form"),l=e.collectFormData(n,a,r.submitter);e.handleHxVals(n,l);let u={};for(let[e,t]of l)u[e]=t;let x="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){let t=16*Math.random()|0;return("x"===e?t:3&t|8).toString(16)}),m={type:"request",request_id:x,event:r.type,values:u,path:o};n.id&&(m.id=n.id);let h={message:m,element:n,url:o};if(i(n,"htmx:before:ws:send",h))try{c.socket.send(JSON.stringify(h.message)),c.pendingRequests.set(x,{element:n,timestamp:Date.now()}),i(n,"htmx:after:ws:send",{message:h.message,url:o})}catch(e){i(n,"htmx:wsSendError",{url:o,error:e})}}function l(t,n,r){let s=(e.attributeValue(r,"hx-swap")||htmx.config.defaultSwap).split(" ")[0];switch(s=function(e){return"before"===e?"beforebegin":"after"===e?"afterend":"prepend"===e?"afterbegin":"append"===e?"beforeend":e}(s),s){case"innerHTML":default:t.innerHTML=n;break;case"outerHTML":t.outerHTML=n;break;case"beforebegin":t.insertAdjacentHTML("beforebegin",n);break;case"afterbegin":t.insertAdjacentHTML("afterbegin",n);break;case"beforeend":t.insertAdjacentHTML("beforeend",n);break;case"afterend":t.insertAdjacentHTML("afterend",n);break;case"delete":t.remove();case"none":}htmx.process(t)}function i(e,t,n={}){return!e||htmx.trigger(e,t,n)}function u(e){e._htmx?.wsUrl&&function(e,t){if(!s.has(e))return;let n=s.get(e);n.elements.delete(t),n.refCount--,n.refCount<=0&&(n.reconnectTimer&&clearTimeout(n.reconnectTimer),n.socket&&n.socket.readyState===WebSocket.OPEN&&n.socket.close(),s.delete(e))}(e._htmx.wsUrl,e),e._htmx?.wsSendHandler&&e.removeEventListener(e._htmx.wsSendEvent,e._htmx.wsSendHandler)}htmx.registerExtension("ws",{init:t=>{e=t,htmx.config.websockets||(htmx.config.websockets={})},htmx_after_process:s=>{const c=s=>{!function(e){if(e.hasAttribute("ws-connect")||e.hasAttribute("ws-send")){if(console.warn("HTMX WebSocket: Legacy attributes ws-connect and ws-send are deprecated. Please use hx-ws:connect/hx-ws-connect and hx-ws:send/hx-ws-send instead."),e.hasAttribute("ws-connect")){let t=e.getAttribute("ws-connect");e.hasAttribute("hx-ws-connect")||e.setAttribute("hx-ws-connect",t)}e.hasAttribute("ws-send")&&(e.hasAttribute("hx-ws-send")||e.setAttribute("hx-ws-send",""))}}(s),n(s,"connect")&&function(n){if(n._htmx?.wsInitialized)return;let s=t(n,"connect");if(!s)return;n._htmx=n._htmx||{},n._htmx.wsInitialized=!0;let c=r(),a=e.attributeValue(n,"hx-trigger");if(a||!0!==c.autoConnect){if(a){let t=e.parseTriggerSpecs(a);if(t.length>0){let e=t[0];"load"===e.name?(o(s,n),n._htmx=n._htmx||{},n._htmx.wsUrl=s):n.addEventListener(e.name,()=>{n._htmx?.wsUrl||(o(s,n),n._htmx=n._htmx||{},n._htmx.wsUrl=s)},{once:!0})}}}else o(s,n),n._htmx=n._htmx||{},n._htmx.wsUrl=s}(s),n(s,"send")&&function(n){if(n._htmx?.wsSendInitialized)return;let r=t(n,"send"),s=e.attributeValue(n,"hx-trigger");s||(s=n.matches("form")?"submit":n.matches("input:not([type=button]),select,textarea")?"change":"click");let c=e.parseTriggerSpecs(s);if(c.length>0){let e=c[0],t=e=>{n.matches("form")&&"submit"===e.type&&e.preventDefault(),r&&(n._htmx?.wsUrl||(o(r,n),n._htmx=n._htmx||{},n._htmx.wsUrl=r)),a(n,e)};n.addEventListener(e.name,t),n._htmx=n._htmx||{},n._htmx.wsSendInitialized=!0,n._htmx.wsSendHandler=t,n._htmx.wsSendEvent=e.name}}(s)};c(s),s.querySelectorAll("[hx-ws\\:connect], [hx-ws-connect], [hx-ws\\:send], [hx-ws-send], [hx-ws], [ws-connect], [ws-send]").forEach(c)},htmx_before_cleanup:e=>{u(e)}}),"undefined"!=typeof window&&window.htmx&&(window.htmx.ext=window.htmx.ext||{},window.htmx.ext.ws={getRegistry:()=>({clear:()=>{let e=Array.from(s.values());s.clear(),e.forEach(e=>{e.refCount=0,e.reconnectTimer&&clearTimeout(e.reconnectTimer),e.socket&&e.socket.close(),e.elements.clear(),e.pendingRequests.clear()})},get:e=>s.get(e),has:e=>s.has(e),size:s.size})})})();

package/dist/ext/hx-ws.min.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["api","getWsAttribute","element","attrName","colonValue","attributeValue","hyphenValue","plainValue","hasWsAttribute","value","getConfig","reconnect","reconnectDelay","reconnectMaxDelay","reconnectJitter","autoConnect","pauseInBackground","htmx","config","websockets","connectionRegistry","Map","getOrCreateConnection","url","has","entry","get","refCount","elements","add","socket","Set","reconnectAttempts","reconnectTimer","pendingRequests","set","createWebSocket","firstElement","values","next","triggerEvent","WebSocket","addEventListener","event","envelope","JSON","parse","data","e","channel","format","targetElement","request_id","delete","doc","DOMParser","parseFromString","payload","partials","querySelectorAll","length","target","targetSelector","document","querySelector","resolveTarget","swapContent","forEach","partial","targetId","getAttribute","getElementById","innerHTML","handleHtmlMessage","handleMessage","attempts","delay","Math","min","pow","random","setTimeout","scheduleReconnect","error","sendMessage","prefix","ancestor","closest","console","readyState","OPEN","form","body","collectFormData","submitter","handleHxVals","key","requestId","replace","c","r","toString","message","type","path","id","detail","send","stringify","timestamp","Date","now","content","sourceElement","style","defaultSwap","split","normalizeSwapStyle","outerHTML","insertAdjacentHTML","remove","process","eventName","trigger","cleanupElement","_htmx","wsUrl","clearTimeout","close","decrementRef","wsSendHandler","removeEventListener","wsSendEvent","registerExtension","init","internalAPI","htmx_after_process","processNode","node","hasAttribute","warn","setAttribute","checkLegacyAttributes","wsInitialized","connectUrl","triggerSpec","specs","parseTriggerSpecs","spec","name","once","initializeElement","wsSendInitialized","sendUrl","matches","handler","evt","preventDefault","initializeSendElement","htmx_before_cleanup","window","ext","ws","getRegistry","clear","entries","Array","from","size"],"sources":["dist/ext/hx-ws.js"],"mappings":"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","ignoreList":[]}

package/dist/htmx.d.ts

@@ -0,0 +1,52 @@
+export interface HtmxConfig {
+  version: string;
+  logAll: boolean;
+  prefix: string;
+  transitions: boolean;
+  history: boolean;
+  historyReload: boolean;
+  mode: 'same-origin' | 'cors' | 'no-cors';
+  defaultSwap: string;
+  indicatorClass: string;
+  requestClass: string;
+  includeIndicatorCSS: boolean;
+  defaultTimeout: number;
+  inlineScriptNonce: string;
+  inlineStyleNonce: string;
+  extensions: string;
+  morphIgnore: string[];
+  noSwap: number[];
+  implicitInheritance: boolean;
+  metaCharacter?: string;
+  streams?: {
+    reconnect: boolean;
+    reconnectMaxAttempts: number;
+    reconnectDelay: number;
+    reconnectMaxDelay: number;
+    reconnectJitter: number;
+    pauseInBackground: boolean;
+  };
+}
+
+export interface Htmx {
+  config: HtmxConfig;
+  ajax(verb: string, path: string, context?: any): Promise<void>;
+  find(selector: string): Element | null;
+  find(elt: Element, selector: string): Element | null;
+  findAll(selector: string): Element[];
+  findAll(elt: Element, selector: string): Element[];
+  on(event: string, handler: (evt: Event) => void): void;
+  on(target: string | Element, event: string, handler: (evt: Event) => void): void;
+  onLoad(callback: (elt: Element) => void): void;
+  process(elt: Element): void;
+  registerExtension(name: string, ext: any): boolean;
+  trigger(elt: Element | string, event: string, detail?: any): boolean;
+  timeout(ms: number): Promise<void>;
+  parseInterval(str: string): number;
+  forEvent(event: string, timeout?: number): Promise<Event | null>;
+  swap(target: Element | string, content: string, swapSpec: any): void;
+  takeClass(elt: Element, className: string, container?: Element): void;
+}
+
+declare const htmx: Htmx;
+export default htmx;