Modernize about hyperapp HOT 36 CLOSED

var app =
/******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};

/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {

/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId])
/******/ 			return installedModules[moduleId].exports;

/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			i: moduleId,
/******/ 			l: false,
/******/ 			exports: {}
/******/ 		};

/******/ 		// Execute the module function
/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);

/******/ 		// Flag the module as loaded
/******/ 		module.l = true;

/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}


/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;

/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;

/******/ 	// identity function for calling harmony imports with the correct context
/******/ 	__webpack_require__.i = function(value) { return value; };

/******/ 	// define getter function for harmony exports
/******/ 	__webpack_require__.d = function(exports, name, getter) {
/******/ 		if(!__webpack_require__.o(exports, name)) {
/******/ 			Object.defineProperty(exports, name, {
/******/ 				configurable: false,
/******/ 				enumerable: true,
/******/ 				get: getter
/******/ 			});
/******/ 		}
/******/ 	};

/******/ 	// getDefaultExport function for compatibility with non-harmony modules
/******/ 	__webpack_require__.n = function(module) {
/******/ 		var getter = module && module.__esModule ?
/******/ 			function getDefault() { return module['default']; } :
/******/ 			function getModuleExports() { return module; };
/******/ 		__webpack_require__.d(getter, 'a', getter);
/******/ 		return getter;
/******/ 	};

/******/ 	// Object.prototype.hasOwnProperty.call
/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };

/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "";

/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(__webpack_require__.s = 3);
/******/ })
/************************************************************************/
/******/ ({

/***/ 3:
/***/ (function(module, exports, __webpack_require__) {

"use strict";


var _arguments = arguments;

var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };

console.log("DEV");
module.exports = function (options) {
	var defer = function defer(fn, data) {
		setTimeout(function (_) {
			return fn(data);
		}, 0);
	};

	var merge = function merge(a, b) {
		var obj = {},
		    key;

		if (isPrimitive(typeof b === "undefined" ? "undefined" : _typeof(b)) || Array.isArray(b)) {
			return b;
		}

		for (key in a) {
			obj[key] = a[key];
		}
		for (key in b) {
			obj[key] = b[key];
		}

		return obj;
	};

	var isPrimitive = function isPrimitive(type) {
		return type === "string" || type === "number" || type === "boolean";
	};

	var render = function render(model, view, lastNode) {
		patch(root, node = view(model, msg), lastNode, 0);
	};

	var shouldUpdate = function shouldUpdate(a, b) {
		return a.tag !== b.tag || (typeof a === "undefined" ? "undefined" : _typeof(a)) !== (typeof b === "undefined" ? "undefined" : _typeof(b)) || isPrimitive(typeof a === "undefined" ? "undefined" : _typeof(a)) && a !== b;
	};

	var patch = function patch(parent, node, oldNode, index) {
		if (oldNode === undefined) {
			parent.appendChild(createElementFrom(node));
		} else if (node === undefined) {
			while (index > 0 && !parent.childNodes[index]) {
				index--;
			}

			if (index >= 0) {
				var element = parent.childNodes[index];

				if (oldNode && oldNode.data) {
					var hook = oldNode.data.onremove;
					if (hook) {
						defer(hook, element);
					}
				}

				parent.removeChild(element);
			}
		} else if (shouldUpdate(node, oldNode)) {
			parent.replaceChild(createElementFrom(node), parent.childNodes[index]);
		} else if (node.tag) {
			var element = parent.childNodes[index];

			updateElementData(element, node.data, oldNode.data);

			var len = node.tree.length,
			    oldLen = oldNode.tree.length;

			for (var i = 0; i < len || i < oldLen; i++) {
				patch(element, node.tree[i], oldNode.tree[i], i);
			}
		}
	};

	var createElementFrom = function createElementFrom(node) {
		var element;

		if (isPrimitive(typeof node === "undefined" ? "undefined" : _typeof(node))) {
			element = document.createTextNode(node);
		} else {
			element = node.data && node.data.ns ? document.createElementNS(node.data.ns, node.tag) : document.createElement(node.tag);

			for (var name in node.data) {
				if (name === "oncreate") {
					defer(node.data[name], element);
				} else {
					setElementData(element, name, node.data[name]);
				}
			}

			for (var i = 0; i < node.tree.length; i++) {
				element.appendChild(createElementFrom(node.tree[i]));
			}
		}

		return element;
	};

	var setElementData = function setElementData(element, name, value, oldValue) {
		if (name === "style") {
			for (var i in value) {
				element.style[i] = value[i];
			}
		} else if (name.substr(0, 2) === "on") {
			var event = name.substr(2);
			element.removeEventListener(event, oldValue);
			element.addEventListener(event, value);
		} else {
			if (value === "false" || value === false) {
				element.removeAttribute(name);
				element[name] = false;
			} else {
				element.setAttribute(name, value);
				element[name] = value;
			}
		}
	};

	var removeElementData = function removeElementData(element, name, value) {
		element.removeAttribute(name === "className" ? "class" : name);

		if (typeof value === "boolean" || value === "true" || value === "false") {
			element[name] = false;
		}
	};

	var updateElementData = function updateElementData(element, data, oldData) {
		for (var name in merge(oldData, data)) {
			var value = data[name],
			    oldValue = oldData[name];

			if (value === undefined) {
				removeElementData(element, name, oldValue);
			} else if (value !== oldValue) {
				name === "onupdate" ? defer(value, element) : setElementData(element, name, value, oldValue);
			}
		}
	};

	var regexify = function regexify(path) {
		var keys = [],
		    re = "^" + path.replace(/\//g, "\\/").replace(/:([A-Za-z0-9_]+)/g, function (_, key) {
			keys.push(key);
			return "([A-Za-z0-9_]+)";
		}) + "/?$";

		return { re: re, keys: keys };
	};

	var route = function route(routes, path) {
		for (var route in routes) {
			var re = regexify(route),
			    params = {},
			    match;

			path.replace(new RegExp(re.re, "g"), function (_) {
				for (var i = 1; i < _arguments.length - 2; i++) {
					params[re.keys.shift()] = _arguments[i];
				}
				match = function match(model, msg) {
					return routes[route](model, msg, params);
				};
			});

			if (match) {
				return match;
			}
		}

		return routes["/"];
	};

	var msg = {};

	var model = options.model;
	var reducers = options.update || {};
	var effects = options.effects || {};
	var subs = options.subs || {};

	var hooks = merge({
		onAction: Function.prototype,
		onUpdate: Function.prototype,
		onError: function onError(err) {
			throw err;
		}
	}, options.hooks);

	var node;
	var root = options.root || document.body.appendChild(document.createElement("div"));
	var view = options.view || function (_) {
		return root;
	};
	var routes = typeof view === "function" ? undefined : view;

	if (routes) {
		view = route(routes, location.pathname);

		msg.setLocation = function (data) {
			render(model, view = route(routes, data), node);
			history.pushState({}, "", data);
		};

		window.addEventListener("popstate", function (_) {
			render(model, view = route(routes, location.pathname), node);
		});

		window.addEventListener("click", function (e) {
			if (e.metaKey || e.shiftKey || e.ctrlKey || e.altKey) {
				return;
			}

			var target = e.target;

			while (target && target.localName !== "a") {
				target = target.parentNode;
			}

			if (target && target.host === location.host && !target.hasAttribute("data-no-routing")) {

				var element = target.hash === "" ? element : document.querySelector(target.hash);

				if (element) {
					element.scrollIntoView(true);
				} else {
					msg.setLocation(target.pathname);
					e.preventDefault();
				}
			}
		});
	}

	var _loop = function _loop(name) {
		msg[name] = function (data) {
			hooks.onAction(name, data);

			var effect = effects[name];
			if (effect) {
				return effect(model, msg, data, hooks.onError);
			}

			var update = reducers[name],
			    _model = model;
			render(model = merge(model, update(model, data)), view, node);

			hooks.onUpdate(_model, model, data);
		};
	};

	for (var name in merge(reducers, effects)) {
		_loop(name);
	}

	document.addEventListener("DOMContentLoaded", function (_) {
		for (var sub in subs) {
			subs[sub](model, msg, hooks.onError);
		}
	});

	render(model, view);
};

/***/ })

