Just remove the element from the dom and WS connection will be closed automatically

Hmmm

, if you are fellow hyperscript connoisseur

The ws-connect is on a generic “notifications-area” div which can render multiple wrappers.

oh

I’m flexible though

I’m probably over complicating things.

I also want the wrapper to be animatable while visible. Will get on my computer as I already have a basic non complete POC.

I mean, having a common shared webosocket element on the page is fine, I did something like this myself. But yea, making it not sending updates, but only on certain conditions, will be veeeery tricky

You might set up an event listener and filter messages client side by cancelling events, but they still will be sent and received, just not rendered, so it's a waste of bandwidth

I already have something like this with my current (soon to be ex) JS stack, but as you said, it requires quite the roundabout.

That is not a huge concern ATM.

Then it should be a feasible option

I’m trying to kill all 8-10 JS deps with HTMX. It has been coming along until now.

Also, I can never remember, what htmx does when oob element target is not present on the page. Cause if it does not error, you won't even need an event listener. Just remove the target element and nothing will happen (except wasted bandwidth, of course 😅 )

I can intercept the message with wsReceive..

Hmm, let’s see if I can up with something without too much JS involved. I’ll keep you posted!

Thanks @ripe-action-67367!

I'm getting these logs:

[Violation] 'click' handler took 672ms htmx.js:1318

Why is it so slow? The code is simple hx-post on table row. There are a lot of rows, though.

In logs I see that

htmx:confirm

works immediately, but then

htmx:configRequest

is called with delay ~700ms

Anyone care to help debug this code?

on load
add .opacity-0 to #start-719dc01d-f71a-430c-95d0-0e06ec520 wait for 2200ms then
remove #start-719c01d-f71a-430c-9590-0e06es520432 then add opacity-100 to me then remove .opacity-0 from me end

I’m 100% sure the start div with identifier is there. If I remove the

remove

part it all works. But the element isn’t removed of course.

can you run a profiler?

Both the replaced and the replacing items are hx-swap-oob=“after-begin”

I would start logging, I'll answer over in the hyperscript channel

Not the same dude/tte, but thanks @mysterious-toddler-20573

I tried both:

html
<template>
  <tr hx-swap-oob="afterbegin:#contacts-table">
    <td>Joe Smith</td>
    <td>joe@smith.com</td>
  </tr>
</template>

<div id="test">
  <p>Test AFTER swap</p>
</div>

and:

html
<template hx-swap-oob="afterbegin:#contacts-table">
  <tr>
    <td>Joe Smith</td>
    <td>joe@smith.com</td>
  </tr>
</template>

<div id="test">
  <p>Test AFTER swap</p>
</div>

and neither give the expected result (they both differ from each other, and the result without the

<template>

tag. Did I misunderstand your suggestion?

hmm, the later should work

Let me test

Has anyone here worked with FilePond? And were able to make it work with HTMX?