fostyfost

	interface IPropertyDescriptorStack {
		/**
		 * set the property descriptor of the member prop on the target object
		 * Fails silently, returning false
		 * @param props 
		 */
		push(props: Partial<PropertyDescriptor>): boolean;
		/**
		 * reset the property descriptor of the member prop on the target object, either to
		 * the state it was before the last set, or to the initial state, resetting the state stack.

fostyfost

export type PromiseDelegateResolveCallback<ResolveType> = (value: ResolveType | PromiseLike<ResolveType>) => void

export type PromiseDelegateRejectCallback<RejectType> = (reason?: RejectType) => void

export type PromiseDelegateResult<ResolveType, RejectType> = {
  promise: Promise<ResolveType>
  resolve: PromiseDelegateResolveCallback<ResolveType>
  reject: PromiseDelegateRejectCallback<RejectType>
}

fostyfost

export type RecursivePartial<T> = {
  [P in keyof T]?: T[P] extends (infer U)[]
    ? RecursivePartial<U>[]
    : T[P] extends (...args: any) => any
    ? T[P] | undefined
    : T[P] extends object
    ? RecursivePartial<T[P]>
    : T[P]
}

fostyfost

export const getArrayRange = (length: number, startFrom = 0): number[] => {
  return Array.from({ length }, (_, index) => index + startFrom)
}

fostyfost

Get all the styles as a string from a given document. useful for creating a PNG from an SVG. SVG's need to have all of their style information embedded within their document to be properly exported.

Example usage:

var styles = getStyles(window.document);

Try it by going to [http://bl.ocks.org/vicapow/raw/9904319/](this block) and running the above usage example in the console.

fostyfost

import { quadtree } from 'd3'

type Rectangle = {
  x: number
  y: number
  width: number
  height: number
}

export const forceRectangle = <T extends Rectangle>(gapX: number, gapY: number) => {

fostyfost

export const getCirclePath = (cx: number | undefined = 0, cy: number | undefined = 0, r: number | undefined = 0): string => {
  return `M ${cx - r}, ${cy} a ${r}, ${r} 0 1,0 ${r * 2},0 a ${r},${r} 0 1,0 ${r * -2},0`
}

fostyfost

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);

fostyfost

// @see https://stackoverflow.com/questions/71459572/not-possible-to-detect-webview-with-javascript-and-user-agent-on-old-android-ver
const rules = [
  // If it says it's a webview, let's go with that.
  'WebView',
  // iOS webview will be the same as safari but missing "Safari".
  '(iPhone|iPod|iPad)(?!.*Safari)',
  // https://developer.chrome.com/docs/multidevice/user-agent/#webview_user_agent
  'Android.*Version/[0-9].[0-9]',
  // Also, we should save the wv detected for Lollipop.
  // Android Lollipop and Above: webview will be the same as native,

fostyfost

export type RequiredField<T, K extends keyof T> = T & Required<Pick<T, K>>