https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • m
  • m
    posting this to general too, because I'm pumped on it: https://twitter.com/htmx_org/status/1563581289646542850
  • m
    idiomorph (which will form the basis for a new "morph" hx-swap option at some point) demonstrating better DOM morphing via id sets when compared with morphdom, the current standard for DOM merging
  • m
    For an admin/CMS/CRUD UI, what frameworks should I consider other than Unpoly? Looking for something Alpine-like, simple, mostly server side.
  • r
    Does hx-boost require the server send back just the body? Is there a reason it doesn't use hx-select to select the body and ignore the head client side?
  • r
    Just answered my own question - the server can send back the entire HTML page, and the swapping won't mind
  • p
    I have not used it as I am not s PHP developer, but this looks interesting: https://filamentphp.com
  • g
    Automated testing with Hyperview works the same as with any other RN app. You can add test IDs to elements that can then be referenced by frameworks like Appium
  • g
    Unfortunately jasonette is a dead project, some people tried to keep it alive through a fork at https://github.com/jasonelle/jasonelle, but that also seems dead. Hyperview is still under active development and used in several production apps
  • m
    Thank you! This is helpful
  • m
    Has anyone made a Gmail clone in HTMX?
  • r
    Its something we all want but doesnt exist yet
  • r
    Really nice example. Grug like picture
  • e
    hello
  • e
    how do i listen for websocket event in htmx
  • e
    ?
  • r
    There is no events support for websockets atm unfortunately
  • r
    I have experimented with them not so long ago, but have not tried to make a PR yet
  • r
    That being said, ws.js source code is relatively straightforward and if you serve a copy of the extension from your app rather than a CDN, it would be fairly easy to just add 
    htmx.triggerEvent
    calls wherever you need them, although I will be the first to admit that this is suboptimal and events support should be in the extension
  • e
    ohh i see thanks for the response 🙂 much appreciated
  • m
    This seems like the more appropriate place for my question so I've moved it fromm #929014829212123156 . Hello. How can I swap in a web component (or dynamically enhance a static component) using htmx and know that when it is loaded it will work (if not fallback to static component again). if I fetch a component using htmx and that new chunk has a script tag, this could fail and now I've loaded a chunk of html that doesn't work but if I include it in the head by default and fetch it I could end up in the same state
  • m
    so I just found out about the is keyword and extending existing elements: e.g. ```` but safari refuses to implement it. Thanks so much apple. *sigh this seems perfect. Though I did find out I can just put a regular element inside my custom one since the browser will ignore the custom one if no javascript exists for it. This does mean that for more complex components that I want to have custom elements inside of as well is not possible (to my knowledge) to degrade/progressively enhance
  • m
    Does anyone know a good book / resource for progressive enhancement / degradation techniques?
  • f
    https://ricostacruz.com/rsjs/ has some stuff that might be helpful
  • m
    This is interesting. Thanks for the link
  • f
    Is it possible on hx-trigger to add a class name to an other element except the button you click on. This in case of a next en prev button. Then some animation has to happen on a parent element. I see https://htmx.org/examples/animations/#settling in docs that this can be done on the element itself but I don't see a way to select some parent class or id and add something to it
  • f
    never mind it works already like that. Just didn't notice this out of the docs. Maybe the docs should show example with inner div and outer div in animation
  • f
    Do understand that you can set swap: hx-swap="outerHTML swap:1s" in CSS I do animate when there is something added. I run the animation 1s. Yet sometimes I see a flash between swapping. Don't understand how to set it correct?
  • m
    What sort of animation are you doing?
  • m
    gah, sorry, I have too much going on this morning and can't help, can you start a thread and I'll try to get to it this evening
1...799800801...1146Latest