I was able to get it working! I'm not sure if this...

# squarelibraries

[Trevor Stone]

I was able to get it working! I'm not sure if this is exactly what you meant by the above, but here is my sample code in 🧵

[Trevor Stone]

fun interface StringListScope {
    fun addString(string: String)
}

@Composable
fun StringListBuilder(content: @Composable StringListScope.() -> Unit): List<String> = run {
    (mutableListOf<String>()).also {
        StringListScope { string: String -> it.add(string) }.content()
    }
}

@Composable fun StringListScope.Hello(prefix: String) = addString("$prefix Hello")

@Composable fun StringListScope.World(suffix: String) = addString("World $suffix")

@Composable
fun StringListOutput(count: Int) = StringListBuilder {
    Hello("$count")
    World("$count")
}

val flow =
    moleculeFlow(RecompositionClock.Immediate) {
        var count by remember { mutableStateOf(0) }

        LaunchedEffect(Unit) {
            while (true) {
                delay(500)
                count++
            }
        }

        StringListOutput(count)
    }

[jw]

Hmm I see. I'm not entirely sure this is safe.

[Trevor Stone]

Yeah I don't love it, but it appears to be working so far

[jw]

If you emit a constant string with no dependency on count is it included in every emission? Or only the first?

[Trevor Stone]

fun interface StringListScope {
        fun addString(string: String)
    }

    @Composable
    fun StringListBuilder(content: @Composable StringListScope.() -> Unit): List<String> = run {
        (mutableListOf<String>()).also {
            StringListScope { string: String -> it.add(string) }.content()
        }
    }

    @Composable fun StringListScope.Hello(prefix: String) = addString("$prefix Hello")

    @Composable fun StringListScope.World() = addString("World")

    @Composable
    fun StringListOutput(count: Int) = StringListBuilder {
        Hello("$count")
        World()
    }

    val flow: Flow<List<String>> =
        moleculeFlow(RecompositionClock.Immediate) {
            var count by remember { mutableStateOf(0) }

            LaunchedEffect(Unit) {
                while (true) {
                    delay(500)
                    count++
                }
            }

            StringListOutput(count)
        }

    @Test
    fun sanityCheck() = runTest {
        flow.test {
            println("first" + awaitItem())
            cancelAndIgnoreRemainingEvents()
        }
        flow.test {
            println("second" + awaitItem())
            println("second" + awaitItem())
            println("second" + awaitItem())
            println("second" + awaitItem())

            cancelAndIgnoreRemainingEvents()
        }
    }

[Trevor Stone]

This outputs

first[0 Hello, World]
second[0 Hello, World]
second[1 Hello, World]
second[2 Hello, World]
second[3 Hello, World]

[Trevor Stone]

So yes

[Trevor Stone]

I was looking into Mosaic a bit and was wondering if I could leverage something closer to how Nodes seem to work

[Trevor Stone]

but instead of rendering to a canvas I somehow can aggregate them to a data structure output

[jw]

Absolutely

[jw]

In this example each StringListScope.something() function would call ComposeNode to emit something into the tree

[jw]

and it doesn't even have to be a tree. If none of the calls to ComposeNode use the children parameter, the result will be a root node and a single set of children (basically, a list)

[Trevor Stone]

Would this still work with Molecule to have the result emit as a Flow? Or would this need to move away from Molecule

[Trevor Stone]

but this sounds really promising

[jw]

You would need to replace about 50% of Molecule, but Molecule is only about 40 lines of code.

[jw]

You would need to create a real applier

[jw]

Pass that to the Composition with a root node

[jw]

and then you create the composable function that emits a node

[jw]

that's about it

[jw]

Mosaic is a good place to look. It has an incredibly simple applier and node hierarchy

[Trevor Stone]

Other than asking you, are there any good resources you know of to get a better handle on the internals of compose? I'm looking closer at Molecule's implementation right now

[jw]

Jetpack Compose Internals book by Jorge

[jw]

Conference talks by Leland on Compose team

[jw]

I learned a lot by reading the unit tests of the Compose runtime

[Trevor Stone]

Ah I was looking at https://jorgecastillo.dev/diving-into-mosaic earlier today

[Trevor Stone]

Otherwise do you think that the initial solution posted is viable after seeing the outputs?

[jw]

I mean if it works then yeah. The general pattern there is create a mutable object, abstract over it with an interface, and pass that around (either explicitly, as a receiver, or as a fancy new context), and finally return the mutable object (potentially as a read-only/immutable version of itself)

[Trevor Stone]

While poking around at this a bit more I think I have a solid path forward except I don’t see where I would hook into for the emit. From my understanding Molecule emits whatever the return value is, and essentially is called at the correct time due to it being called in setContent . When the body recomposes the new return value gets returned and emitted. Based upon mosaic, I have a root node that I want to emit instead.

mosaic seems to update the output on a 50ms interval, but I was hoping to have a solution that emits nothing unless a change has occurred. Is there a place in the recomposition lifecycle I could be emitting from?

[jw]

Mosaic adds a frame waiter to the frame clock to wait for state changes to redraw

[Trevor Stone]

Is that triggered by

override fun setContent(content: @Composable () -> Unit) {
				composition.setContent(content)
				hasFrameWaiters = true
			}

[Trevor Stone]

I’ve got it working now! Thanks for your help