index.community/frontend/src/util.ts

import { createMatchSelector } from "connected-react-router";
import fetch from "cross-fetch";
import { range } from "lodash";
import { DESKTOP_WIDTH_THRESHOLD, InstanceDomainPath, INSTANCE_DOMAIN_PATH } from "./constants";
import { AppState } from "./redux/types";

let API_ROOT = "https://api.index.community/api/";
if (["true", true, 1, "1"].includes(process.env.REACT_APP_STAGING || "")) {
  API_ROOT = "https://api.index.community/api/";
} else if (process.env.NODE_ENV === "production") {
  API_ROOT = "https://api.index.community/api/";
}

export const getFromApi = (path: string, token?: string): Promise<any> => {
  const domain = API_ROOT.endsWith("/") ? API_ROOT : `${API_ROOT}/`;
  const headers = token ? { token } : undefined;
  return fetch(encodeURI(domain + path), {
    headers,
  }).then((response) => response.json());
};

export const postToApi = (path: string, body: any, token?: string): Promise<any> => {
  const domain = API_ROOT.endsWith("/") ? API_ROOT : `${API_ROOT}/`;
  const defaultHeaders = {
    Accept: "application/json",
    "Content-Type": "application/json",
  };
  const headers = token ? { ...defaultHeaders, token } : defaultHeaders;
  return fetch(encodeURI(domain + path), {
    body: JSON.stringify(body),
    headers,
    method: "POST",
  }).then((response) => response.json());
};

export const domainMatchSelector = createMatchSelector<AppState, InstanceDomainPath>(INSTANCE_DOMAIN_PATH);

export const isSmallScreen = window.innerWidth < DESKTOP_WIDTH_THRESHOLD;

export const capitalize = (s: string): string => s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();

export const setAuthToken = (token: string) => {
  sessionStorage.setItem("adminToken", token);
};

export const unsetAuthToken = () => {
  sessionStorage.removeItem("adminToken");
};

export const getAuthToken = () => sessionStorage.getItem("adminToken");

export const getBuckets = (min: number, max: number, steps: number, exponential: boolean) => {
  if (exponential) {
    const logSpace = range(steps).map((i) => Math.E ** i);
    // Scale the log space to the linear range
    const logRange = logSpace[logSpace.length - 1] - logSpace[0];
    const linearRange = max - min;
    const scalingFactor = linearRange / logRange;
    const translation = min - logSpace[0];
    return logSpace.map((i) => (i + translation) * scalingFactor);
  }
  // Linear
  const bucketSize = (max - min) / steps;
  return range(min, max, bucketSize);
};

const typeToDisplay: { [field: string]: string } = {
  gnusocial: "GNU Social",
};
export const getTypeDisplayString = (key: string) => {
  if (key in typeToDisplay) {
    return typeToDisplay[key];
  }
  return capitalize(key);
};