akbarjondev

export const lazy = (componentFactoryPromise) => {
  const componentPromise = componentFactoryPromise()
  let Component
  componentPromise.then(C => {
    Component = C.default
  })

  return (props) => {
    if(!Component) {
      throw componentPromise

akbarjondev

function delay(ms) {
  return new Promise(resolve => {
    setTimeout(resolve, ms);
  });
}

akbarjondev

function reverseInPlace(arr) {
  let length = arr.length,
  middle = Math.floor(length / 2),
  temp = null

  for(let i = 0; i < middle; i++) {
    temp = arr[i]
    arr[i] = arr[arr.length - 1 - i]
    arr[arr.length - 1 - i] = temp
  }

akbarjondev

import Grid from 'muuri'

interface GapFillerProps {
    height: number
    columnId: number
    gapHeight?: number
}

export const calculateGaps = (grid: Grid): GapFillerProps[] => {
    if (!grid) return []

akbarjondev

import { useRouter } from 'next/router';
import { useRef } from 'react';

export const usePreviousRoute = () => {
  const router = useRouter();

  const ref = useRef<string | null>(null);

  router.events?.on('routeChangeStart', () => {
    ref.current = router.asPath;

akbarjondev

import { useCallback, useState, useEffect } from 'react'

export function useScreenSize(screenSize: number): boolean[] {
    const [isActive, setIsActive] = useState<boolean>(false)

    const handleScreenResize = useCallback(() => {
        const isActive = window.matchMedia(`(min-width: ${screenSize}px)`)

        setIsActive(isActive.matches)
    }, [setIsActive, screenSize])

akbarjondev

export function bind(target, { type, listener, options }) {
  target.addEventListener(type, listener, options);

  return function unbind() {
    target.removeEventListener(type, listener, options);
  };
}

akbarjondev

const priceUtility = (pr: string | number): string => {
  // remove spaces
  const price: string = pr.toString().replaceAll(' ', '');
  // get hole part
  const holePart: number = parseInt(price);
  // get float part of price if exist
  const floatPart: string =
    parseFloat(price) - holePart === 0
      ? ''
      : (parseFloat(price) - holePart).toFixed(2).substring(1);

akbarjondev

import { useEffect } from 'react'

export function useImageToBase64(
    src: string,
    callback: (res: string) => void,
    outputFormat?: string
) {
    useEffect(() => {
        let img = new Image() // Image constructor equivalent to document.createElement
        img.crossOrigin = 'Anonymous'

akbarjondev

function getType(obj) {
  const lowerCaseTheFirstLetter = (str) => str[0].toLowerCase() + str.slice(1);
  const type = typeof obj;
  if (type !== 'object') {
    return type;
  }

  return lowerCaseTheFirstLetter(
    Object.prototype.toString.call(obj).replace(/^\[object (\S+)\]$/, '$1')
  );