Qwik hook for searching items with Fuse.js

useFuseSearch.ts

import type { NoSerialize, Signal } from "@builder.io/qwik";
import { noSerialize, useSignal, useVisibleTask$ } from "@builder.io/qwik";
import type { IFuseOptions } from "fuse.js";
import Fuse from "fuse.js";

export function useFuseSearch<T>(
  config: {
    items: Signal<T[]> | T[];
    search: Signal<string> | string;
  },
  options?: Omit<IFuseOptions<T>, "getFn" | "sortFn" | "keys"> & {
    keys: Array<NestedKeyOf<T> | { name: NestedKeyOf<T>; weight: number }>;
  },
): Signal<T[]> {
  const fuse = useSignal<NoSerialize<Fuse<T>>>();
  const filtered = useSignal<T[]>(
    Array.isArray(config.items) ? config.items : config.items.value,
  );

  // eslint-disable-next-line qwik/no-use-visible-task
  useVisibleTask$(({ track }) => {
    fuse.value = noSerialize(
      new Fuse(
        track(() =>
          Array.isArray(config.items) ? config.items : config.items.value,
        ),
        options,
      ),
    );
  });

  // eslint-disable-next-line qwik/no-use-visible-task
  useVisibleTask$(({ track }) => {
    const searchValue = track(() =>
      typeof config.search === "string" ? config.search : config.search.value,
    );
    const fuseValue = track(() => fuse.value);
    if (searchValue && fuseValue) {
      filtered.value = fuseValue
        .search(searchValue)
        .map((result) => ({ ...result.item }));
    } else {
      filtered.value = track(() =>
        Array.isArray(config.items) ? config.items : config.items.value,
      );
    }
  });

  return filtered;
}

type NestedKeyOf<ObjectType> = {
  [Key in keyof ObjectType & (number | string)]: ObjectType[Key] extends Array<
    infer ArrayType
  >
    ?
        | `${Key}.${number}`
        | `${Key}`
        | (ArrayType extends object
            ? `${Key}.${number}.${NestedKeyOf<ArrayType>}`
            : never)
    : ObjectType[Key] extends object
      ? `${Key}.${NestedKeyOf<ObjectType[Key]>}` | `${Key}`
      : `${Key}`;
}[keyof ObjectType & (number | string)];