Xano x Weweb: How to stream json - array of objects?

Ask us anything How do I?
1

Hey! I have an array of objects that I want to stream over to Weweb.

So the code I am passing over is an array of hook objects with 2 keys. Open AI returns an array of 5 hooks i am streaming over to weweb from xano.

Normally, I bind the array to a container and weweb displays the array of hooks nicely.

This is an example of the json being passed over:

[
{
“hook”: “”,
“hook_reference”: “”,
}
// Add more objects for more hooks, following the same structure
]

–

But how do I do that now, with streaming enabled? The hooks are rather long and I want to display each hook as they appear…

–

Currently how I am doing it, is that I stream it to an array variable in weweb using the Xano plaugin, and then join them all together. But then the browser crashes…? and nothing is displayed.

image
image492×898 39.8 KB

image
image1166×454 40.5 KB

2

Hi @raelyn,
Did you end up having this well setup? I found 2 ways from the forum and Youtube, but it is really slow, doesn’t give a good UX. Thanks.

3

Hey the front end remains the same - but what I’ve found is most of the problems come from Xano, you have to use the streaming api in a very specific way if not it won’t actually stream the details over. It will only appear like it’s streaming when it’s not

But in terms of weweb nope still same old way

4

Yes, it’s strange, I used the XANO tutorial with the Javascript, but it does not work well, I assume you need a high plan for that.
After several attempts, I gave up, just not stable at all to go into production. I am testing using the AI itself directly instead of calling via XANO.