dominikwilkowski

ANSI escape codes

ANSI escape codes can be printed to a shell to as instructions. The below is a list of codes I have used often in my CLI programs and I find myself looking up over and over again.

A great article about it can be found here.

Content

• Colors

dominikwilkowski

How to install a man page into a node.js app

Installing a man page is not easy as there are little infos out there about it.

After a lot of trial and error, google searches and alpha publishing my app I finally have a collection of things I need to do to get it working:

dominikwilkowski

blank_lines_upper_bound = 2
max_width = 120
control_brace_style = "ClosingNextLine"
format_code_in_doc_comments = true
imports_layout = "HorizontalVertical"
match_block_trailing_comma = true
newline_style = "Unix"
report_fixme = "Always"
report_todo = "Unnumbered"

dominikwilkowski

source ~/.profile

# homebrew PATH
eval "$(/opt/homebrew/bin/brew shellenv)"

# subl command
export PATH="/Applications/Sublime Text.app/Contents/SharedSupport/bin:$PATH"

export PATH=/usr/local/bin:$PATH

dominikwilkowski

Original article: https://aaronparecki.com/2016/07/29/10/git-tower and https://github.com/pstadler/keybase-gpg-github

Install https://gpgtools.org/

Install https://keybase.io/

Create a new GPG key on keybase.io ore transfer your old one

Set up Git to sign all commits

dominikwilkowski

Handle focus styling for keyboard and mouse users

See below code for React, Vanilla JavaScript and jQuery.

Read more in my article

dominikwilkowski

import fetch from 'node-fetch';
import twilio from 'twilio';

const URL = 'https://www.apple.com/au/shop/fulfillment-messages?parts.0=Z0YQ&location=2093&mt=regular&option.0=ML8X3X%2FA%2CMKUV3FE%2FA&_=1634013871312';
const ACCOUNTSID = 'XXX'; // TODO fill me
const AUTHTOKEN = 'XXX'; // TODO fill me

function alertMe({ storeName, storePickupQuote }) {
	const client = new twilio(ACCOUNTSID, AUTHTOKEN);

dominikwilkowski

/**************************************************************| CONVERT VARIANT TO SWATCHES |*/
$(function() {
	if($(".single-option-selector").length) {

		$(".single-option-selector").each(function(i) {
			var $thisSelect = $(this);
			var $newClass = "js-option-selector-" + i;
			var $newOptions = '<ul class="new-variant-swatchs">';
			var $currentOption = $thisSelect.val();

dominikwilkowski

import { keyframes } from '@emotion/react';

const fadeIn = keyframes`
	from {
		bottom: -0.5em;
		opacity: 0;
	}
	to {
		bottom: 100%;
		opacity: 1;

dominikwilkowski

/*! Loosely derived from https://gist.github.com/jackdomleo7/55659bafe581d19cc341ef775d6a9e6b */

@import ('Import normalizer stylesheet here');

::selection {
	text-shadow: none;
	color: #fff;
	background-color: rgba(0, 0, 255, 0.1);
}