database.ts

/*
 *  This file is part of CoCalc: Copyright © 2022 Sagemath, Inc.
 *  License: MS-RSL – see LICENSE.md for details
 */

import { useEffect, useState } from "react";

import apiPost from "lib/api/post";
import useIsMounted from "./mounted";
import { removeNulls } from "@cocalc/util/misc";

export default function useQuery(initialQuery?): {
  error: string;
  setError: (string) => void; // in case you want to clear the error indicator.
  value: any;
  loading: boolean;
  query: (any) => Promise<any>;
} {
  const isMounted = useIsMounted();
  const [value, setValue] = useState<any>(initialQuery);
  const [error, setError] = useState<string>("");
  const [loading, setLoading] = useState<boolean>(!!initialQuery);

  async function query(query) {
    setLoading(true);
    let result;
    try {
      result = await apiPost("/user-query", { query });
    } catch (err) {
      if (!isMounted.current) return;
      const error = `${err}`;
      setError(error);
      setLoading(false);
      return { error };
    }
    if (!isMounted.current) return;
    if (result.error) {
      setError(result.error);
    } else {
      setValue(removeNulls(result.query));
    }
    setLoading(false);
    return result;
  }

  useEffect(() => {
    if (initialQuery) {
      query(initialQuery);
    }
  }, []);

  return { error, value, loading, query, setError };
}