gnbaron

window.getReduxStores = () => {
  const stores = []

  const traverse = (element) => {
    const store =
      element?.memoizedState?.element?.props?.store ||
      element?.pendingProps?.store ||
      element?.stateNode?.store

    if (store) {

gnbaron

import React, { useState, useEffect, ReactNode } from "react"

export function useMediaQuery(query: string) {
  const [matches, setMatches] = useState(false)

  useEffect(() => {
    const media = window.matchMedia(query)
    if (media.matches !== matches) {
      setMatches(media.matches)
    }

gnbaron

/**
 * A promise that resolves on next tick.
 * Beneficial for waiting for immediately resolved promises without
 * lengthy promise chains.
 */
export const flushPromises = (): Promise<void> =>
  new Promise(resolve => setImmediate(resolve))

gnbaron

function getAttrs() {
  const iframe = document.createElement('iframe')
  document.body.appendChild(iframe)
  return Object.entries(window)
    .filter(([k]) => !(k in iframe.contentWindow))
    .reduce((acc, [k, v]) => ({ ...acc, [k]: v }), {})
}

gnbaron

export function numberWithCommas(x) {
  return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

gnbaron

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default padding */
ul[class],
ol[class] {

gnbaron

Usage: npx https://gist.github.com/gnbaron/48d417e54fb9527a24422546b3ef763c src/folder