JamieMason

type GetFn = () => {
  next(iteration: IteratorResult<any, any>): IteratorResult<any, any>;
};

function iterateOverSyncOrAsyncGenerator<T extends Iterable<any>>(getIterator: GetFn, gen: T): Iterable<any>;
function iterateOverSyncOrAsyncGenerator<T extends AsyncIterable<any>>(getIterator: GetFn, gen: T): AsyncIterable<any>;
function iterateOverSyncOrAsyncGenerator<T extends Iterable<any> | AsyncIterable<any>>(
  getIterator: GetFn,
  gen: T
): Iterable<any> | AsyncIterable<any> {

JamieMason

import { R } from '@mobily/ts-belt';

/** Additional helpers for https://mobily.github.io/ts-belt/api/result */
export const $R = {
  /**
   * 1. Return an R.Ok<output[]> if every R.Result succeeds
   * 2. Return an R.Error<Error> for the first failure encountered
   */
  all<Input, Output = Input>(
    getResult: (value: Input) => R.Result<Output, Error>,

JamieMason

Find nested dependencies or imports of a JavaScript Module

Find all deep/nested/recursive/descendant dependencies/imports/requires of a JavaScript Module.

Related to sverweij/dependency-cruiser#564, find all modules which a given JavaScript module depends on, and all the modules they depend on, and all the modules they depend on etc.

Installation

npm install -g ts-node

JamieMason

List All GitHub Pull Request Reviewers for a Repo

Needs jq installed.

#!/bin/bash

for pull_number in {1..500}
do
  USER="YourGitHubUserName"

JamieMason

Lossless Debounce Function

Returns a function which will capture and collect all invocation arguments, to process in batches once ms consecutive resting time has passed.

Know a more common name for this function? Let me know in this discussion.

Demo

JamieMason

GitHub PR bulk mark file as viewed

Tick "Viewed" on every file you've scrolled past on a GitHub Pull Request

// Tick "Viewed" on every file you've scrolled past on a
// GitHub Pull Request
$$('.js-reviewed-checkbox').forEach((el) => {
  if (!el.checked && window.scrollY > el.getBoundingClientRect().top) {
 el.click();

JamieMason

Next.js chrome devtools coverage settings

I found these settings really useful when using the Chrome Devtools Coverage Inspector to look for unused JavaScript in a Next.js App.

Build the app for production with these settings and the output will be easier to debug.

// next.config.js
module.exports = {
 webpack(config) {

JamieMason

const fetchMachine = Machine(
  {
    initial: "evaluating",
    states: {
      evaluating: {
        on: {
          "done.invoke.loadAddressBook": [
            {
              cond: "hasAddresses",
              target: "addressBookAndForm",

JamieMason

fp-ts – Lodash _.get, Ramda R.props that returns an Option

A function like Lodash's _.get, Ramda's R.props, and Immutable.js's getIn, written in fp-ts.

import { Json } from 'fp-ts/lib/Json';
import { none, Option, some } from 'fp-ts/lib/Option';

export function getIn<T = Json>(props: string[], origin: unknown): Option<T> {
  let value: unknown = origin;

JamieMason

Attempt to reduce boilerplate related to a Machine's types in XState

import type {
  ActionObject,
  EventObject,
  Interpreter,
  Sender,
  State,
 StateMachine,