@laforge49: why not toggle the style based on a cell?

Except that style is open ended.

And, @flyboarder, I reuse the same elements, each time with a different style.

So I think dynamic style is the way to go, hmm? Only I need to refresh the element after modifying the dom.

Which happens each time a cell changes on the element

There is only a certain number of styles that could possibly be used, you should be toggling based on that list

Yeah. So my next attempt will set the value to be displayed in the innerHTML, which will likely cause the refresh.

Its a framework.:-)

I feel like I am close. 🙂

I believe in you!

😜

Is there a good way to make window.setInterval play nicely with live code reloading?

I have a cell that I want to increase by one every second but, beside using defonce store the result of calling setInterval, I'm not sure if there's a good way to prevent the interval function from being called more frequently.

@alandipert i like the idea of order being predictable at least

order of adding seems as good as any

i have definitely come up against subtle bugs in my code from the specific order of cells doing their thing

@fiddlerwoaroof would a recursive set timeout work better?

@fiddlerwoaroof Doesn't defonce work for you?

@flyboarder it works! I set the content after the element is created and after setting the style dynamically by assigning it to innerHTML--which forces the refresh. Also complicating things was that, when displaying multiple lines, I was grabbing the wrong element. But anyway, I am happy that I can reuse elements in a scrollable display with dynamic styling. Thanks!

@laforge49 is that public? The way you are describing seems like as you are fighting Hoplon. If it's public I would like to take a look.

@mynomoto You are right. I don't need some of this and could go back now and drop it. I can just add the style in the div itself. Anyway, here's the code: https://github.com/rolonicArk/simpleArk/blob/master/src/console/client.cljs

Start with the do-console called at the end of the module. The console is displayed at the end of that. Then look at add-output which adds content to the console display.

And then I don't need the refresh, so I can put the content in the div directly. 🙂

I'm in the middle of something atm but will take a look soon.

@mynomoto No rush. I've now cleaned up the code. No more "dynamic styling". I'm groovin with Hoplon! 🙂

Cool!

@laforge49 Is something like this that I should be looking at?

@thedavidmeister it took me a while to figure out what you meant, but I think a recursive setTimeout might be the way to go @mynomoto defonce works, but it makes it annoying to experiment with the defonced value.

@fiddlerwoaroof you can cancel the setInterval and create another one. You get an id when you define it.

(.clearInterval js/window id)

@fiddlerwoaroof @mynomoto https://github.com/hoplon/hoplon/blob/5200ba855b494b3a8a69b2e3308ebc9d178d215c/src/hoplon/core.clj#L264-L267

@micha cool! Is it ok to merge the docs generated with codox? We will gain some visibility over the public API, I can add docs later.

sure

💥 https://hoplon.github.io/hoplon/

oh sweet!

There is lots of missing docs but there is a list of public things. You may want to take a look to see if there is something that shouldn't be public 😉

codox does just static analysis right?

like if you create vars dynamically you can't generate docs for them?

@mynomoto: that doesn't seem to cover the cljs stuff, just clj?

I think we should use Codina for docs if we want the cljs stuff

i see cljs stuff in there, no?

i mean i see both

@micha yes

Oh sorry I just looked at the namespaces, I guess there aren't docs for multimethods the hoplon.jquery stuff

yeah you can't really docstring a multimethod dispatch

cause there is no var associated with it

Which is a shame, I should be able to document an implementation

yeah

@mynomoto: well carry on then 😛

@flyboarder I picked codox as it has a klipse plugin if we ever get that to work it would be amazing for docs.

Awesome!! Agreed that would be pretty slick!

@mynomoto Yeah, but it looks broken. I've been making too many changes too quickl. 🙂

And it is really just a start.

@laforge49 no problem, looks interesting 😃

Not knowing js, it is the wildest web page I've ever worked on.

@micha when you are making a client web app what is the model you use?

@flyboarder what do you mean by "model" there?

Like mental model for the application

I was watching @shaun-mahood presentation from the conj and it made me start thinking about the structure of applications

@flyboarder i think about it as a collection of state machines

not really state machines in the formal sense

but informally i mean like separate thingys that keep their own state

that have methods on them that can be used to command a transitition

then the other side is the "presentation", which is hoplon defelems that can be hooked up to the state machines

the ui elements are the interface for the state machines

from there everything pretty much just falls into place

That's a really good way of describing it

I'm taking notes for my presentation btw

in general i guess the way i think of it is that at the end of the day you want to present a browser dom interface to the user

and in the dom there are two "connection" type abstractions

1. you can modify an elements attributes/properties

2. you can add an event callback

with hoplon #1 is related to javelin cells, and #2 is related to handler functions

like

(let [v (cell nil)]
  (input :value v :keyup #(reset! v @%)))

this also fits perfectly with the state machine thing

because the "state machine" is a record type whose fields are javelin cells

and the methods on it are implemented by some protocol

so to hook the state machine up to some ui compoenent(s) you would wire up the fields of the state machine (which are cells) to the attributes of the component

and the methods to events that the component would fire

so in larger applications we should be using records of cells instead of just cells?

that's what i end up doing

i mean it depends

if i can factor out the workflow, or some aspect of it, then i make a state machine thingy

that really simplifies the appliaction because then i can make more powerful components

and macros and stuff

very interesting, i have a theme developing for this tutorial on mental models for web apps, the nice thing about hoplon is that the ast is the dom structure so you can see the dom by looking at the code

and then attributes connect off to all the state and logic

your breakdown of it is much more concise 😁

yeah i think the dom is where you reach the true constraints

like for sure at the end of all the computing you will need to have stuff in the dom

because that's what the user sees and interacts with