/******/ });

var app = (function () {
'use strict';

var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
  return typeof obj;
} : function (obj) {
  return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
};

var _arguments = arguments;
console.log("DEV");
var app = (function (options) {
	var defer = function defer(fn, data) {
		setTimeout(function (_) {
			return fn(data);
		}, 0);
	};

	var merge = function merge(a, b) {
		var obj = {},
		    key;

		if (isPrimitive(typeof b === "undefined" ? "undefined" : _typeof(b)) || Array.isArray(b)) {
			return b;
		}

		for (key in a) {
			obj[key] = a[key];
		}
		for (key in b) {
			obj[key] = b[key];
		}

		return obj;
	};

	var isPrimitive = function isPrimitive(type) {
		return type === "string" || type === "number" || type === "boolean";
	};

	var render = function render(model, view, lastNode) {
		patch(root, node = view(model, msg), lastNode, 0);
	};

	var shouldUpdate = function shouldUpdate(a, b) {
		return a.tag !== b.tag || (typeof a === "undefined" ? "undefined" : _typeof(a)) !== (typeof b === "undefined" ? "undefined" : _typeof(b)) || isPrimitive(typeof a === "undefined" ? "undefined" : _typeof(a)) && a !== b;
	};

	var patch = function patch(parent, node, oldNode, index) {
		if (oldNode === undefined) {
			parent.appendChild(createElementFrom(node));
		} else if (node === undefined) {
			while (index > 0 && !parent.childNodes[index]) {
				index--;
			}

			if (index >= 0) {
				var element = parent.childNodes[index];

				if (oldNode && oldNode.data) {
					var hook = oldNode.data.onremove;
					if (hook) {
						defer(hook, element);
					}
				}

				parent.removeChild(element);
			}
		} else if (shouldUpdate(node, oldNode)) {
			parent.replaceChild(createElementFrom(node), parent.childNodes[index]);
		} else if (node.tag) {
			var element = parent.childNodes[index];

			updateElementData(element, node.data, oldNode.data);

			var len = node.tree.length,
			    oldLen = oldNode.tree.length;

			for (var i = 0; i < len || i < oldLen; i++) {
				patch(element, node.tree[i], oldNode.tree[i], i);
			}
		}
	};

	var createElementFrom = function createElementFrom(node) {
		var element;

		if (isPrimitive(typeof node === "undefined" ? "undefined" : _typeof(node))) {
			element = document.createTextNode(node);
		} else {
			element = node.data && node.data.ns ? document.createElementNS(node.data.ns, node.tag) : document.createElement(node.tag);

			for (var name in node.data) {
				if (name === "oncreate") {
					defer(node.data[name], element);
				} else {
					setElementData(element, name, node.data[name]);
				}
			}

			for (var i = 0; i < node.tree.length; i++) {
				element.appendChild(createElementFrom(node.tree[i]));
			}
		}

		return element;
	};

	var setElementData = function setElementData(element, name, value, oldValue) {
		if (name === "style") {
			for (var i in value) {
				element.style[i] = value[i];
			}
		} else if (name.substr(0, 2) === "on") {
			var event = name.substr(2);
			element.removeEventListener(event, oldValue);
			element.addEventListener(event, value);
		} else {
			if (value === "false" || value === false) {
				element.removeAttribute(name);
				element[name] = false;
			} else {
				element.setAttribute(name, value);
				element[name] = value;
			}
		}
	};

	var removeElementData = function removeElementData(element, name, value) {
		element.removeAttribute(name === "className" ? "class" : name);

		if (typeof value === "boolean" || value === "true" || value === "false") {
			element[name] = false;
		}
	};

	var updateElementData = function updateElementData(element, data, oldData) {
		for (var name in merge(oldData, data)) {
			var value = data[name],
			    oldValue = oldData[name];

			if (value === undefined) {
				removeElementData(element, name, oldValue);
			} else if (value !== oldValue) {
				name === "onupdate" ? defer(value, element) : setElementData(element, name, value, oldValue);
			}
		}
	};

	var regexify = function regexify(path) {
		var keys = [],
		    re = "^" + path.replace(/\//g, "\\/").replace(/:([A-Za-z0-9_]+)/g, function (_, key) {
			keys.push(key);
			return "([A-Za-z0-9_]+)";
		}) + "/?$";

		return { re: re, keys: keys };
	};

	var route = function route(routes, path) {
		for (var route in routes) {
			var re = regexify(route),
			    params = {},
			    match;

			path.replace(new RegExp(re.re, "g"), function (_) {
				for (var i = 1; i < _arguments.length - 2; i++) {
					params[re.keys.shift()] = _arguments[i];
				}
				match = function match(model, msg) {
					return routes[route](model, msg, params);
				};
			});

			if (match) {
				return match;
			}
		}

		return routes["/"];
	};

	var msg = {};

	var model = options.model;
	var reducers = options.update || {};
	var effects = options.effects || {};
	var subs = options.subs || {};

	var hooks = merge({
		onAction: Function.prototype,
		onUpdate: Function.prototype,
		onError: function onError(err) {
			throw err;
		}
	}, options.hooks);

	var node;
	var root = options.root || document.body.appendChild(document.createElement("div"));
	var view = options.view || function (_) {
		return root;
	};
	var routes = typeof view === "function" ? undefined : view;

	if (routes) {
		view = route(routes, location.pathname);

		msg.setLocation = function (data) {
			render(model, view = route(routes, data), node);
			history.pushState({}, "", data);
		};

		window.addEventListener("popstate", function (_) {
			render(model, view = route(routes, location.pathname), node);
		});

		window.addEventListener("click", function (e) {
			if (e.metaKey || e.shiftKey || e.ctrlKey || e.altKey) {
				return;
			}

			var target = e.target;

			while (target && target.localName !== "a") {
				target = target.parentNode;
			}

			if (target && target.host === location.host && !target.hasAttribute("data-no-routing")) {

				var element = target.hash === "" ? element : document.querySelector(target.hash);

				if (element) {
					element.scrollIntoView(true);
				} else {
					msg.setLocation(target.pathname);
					e.preventDefault();
				}
			}
		});
	}

	var _loop = function _loop(name) {
		msg[name] = function (data) {
			hooks.onAction(name, data);

			var effect = effects[name];
			if (effect) {
				return effect(model, msg, data, hooks.onError);
			}

			var update = reducers[name],
			    _model = model;
			render(model = merge(model, update(model, data)), view, node);

			hooks.onUpdate(_model, model, data);
		};
	};

	for (var name in merge(reducers, effects)) {
		_loop(name);
	}

	document.addEventListener("DOMContentLoaded", function (_) {
		for (var sub in subs) {
			subs[sub](model, msg, hooks.onError);
		}
	});

	render(model, view);
});

return app;

}());
//# sourceMappingURL=app.build.js.map