fostyfost

type DistributivePick<T, K extends keyof T> = T extends any ? Pick<T, K> : never

fostyfost

type Album = {
    id: string // same per type
    title: string // same per type
    genre: string // different
}

type CollectorEdition = {
    id: string // same per type
    title: string // same per type
    limitedEditionFeatures: string[] // different

fostyfost

export type UnionToTuple<U extends string, R extends any[] = []> = {
    [S in U]: Exclude<U, S> extends never ? [...R, S] : UnionToTuple<Exclude<U, S>, [...R, S]>
}[U]

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

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);