General questions should be asked on StackOverflow, not here. This room focuses on development of Binding.scala.
Or does it rely on xml literals?
I recently tried it on https://astexplorer.net/ and it failed without generating ast for the "malformed" literal.
@/all You may also want to have a look at the proposal of name-based XML literal at https://contributors.scala-lang.org/t/pre-sip-name-based-xml-literals/2175
Hi @Atry, could you publish new release with ThoughtWorksInc/Binding.scala#90 and ThoughtWorksInc/Binding.scala#104 included?
Btw should I consider some state manager like diode/redux or this is not needed with Binding.scala ?
@Krever I wrote once a blog about Binding.scala with Redux - see https://pme123.github.io/scala-adapters/development/binding-scala-redux/
thanks. Another thing,: how this should be expressed correctly:
class ProcessDefsSelect(allDefs: BindingSeq[ProcessDefinition], selected: Var[Option[ProcessDefinition]]) {
@dom
def render: Binding[html.Select] = {
<select class="ui dropdown" onchange={e: Event => selected.value = allDefs.bind.find(_.id == e.target.asInstanceOf[html.Select].value)} >
{for (pDef <- allDefs) yield {
<option value={pDef.id} selected={selected.bind.exists(_.id == pDef.id)} >
{pDef.name}
</option>
}}
</select>
}
}simple select component. This impl doesnt work due to allDefs.bind invoked in callback function...
I have a question https://stackoverflow.com/questions/53119126/binding-scala-component-to-string-conversion. In this Gitter channel, there was a discussion on how to convert a scalatags typed tag to string. I need a similar way to do that for a Binding[Element].
Would it be possible to use a third party library like that alongside with binding.scala? As an example, consider the example setting content of popup: https://github.com/fancellu/scalajs-leaflet/blob/master/example/src/main/scala/example/Leaflet2.scala#L25
How can i set dynamic content in the popup that depends on binding.scala content?
Maybe an idea could be to build a modified leaflet library that avoids the builders and promotes binding.scala concepts, which might be a novel approach to mapping.
How can i set dynamic content in the popup that depends on binding.scala content?
Maybe an idea could be to build a modified leaflet library that avoids the builders and promotes binding.scala concepts, which might be a novel approach to mapping.
Well, i like using leaflet, my other project is using leaflet. The binding.scala + google maps tutorial has binding.scala components for the search box related data binding only. The map is bound to the dom by the leaflet.js itself. Therefore it is outside of the managed code, the leaflet code updates the dom directly. Therefore the problem becomes how to integrate these together. This is a similar problem in the react world, too. In the react world i was using react-leaflet for managing the lifecycle of the map's sub components (https://react-leaflet.js.org/docs/en/intro.html#lifecycle-process). But here i don't know if it is possible to extend or customize the life cycle of dom components, the map in particular, and relate them to those of the binding.scala components. It may be just easier to re-implement leaflet.js in binding.scala, because leaflet.js includes lots of custom event handling stuff which is simply redundant in the existing of binding.scala.
For instance, when a map is initialized by leaflet, the container that is associated with the map is 'marked', therefore after a re-rendering caused by .bind, the map may become unusable because it won't contain leaflet.js-originated stuff... This one can be avoided by careful coding.
But one other thing is to use a dom annotated component's value within the non-binding-aware, external library. This one i still don't know. extfunc(x.bind) would this be recalculated after x changes?
One more question. Let's say we have a single page app (SPA) and would like to use a legacy library that is jQuery based, such that some random elements need to be initialized by some jQuery plugin. The SPA renders totally different layouts depending on some conditions (like authentication), therefore it is not guaranteed after the first page load the elements are attached to the DOM. Is there a way to attach an initializer to a
div just for this purpose, so that wherever the div is being used, it is going to get the initializer invoked? (If you know an answer and are willing to answer on SO, I can enter a question there, too.)
Just to make things clear, even workarounds like this after where
dom.render() gets called did not helpdef applyOnMount(selector: String, f: () => Unit):Unit = {
val elemFound: Boolean = org.scalajs.dom.document.body.querySelectorAll(selector).length > 0
if (!elemFound) {
println(s"waiting for elem $selector")
js.timers.setTimeout(Duration.seconds(1000).milliseconds) {
println(s"recursing for $selector")
applyOnMount(selector,f)
}
} else {
println(s"applying on elem $selector")
f
}
}
Thanks for the recommendation, @kahliburke, although i was trying to stay within the binding.scala tooling like watch(),.. Would it be possible to implement it using watch()? I have not tested MutationObserver before, i will consider using it instead of re-implementing some existing components in binding.scala.
@Atry got your point. A similar example I was following was @sadhen's here: http://sadhen.com/blog/2017/01/02/binding-with-semantic.html
When things build up including routing, ui navigation, authentication, working with local and remote data and futurebindings, social media logins, google/leaflet maps, etc, some sort of best practices become necessary. It may be a good idea to keep a binding.scala starter project with up to date best practices for reference and building shared experience. I don't mind offering a starter skeleton for going through common scrutiny if it helps...
@nakedcity here I always have to reference my little blog;) https://pme123.github.io/scala-adapters/development/binding-scala-redux/
@kahliburke thanks for the idea. Here is a gist. https://gist.github.com/mcku/9c360d39dba7915391207f84d1bd0680 . Using MutationObserver, I am able to use jQuery based semantic-ui components without rewriting them in binding.scala from scratch.