smitroshin

/**
 * Encode an array of strings into query param
 *
 * Format: repetitive params
 *
 * Example: `encodeArrayToQueryParam("param", ["a", "b", "c"])` => `"param=a&param=b&param=c"`
 */
export const encodeArrayToQueryParam = (key: string, array: string[]) =>
  array.map((item) => `${encodeURIComponent(key)}=${encodeURIComponent(item)}`).join("&")

smitroshin

export const useIIFE = <T>(callback: () => T) => {
  return iife(callback);
};
const iife = <T extends (...args: any[]) => any>(callback: T): ReturnType<T> => callback();

smitroshin

export default Object.assign(Header, {
  Title: HeaderTitle,
  Subtitle: HeaderSubtitle,
})

smitroshin

import { useCallback, useEffect, useRef } from "react"

/**
 * A normal setTimeout with automatic cleanup on unmount
 */
export const useSafeTimeout = () => {
  const timeout = useRef<NodeJS.Timeout | null>(null)

  const setSafeTimeout = useCallback((callback: () => void, ms: number) => {
    timeout.current = setTimeout(callback, ms)

smitroshin

import { useState } from "react";

/**
 * As an API it's the same useRef,
 * but it uses useState under the hood.
 *
 * Used to watch the ref changing between re-renders.
 *
 * Source: https://non-traditional.dev/creating-a-stateful-ref-object-in-react-fcd56d9dea58
 */

smitroshin

import { useState } from "react";
import { useMount, usePrevious, useToggle } from "react-use";

export function debounce(func: Function, timeout = 300) {
  let timer: any;
  return (...args: any[]) => {
    clearTimeout(timer);
    timer = setTimeout(() => {
      func(...args);
    }, timeout);

smitroshin

/**
 * Get PDF page count from a PDF Blob
 *
 * Source: https://stackoverflow.com/a/58089003
 */
export const getPdfPageCount = (pdfFile: Blob) =>
  new Promise<number>((resolve, reject) => {
    const reader = new FileReader();

    reader.readAsBinaryString(pdfFile);

smitroshin

import { AxiosError, AxiosResponse } from "axios";

/**
 * Axios types overload
 */
export function asyncHelper<ResponseType = any, ErrorType = any>(
  promise: Promise<AxiosResponse<ResponseType | ErrorType, any>> | null | undefined | false
): Promise<{ response: AxiosResponse<ResponseType> | null; error: AxiosError<ErrorType> | null }>;

/**

smitroshin

/**
 * Assuming 1rem = 16px
 *
 * 14 => 0.875
 */
export const pxToRem = (val: number, htmlFontSize?: number) => val / (htmlFontSize ?? 16);

/**
 * Assuming 1rem = 16px
 *

smitroshin

/**
 * Convert a text to kebab-case format
 */
export const toKebabCase = (text: string) =>
  text
    .trim()
    .replace(/([a-z])([A-Z])/g, "$1-$2") // insert dash between lowercase and uppercase letters
    .replace(/\s+/g, "-") // replace spaces with dashes
    .toLowerCase(); // convert all characters to lowercase