It's Mikita itsmikita

Handy Custom Elements' Patterns

This gist is a collection of common patterns I've personally used here and there with Custom Elements.

These patterns are all basic suggestions that could be improved, enriched, readapted, accordingly with your needs.

How to make an application icon for macOS using iconset & iconutil

	import React, { FunctionComponent, ReactChild } from 'react'

	const listeners = Symbol('jsx-web-comp/event-listeners')
	const eventPattern = /^onEvent/

	const toKebabCase = (str: string): string => str.replace(/([a-z0-9]\|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase()

	export default function jsx (type: string \| FunctionComponent, props: Record<string, any>, ...children: ReactChild[]) {
	const isCustomElement = customElements.get(type as string)
	const newProps = { ...props }

	/* simplemover
	*
	* By: A simple routine to move every 4th LED up the strip and fade behind.
	*
	* No delay statements were harmed in the creation of this routine.
	*
	* By: Andrew Tuline
	*
	* Date: June 11, 2018
	*

	# Stolen from here: http://stackoverflow.com/a/20703594/850326
	#!/bin/sh
	export POSIXLY_CORRECT=1

	if [ -z "${1}" -o -z "${2}" ]
	then
	echo "Usage: ${0} <name> <original-png-location>"
	fi

	name=$1