Fuzzy Search in JS/TS World!

Search.ts

/* picked from cypress-realworld-app */

import Fuse from "fuse.js";
import { flow, map, curry } from "lodash/fp";

type IItems = {
    title: string;
    body: string;
};
export const performSearch = (items: object[], options: {}, query: string) =>
    flow(
        cleanSearchQuery,
        setupSearch(items, options),
        map((result: Fuse.FuseResult<IItems>) => result.item)
    )(query);

export const cleanSearchQuery = (query: string) =>
    query.replace(/[^a-zA-Z0-9]/g, "");

export const setupSearch = curry(
    (items: object[], options: {}, query: string) => {
        const fuse = new Fuse(items, options);
        return fuse.search(query);
    }
);

export const searchUsers = (query: string) => {
    const items = [
        {
            title: "Lorem ipsum dolor sit amet, consectetur adipiscing elit,",
            body: "sed do eiusmod tempor",
        },
        {
            title: "incididunt ut labore et dolore",
            body: "magna aliqua. Ut",
        },
        {
            title: "enim ad minim veniam, ",
            body: "nostrud exercitation",
        },
        {
            title: "ullamco laboris nisi ut aliquip",
            body: "ex ea commodo consequat",
        },
        {
            title: "QueryString uis aute irure dolor in reprehenderit in",
            body:
                "voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur si",
        },
    ];
    return performSearch(
        items,
        {
            keys: ["title", "body"],
        },
        query
    );
};