Elia Camposilvan EliaECoyote

Karabiner layouts for symbols and navigation

Gavin Sinclair, January 2022

Introduction

I use Karabiner (configured with Gosu) to make advanced key mappings on my Apple computer. Karabiner allows you to create “layers”, perhaps simulating those on a programmable mechanical keyboard. I make good use of these layers to give me easy access (home-row or nearby) to all symbols and navigational controls, and even a numpad.

The motivation is to keep hand movement to a minimum. Decades of coding on standard keyboards has unfortunately left me with hand and wrist pain. I will soon enough own a small split keyboard which will force me to use layers to access symbols etc., so this Karabiner solution, which has evolved over months, is a training run for that.

Bridging Native & React for iOS & Android

js -> native

native -> js

Pushing to Multiple Git Repos

If a project has to have multiple git repos (e.g. Bitbucket and Github) then it's better that they remain in sync.

Usually this would involve pushing each branch to each repo in turn, but actually Git allows pushing to multiple repos in one go.

If in doubt about what git is doing when you run these commands, just

Tabs

New Tab

:tabnew - new blank tab
:tabedit [file] - open file in tab

Cursor Movement

gt (:tabn) - next tab

	function! GitCheckoutBranch(branch)
	" branch can look like this: "/remotes/origin/master [hash] info" or this: "master [hash] info"
	let l:name = split(split(trim(a:branch), "", 1)[0], "/", 1)[-1]

	" just show what is happening
	echo "checking out ".l:name."\n"

	" you can use !git, instead of Git, if you don't have Fugitive
	execute "Git checkout ".l:name
	endfunction

	import { useState, useEffect } from 'react';

	// pass a query like `(min-width: 768px)`
	export function useMatchMedia(query: string) {
	const [matches, setMatches] = useState(() => matchMedia(query).matches);

	useEffect(() => {
	const mediaQueryList = matchMedia(query);
	const onChange = (event: MediaQueryListEvent) => setMatches(event.matches);

	# First, we need to find our device. BEFORE inserting your USB drive, run the
	# following:
	diskutil list

	# This will output a bunch of info about all of the disk drives connected to
	# your Mac. Each entry will have a header in the form "/dev/diskX", where X is
	# some number starting at 0. Now, insert your USB drive and run the command
	# again. You should see a new entry. Make note of the name (ie, /dev/diskX).
	diskutil list

	/*
	See: http://2ality.com/2017/12/functions-reasonml.html#operators
	*/
	module MapOps {
	module HashMap = Belt.HashMap.String;

	let ( @@ ) = (map, key) => {
	map
	\|> HashMap.get(_, key)
	\|> Belt.Option.getExn

	/**
	* Making promises
	*/
	let okPromise = Js.Promise.make((~resolve, ~reject as _) => [@bs] resolve("ok"));

	/* Simpler promise creation for static values */
	Js.Promise.resolve("easy");

	Js.Promise.reject(Invalid_argument("too easy"));

	# put this in your .bash_profile
	pull_request() {
	to_branch=$1
	if [ -z $to_branch ]; then
	to_branch="master"
	fi

	# try the upstream branch if possible, otherwise origin will do
	upstream=$(git config --get remote.upstream.url)
	origin=$(git config --get remote.origin.url)