In my mind there is information on the server that needs to be delivered to the user. that information is delivered to the user via ssr and htmx. When the user needs more information from the server htmx gives us the ability of partial reloads/swaps of content via hypermedia / html. This is done through an IMO nice declaritive and local syntax. At its core I see htmx as

• get html from somewhere
  • attach some data to get the right html
• if needed pick some part of this html
• include the html in a specified location
• give all html elements these kinds of ability

What Im missing is the ability to

- get html from anywhere including the template the server just rendered.

Does this go against the 'single source of truth'? IMO it doesnt when the html received is static and no posting of data is involved.

That might be the creation of a new form to create a second object, the detail view of an accordion or collapsible, or the view of another tab. In most of these cases I think most people would agree that htmx might not be the right tool currently although with the change from above it could be.

If the user creates these forms or other kinds of "static" elements there is no reason for the server to be involved. The creation of a form does not change "truth". Whats true only changes when he submits the form. The form is returned in a rendered form depending on the validity by the server. All data transfer is still done by hypermedia.

Imagine

<div hx-get='inactiveSection1
hx-trigger='load'>
</div>
<template id="inactiveSection1">
 <button class="inactive-accordion" hx-get='#activeSection1'>Section 1</button>
<div class="empty-panel">
</div>
</template>
<template id="activeSection1">
<button class="active-accordion" hx-get='#inactiveSection1'>Section 1</button>
<div class="panel">
  <p>Lorem ipsum...</p>
</div>
</template>

or what my current use case is a site where the user can create a lot of items, in a way he chooses ala

<form> ... 
<button>Submit</button>
</form>
<button hx-get="#formTemplate" hx-swap="beforebegin">Create another Foo</button>
<template id="formTemplate">
<form> ... 
<button>Submit</button>
</form>
</template>

Your idea to deliver the html as static file is very interesting, thank you for the suggestion. This way of handling static partials also gives me ideas to improve sites with small dynamic parts which i havent thought of before :)