wosephjeber

function getAllColors() {
  const COLOR_CONTAINING_PROPERTIES = ["backgroundColor", "borderTopColor", "borderRightColor", "borderLeftColor", "borderBottomColor", "color"]

  let colors = []
  let elements = document.querySelectorAll('*')

  elements.forEach(element => {
    const styles = window.getComputedStyle(element)

    COLOR_CONTAINING_PROPERTIES.forEach(property => {

wosephjeber

function getAllRegexMatches(regex: RegExp, string: string) {
  if (regex.constructor !== RegExp) {
    throw new Error('not RegExp');
  }

  const matches = [];
  let match = regex.exec(string);

  if (regex.global) {
    while (match) {

wosephjeber

const { dependencies } = require('../package.json');

const deps = Object.keys(dependencies).map((p) => `${p}@${dependencies[p]}`);

function pluralize(count, singular, plural) {
  if (count === 1) return `${count} ${singular}`;

  return `${count} ${plural}`;
}

wosephjeber

I'm learning SolidJS coming from React. I'm taking notes here on things that trip me up in the process.

• Don't destructure props. It breaks reactivity with signals passed down as props.
• Use untrack() to reference signal values in an effect without rerunning the effect when those signals change. Might be a less common use case? (Mine was referencing updated signal values in an interval started by the effect).

wosephjeber

export default async function waitFor(callback, { timeout = 1000 } = {}) {
  let intervalTimer;
  let lastError = null;
  let pending = false;
  let timeoutTimer;

  return new Promise((resolve, reject) => {
    function onDone(result) {
      clearInterval(intervalTimer);
      clearTimeout(timeoutTimer);