JamieMason

/** Create a mock promise whose lifecycle can be controlled */
const mockPromise = (mockFn: jest.Mock) => {
  let resolve: (_: unknown) => void
  let reject: (_?: unknown) => void
  let promise: Promise<unknown>

  mockFn.mockImplementation(() => {
    promise = new Promise((_resolve, _reject) => {
      resolve = _resolve

JamieMason

Get usernames of every GitHub user leaving a reaction to an issue or pull request

Anyone leaving a 👍, ❤️ etc.

Paste into the Browser console on the GitHub issue page.

Array.from(
  new Set(
 $$('[aria-label="Add or remove reactions"] + [role="tooltip"]')

JamieMason

Log XState inspector events to the Browser Console

A small inspect function to log events to the browser console, when you expand a group you see a log of the full event object.

Screenshot

Usage

JamieMason

Easy to read CSS module class names in Astro or Vite

You can use a custom generateScopedName function to generate class names, in development mode only, that are easier to read.

import path from "path";
import { defineConfig } from "astro/config";

export default defineConfig({
  vite: import.meta.env.PROD

JamieMason

onActiveServiceWorker

Abandoned this as being over the top, but saving it as this Gist.

import { isDev } from '@builder.io/qwik/build';

let memo: Promise<ServiceWorker> | null;

export async function getActiveServiceWorker(): Promise<ServiceWorker> {

JamieMason

Unfollow everyone on bsky.app

By @foldleft.bsky.social, see also Unfollow everyone on twitter.com

This took 10 minutes so is pretty rough.

unfollow-all.mts

import { BskyAgent } from "@atproto/api";

JamieMason

const from = require('/Users/foldleft/Dev/foo/bar/package.json');
const to = require('./package.json');

Object.entries(from.dependencies).forEach(([name, version]) => {
  if (to.dependencies[name]) {
    to.dependencies[name] = version;
  }
});

Object.entries(from.devDependencies).forEach(([name, version]) => {

JamieMason

Find img or Image JSX Elements with a missing width or height

[View this on the ast-grep Playground](https://ast-grep.github.io/playground.html#eyJtb2RlIjoiQ29uZmlnIiwibGFuZyI6ImphdmFzY3JpcHQiLCJxdWVyeSI6IjxpbWcgJCRQUk9QUyAvPiIsInJld3JpdGUiOiIiLCJzdHJpY3RuZXNzIjoic21hcnQiLCJzZWxlY3RvciI6IiIsImNvbmZpZyI6ImlkOiBpbWFnZS13aXRob3V0LWRpbWVuc2lvbnNcbmxhbmd1YWdlOiBKYXZhU2NyaXB0XG5ydWxlOlxuICBraW5kOiBqc3hfc2VsZl9jbG9zaW5nX2VsZW1lbnRcbiAgYWxsOlxuICAgIC0gaGFzOlxuICAgICAgICBraW5kOiBpZGVudGlmaWVyXG4gICAgICAgIHJlZ2V4OiBeKGltZ3xJbWFnZSkkXG4gICAgLSBhbnk6XG4gICAgICAgIC0gbm90OlxuICAgICAgICAgICAgaGFzOlxuICAgICAgICAgICAgICBraW5kOiBqc3hfYXR0cmlidXRlXG4gICAgICAgICAgICAgIGhhczpcbiAgICAgICAgICAgICAgICBraW5kOiBwcm9wZXJ0eV9pZGVudGlmaWVyXG4gICAgICAgICAgICAgICAgcmVnZXg6IF53aWR0aCRcbiAgICAgICAgLSBub3Q6XG4gICAgICAgICAgICBoYXM6XG4gICAgICAgICAgICAgIGtpbmQ6IGpzeF9hdHRyaWJ1dGVcbiAgICAgICAgICAgICAgaGFzOlxuICAgICAgICAgICAgICAgIGtpbmQ6IHByb3BlcnR5X2lkZW50aWZpZXJcbiAgICAgICAgICAgICAgICByZWdleDogXmhlaWdodCRcblxubWVzc2FnZTogSW1hZ2UgbXVzd

JamieMason

Create Syncpack Issue Reproduction

Delete all files in the current directory except for this script, lerna.json, package.json, pnpm-workspace.yaml, and syncpack.config.cjs. Also delete all empty directories except for the .git directory.

Put this script at create-syncpack-issue-reproduction.js in the root of the repo.

const child_process = require("child_process");
const fs = require("fs");

JamieMason

{
  "$schema": "https://raw.githubusercontent.com/jsonresume/resume-schema/v1.0.0/schema.json",
  "basics": {
    "name": "Jamie Mason",
    "label": "Contract Frontend Developer",
    "image": "https://gravatar.com/userimage/16898393/f029df3d231c137b8aa1300b94aec33c.jpeg?size=300",
    "email": "jamie@foldleft.io",
    "url": "https://github.com/JamieMason",
    "summary": "Hi,\nI'm Jamie Mason from Leeds in England and I'm a Contract Front-End Developer. I help Companies of all shapes and sizes to create accessible, performant, engaging Applications in a sustainable and maintainable manner.\n\nAbout me and what I'm looking for:\n\n💼 Front-End focused, with 24 years experience building for the web.\n💅 A Senior Designer before switching fully to Front-End Development in 2011.\n🌎 Open to remote roles in UK or EU, or hybrid in Leeds.\n⭐ Previously at Sky Sports, Sky Bet, William Hill, and others.\n👔 Contract and Freelance experience with The Premier League, Betfair, and Shell.\n😄 Pretty friendly guy.\n\nOrigina