Hyperapp Middleware
A 0.7 KB utility belt to build higher-order apps (HOA) for Hyperapp v2 using middleware functions for onState, onAction, and onEffect.
Installation
Node.js
Install with npm / Yarn.
npm i hyperapp-middleware@next
Then with a module bundler like rollup or webpack, use as you would anything else.
import { withMiddleware } from "hyperapp-middleware"Or using require.
const { withMiddleware } = require("hyperapp-middleware")Browser
Download the minified library from the CDN.
<script src="https://unpkg.com/hyperapp-middleware@next"></script>You can find the library in window.hyperappMiddleware.
API
withMiddleware({
onState(nextState, prevState) {
// prevState will be undefined for initial state
},
onAction(action, state, props, data) {
// state is value before the action was processed
// props are from the [action, props] tuple, if used
// data is from second arg to dispatch, usually a DOM event
},
OnEffect(effect, state, props) {
// state will be whatever state was included in the tuple
}
})(app)({
// ... the usual suspects
})License
Hyperapp Middleware is MIT licensed. See LICENSE.
