https://htmx.org logo
Join Discord
Powered by
# htmx-general
  • m
  • m
    a few comments on the code
  • m
    mostly aesthetic stuff
  • m
    but this seems like the right thing to me
  • m
    One thought: would it make sense to have the events say if they were a swap or not?
  • m
    w/ a property?
  • m
    Or is it better to have this done on the client side...
  • m
    I don't know what the 
    event.data
    object looks like...
  • m
    is it a string? Or a javascript object?
  • f
    I want to think about this a bit more first ...
  • f
    This is definitely not oven-ready.
  • m
    that's fine
  • m
    this is the fun part, where the rubber meets the road!
  • f
    What might actually make more sense is just directly calling a javascript function...
  • f
    This is what it looks like on the back end right now:-
  • f
    Copy code
    with html.div(
            _class = ('shadow-xl',
                      'rounded-3xl',
                      'bg-yellow-50',
                      'text-gray-900',
                      'hover:bg-yellow-500',
                      'hover:text-white',
                      'p-5')) as datacard:

        jscript = """function(id, evt) {
            //d3.select(evt.detail.elt).html(evt.detail.data);
            console.log(evt.detail.elt);
        }"""

        html.inline_script('window.xact_{id} = {js}'.format(id = id_res,
                                                            js = jscript))
        with html.div(id              = id_res,
                      data_hx_trigger = 'sse:{id}'.format(id = id_res),
                      data_hx_sse     = 'forward:{id}'.format(id = id_res),
                      data_script     = ('on {id} call window.xact_{id}'
                                         '("{id}", event)').format(
                                                                id = id_res)):
            svg.svg(width  = 100,
                    height = 100,
                    style  = 'background: red')

    return datacard
  • f
    ^ Very much test code.
  • l
    Oh. Yea, that's nice.
  • l
    @User Thanks.
  • f
    But you can see that I'm using hyperscript to glue the SSE event back to an inline javascript function which renders the graph.
  • f
    And it might make sense to just have something like data_hx_sse = 'call:function(event)' ...
  • f
    Or something like that.
  • l
    @User Ya, you're using something like 
    Hyperscript.jl
    .
  • f
    But I'm very new at Javascript, and I've got to understand how that call would be resolved.
  • f
    (Eventually, I also want to transpile that jscript string from Python using something like transcrypt)
  • f
    It seems like writing a bunch of javascript just to avoid writing javascript is a bit of a meme
  • l
    The idea of using 
    HypertextLiteral.jl
    is that you're using string interpolation to build HTML.
  • l
    Rather than a server-side DOM.
  • l
    ie 
    htl"<span>My Name is $name</span>"
    would know to pull the contents of the 
    name
    variable from current scope, escape it for content, and return the collected string
  • m
    @User OK, let me chew on that code for a bit. There has to be a cleaner way than that.
1...959697...1146Latest