I can't think of one

and morphdom seems to do a better job with forms

morphdom has some edge cases

but it should be fine in most cases

to my spa if I want to add login feature can we do it using the dialog custom example or do I have to have separate full html page for login and on success redirect to spa page ? or should spa start out with login form and on success load dashboard ?

I have created login page which is getting back access token (jwt oath2 user / pass) now how do i use it to protect main page which is htmx based. some one has example of it ?

typically in an htmx-based app you would be using a session cookie for the login state, but you can store the access token somewhere and include it w/ htmx requests most likely via the

htmx:configRequest

event

I am confused about https://github.com/bigskysoftware/htmx/issues/447 and https://stackoverflow.com/questions/67107077/htmx-load-js-lib-and-execute-function/67109472#67109472 - including a script tag as part of a response. I think it works? https://jsfiddle.net/293wz0bd/1/ - is there a subtlety to the issue I'm not seeing?

I thought the issue was that you can't reference objects/functions in the script until it was loaded. Led to me doing

<script
  type="text/javascript"
  src="https://www.cdn.com/lib/etc"
  _="
    on load
      <hyperscript or js here>
    end
  "
></script>

So, I guess the script tag/library DOES get loaded once HTMX finishes (which might be what you mean), but referencing it after the fact can cause trouble. If you don't wait for the load event then things won't be defined. Doing somehting like

<script src="htts://www.cdn.net/etc"></script>
<script>
  <my js that references the lib above>
</script>

Won't work, though, since the lib likely isn't loaded when the second script tag is parsed.

oh I see, it's more about deferring the inline js until the load has finished?

I can't speak for the OP, but that has been a situation I've had to deal with

yeah

fair

I'm trying to include a FullCalendar io script in an OOB swap, and it's not playing nice

any ideas?

This is the code i'm trying to swap: https://paste.ofcode.org/imbM4qxjiQQBbP6k37Trgf

It appears that the FullCalendar script isn't the issue, but just the swap in general

I am trying to implement a swap with the "Row Edit" example from the docs

I resolved this by changing config options:

Hi all, my dev team has recently adopted htmx alongside an existing Django project and we’re loving it so far! I have a question (to which I think the answer may be hx-sync): We have two separate fragments both polling the server with hx-trigger=“every 15s”, but within one of those fragments is a sortable table which also triggers a replacement of that whole fragment when sorted. Sorting causes the 15s polling interval to reset for that fragment, but naturally not for the other separate fragment. How can we achieve consistent synchronisation of polling across the two fragments regardless of when/how often a user sorts the table? (we will implement SSEs in the future, potentially using pushpin, but it’s not an option for now). All ideas welcome - cheers!

Easiest thing might be a timer that triggers an event on an element and have both elements listen for that event

here is some demo code: https://codepen.io/1cg/pen/eYVXrYG?editors=1001

the trick is to keep the heartbeat of timing events stable outside of the content you are replacing

Oh nice, makes perfect sense. Thanks for that

should be a quick fix tomorrow before our first demo of the work so far 🤞

good luck!

One add on to this is that the sorting request should work even if the auto-refresh request happens at the same time. I’m trying hx-sync=“this:abort” on the auto-refreshing parent and hx-sync=“this:replace” on the sorted child table - it’s not registering the sort if I click at the same time as the auto-refresh swap

^ solved! hx-sync=“closest table:replace” on the sorting child element 🥳

I love htmx