Stuart Knightley Stuk

Things that I use on my Mac that you may also find useful

This list is in a rough order of most obscure/useful, so that the things at the top are tools that you haven't heard of before.

Witch

I find the default application switcher in OSX useless. I often have many Sublime Text windows open, a number of GitX windows, and maybe a couple of Chrome windows. Having to Cmd + Tab to the app, and then Cmd + ` through the app windows takes too long. Witch works like Alt + Tab on Windows.

It takes a bit of persuading to make it replace the default Cmd + Tab shortcut, but it's worth it.

	import React from "react";

	export function Clock({
	hour,
	minute,
	second,
	}: {
	hour: number;
	minute: number;
	second: number;

	// See https://dom.spec.whatwg.org/#abortcontroller-api-integration

	function getData({signal}) {
	// 1. Let p be a new promise.
	// 4. Return p.
	return new Promise((resolve, reject) => {
	// 2. If options' signal member is present, then:
	if (signal && signal.aborted) {
	// 2. 1. If options' signal's aborted flag is set, then reject p with an "AbortError" DOMException and return p.
	throw new DOMException("Aborted", "AbortError");

	function A() {}

	A.prototype.thing = function () {
	return "A";
	};

	function B() {}
	Object.setPrototypeOf(B, A)
	B.prototype = Object.create(A.prototype)
	B.prototype.constructor = B;

	var webpackConfig = {
	plugins: [
	// Plugin to show any webpack warnings and prevent tests from running
	function () {
	this.plugin("done", function (stats) {
	if (stats.compilation.warnings.length) {
	// Log each of the warnings
	stats.compilation.warnings.forEach(function (warning) {
	console.log(warning.message \|\| warning);
	});

	// usage:
	// require = require("./heap-require")(require);
	// then use require as normal

	module.exports = function (_require) {
	var newRequire = function (id) {
	var before = process.memoryUsage().heapUsed / 1024 / 1024;
	var exports = _require(id);
	var after = process.memoryUsage().heapUsed / 1024 / 1024;

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>resolve</title>

	<!-- Base URL ensures montage.js and style.css are loaded from the root of the server
	Make sure this comes before any `script`, `style`, or `link` tags to ensure that
	resources are loaded from the correct place. -->
	<base href="/">

	var defaultLocalizer = require("montage/core/localizer").defaultLocalizer;

	defaultLocalizer.localize("hello_name", "Hello, {name}!")
	.then(function (hi) {
	console.log(hi({name: "World"})); // => "Hello, World!", or the translation at the "hello_name" key
	});

	defaultLocalizer.localize("cat", "Cat")
	.then(function (cat) {
	console.log(cat.toString()); // => "Cat", or the translation at the "cat" key

	var joey = require("joey");
	// Uses qs https://npmjs.org/package/qs
	var qs = require("qs");

	joey
	.log()
	.error()
	.favicon()
	.route(function ($) {

	var spawn = require("child_process").spawn;
	var Q = require("q");

	/**
	* Wrap executing a command in a promise
	* @param {string} command command to execute
	* @param {Array<string>} args Arguments to the command.
	* @param {string} cwd The working directory to run the command in.
	* @return {Promise} A promise for the completion of the command.
	*/