import { AxiosError } from "axios"
import { isObject, isString } from "lodash-es"
import { tryStringifyJson } from "./converters"

export function delay(ms: number) {
  return new Promise((resolve) => setTimeout(resolve, ms))
}

/**
 * @deprecated Use makeErrorMessage instead and truncate the error for display as needed, or make a situation-specific localized error message based on a response code
 */
export function makeShortErrorMessage(err: unknown) {
  return makeErrorMessage(err)
}

/**
 * Attempts to make a helpful error message from an unknown thrown error
 * or promise rejection.
 *
 * This function is mainly to aid debugging and good bug reports. For
 * expected errors encountered by end users, it's more ideal to catch
 * the specific error code and provide a localized app-specific error message.
 */
export function makeErrorMessage(err: unknown): string {
  if (err instanceof AxiosError) {
    if (err.response) {
      return `${err.response?.status} ${err.response?.statusText} from ${err.response?.config.method?.toUpperCase() || "accessing"} ${err.response?.config.url}: ${JSON.stringify(err.response?.data)}`
    } else if (err.config) {
      if (err.code === "ERR_NETWORK") {
        return `${err.message} from ${err.config.method?.toUpperCase() || "accessing"} ${err.config.url}. This error can happen because of either connection issues or server CORS policy.`
      } else {
        return `${err.message} from ${err.config.method?.toUpperCase() || "accessing"} ${err.config.url}`
      }
    }
  } else if (err instanceof Error) {
    return err.message
  } else if (isString(err)) {
    return err
  } else if (isObject(err)) {
    return tryStringifyJson(err) || `Unserializable object ${err}`
  }

  return `${err}`
}