async results

[jojo05]

Is there a recommended pattern when using fetch to get the results ?

[tvararu]

Hi @jojo05! You can use the source function and call the populateResults callback with the results from fetch.then. This should work.

We don't have built-in options for loading spinners or other useful things for dealing with asynchronous results! This is something we definitely need.

[jojo05]

Ok, this is what I do.
It's annoying theat preact-cli doesn't support proxy config option, so I cannot develop using my Go server

What pattern would you use for the example case, when you have a script tag for preact and aa (accessible-autocomplete) ?

[tvararu]

I'd try it like this:

<Autocomplete
  source={ (query, populateResults) => {
    fetch(URL + query)
      .then(data => populateResults(data))
  } }
/>

But this may not work! We don't have an example for this. Also, dealing with loading of async results isn't also possible at the moment.

[tvararu]

Also when users type in multiple times, you'll get multiple fetch calls which also isn't ideal. Can do a bit of work on your end with a debounce and fetch cancelling (unsure if possible? should be)

[jojo05]

fetch(URL+query).then(r => r.json()).then(data => populateResults(data)) works. Thanks

[tvararu]

@jojo05 that's cool! Would you like to submit a pull request to the examples demo-ing this pattern? ✨

[jojo05]

Sure. That would be my first PR (it's about time!)
It will be like examples/react/index.html but using an external data source, like wikipedia. I will also show the table-like output and a link (basically using aa to navigate a data source). Give me a few days

[tvararu]

I suggest you make the "table-like output" separate, so two examples (or 3 with the link one)! It's good for the examples to be focused on just one small feature.

[jojo05]

yes, let me start with the first. I need to figure out the debouncing

[jojo05]

Is it possible to have an option in which clicking on an item doesn't actually select an item?
This is useful to view a set of values, click on some to open links in new tabs, and go back and still see the previous list.

[jojo05]

Hi, I am ready to send the Pull Request. I don't want to fork the repo so I think I need push rights.

[boneyfantaseas]

What's the status here, @jojo05 ? I'd love to get some input on your apporach for debouncing the keystrokes.

[hannalaakso]

Hi @jojo05,

Apologies for picking this up so late!

You'll need to fork the repo in order to raise a PR. More info here.

It would be good to get your PR in.

Any questions, please let us know.

Cheers,
Hanna