click-handler-middleware.js

/*> Click Handler Middleware */
// @version 0.0.3

// CHANGELOG 
// 0.0.3 add type scaffolding

type Next = function():void {}

interface Target {
	tagName: String
}

interface Event {
	target: Target
}

function layeredEventTargetEventPropagation( 
	event: Event, next: Next ) {

	if event.target.tagName === 'SPAN'
		event.preventDefault()

	if event.target.tagName === 'A'
		event.preventDefault();
		event.stopPropagation()

	next()

}

const middleware_substack = [
	'layeredEventTargetEventPropagation'
]


function clickHandler( event ) {}

function clickHandlerFacade( 
	event: Object, 
	middleware_substack: Array<Function>, 
	clickHandler: Function
) {
	if ( clickHandler )
		middleware_substack.push( clickHandler )	
	
	this.event = event ?? {}
		
	let i = 0
	
	const next = function next() {
		if ( i < middlware_substack.length ) {
			middleware_substack[ i ].call( this, this.event, next )
			i++
		}
	}
	
	middleware_substack[ middleware_substack.length ].call( this, this.event, next )
	
}

import { debounce } from 'lo'
const facade = () => {
    return {
       throttle: debounce,
       raf: window.requestAnimationFrame
    }
}