Zacharias Enochsson zaceno

Code for fun.

zaceno / formsubmit.js

Created November 17, 2019 20:56

	/*
	Usage:

	const HandleSubmit = (state, formdata) => {
	// here, formdata will be a js object
	// where each of the keys corresponds to
	// the name of a form field, and the
	// value will be the value of that
	// form field
	}

zaceno / map.js

Last active November 13, 2019 20:39

Userland implementation of proposed `map` function for Hyperapp

zaceno / ha-lifecycle.js

Created October 23, 2019 10:16

Lifecycle hack for hyperapps


	(() => {
	if (Element.prototype._lifecycle) return
	Element.prototype._lifecycle = true

	const remove = Element.prototype.removeChild
	Element.prototype.removeChild = function(child) {
	const ret = remove.apply(this, [child])
	child.dispatchEvent(new Event('remove'))
	return ret

zaceno / withHead.js

Created October 18, 2019 13:53

withHead hyperapp HOA

	const withHead = (() => {
	let _setHead = null
	let setHead = nodes => {
	if (_setHead) return _setHead(nodes)
	app({
	init: nodes,
	view: nodes => nodes,
	node: document.head,
	middleware: d => (_setHead = d),
	})

zaceno / gist:c30ad13d95371164b54539bbfd6b594f

Created August 12, 2019 10:02

	var sub = function(fn) {
	return function(action) {
	return [fn, {action: action}]
	}
	}

	var throttledEvent = function(name) {}

	var rawEvent = function(name) {
	return sub(function(dispatch, props) {

zaceno / slide-transition.js

Created October 11, 2018 19:12

HAV2 sub for FLIP animations

	const updatePosition = elem => {
	const {top: newY, left: newX} = elem.getBoundingClientRect()
	elem._x = newX
	elem._y = newY
	return [newX, newY]
	}

	const slide = (elem, {time=300, easing='ease-in-out', delay=0}) => {
	const oldX = elem._x
	const oldY = elem._y

zaceno / withsubviews.js

Last active October 2, 2018 13:18

HAV2 with subviews

	const resolve = (node, state) => {
	if (node == null) {
	//just return it
	} else if (Array.isArray(node)) {
	node = node.map(function (n) { return resolve(n, state)})
	node = Array.prototype.concat.apply([], node)
	node = node.filter(function (n) { return n != null })
	} else if (node.name === '$') {
	node = resolve(node.props.f(state), state)
	} else if (node.children) {

zaceno / hav2-writeup-ex11.html

Created September 11, 2018 19:12

HAV2 Intro - example 11

zaceno / hav2-writeup-ex10.html

Created September 10, 2018 20:07

HAV2 Intro - example 10

zaceno / hav2-writeup-ex9.html

Created September 10, 2018 15:49

HAV2 Intro - example 9