rushkeldon

const propMapper = {
  typeMap: {},
  trueTypeOf(obj) {
    const match = {}.toString.call(obj).match(/\s([a-zA-Z]+)/);
    const trueType = match?.[1]?.toLowerCase?.() ?? 'unknown';
    return trueType === 'asyncgeneratorfunction' ? 'function' : trueType;
  },
  inferType(value) {
    const type = propMapper.trueTypeOf(value);
    switch (type) {

rushkeldon

/**
 * Ephemeral Element Capture & Injection
 *
 * Usage:
 *   ephemera.startObserving();
 *   ephemera.trace(); // to see the captured HTML in the console
 *   ephemera.injectElement();
 */

const ephemera = {

rushkeldon

import { useCallback } from 'react';

function isElementDisabled(el: HTMLElement): boolean {
  return (
    el.hasAttribute('disabled') ||
    el.getAttribute('aria-disabled') === 'true' ||
    el.getAttribute('data-disabled') === 'true'
  );
}

rushkeldon

import { RefObject, useEffect, useState, useRef } from 'react';

const useElementRect = <T extends HTMLElement>(): [RefObject<T>, DOMRect] => {
  const [rect, setRect] = useState<DOMRect>(new DOMRect());

  const ref = useRef<T>(null);

  useEffect(() => {
    const updateRect = () => setRect(ref?.current?.getBoundingClientRect() || new DOMRect());

rushkeldon

GleanCSS

A utility to extract and pretty-print specific CSS classes which contain rules for properties which match the propsToGlean array members.

Table of Contents

• Installation
• Usage
• Properties to Glean
• Functions

rushkeldon

a.btn-standup:hover {
	color: black !important;
}

.popup-standup {
  font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  position: fixed;
  z-index: 5000;
  padding: 0px 10px;
  border: 1px solid black;

rushkeldon

canvas {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1000;

rushkeldon

# region : timers
# example usage :
#  npm run clean && startTimer && npm run build && endTimer

function startTimer() {
    START_TIME=$(date +%s.%N)
}


function endTimer() {

rushkeldon

WHAT

This inserts a "Standup" button into the Jira interface. When clicked, it will display a list of all the people who have filters created for them - in a random order.

Caveats - Only Works :

• in the Chrome browser
• when filters created for each team member
• with the Chrome extension below installed (and configured with the code below)

HOW

rushkeldon

// pick an easy element from the dom
const bar = document.querySelector( '.nav-primary' );
// listen for the click event and nextSlide
bar.addEventListener( 'click', nextSlide );

/*
 * Sample URL :
 * https://definition.org/meghan-markle-facts/40/
*/