zwacky’s gists

zwacky / font-formats-comparison.csv

Created November 11, 2021 07:33

zwacky / rolling-28-day-window-T+28

Created August 10, 2021 08:35

rolling 28-day window T+28

zwacky / rolling-28-day-window-T+0

Created August 10, 2021 08:34

rolling 28-day window T+0

zwacky / find-last-modified-files.sh

Created September 28, 2020 09:48

Find the last modified files recursively in a folder

find . -type f -exec stat -f "%m %N" "{}" \; | sort -nr | head

zwacky / fc-attribute-inheritance.js

Last active November 11, 2019 22:05

How to let the functional component inherit properties like "class"

	// creating our functional component
	<script lang="tsx">
	Vue.component('MyFunctionalComponent', {
	functional: true,
	render: (h: CreateElement, ctx: RenderContext<any>) => {
	return <img {...ctx.data} />
	}
	}
	</script>

zwacky / render-function.tsx

Created October 26, 2019 08:35

	render(h: CreateElement, context: RenderContext) {
	return (
	<div {...context.data}>
	<h1>Hello World</h1>
	</div>
	);
	}

zwacky / render-function.ts

Created October 26, 2019 08:25

	render: (createElement: CreateElement, context: RenderContext) => {
	return createElement(
	'h' + this.level, // tag name
	this.$slots.default // array of children
	)
	}

zwacky / template-functional.vue

Created October 26, 2019 07:24

zwacky / toggleClass.directive.ts

Created October 2, 2018 16:48

Vue directive like :class="{ 'css-class': isTrue }" that works with Ionic 4

	/**
	* usage:
	*
	* <AnyComponent v-toggleClass="{ 'any-component--active': isActive }"></AnyComponent>
	*/

	// toggleClass.directive.ts
	import { DirectiveOptions } from 'vue';

	function toggle(el, classKeys: {[key: string]: boolean}) {

zwacky / comma-operator.js

Last active June 12, 2018 22:18

	// the 3 line reduce callback
	[{key: 'USA', value: […]}, {key: 'Germany', value: […]}, {key: null, value: []}]
	.filter(item => item.key)
	.map(item => {
	item.key = item.key.toUpperCase();
	return item;
	})
	.reduce((accumulator, item) => {
	accumulator[item.key] = item.value;
	return accumulator;

Simon zwacky