Mike Simmonds simmo

Staff Software Engineer @getndazn

simmo / machine.js

Created July 14, 2020 22:05

Generated by XState Viz: https://xstate.js.org/viz

simmo / renderHookServer.ts

Last active May 13, 2019 09:37

React SSR hook testing

	import { createElement } from 'react'
	import { renderToString } from 'react-dom/server'

	export default function renderHookServer(
	hookInit: Function
	): // eslint-disable-next-line @typescript-eslint/no-explicit-any
	any {
	let hookOutput = undefined

	function HookWrapper() {

simmo / absolute.scss

Created September 6, 2017 16:05

Ideas for absolute Sass helper

	@mixin position($position, $args: null) {
	$offsets: bottom left right top;

	position: $position;

	@if (type-of($args) == 'list') {
	@each $offset in $offsets { // 3
	$index: index($args, $offset); // 4

	@if $index { // 5

simmo / promise.js

Created December 21, 2016 08:35

Redux Middleware: Cacheable Promises

	// Utility to check if value is a Promise
	function isPromise(value) {
	if (value !== null && typeof value === 'object') {
	return value && typeof value.then === 'function'
	}

	return false
	}

	// Cache

simmo / helpers.js

Created December 16, 2016 12:26

Redux helpers

	export const mapDispatchToProps = actions => dispatch => Object.keys(actions).reduce((obj, key) => {
	obj.actions[key] = bindActionCreators(actions[key], dispatch)

	return obj
	}, { actions: {} })
	// connect(null, mapDispatchToProps({ action1, action2 }))(ReactComponent)
	// => this.props.actions.action1, this.props.actions.action2

	export const mapStateToProps = properties => store => properties.reduce((obj, property) => {
	if (store.hasOwnProperty(property)) {

simmo / flightplan.js

Created November 19, 2015 09:03

Capistano-like Node deployment using Flightplan

	'use strict'

	var join = require('path').join
	var plan = require('flightplan')

	const application = 'example.com'
	const deployTo = join('/var', 'www', application)
	const repoUrl = 'https://github.com/example/example.git'
	const branch = 'master'
	const keepReleases = 3

simmo / widowKiller.js

Created August 7, 2015 14:24

JavaScript function to remove widows form elements.

	// 'elements' should be a string of the CSS selectors you wish to match
	function widowKiller(elements) {
	var nodes = document.querySelectorAll(elements);

	function removeWidow(element) {
	var walk = document.createTreeWalker(element, NodeFilter.SHOW_TEXT, null, false);
	var node, arr;

	while(node = walk.nextNode()) {
	arr = node.nodeValue.split(' ');

simmo / throttle.js

Last active November 9, 2022 10:28

JavaScript Throttle using requestAnimationFrame

	function throttle(type, name, obj) {
	var running = false;

	obj = obj \|\| window;

	var func = function() {
	if (running) return;

	running = true;

simmo / _bem.scss

Last active July 24, 2017 20:35

Sass: BEM Mixins

	$bem-element-separator: '__' !default;
	$bem-modifier-separator: '--' !default;

	// BEM: Block (New)
	@mixin new($name, $description) {
	/**
	* #{$name}
	* #{$description}
	*/
	.#{$name} {

simmo / gist:5769912

Created June 12, 2013 23:07

Transliterate and parameterize functions for JavaScript.