David Wells DavidWells

This middleware does a few interesting things:

Ensures a url shape in the zustand store, where we'll store URL information.
Assumes we will be storing our url state slice in the ?state search parameter after it has been stringified and base 64 encoded.
On creation, decodes stores state from the ?state search parameter into the url slice of our store.
After each state update, updates the ?state search parameter with the new url state slice.
Sets up an event listener that listens for popstate and re-decodes the state from the URL into our store.

Get Individual Contributor metrics from GitHub's GraphQL API

These are some handy snippets to get common metrics for checking how active a software engineer is.

How many pushes are made by the IC?
How many reviews are made by the IC?
How many comments are made by the IC?

Setup

Entrypoints

This is a proposal to adopt the use of // ENTRYPOINT comments next to a program's top-level entrypoints, such as the main function, event handlers, and network listeners.

The idea is to allow new contributors and curious readers to quickly gain an overview of the project's main functions in a way that's easy to understand, and for the entrypoints to act as sensible starting points (and helpful mental anchor points) for further exploration.

The presence of ENTRYPOINT comments should allow the reader to quickly begin to answer questions like what does this program do? (provided the main function is sufficiently readable); what happens when I press a key?; and how does this program respond to network requests?.

Tooling

	#!/bin/bash

	# Colors
	RED='\033[0;31m'
	GREEN='\033[0;32m'
	NO_COLOR='\033[0m'
	BLUE='\033[0;34m'
	YELLOW='\033[0;33m'
	NO_COLOR='\033[0m'

	import * as React from 'react';

	const useIsFirstRender = (): boolean => {
	const isFirst = React.useRef(true);

	if (isFirst.current) {
	isFirst.current = false;

	return true;
	} else {

	// Turn all HTML <a> elements into client side router links, no special framework-specific <Link> component necessary!
	// Example using the Next.js App Router.
	import { useRouter } from 'next/navigation';
	import { useEffect } from 'react';

	function useLinkHandler() {
	let router = useRouter();

	useEffect(() => {
	let onClick = e => {

	const CH_BRACE_L = 0x7b as const;
	const CH_BRACE_R = 0x7d as const;
	const CH_SQUARE_L = 0x5b as const;
	const CH_SQUARE_R = 0x5d as const;
	const CH_QUOTE_D = 0x22 as const;
	const CH_ESCAPE = 0x5c as const;
	const CH_COMMA = 0x2c as const;
	const CH_COLON = 0x3a as const;
	const CH_DOT = 0x2e as const;
	const CH_MINUS = 0x2d as const;

	// UTILS

	export const getPaddingFromPrecision = (
	floatingPointPrecision: number,
	): number => {
	return Math.ceil(Math.log2(360 * floatingPointPrecision));
	};

	export const convertToBinary = (
	num: number,

	import assert from 'node:assert/strict';

	// Extended RegExp mode (flag /x) [1] via a template tag
	//
	// Quote: “While the x-mode flag can be used in a RegularExpressionLiteral,
	// it does not permit the use of LineTerminator in RegularExpressonLiteral.
	// For multi-line regular expressions you would need to use the RegExp
	// constructor.”
	//
	// The plan is to include this functionality in re-template-tag [2]. Then

	/*******************************************/
	/* Version 1.0.0 */
	/* License MIT */
	/* Copyright (C) 2022 Devin Weaver */
	/* https://tritarget.org/cdn/simple-dom.js */
	/*******************************************/

	/**
	* This micro lib is a compact and simple method to interact with the DOM. It
	* facilitates the query mechanisms that querySelector and querySelectorAll use