Brandon Slinkard slinkardbrandon

🎯

Focusing

slinkardbrandon / cypress.js

Created September 17, 2021 21:02

Cypress automatic globbing feature files and measurements

	const cypress = require('cypress');
	const { DateTime } = require('luxon');
	const { green, white, yellow, red } = require('chalk');
	const glob = require('glob');

	const RUNTIME_MINUTES_GOOD = 6;
	const RUNTIME_MINUTES_OKAY = 10;
	const BASE_DIRECTORY = 'cypress/tests/integration';

	/**

slinkardbrandon / convertJsToTs.js

Last active February 24, 2025 04:46

Recursively rename all file extensions in a given directory from javascript to typescript

	const { resolve } = require('path');
	const { readdir, rename } = require('fs').promises;

	const DIRECTORY = 'src';

	async function* getFiles(dir) {
	const dirents = await readdir(dir, { withFileTypes: true });
	for (const dirent of dirents) {
	const res = resolve(dir, dirent.name);
	if (dirent.isDirectory()) {

slinkardbrandon / Screen.tsx

Created June 10, 2021 19:40

useIdleTimer

	export const Screen: React.FC = () => {
	useIdleTimer({
	idleMs: 30 * 60000,
	warningBeforeIdleMs: 25 * 60000,
	onWarning: () => console.log('pop warning dialog'),
	onIdle: async () => {
	console.log('close warning dialog, sign the user out, etc');
	},
	});

slinkardbrandon / useDebouncedCallback.ts

Created April 28, 2021 01:17

A simple hook leveraging lodash debounce to create a debounced callback that persists properly across renders

	import { debounce } from 'lodash';
	import { useCallback, useRef } from 'react';

	type Callback = (...args: any[]) => void;

	/**
	* Create the memoized / debounced function one time.
	*
	* This stores the current instance of the function to be debounced in a ref and updates
	* it every render (preventing stale data). Instead of debouncing that function directly we

slinkardbrandon / Component.tsx

Last active March 4, 2021 18:45

React useKeyBinds hook

	export const MyComponent: React.FC = () => {
	useKeyBinds({
	"ctrl+z": () => {
	console.log('undo');
	},
	"ctrl+y": () => {
	console.log('redo');
	},
	});

slinkardbrandon / types.ts

Created February 18, 2021 02:38

TypeScript padding & margin types

	type Without<T, U> = { [P in Exclude<keyof T, keyof U>]?: never };

	export type XOR<T, U> = T \| U extends object
	? (Without<T, U> & U) \| (Without<U, T> & T)
	: T \| U;

	export type PaddingValue =
	\| number
	\| `${number}px`
	\| `${number}em`

slinkardbrandon / shading.ts

Created February 16, 2021 22:57

Hex/RGB Color Functions

	import { PaletteColor, RgbString } from "../Theme";

	export type RGB = [number, number, number];
	type BackgroundColor = string;

	export function getRedGreenBlue(rgbStr: string): RGB {
	const [r, g, b] = /rgba?$(.+)$/
	.exec(rgbStr)[1]
	.split(",")
	.map((c) => Number(c.trim()));

slinkardbrandon / wait-for-postgres.sh

Last active February 18, 2021 13:41

A simple script that accepts arguments and waits for a postgres connection to be available

	#!/bin/sh

	main() {
	usage() { echo "Usage: $0 [-d <string>] [-t <string>] [-u <string>] [-p <string>] [-h <string>] [-m <number>]" 1>&2; exit 1; }

	while getopts ":h:d:t:u:p:m:" o; do
	case "${o}" in
	u)
	u=${OPTARG}
	;;

slinkardbrandon / Dockerfile

Last active June 13, 2023 13:00

Serverless in docker example