https://htmx.org logo
Powered by
# htmx-general
  • l
    I'm AFK for the rest of the night (USA time) - see y'all tomorrow.
  • r
    Something that might be easier and more useful than this is to make a repo similar to the spirit of TodoMVC. Create a specification for an application that just supports a few things - a form submit with validation, multiplayer chat, and redirects or something similar. Then, encourage members of the community to implement that (ideally less than 200-300 lines of code without any custom CSS) in various backend frameworks. I'd be really happy to contribute to a repository like that.
  • r
    I think django, flask, or php would be the more useful options to have, with the rest being only created by the community.
  • r
    I'll take a stab at something similar when I get some time (hopefully next week), and if it's decent + people like it, we could transfer it to the bigskysoftware org just so that I don't add to 1cg's plate.
  • p
    Heyo! Brand new here and only willing to read about 20 messages up, but wanted to contribute to the conversation. I've recently become obsessed with the HOWL stack because I loath JavaScript but like the SPA lifestyle. I started re-implementing React in python that builds static sites with HTMX attributes embedded where needed to register callbacks for API routes in my application. I was hoping to abstract away common design patterns into a single function such as a paginated table where you pass in an API route that returns a list of dictionaries and it dynamically builds you a table with proper headers and such. But then I got to thinking, what if we were to build a code generation tool that took in an OpenAPI specification file and built dynamic components based on the information listed in the spec? That might be neat.
  • t
    What's the HOWL stack?
  • f
    Hypertext On Whatever Language 😀
  • t
    Ah. I did search for it, but didn't get anything close to that. Carry on!
  • u
    Can someone clarify the difference between polling and load polling?
  • u
    I'm working on one article for Medium describing implementation of load polling to animate a progress bar in htmx and Rails.
  • m
    Polling is an element that uses 
    ic-trigger="every <n>s"
  • m
    the element does not replace itself
  • m
    load polling is when the element instead uses the 
    ic-trigger='load delay:<n>s
    with a target or swap that replaces the element
  • m
    so long as the element keeps returning that load trigger, it will keep polling, but you have a bit more control over things on the server side. standard polling is just going to issue a request every n seconds forever
  • m
    (or until the element is removed from the DOM, whichever comes first)
  • m
    I need to write a short essay on that
  • u
    Ok thanks thats what I thought. With standard polling, you can't specify a 
    hx-swap
    or 
    hx-target
    ? It can only swap the 
    innerHTML
    ?
  • s
    Hey all! In the HTMX docs of 
    hx-trigger
    it is mentioned that the 
    from:
    modifier can be used with extended CSS selectors, such as 
    closest
    . However, when we tried this (
    hx-trigger="some_event from:closest .some-class"
    ), htmx keeps giving syntax errors. When leaving out 
    closest
    , it does seem to default to listening to the closest 
    .some-class
    . Is there something wrong with our original hx-trigger that causes the syntax error and what is the default behaviour for 
    from:.class
    ? We don't want to listen to events from the non-closest classes.
  • s
    Update: the parsing for 
    from:closest <css selector>
    seemed to be missing in the htmx source code. We have added this parsing and created a pull request: https://github.com/bigskysoftware/htmx/pull/663
  • m
    you can do whatever you want, but typically it would use an 
    innerHTML
    swap and keep the polling element in the dom
  • m
    thank you! I believe someone else noticed this and created a fix for the next release, I will need to look at the change history
  • s
    Oops, I looked through git but could not find anything. If it's fixed for some next release that'd be great!
  • m
    will investigate, I think someone volunteered to fix it, but might not have
  • j
    This is interesting. I think it makes the service more viable for use with HTMX: https://blog.cloudflare.com/cloudflare-pages-goes-full-stack/
  • m
    interesting
  • m
    Copy code
    js
// GET requests to /filename would return "Hello, world!"
export const onRequestGet = () => {
  return new Response("Hello, world!")
}
 
// POST requests to /filename with a JSON-encoded body would return "Hello, <name>!"
export const onRequestPost = async ({ request }) => {
  const { name } = await request.json()
  return new Response(`Hello, ${name}!`)
}
    why is this not?
    Copy code
    js
  function onGet() {
    return "Hello World"
  }

  function onPost(request) {
    const name = request.get('name');
    return `Hello ${name}`;
  }
  • m
    I will never understand why javascript libraries are so verbose
  • g
    Trying to use hyperscript to fetch some data on mouseover, put it into an offcanvas div by id then show the offcanvas panel. Not understanding why this code doesn't work.
    Copy code
    on mouseover fetch /view/75 put into #oc-body then call oc.show()
  • m
    Copy code
    applescript
  on mouseover
     fetch /view/75 then
     put it into #oc-body then 
     call oc.show()
  • g
    NGL, 
    it
    as a crucial part of the hyperscript grammar was the thing that blew my mind / sold me on the whole project
1...440441442...1146Latest