munierujp

import { useMemo } from 'react'
import { useLocation } from 'react-router-dom'

/**
 * @see https://v5.reactrouter.com/web/example/query-parameters
 */
export const useQueryParams = (): URLSearchParams => {
  const { search } = useLocation()
  return useMemo(() => new URLSearchParams(search), [search])
}

munierujp

const sleep = async (ms) => {
  return await new Promise(resolve => setTimeout(resolve, ms))
}

munierujp

const waitLoaded = async () => {
  await new Promise((resolve) => {
    window.addEventListener('load', () => {
      resolve()
    })
  })
}

munierujp

const waitDOMContentLoaded = async () => {
  await new Promise((resolve) => {
    window.addEventListener('DOMContentLoaded', () => {
      resolve()
    })
  })
}

munierujp

export class SensitiveParameter<T> {
  private readonly value: T
  private readonly masked: string

  constructor (value: T, masked: string = '***') {
    this.value = value
    this.masked = masked
  }

  /**

munierujp

const array1: number[] = [1, 2, 3]
const array2: boolean[] = [false, true]
const array3 = array1.flatMap(a => array2.map(b => [a, b] as const))
/*
type: (readonly [number, boolean])[]
value:
[
  [ 1, false ],
  [ 1, true ],
  [ 2, false ],