Hypermedia Transport Layer

[ethnoxcom]

Hi community,

I've been working with HTMX and Hyperscript in my recent projects and I love the simplicity of it, once you get the concepts. But both projects are very different in syntax.

Would it be useful to unify both in a new project without modifying them too much?

My draft idea:

HMTL - Hypermedia Transport Layer

The custom attributes could be:

_hx for server interactions (htmx)
_hs for client interactions (hyperscript)

The Hyperscript syntax would not change, only the HTMX syntax. The idea is as follows:

STRAIGHT SYNTAX:

<div _hx="on click trigger #btn-invoices post /user/{#username}/invoices select .invoices target this" _hs="on swap add .highlight then remove #btn-invoices"></div>

<div _hx="on click 
          trigger #btn-invoices
          post /user/{#username}/invoices 
          select .invoices 
          target #list"
     _hs="on swap
          add .highlight then
          remove #btn-invoices"></div>

or using capitalized keywords like:

<div _hx="on CLICK .btn POST /user/{#username}/invoices SELECT .invoices TARGET #list"></div>

VERBOSE SYNTAX:

<div _hx="on click from .btn post this to /user/{#username}/invoices then select .invoices and target to #list"></div>

<div _hx="on click from .btn post this to /user/{#username}/invoices then select .invoices and target to me with swap OuterHTML"></div>

<div _hx="on click from .btn post me to /user/{#username}/invoices then select .invoices and swap with OuterHTML at #list"></div>

..or maybe... just add a new attribute _hx to HTMX to allow having both projects separate.

Your opinion?

[ethnoxcom]

Closed.. for that we already have Hyperscript Fetch