Michael Dougall itsdouges

🏒 🇦🇺 ⚛️ 🎮 • @trytriplex • dad x2

itsdouges / replaceTabs.sh

Last active October 27, 2016 08:38

Recursively replaces tabs with spaces.

find . -name '*.[FILEEXTENSION]' ! -type d -exec bash -c 'expand -t 4 "$0" > /tmp/e && mv /tmp/e "$0"' {} \;

itsdouges / replaceGitHistory.sh

Last active October 27, 2016 08:38

Replace git history

	#!/bin/sh

	# From https://help.github.com/articles/changing-author-info/

	git filter-branch --env-filter '
	OLD_EMAIL="[email protected]"
	CORRECT_NAME="Your Correct Name"
	CORRECT_EMAIL="[email protected]"
	if [ "$GIT_COMMITTER_EMAIL" = "$OLD_EMAIL" ]
	then

itsdouges / autoSelect.js

Created October 27, 2016 01:11

React Ref Callbacks Are Cool

	// Make a textbox select itself when it is rendered.

	const Textbox = () => (
	<div>
	<input ref={(c) => c.select()} />
	</div>
	);

	// Neat !

itsdouges / retryPromise.js

Last active October 27, 2016 08:37

Promise Retries

	const _ = require('lodash');

	module.exports = ({ retryPredicate = _.noop, retryCount = 5 } = {}) => (promiseFunc) => {
	let retries = retryCount;

	return function retry (...args) {
	return promiseFunc(...args).catch((e) => {
	if (retryPredicate(e) && retries > 1) {
	retries -= 1;
	return retry(...args);

itsdouges / sublimeEslintImports.config

Created October 28, 2016 03:23

Sublime Config Setting For Eslint Imports

	// To make imorts work with `eslint`/`eslint_d` correctly in sublime, add this to your config:
	"args": ["--stdin-filename", "@"]

itsdouges / manifest.json

Created August 16, 2017 12:46

Webpack Manifest With ModuleConcatenationPlugin

	{
	"app.css": "assets/app.f26b91d3.css",
	"app.css.map": "assets/app.f26b91d3.css.map",
	"app.js": "app.5189469b.js",
	"app.js.map": "app.5189469b.js.map",
	"assets/0.d41d8cd9.jpg": "assets/0.jpg",
	"assets/1011.37166ab3.jpg": "assets/1011.jpg",
	"assets/1011.8ebbc5eb.jpg": "assets/1011.jpg",
	"assets/1163.d8936379.jpg": "assets/1163.jpg",
	"assets/1163.f94677bd.jpg": "assets/1163.jpg",

itsdouges / RouteWithNoMatch.js

Created September 3, 2017 02:17

React Router `<Route />` that handles a not found state

	// @flow

	import React from 'react';
	import { Route } from 'react-router-dom';
	import NotFound from 'features/NotFound';

	type Props = {
	component: any,
	};

itsdouges / withScrollToTopOnMount.js

Created September 4, 2017 05:46

HOC to scroll to to top of the page when mounted

	// @flow

	import { Component } from 'react';

	const withScroll = (WrappedComponent: React.ComponentType<*>) => class ScrollTopOnMount extends Component<void> {
	componentDidMount () {
	window.scrollTo(0, 0);
	}

	render () {

itsdouges / reduxDataHOC.js

Created September 4, 2017 05:47

Generic hoc to fetch redux data for the armory

	// @flow

	import { Component } from 'react';
	import { connect } from 'react-redux';
	import { createSelector } from 'reselect';

	type Options = {
	fetchResourceData: (id: string) => ReduxThunk,
	fetchGw2Data: (Array<number>) => Promise<*>,
	storeKeyResource: string,

itsdouges / prefixStyles.js

Created September 4, 2017 05:52

Prefixes inline styles with vendor browser prefixes

	// @flow

	import upperFirst from 'lodash/upperFirst';

	const vendors = ['Webkit', 'Moz', 'ms', 'O'];

	// eslint-disable-next-line import/prefer-default-export
	export function prefix (key: string, value: string): { [key: string]: string } {
	const obj = {
	[key]: value,