https://htmx.org logo
Powered by
# htmx-general
  • b
    also when testing:
    Copy code
    html
<div hx-ext="sse" sse-connect="/events/" sse-swap="message">
    <h1>messages go here</h1>
</div>
    I implemented this using django-channels and I can see my sse messages when directly opening my testservers local page for /events/:
    Copy code
    event: message
data: {"text": "test was executed"}

event: keep-alive
data:
    did I miss anything? I cannot see anything happen with the HTMX part of things
  • m
    lemme check in w/ @User today, if we messed something up we'll get a fix out for it
  • g
    Thanks for the ping. I’ll try to replicate this morning.
  • r
    Hey @mysterious-toddler-20573 can we get a Nim channel for me and @acoustic-caravan-73487? There are two of us now 😄
  • g
    Quick update. I have been able to reproduce this error in some very specific circumstances. For most kinds of connection errors, I'm able to see an error bubbling up through the DOM. But if there's an outright failure creating the EventSource (like, when I put in an malformed URL) the errors are not propagating correctly.
  • b
    Spiritually aligned article (mentions hotwire but not htmx & hyperscript) passing around my office slack https://github.com/readme/featured/server-side-languages-for-front-end
  • e
    May we get a 
    haskell-htmx
    ? One of my co-workers has taken the htmx pill and we're introducing it to our codebase and I'd like to invite him 🙂 It's great because at my job we use a different framework from what I've been using on my haskell-htmx side projects so there will be material for multiple Haskell web frameworks really soon.
  • h
    Just upgraded to 1.7.0 and am now seeing this in the browser. Anyone know how to fix? Error parsing 'integrity' attribute ('EzBXYPt0/T6gxNp0nuPtLkmRpmDBbjg6WmCUZRLXBBwYYmwAUxzlSGej0ARHX0Bo'). The hash algorithm must be one of 'sha256', 'sha384', or 'sha512', followed by a '-' character. My script tag looks like this:
  • h
    I see that the previous example in the docs used sha384, like so: <script src="https://unpkg.com/htmx.org@1.6.0" integrity="sha384-G4dtlRlMBrk5fEiRXDsLjriPo8Qk5ZeHVVxS8KhX6D7I9XXJlNqbdvRlp9/glk5D" crossorigin="anonymous">
  • h
    That did it. @User I think the 'sha384-' prefix is missing from the integrity attribute. See here: https://htmx.org/docs/#installing
  • m
    ah
  • m
    thanks, I'll fix that
  • m
    thanks for pointing it out, just pushed up a fix!
  • g
    putting aside concerns about how it works, if you suspend your disbelief, how readable do you find this?
    Copy code
    js
let count = 0

function el() {
    return h`main` (
        h`h1.title` `Counter App`,
        h`button#increment` ({ onclick() { count++ } }) `Increment`,
        h`output` `clicked ${count} times`,
    )
}
  • g
    (sorry for offtopic, this is the best server i could think of)
  • c
    reminds me of mithril.js https://mithril.js.org/#dom-elements
  • g
    that's the inspiration. the mithril syntax is confusingly called hyperscript, this is my attempt to make a less verbose version
  • g
    the parens around the attributes object is the only thing i can't get rid of
  • m
    i like using markup languages for markup
  • g
    what to use for programs that generate markup?
  • m
    to me, this is mostly markup, so I'd prefer markup with some not-markup interspersed, rather than vice versa
  • m
    I like templating systems
  • m
    expecially w/ jetbrains where they have support for template languages
  • m
    i wonder if an s-expression mechanism would be better
  • m
    Copy code
    let count = 0

() => 
  (main 
    (h1.title 'Counter App')
    (button#increment onclick:{ count++ } "Increment")
    (output `clicked ${count} times`))
  • m
    I could get behind a templating system that works like that
  • m
    html/xml always wanted to be a s-expression variant
  • m
    easy to parse!
  • m
    Copy code
    html
<script tag="my-thing" type="dzkscript">
let count = 0

(main 
  (h1.title 'Counter App')
  (button#increment onclick:{ count++ } "Increment")
  (output `clicked ${count} times`))
</script>

<my-thing/>
  • m
    Copy code
    dzkscript -> [program_decls]* sexpr-html
  program_decls -> 'let' ID '=' expr
  ...
  sexpr-html -> '(' TAG_ID [tag_components]* ')'
  ...
1...594595596...1146Latest