https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • o
    This looks just like the thing I needed, thank you!
  • o
    Why do you ask
  • b
    cause chat is the new todo (I'm doing one as a PoC of htmx)
  • b
    PoC => proof of concept (sorry for the enterprisey jargon)
  • o
    new todo as in?
  • b
    as in everyone does a todo app 🙂 now everyone does a chat app
  • b
    as in "orange is the new black"
  • o
    Second question, is there a way to add event listeners to the WebSocket object used by it?
  • b
    I don't know. Can't see anything like that in the docs... I think the idea is to send HTML and let HTMX do its swap magic.
  • o
    Yeah, I just want some special behavior through javascript on websocket close, like show a popup about it or something
  • o
    Esp if it's an unexpected close
  • b
    you can setup auto reconnect, but I don't think you can "react" (😱 ) to the close event
  • o
    Auto reconnect is automatically on from what I know
  • b
    correct and you can override the default behavior
  • b
    it might be a nice feature request
  • b
    maybe emit an event when the connection closes socket.onclose = function (e) { // If Abnormal Closure/Service Restart/Try Again Later, then set a timer to reconnect after a pause. if ([1006, 1012, 1013].indexOf(e.code) >= 0) { var delay = getWebSocketReconnectDelay(retryCount); setTimeout(function() { ensureWebSocket(elt, retryCount+1); }, delay); } };
  • b
    if this functions emits an event you could listen to it using hyperscript
  • b
    "but I might be mistaken" -- Rev. Billy Gibbons
  • o
    htmx:wsError
    from the source for the WebSocket onerror event, should fire on abnormal closure
  • o
    Or maybe one could override 
    htmx.createWebsocket
  • p
  • b
    Why is it that all the stuff I want to do is explicitly forbidden by every standards body and society on the planet, yet the javascript clowns can write the most incomprehensible and pointless things and every browser will support it
  • b
    I am merely trying to do a 302 response based on information in my custom http header
  • b
    I guess I should just befowl my logical urls and return a 200 👍! {redirect: "...."} json
  • o
    For the following content:
    Copy code
    html
<div id="test">
  <p>Test AFTER swap</p>
</div>

<tr id="tr-test" hx-swap-oob="true">
  <td>Joe Smith</td>
  <td>joe@smith.com</td>
</tr>
    function makeFragment(resp)
    with 
    htmx.config.useTemplateFragments = true
    returns: 
    DocumentFragment [ div#test, #text ]
    , missing the element I don't think this is the expected behavior?
  • b
    grugs, what's the canonical way to include a custom request header in an HTMX call?
  • b
    use case: I need to send a GET request with a. person's SSN as a header instead of as part of the path
  • o
    hx-headers
    seems to fit the bill? https://htmx.org/attributes/hx-headers/
  • o
    With the 
    javascript:
    prefix
  • b
    🤦‍♂️
1...979980981...1146Latest