tbjgolden

#!/bin/bash
touch urls.txt

CURR=`pwd`

if [ $# -ne 0 ]
  then
    let COUNT=0
    mkdir $1
    while read url

tbjgolden

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

window.windowWidthListeners = window.windowWidthListeners || {};
window.prevWidth = window.prevWidth || window.innerWidth;

window.addEventListener('resize', () => {
  if (window.prevWidth !== window.innerWidth) {
    window.prevWidth = window.innerWidth;
    Object.values(window.windowWidthListeners).forEach(fn => fn(window.prevWidth));
  }

tbjgolden

const debounce = (func, ms = 500) => {
  let timeout;
  return function(...args) {
    clearTimeout(timeout);
    return new Promise(resolve => {
      timeout = setTimeout(() => {
        resolve(func.bind(this)(...args));
      }, ms);
    });
  };

tbjgolden

// For node and pre-babel src

const toSafeSlug = str => "_" + encodeURIComponent(str)
  .replace(/[.!~*'()_-]/g, match => `%${match.charCodeAt(0).toString(16)}`.toUpperCase())
  .replace(/%/g, "_");

const fromSafeSlug = str => decodeURIComponent(str.substring(1).replace(/_/g, "%"));

// ES5 friendly

tbjgolden

const fs = require('fs');
const path = require('path');
const inquirer = require('inquirer');
const uuidv4 = require('uuid/v4');
const owasp = require('owasp-password-strength-test');
const words = new Set([...require('wordlist-english')['english/10'], ...require('wordlist-english')['english/20']]);
const thingsIDontDoAnyMore = require("./thingsIDontDoAnyMore.json");

const { items } = require('./bitwarden_export_file.json');

tbjgolden

{
  "animation": [
    "animation-name",
    "animation-duration",
    "animation-timing-function",
    "animation-delay",
    "animation-iteration-count",
    "animation-direction",
    "animation-fill-mode",
    "animation-play-state"

tbjgolden

class Queue {
  private readonly queue: any[];
  private start: number;
  private end: number;

  constructor(array: any[] = []) {
    this.queue = array;

    // pointers
    this.start = 0;

tbjgolden

Low-effort, high-reward browserlist config to avoid vendor prefix hell

(Stats used from 2022-06-20)

chrome >= 79, and_chr >= 81, safari >= 13, ios_saf >= 12.4, firefox >= 73

...or more generally

[

tbjgolden

Using csso as the example library I'm making an optional dependency

ES Module example (file.js)

let csso = globalThis && globalThis.csso
if (!csso) {
  import('csso')
    .then(_csso => {
      csso = _csso.default

tbjgolden

To avoid this error, we need to increase the inotify watcher limit.

The way to do this is different on Arch based distributions than other Linux distributions.

Instructions for Arch Linux/Manjaro

Check for an already existing inotify config file (recent versions of Manjaro include one)