tbjgolden

import eslintJs from "@eslint/js";
import typescriptEslintPlugin from "@typescript-eslint/eslint-plugin";
import typescriptEslintParser from "@typescript-eslint/parser";
import disableRulesThatClashWithPrettierConfig from "eslint-config-prettier";
import eslintConfigXo from "eslint-config-xo";
import eslintPluginReact from "eslint-plugin-react";
import reactRecommended from "eslint-plugin-react/configs/recommended.js";
import eslintPluginReactHooks from "eslint-plugin-react-hooks";
import simpleImportSort from "eslint-plugin-simple-import-sort";
import eslintPluginUnicorn from "eslint-plugin-unicorn";

tbjgolden

version: "3.8"
services:
  db:
    image: "postgres:12"
    ports:
      - "54320:5432"
    volumes: 
      - ./pgdata:/var/lib/postgresql/data
    environment: 
      - POSTGRES_USER=usrnm

tbjgolden

Article: https://tom.bio/blog/don-t-use-css-minifiers-with-sass

Key benchmarks:

name	uncompressed	gzip	brotli	duration (speed)
preprocessors	-	-	-	-
sass	-27.8%	-88.8%	-91.2%	491ms (1629kB/s)
less	-28.1%	-88.8%	-91.2%	1009ms (790kB/s)
minifiers	-	-	-	-

tbjgolden

# extended from martpie/af-magic
# + uses fish built-in abbreviated paths instead of the af-magic one
# + hyphens go full width

# name: L
function _git_branch_name
    echo (command git symbolic-ref HEAD 2> /dev/null | sed -e 's|^refs/heads/||')
end

function _is_git_dirty

tbjgolden

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,

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)

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

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

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

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

    // pointers
    this.start = 0;

tbjgolden

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