autobrr/web/src/utils/index.ts
stacksmash76 4d753b76ed
refactor(web): update to react 18 and other deps (#285)
* Started refactoring codebase for React 18.

* Migrated to react-router v6 fully

* Removed useless test setup along with relevant packages.

* Removed leftover console.log statement

* feat: use status forbidden for onboarding

* refactor(web): use react hook form on login

* fix: comply with r18 shenanigans

* chore: update packages
2022-06-10 19:31:46 +02:00

85 lines
No EOL
2.3 KiB
TypeScript

import { formatDistanceToNowStrict, formatISO9075 } from "date-fns";
// sleep for x ms
export function sleep(ms: number) {
return new Promise(resolve => setTimeout(resolve, ms));
}
// get baseUrl sent from server rendered index template
export function baseUrl() {
let baseUrl = "";
if (window.APP.baseUrl) {
if (window.APP.baseUrl === "/") {
baseUrl = "/";
} else if (window.APP.baseUrl === "{{.BaseUrl}}") {
baseUrl = "/";
} else if (window.APP.baseUrl === "/autobrr/") {
baseUrl = "/autobrr/";
} else {
baseUrl = window.APP.baseUrl;
}
}
return baseUrl;
}
// get sseBaseUrl for SSE
export function sseBaseUrl() {
if (process.env.NODE_ENV === "development")
return "http://localhost:7474/";
return `${window.location.origin}${baseUrl()}`;
}
export function classNames(...classes: string[]) {
return classes.filter(Boolean).join(" ");
}
// column widths for inputs etc
export type COL_WIDTHS = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
// simplify date
export function simplifyDate(date: string) {
if (date !== "0001-01-01T00:00:00Z") {
return formatISO9075(new Date(date));
}
return "n/a";
}
// if empty date show as n/a
export function IsEmptyDate(date: string) {
if (date !== "0001-01-01T00:00:00Z") {
return formatDistanceToNowStrict(
new Date(date),
{ addSuffix: true }
);
}
return "n/a";
}
export function slugify(str: string) {
return str
.normalize("NFKD")
.toLowerCase()
.replace(/[^\w\s-]/g, "")
.trim()
.replace(/[-\s]+/g, "-");
}
// WARNING: This is not a drop in replacement solution and
// it might not work for some edge cases. Test your code!
export const get = <T> (obj: T, path: string|Array<any>, defValue?: string) => {
// If path is not defined or it has false value
if (!path)
return undefined;
// Check if path is string or array. Regex : ensure that we do not have '.' and brackets.
// Regex explained: https://regexr.com/58j0k
const pathArray = Array.isArray(path) ? path : path.match(/([^[.\]])+/g);
// Find value
const result = pathArray && pathArray.reduce(
(prevObj, key) => prevObj && prevObj[key],
obj
);
// If found value is undefined return default value; otherwise return the value
return result === undefined ? defValue : result;
};