Help integrating microfuzz search library with solid

I want to integrate this library into my component

https://github.com/Nozbe/microfuzz

I have this code for it:

https://github.com/learn-anything/learn-anything/blob/main/app/packages/electron-web/src/components/SearchModal.tsx

GitHub

GitHub - Nozbe/microfuzz: A tiny, simple, fast JS fuzzy search library

A tiny, simple, fast JS fuzzy search library. Contribute to Nozbe/microfuzz development by creating an account on GitHub.

GitHub

learn-anything/app/packages/electron-web/src/components/SearchModal...

Organize world's knowledge, explore connections and curate learning paths - learn-anything/learn-anything

nikiv.devOP•7/27/23, 2:50 PM

component is being rendered here: https://github.com/learn-anything/learn-anything/blob/main/app/packages/electron-web/src/App.tsx#L96

GitHub

learn-anything/app/packages/electron-web/src/App.tsx at main · lear...

Organize world's knowledge, explore connections and curate learning paths - learn-anything/learn-anything

nikiv.devOP•7/27/23, 2:50 PM

https://github.com/learn-anything/learn-anything/blob/main/app/packages/electron-web/src/GlobalContext/user.ts#L24 it uses this store

GitHub

learn-anything/app/packages/electron-web/src/GlobalContext/user.ts ...

Organize world's knowledge, explore connections and curate learning paths - learn-anything/learn-anything

nikiv.devOP•7/27/23, 2:50 PM

im basically trying to search over an array of strings that i pass

nikiv.devOP•7/27/23, 2:51 PM

so is array like this

nikiv.devOP•7/27/23, 2:52 PM

the problem is that i follow readme of this lib

https://github.com/Nozbe/microfuzz#using-microfuzz-plain-js

GitHub

GitHub - Nozbe/microfuzz: A tiny, simple, fast JS fuzzy search library

A tiny, simple, fast JS fuzzy search library. Contribute to Nozbe/microfuzz development by creating an account on GitHub.

nikiv.devOP•7/27/23, 2:53 PM

and i thought i do it like this in solid

i get items as prop so i create local searchResults signal that will show filtered results

nikiv.devOP•7/27/23, 2:53 PM

then fuzzySearch is created from

nikiv.devOP•7/27/23, 2:53 PM

i tried with unwrap() too

nikiv.devOP•7/27/23, 2:53 PM

then onInput of the input box it should show matches

nikiv.devOP•7/27/23, 2:54 PM

but its 0 matches, not sure what im doing wrong on solid side

nikiv.devOP•7/27/23, 2:54 PM

thought above would work

nikiv.devOP•7/27/23, 2:55 PM

i also tried making fuzzySearch into a signal

nikiv.devOP•7/27/23, 2:58 PM

library does work, just my solid integration is broken

Otonashi•7/27/23, 2:58 PM

you don't seem to be calling nor anywhere

nikiv.devOP•7/27/23, 2:58 PM

yes but im not filtering anything

nikiv.devOP•7/27/23, 2:58 PM

im trying to do matches

nikiv.devOP•7/27/23, 2:59 PM

can't filter if i can't do matches

nikiv.devOP•7/27/23, 2:59 PM

filteredItems is more appropriate name actually

nikiv.devOP•7/27/23, 2:59 PM

results always shows []

Otonashi•7/27/23, 3:00 PM

is an empty array at the time you call ?

nikiv.devOP•7/27/23, 3:01 PM

oh yea

nikiv.devOP•7/27/23, 3:01 PM

strange though

nikiv.devOP•7/27/23, 3:01 PM

ok i think its because store gets filled in async way

nikiv.devOP•7/27/23, 3:02 PM

ok yea

nikiv.devOP•7/27/23, 3:02 PM

i was just opening this modal too fast as i was testing

nikiv.devOP•7/27/23, 3:03 PM

and store did not get filled with values

nikiv.devOP•7/27/23, 3:03 PM

how can i make it work though im curious

nikiv.devOP•7/27/23, 3:03 PM

if i render SearchModal instantly

nikiv.devOP•7/27/23, 3:03 PM

before my store value of topics gets filled

nikiv.devOP•7/27/23, 3:03 PM

nikiv.devOP•7/27/23, 3:03 PM

i.e. it works with above

nikiv.devOP•7/27/23, 3:04 PM

but if I do

nikiv.devOP•7/27/23, 3:04 PM

nikiv.devOP•7/27/23, 3:04 PM

this will take like 100ms to complete but by the time the comopnent already rendered

nikiv.devOP•7/27/23, 3:04 PM

i need to put it in effect and make fuzzysearch signal?

nikiv.devOP•7/27/23, 3:05 PM

nikiv.devOP•7/27/23, 3:05 PM

nikiv.devOP•7/27/23, 3:05 PM

this runs twice for example

nikiv.devOP•7/27/23, 3:05 PM

first empty then with values

nikiv.devOP•7/27/23, 3:07 PM

nikiv.devOP•7/27/23, 3:07 PM

i thought maybe this

Otonashi•7/27/23, 3:07 PM

i would probably put in a memo, and the search term in a signal

Otonashi•7/27/23, 3:08 PM

and the results in a memo as well

nikiv.devOP•7/27/23, 3:09 PM

this?

Otonashi•7/27/23, 3:09 PM

yeah

nikiv.devOP•7/27/23, 3:09 PM

search term in a signal

results in a memo as well

nikiv.devOP•7/27/23, 3:09 PM

this i dont fully get

nikiv.devOP•7/27/23, 3:10 PM

Otonashi•7/27/23, 3:10 PM

create a signal for the search term and update it on input