fauxsaurus’s gists

fauxsaurus / grammarly2markdown.js

Last active March 7, 2024 15:04

Converts text in the Grammarly editor to markdown. To use it, paste the code into the console & copy the resulting string's contents.

	$('.ql-editor[contenteditable="true"]').innerHTML
	/** @note escape characters */
	.replace(/\#/g, '\\#')
	.replace(/\/g, '\\')
	/** @note convert headings */
	.replace(/<\/h[1-6]>/g, '\n')
	.replace(/<h1>/g, '# ')
	.replace(/<h2>/g, '## ')
	.replace(/<h3>/g, '### ')
	.replace(/<h4>/g, '#### ')

fauxsaurus / hooks.ts

Last active January 15, 2021 19:55

	export const useStateChangeEffect = <S>(
	initialState: S,
	effect: (arg: S) => void,
	runIf: (arg: S) => boolean = isTrue => !!isTrue,
	) => {
	const [state, setState] = useState(initialState);
	const prevState = useRef(state);
	const triggerEffect = runIf(state) && state !== prevState.current;

	useEffect(() => void (triggerEffect && effect(state)), [effect, state, triggerEffect]);

fauxsaurus / object.ts

Created December 19, 2020 20:54

Object Utils

	const renameObjKey = <T extends Record<string, any>>(
	oldKey: string,
	newKey: string,
	{[oldKey]: value, ...obj}: T,
	) => Object.assign({[newKey]: value}, obj);

fauxsaurus / array.ts

Created December 18, 2020 01:22

Array Utils

	// note: the existing item needs to appear after so that this can put stuff at the start of the array
	// note: if an i > length is used, it will just be added to the last place
	const insertAt = <T>(arr: T[], i:number, item: T) =>
	arr.slice(0, i).concat([item]).concat(arr.slice(i)); // prettier-ignore

	const removeAt = <T>(arr: T[], i: number) =>
	arr.slice(0, i).concat(arr.slice(i + 1)) // prettier-ignore

	const setAt = <T>(arr: T[], i: number, item: T) =>
	arr.slice(0, i).concat([item]).concat(arr.slice(i + 1)); // prettier-ignore

fauxsaurus / destructure-next-array-item.js

Created December 5, 2020 17:35

items.map((result, item, i, {[i+1]: nextItem}) => [item, nextItem]);

fauxsaurus / use-vector.ts

Created December 5, 2020 16:10

	import {useState} from 'react';

	export const useVector = <T>(initialValue: T, arity = 3) => {
	const [vector, setVector] = useState<T[]>([...Array(arity)].fill(initialValue));
	const updateVector = (newValue: T) => setVector([newValue].concat(vector.slice(1)));
	return [vector, updateVector] as const;
	};

fauxsaurus / ascii-wave.txt

Created February 18, 2020 17:23

	/\
	_\/_/
	/ /
	/\
	/ /

fauxsaurus / space-case.js

Created January 24, 2020 01:27

Convert PascalCase, camelCase, snake_case, & kebab-case into "space case".

	export const spaceCase = txtWithNoSpaces =>
	txtWithNoSpaces
	.split(/_\|-/g) // snake_case & kebab-case
	.join(' ')
	.replace(/([A-Z])/g, ' $1') // PascalCase & camelCase
	.split(' ')
	.map(word => word.charAt(0).toUpperCase() + word.slice(1))
	.join(' ')
	.replace(/\s+/, ' ') // dashed entries create two spaces, bump that down to one
	.replace(/([A-Z])\s(?=[A-Z]\b)/g, '$1') // e.g. "U U I D" => "UUID"

fauxsaurus / hue-gradient.css

Created November 30, 2019 23:26

	.hue-gradient
	{
	background:linear-gradient(to right,
	#f00 0%,
	#ff0 16.66%,
	#0f0 33.33%,
	#0ff 50%,
	#00f 66.66%,
	#f0f 83.33%,
	#f00 100%

fauxsaurus / colorblind-gradients.html

Last active May 26, 2021 02:58

A visual representation of different types of colorblindness & their affects on color gradients (filters adapted from this awesome repo at https://github.com/oftheheadland/Colorblindly).

	<!Doctype html>
	<style>
	div
	{
	background:linear-gradient(to right,
	#f00 0%,
	#ff0 16.66%,
	#0f0 33.33%,
	#0ff 50%,
	#00f 66.66%,