https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • m
  • m
    What are you using to test this @User ?
  • m
    Great. I'll grab the update and re-test. I am building a PHP framework similar to Laravel Livewire, but powered by htmx and can be used on any PHP project. That's what you see in the above gif. Also similar to Sprig. In fact i am adding integrations for a couple of different templating engines (Blade, Twig) and a built-in simple php templating option as well.
  • m
    @User This line prevents the multipart upload from working, at least in PHP
    Copy code
    js
headers['Content-Type'] = encoding;
    When left empty, the browser automatically sets it to something like this:
    Copy code
    multipart/form-data; boundary=----WebKitFormBoundaryOV8C7NaFyB4mvYQp
    Otherwise $_POST and $_FILES are empty on the server-side.
  • m
    interesting
  • m
    OK, I will update that
  • m
    btw, tested in chrome, safari and firefox without that line and it works on all 3.
  • m
    excellent
  • m
    pushed up a fix
  • m
    All good now 👍
  • m
    Sweet, thank you!
  • m
    I will write some docs and merge it back into dev soon
  • m
    there are also events I'm now firing around the request:
    Copy code
    js
            forEach(['loadstart', 'loadend', 'progress', 'abort'], function(eventName) {
                xhr.addEventListener(eventName, function(event){
                    triggerEvent(elt, "htmx:xhr:" + eventName, mergeObjects({}, event.detail));
                })
            });
  • m
    so you can listen for the 
    htmx:xhr:progress
    event for example and show a progress bar
  • m
    That's great. Would there be a way to show a preview image before upload? Or would that fall more into hyperscript land? or a custom extension?
  • b
    > Great. I'll grab the update and re-test. I am building a PHP framework similar to Laravel Livewire, but powered by htmx and can be used on any PHP project. That's what you see in the above gif. Also similar to Sprig. In fact i am adding integrations for a couple of different templating engines (Blade, Twig) and a built-in simple php templating option as well. @most-jelly-15242 Fascinating, would love to see something when you’re far enough along.
  • m
    @User I am already far enough 😉 I'll give you access so you can take a look. I would love some feedback.
  • b
    Brilliant!
  • b
    Yoyo, nice name!
  • m
    Glad you like it, I am terrible at naming products. It's also the first package I am writing, so any feedback would be useful. I am more used to creating products for end users, not devs.
  • m
    integration w/ the HTML validation framework:
  • m
  • m
    including an example using hyperscript to give a custom error message
  • m
    So, in the next release of htmx, you can say stuff like this:
  • m
    (or use alpine, or regular html 5 validations, or whatever)
  • b
    Excellent!!
  • m
    Does anyone see any APIs in here that would be good to surface in htmx? https://developer.mozilla.org/en-US/docs/Web/API
  • g
    I'll look through this document in a much more thorough way, and get back to you. One (complete brainstorm) that comes to mind is this:
  • g
    HTMX can hook in to many natural browser events already. But some of those events come with additional parameters. Would it be possibly to include those in HTMX syntax, so that AJAX requests could be filtered based on the event values.
  • g
    Here's a cheesy example: The document you linked to includes Ambient Light Events, along with a value for the relative intensity of the ambient light. Could this be filtered by HTMX to trigger only when the light 
    event.value is > 50
    , or be modified for when 
    event.value < 25
    ?
1...424344...1146Latest