wallet-core/extension/lib/vendor/mithril.js

2133 lines
52 KiB
JavaScript
Raw Normal View History

2016-02-15 11:29:58 +01:00
;(function (global, factory) { // eslint-disable-line
"use strict"
/* eslint-disable no-undef */
var m = factory(global)
if (typeof module === "object" && module != null && module.exports) {
module.exports = m
} else if (typeof define === "function" && define.amd) {
define(function () { return m })
} else {
global.m = m
}
/* eslint-enable no-undef */
})(typeof window !== "undefined" ? window : {}, function (global, undefined) { // eslint-disable-line
"use strict"
m.version = function () {
return "v0.2.2-rc.1"
}
var hasOwn = {}.hasOwnProperty
var type = {}.toString
function isFunction(object) {
return typeof object === "function"
}
function isObject(object) {
return type.call(object) === "[object Object]"
}
function isString(object) {
return type.call(object) === "[object String]"
}
var isArray = Array.isArray || function (object) {
return type.call(object) === "[object Array]"
}
function noop() {}
/* eslint-disable max-len */
var voidElements = /^(AREA|BASE|BR|COL|COMMAND|EMBED|HR|IMG|INPUT|KEYGEN|LINK|META|PARAM|SOURCE|TRACK|WBR)$/
/* eslint-enable max-len */
// caching commonly used variables
var $document, $location, $requestAnimationFrame, $cancelAnimationFrame
// self invoking function needed because of the way mocks work
function initialize(mock) {
$document = mock.document
$location = mock.location
$cancelAnimationFrame = mock.cancelAnimationFrame || mock.clearTimeout
$requestAnimationFrame = mock.requestAnimationFrame || mock.setTimeout
}
// testing API
m.deps = function (mock) {
initialize(global = mock || window)
return global
}
m.deps(global)
/**
* @typedef {String} Tag
* A string that looks like -> div.classname#id[param=one][param2=two]
* Which describes a DOM node
*/
function parseTagAttrs(cell, tag) {
var classes = []
var parser = /(?:(^|#|\.)([^#\.\[\]]+))|(\[.+?\])/g
var match
while ((match = parser.exec(tag))) {
if (match[1] === "" && match[2]) {
cell.tag = match[2]
} else if (match[1] === "#") {
cell.attrs.id = match[2]
} else if (match[1] === ".") {
classes.push(match[2])
} else if (match[3][0] === "[") {
var pair = /\[(.+?)(?:=("|'|)(.*?)\2)?\]/.exec(match[3])
cell.attrs[pair[1]] = pair[3] || (pair[2] ? "" : true)
}
}
return classes
}
function getVirtualChildren(args, hasAttrs) {
var children = hasAttrs ? args.slice(1) : args
if (children.length === 1 && isArray(children[0])) {
return children[0]
} else {
return children
}
}
function assignAttrs(target, attrs, classes) {
var classAttr = "class" in attrs ? "class" : "className"
for (var attrName in attrs) {
if (hasOwn.call(attrs, attrName)) {
if (attrName === classAttr &&
attrs[attrName] != null &&
attrs[attrName] !== "") {
classes.push(attrs[attrName])
// create key in correct iteration order
target[attrName] = ""
} else {
target[attrName] = attrs[attrName]
}
}
}
if (classes.length) target[classAttr] = classes.join(" ")
}
/**
*
* @param {Tag} The DOM node tag
* @param {Object=[]} optional key-value pairs to be mapped to DOM attrs
* @param {...mNode=[]} Zero or more Mithril child nodes. Can be an array,
* or splat (optional)
*/
function m(tag, pairs) {
for (var args = [], i = 1; i < arguments.length; i++) {
args[i - 1] = arguments[i]
}
if (isObject(tag)) return parameterize(tag, args)
if (!isString(tag)) {
throw new Error("selector in m(selector, attrs, children) should " +
"be a string")
}
var hasAttrs = pairs != null && isObject(pairs) &&
!("tag" in pairs || "view" in pairs || "subtree" in pairs)
var attrs = hasAttrs ? pairs : {}
var cell = {
tag: "div",
attrs: {},
children: getVirtualChildren(args, hasAttrs)
}
assignAttrs(cell.attrs, attrs, parseTagAttrs(cell, tag))
return cell
}
function forEach(list, f) {
for (var i = 0; i < list.length && !f(list[i], i++);) {
// function called in condition
}
}
function forKeys(list, f) {
forEach(list, function (attrs, i) {
return (attrs = attrs && attrs.attrs) &&
attrs.key != null &&
f(attrs, i)
})
}
// This function was causing deopts in Chrome.
function dataToString(data) {
// data.toString() might throw or return null if data is the return
// value of Console.log in some versions of Firefox (behavior depends on
// version)
try {
if (data != null && data.toString() != null) return data
} catch (e) {
// silently ignore errors
}
return ""
}
// This function was causing deopts in Chrome.
function injectTextNode(parentElement, first, index, data) {
try {
insertNode(parentElement, first, index)
first.nodeValue = data
} catch (e) {
// IE erroneously throws error when appending an empty text node
// after a null
}
}
function flatten(list) {
// recursively flatten array
for (var i = 0; i < list.length; i++) {
if (isArray(list[i])) {
list = list.concat.apply([], list)
// check current index again and flatten until there are no more
// nested arrays at that index
i--
}
}
return list
}
function insertNode(parentElement, node, index) {
parentElement.insertBefore(node,
parentElement.childNodes[index] || null)
}
var DELETION = 1
var INSERTION = 2
var MOVE = 3
function handleKeysDiffer(data, existing, cached, parentElement) {
forKeys(data, function (key, i) {
existing[key = key.key] = existing[key] ? {
action: MOVE,
index: i,
from: existing[key].index,
element: cached.nodes[existing[key].index] ||
$document.createElement("div")
} : {action: INSERTION, index: i}
})
var actions = []
for (var prop in existing) if (hasOwn.call(existing, prop)) {
actions.push(existing[prop])
}
var changes = actions.sort(sortChanges)
var newCached = new Array(cached.length)
newCached.nodes = cached.nodes.slice()
forEach(changes, function (change) {
var index = change.index
if (change.action === DELETION) {
clear(cached[index].nodes, cached[index])
newCached.splice(index, 1)
}
if (change.action === INSERTION) {
var dummy = $document.createElement("div")
dummy.key = data[index].attrs.key
insertNode(parentElement, dummy, index)
newCached.splice(index, 0, {
attrs: {key: data[index].attrs.key},
nodes: [dummy]
})
newCached.nodes[index] = dummy
}
if (change.action === MOVE) {
var changeElement = change.element
var maybeChanged = parentElement.childNodes[index]
if (maybeChanged !== changeElement && changeElement !== null) {
parentElement.insertBefore(changeElement,
maybeChanged || null)
}
newCached[index] = cached[change.from]
newCached.nodes[index] = changeElement
}
})
return newCached
}
function diffKeys(data, cached, existing, parentElement) {
var keysDiffer = data.length !== cached.length
if (!keysDiffer) {
forKeys(data, function (attrs, i) {
var cachedCell = cached[i]
return keysDiffer = cachedCell &&
cachedCell.attrs &&
cachedCell.attrs.key !== attrs.key
})
}
if (keysDiffer) {
return handleKeysDiffer(data, existing, cached, parentElement)
} else {
return cached
}
}
function diffArray(data, cached, nodes) {
// diff the array itself
// update the list of DOM nodes by collecting the nodes from each item
forEach(data, function (_, i) {
if (cached[i] != null) nodes.push.apply(nodes, cached[i].nodes)
})
// remove items from the end of the array if the new array is shorter
// than the old one. if errors ever happen here, the issue is most
// likely a bug in the construction of the `cached` data structure
// somewhere earlier in the program
forEach(cached.nodes, function (node, i) {
if (node.parentNode != null && nodes.indexOf(node) < 0) {
clear([node], [cached[i]])
}
})
if (data.length < cached.length) cached.length = data.length
cached.nodes = nodes
}
function buildArrayKeys(data) {
var guid = 0
forKeys(data, function () {
forEach(data, function (attrs) {
if ((attrs = attrs && attrs.attrs) && attrs.key == null) {
attrs.key = "__mithril__" + guid++
}
})
return 1
})
}
function isDifferentEnough(data, cached, dataAttrKeys) {
if (data.tag !== cached.tag) return true
if (dataAttrKeys.sort().join() !==
Object.keys(cached.attrs).sort().join()) {
return true
}
if (data.attrs.id !== cached.attrs.id) {
return true
}
if (data.attrs.key !== cached.attrs.key) {
return true
}
if (m.redraw.strategy() === "all") {
return !cached.configContext || cached.configContext.retain !== true
}
if (m.redraw.strategy() === "diff") {
return cached.configContext && cached.configContext.retain === false
}
return false
}
function maybeRecreateObject(data, cached, dataAttrKeys) {
// if an element is different enough from the one in cache, recreate it
if (isDifferentEnough(data, cached, dataAttrKeys)) {
if (cached.nodes.length) clear(cached.nodes)
if (cached.configContext &&
isFunction(cached.configContext.onunload)) {
cached.configContext.onunload()
}
if (cached.controllers) {
forEach(cached.controllers, function (controller) {
if (controller.onunload) controller.onunload({preventDefault: noop});
});
}
}
}
function getObjectNamespace(data, namespace) {
if (data.attrs.xmlns) return data.attrs.xmlns
if (data.tag === "svg") return "http://www.w3.org/2000/svg"
if (data.tag === "math") return "http://www.w3.org/1998/Math/MathML"
return namespace
}
var pendingRequests = 0
m.startComputation = function () { pendingRequests++ }
m.endComputation = function () {
if (pendingRequests > 1) {
pendingRequests--
} else {
pendingRequests = 0
m.redraw()
}
}
function unloadCachedControllers(cached, views, controllers) {
if (controllers.length) {
cached.views = views
cached.controllers = controllers
forEach(controllers, function (controller) {
if (controller.onunload && controller.onunload.$old) {
controller.onunload = controller.onunload.$old
}
if (pendingRequests && controller.onunload) {
var onunload = controller.onunload
controller.onunload = noop
controller.onunload.$old = onunload
}
})
}
}
function scheduleConfigsToBeCalled(configs, data, node, isNew, cached) {
// schedule configs to be called. They are called after `build` finishes
// running
if (isFunction(data.attrs.config)) {
var context = cached.configContext = cached.configContext || {}
// bind
configs.push(function () {
return data.attrs.config.call(data, node, !isNew, context,
cached)
})
}
}
function buildUpdatedNode(
cached,
data,
editable,
hasKeys,
namespace,
views,
configs,
controllers
) {
var node = cached.nodes[0]
if (hasKeys) {
setAttributes(node, data.tag, data.attrs, cached.attrs, namespace)
}
cached.children = build(
node,
data.tag,
undefined,
undefined,
data.children,
cached.children,
false,
0,
data.attrs.contenteditable ? node : editable,
namespace,
configs
)
cached.nodes.intact = true
if (controllers.length) {
cached.views = views
cached.controllers = controllers
}
return node
}
function handleNonexistentNodes(data, parentElement, index) {
var nodes
if (data.$trusted) {
nodes = injectHTML(parentElement, index, data)
} else {
nodes = [$document.createTextNode(data)]
if (!parentElement.nodeName.match(voidElements)) {
insertNode(parentElement, nodes[0], index)
}
}
var cached
if (typeof data === "string" ||
typeof data === "number" ||
typeof data === "boolean") {
cached = new data.constructor(data)
} else {
cached = data
}
cached.nodes = nodes
return cached
}
function reattachNodes(
data,
cached,
parentElement,
editable,
index,
parentTag
) {
var nodes = cached.nodes
if (!editable || editable !== $document.activeElement) {
if (data.$trusted) {
clear(nodes, cached)
nodes = injectHTML(parentElement, index, data)
} else if (parentTag === "textarea") {
// <textarea> uses `value` instead of `nodeValue`.
parentElement.value = data
} else if (editable) {
// contenteditable nodes use `innerHTML` instead of `nodeValue`.
editable.innerHTML = data
} else {
// was a trusted string
if (nodes[0].nodeType === 1 || nodes.length > 1 ||
(nodes[0].nodeValue.trim &&
!nodes[0].nodeValue.trim())) {
clear(cached.nodes, cached)
nodes = [$document.createTextNode(data)]
}
injectTextNode(parentElement, nodes[0], index, data)
}
}
cached = new data.constructor(data)
cached.nodes = nodes
return cached
}
function handleTextNode(
cached,
data,
index,
parentElement,
shouldReattach,
editable,
parentTag
) {
if (!cached.nodes.length) {
return handleNonexistentNodes(data, parentElement, index)
} else if (cached.valueOf() !== data.valueOf() || shouldReattach) {
return reattachNodes(data, cached, parentElement, editable, index,
parentTag)
} else {
return (cached.nodes.intact = true, cached)
}
}
function getSubArrayCount(item) {
if (item.$trusted) {
// fix offset of next element if item was a trusted string w/ more
// than one html element
// the first clause in the regexp matches elements
// the second clause (after the pipe) matches text nodes
var match = item.match(/<[^\/]|\>\s*[^<]/g)
if (match != null) return match.length
} else if (isArray(item)) {
return item.length
}
return 1
}
function buildArray(
data,
cached,
parentElement,
index,
parentTag,
shouldReattach,
editable,
namespace,
configs
) {
data = flatten(data)
var nodes = []
var intact = cached.length === data.length
var subArrayCount = 0
// keys algorithm: sort elements without recreating them if keys are
// present
//
// 1) create a map of all existing keys, and mark all for deletion
// 2) add new keys to map and mark them for addition
// 3) if key exists in new list, change action from deletion to a move
// 4) for each key, handle its corresponding action as marked in
// previous steps
var existing = {}
var shouldMaintainIdentities = false
forKeys(cached, function (attrs, i) {
shouldMaintainIdentities = true
existing[cached[i].attrs.key] = {action: DELETION, index: i}
})
buildArrayKeys(data)
if (shouldMaintainIdentities) {
cached = diffKeys(data, cached, existing, parentElement)
}
// end key algorithm
var cacheCount = 0
// faster explicitly written
for (var i = 0, len = data.length; i < len; i++) {
// diff each item in the array
var item = build(
parentElement,
parentTag,
cached,
index,
data[i],
cached[cacheCount],
shouldReattach,
index + subArrayCount || subArrayCount,
editable,
namespace,
configs)
if (item !== undefined) {
intact = intact && item.nodes.intact
subArrayCount += getSubArrayCount(item)
cached[cacheCount++] = item
}
}
if (!intact) diffArray(data, cached, nodes)
return cached
}
function makeCache(data, cached, index, parentIndex, parentCache) {
if (cached != null) {
if (type.call(cached) === type.call(data)) return cached
if (parentCache && parentCache.nodes) {
var offset = index - parentIndex
var end = offset + (isArray(data) ? data : cached.nodes).length
clear(
parentCache.nodes.slice(offset, end),
parentCache.slice(offset, end))
} else if (cached.nodes) {
clear(cached.nodes, cached)
}
}
cached = new data.constructor()
// if constructor creates a virtual dom element, use a blank object as
// the base cached node instead of copying the virtual el (#277)
if (cached.tag) cached = {}
cached.nodes = []
return cached
}
function constructNode(data, namespace) {
if (data.attrs.is) {
if (namespace == null) {
return $document.createElement(data.tag, data.attrs.is)
} else {
return $document.createElementNS(namespace, data.tag,
data.attrs.is)
}
} else if (namespace == null) {
return $document.createElement(data.tag)
} else {
return $document.createElementNS(namespace, data.tag)
}
}
function constructAttrs(data, node, namespace, hasKeys) {
if (hasKeys) {
return setAttributes(node, data.tag, data.attrs, {}, namespace)
} else {
return data.attrs
}
}
function constructChildren(
data,
node,
cached,
editable,
namespace,
configs
) {
if (data.children != null && data.children.length > 0) {
return build(
node,
data.tag,
undefined,
undefined,
data.children,
cached.children,
true,
0,
data.attrs.contenteditable ? node : editable,
namespace,
configs)
} else {
return data.children
}
}
function reconstructCached(
data,
attrs,
children,
node,
namespace,
views,
controllers
) {
var cached = {
tag: data.tag,
attrs: attrs,
children: children,
nodes: [node]
}
unloadCachedControllers(cached, views, controllers)
if (cached.children && !cached.children.nodes) {
cached.children.nodes = []
}
// edge case: setting value on <select> doesn't work before children
// exist, so set it again after children have been created
if (data.tag === "select" && "value" in data.attrs) {
setAttributes(node, data.tag, {value: data.attrs.value}, {},
namespace)
}
return cached
}
function getController(views, view, cachedControllers, controller) {
var controllerIndex
if (m.redraw.strategy() === "diff" && views) {
controllerIndex = views.indexOf(view)
} else {
controllerIndex = -1
}
if (controllerIndex > -1) {
return cachedControllers[controllerIndex]
} else if (isFunction(controller)) {
return new controller()
} else {
return {}
}
}
var unloaders = []
function updateLists(views, controllers, view, controller) {
if (controller.onunload != null) {
unloaders.push({
controller: controller,
handler: controller.onunload
})
}
views.push(view)
controllers.push(controller)
}
var forcing = false
function checkView(data, view, cached, cachedControllers, controllers, views) {
var controller = getController(cached.views, view, cachedControllers, data.controller)
var key = data && data.attrs && data.attrs.key
data = pendingRequests === 0 || forcing || cachedControllers && cachedControllers.indexOf(controller) > -1 ? data.view(controller) : {tag: "placeholder"}
if (data.subtree === "retain") return data;
data.attrs = data.attrs || {}
data.attrs.key = key
updateLists(views, controllers, view, controller)
return data
}
function markViews(data, cached, views, controllers) {
var cachedControllers = cached && cached.controllers
while (data.view != null) {
data = checkView(
data,
data.view.$original || data.view,
cached,
cachedControllers,
controllers,
views)
}
return data
}
function buildObject( // eslint-disable-line max-statements
data,
cached,
editable,
parentElement,
index,
shouldReattach,
namespace,
configs
) {
var views = []
var controllers = []
data = markViews(data, cached, views, controllers)
if (data.subtree === "retain") return cached
if (!data.tag && controllers.length) {
throw new Error("Component template must return a virtual " +
"element, not an array, string, etc.")
}
data.attrs = data.attrs || {}
cached.attrs = cached.attrs || {}
var dataAttrKeys = Object.keys(data.attrs)
var hasKeys = dataAttrKeys.length > ("key" in data.attrs ? 1 : 0)
maybeRecreateObject(data, cached, dataAttrKeys)
if (!isString(data.tag)) return
var isNew = cached.nodes.length === 0
namespace = getObjectNamespace(data, namespace)
var node
if (isNew) {
node = constructNode(data, namespace)
// set attributes first, then create children
var attrs = constructAttrs(data, node, namespace, hasKeys)
var children = constructChildren(data, node, cached, editable,
namespace, configs)
cached = reconstructCached(
data,
attrs,
children,
node,
namespace,
views,
controllers)
} else {
node = buildUpdatedNode(
cached,
data,
editable,
hasKeys,
namespace,
views,
configs,
controllers)
}
if (isNew || shouldReattach === true && node != null) {
insertNode(parentElement, node, index)
}
// The configs are called after `build` finishes running
scheduleConfigsToBeCalled(configs, data, node, isNew, cached)
return cached
}
function build(
parentElement,
parentTag,
parentCache,
parentIndex,
data,
cached,
shouldReattach,
index,
editable,
namespace,
configs
) {
/*
* `build` is a recursive function that manages creation/diffing/removal
* of DOM elements based on comparison between `data` and `cached` the
* diff algorithm can be summarized as this:
*
* 1 - compare `data` and `cached`
* 2 - if they are different, copy `data` to `cached` and update the DOM
* based on what the difference is
* 3 - recursively apply this algorithm for every array and for the
* children of every virtual element
*
* The `cached` data structure is essentially the same as the previous
* redraw's `data` data structure, with a few additions:
* - `cached` always has a property called `nodes`, which is a list of
* DOM elements that correspond to the data represented by the
* respective virtual element
* - in order to support attaching `nodes` as a property of `cached`,
* `cached` is *always* a non-primitive object, i.e. if the data was
* a string, then cached is a String instance. If data was `null` or
* `undefined`, cached is `new String("")`
* - `cached also has a `configContext` property, which is the state
* storage object exposed by config(element, isInitialized, context)
* - when `cached` is an Object, it represents a virtual element; when
* it's an Array, it represents a list of elements; when it's a
* String, Number or Boolean, it represents a text node
*
* `parentElement` is a DOM element used for W3C DOM API calls
* `parentTag` is only used for handling a corner case for textarea
* values
* `parentCache` is used to remove nodes in some multi-node cases
* `parentIndex` and `index` are used to figure out the offset of nodes.
* They're artifacts from before arrays started being flattened and are
* likely refactorable
* `data` and `cached` are, respectively, the new and old nodes being
* diffed
* `shouldReattach` is a flag indicating whether a parent node was
* recreated (if so, and if this node is reused, then this node must
* reattach itself to the new parent)
* `editable` is a flag that indicates whether an ancestor is
* contenteditable
* `namespace` indicates the closest HTML namespace as it cascades down
* from an ancestor
* `configs` is a list of config functions to run after the topmost
* `build` call finishes running
*
* there's logic that relies on the assumption that null and undefined
* data are equivalent to empty strings
* - this prevents lifecycle surprises from procedural helpers that mix
* implicit and explicit return statements (e.g.
* function foo() {if (cond) return m("div")}
* - it simplifies diffing code
*/
data = dataToString(data)
if (data.subtree === "retain") return cached
cached = makeCache(data, cached, index, parentIndex, parentCache)
if (isArray(data)) {
return buildArray(
data,
cached,
parentElement,
index,
parentTag,
shouldReattach,
editable,
namespace,
configs)
} else if (data != null && isObject(data)) {
return buildObject(
data,
cached,
editable,
parentElement,
index,
shouldReattach,
namespace,
configs)
} else if (!isFunction(data)) {
return handleTextNode(
cached,
data,
index,
parentElement,
shouldReattach,
editable,
parentTag)
} else {
return cached
}
}
function sortChanges(a, b) {
return a.action - b.action || a.index - b.index
}
function copyStyleAttrs(node, dataAttr, cachedAttr) {
for (var rule in dataAttr) if (hasOwn.call(dataAttr, rule)) {
if (cachedAttr == null || cachedAttr[rule] !== dataAttr[rule]) {
node.style[rule] = dataAttr[rule]
}
}
for (rule in cachedAttr) if (hasOwn.call(cachedAttr, rule)) {
if (!hasOwn.call(dataAttr, rule)) node.style[rule] = ""
}
}
function shouldUseSetAttribute(attrName) {
return attrName !== "list" &&
attrName !== "style" &&
attrName !== "form" &&
attrName !== "type" &&
attrName !== "width" &&
attrName !== "height"
}
function setSingleAttr(
node,
attrName,
dataAttr,
cachedAttr,
tag,
namespace
) {
if (attrName === "config" || attrName === "key") {
// `config` isn't a real attribute, so ignore it
return true
} else if (isFunction(dataAttr) && attrName.slice(0, 2) === "on") {
// hook event handlers to the auto-redrawing system
node[attrName] = autoredraw(dataAttr, node)
} else if (attrName === "style" && dataAttr != null &&
isObject(dataAttr)) {
// handle `style: {...}`
copyStyleAttrs(node, dataAttr, cachedAttr)
} else if (namespace != null) {
// handle SVG
if (attrName === "href") {
node.setAttributeNS("http://www.w3.org/1999/xlink",
"href", dataAttr)
} else {
node.setAttribute(
attrName === "className" ? "class" : attrName,
dataAttr)
}
} else if (attrName in node && shouldUseSetAttribute(attrName)) {
// handle cases that are properties (but ignore cases where we
// should use setAttribute instead)
//
// - list and form are typically used as strings, but are DOM
// element references in js
//
// - when using CSS selectors (e.g. `m("[style='']")`), style is
// used as a string, but it's an object in js
//
// #348 don't set the value if not needed - otherwise, cursor
// placement breaks in Chrome
try {
if (tag !== "input" || node[attrName] !== dataAttr) {
node[attrName] = dataAttr
}
} catch (e) {
node.setAttribute(attrName, dataAttr)
}
}
else node.setAttribute(attrName, dataAttr)
}
function trySetAttr(
node,
attrName,
dataAttr,
cachedAttr,
cachedAttrs,
tag,
namespace
) {
if (!(attrName in cachedAttrs) || (cachedAttr !== dataAttr)) {
cachedAttrs[attrName] = dataAttr
try {
return setSingleAttr(
node,
attrName,
dataAttr,
cachedAttr,
tag,
namespace)
} catch (e) {
// swallow IE's invalid argument errors to mimic HTML's
// fallback-to-doing-nothing-on-invalid-attributes behavior
if (e.message.indexOf("Invalid argument") < 0) throw e
}
} else if (attrName === "value" && tag === "input" &&
node.value !== dataAttr) {
// #348 dataAttr may not be a string, so use loose comparison
node.value = dataAttr
}
}
function setAttributes(node, tag, dataAttrs, cachedAttrs, namespace) {
for (var attrName in dataAttrs) if (hasOwn.call(dataAttrs, attrName)) {
if (trySetAttr(
node,
attrName,
dataAttrs[attrName],
cachedAttrs[attrName],
cachedAttrs,
tag,
namespace)) {
continue
}
}
return cachedAttrs
}
function clear(nodes, cached) {
for (var i = nodes.length - 1; i > -1; i--) {
if (nodes[i] && nodes[i].parentNode) {
try {
nodes[i].parentNode.removeChild(nodes[i])
} catch (e) {
/* eslint-disable max-len */
// ignore if this fails due to order of events (see
// http://stackoverflow.com/questions/21926083/failed-to-execute-removechild-on-node)
/* eslint-enable max-len */
}
cached = [].concat(cached)
if (cached[i]) unload(cached[i])
}
}
// release memory if nodes is an array. This check should fail if nodes
// is a NodeList (see loop above)
if (nodes.length) {
nodes.length = 0
}
}
function unload(cached) {
if (cached.configContext && isFunction(cached.configContext.onunload)) {
cached.configContext.onunload()
cached.configContext.onunload = null
}
if (cached.controllers) {
forEach(cached.controllers, function (controller) {
if (isFunction(controller.onunload)) {
controller.onunload({preventDefault: noop})
}
})
}
if (cached.children) {
if (isArray(cached.children)) forEach(cached.children, unload)
else if (cached.children.tag) unload(cached.children)
}
}
function appendTextFragment(parentElement, data) {
try {
parentElement.appendChild(
$document.createRange().createContextualFragment(data))
} catch (e) {
parentElement.insertAdjacentHTML("beforeend", data)
}
}
function injectHTML(parentElement, index, data) {
var nextSibling = parentElement.childNodes[index]
if (nextSibling) {
var isElement = nextSibling.nodeType !== 1
var placeholder = $document.createElement("span")
if (isElement) {
parentElement.insertBefore(placeholder, nextSibling || null)
placeholder.insertAdjacentHTML("beforebegin", data)
parentElement.removeChild(placeholder)
} else {
nextSibling.insertAdjacentHTML("beforebegin", data)
}
} else {
appendTextFragment(parentElement, data)
}
var nodes = []
while (parentElement.childNodes[index] !== nextSibling) {
nodes.push(parentElement.childNodes[index])
index++
}
return nodes
}
function autoredraw(callback, object) {
return function (e) {
e = e || event
m.redraw.strategy("diff")
m.startComputation()
try {
return callback.call(object, e)
} finally {
endFirstComputation()
}
}
}
var html
var documentNode = {
appendChild: function (node) {
if (html === undefined) html = $document.createElement("html")
if ($document.documentElement &&
$document.documentElement !== node) {
$document.replaceChild(node, $document.documentElement)
} else {
$document.appendChild(node)
}
this.childNodes = $document.childNodes
},
insertBefore: function (node) {
this.appendChild(node)
},
childNodes: []
}
var nodeCache = []
var cellCache = {}
m.render = function (root, cell, forceRecreation) {
if (!root) {
throw new Error("Ensure the DOM element being passed to " +
"m.route/m.mount/m.render is not undefined.")
}
var configs = []
var id = getCellCacheKey(root)
var isDocumentRoot = root === $document
var node
if (isDocumentRoot || root === $document.documentElement) {
node = documentNode
} else {
node = root
}
if (isDocumentRoot && cell.tag !== "html") {
cell = {tag: "html", attrs: {}, children: cell}
}
if (cellCache[id] === undefined) clear(node.childNodes)
if (forceRecreation === true) reset(root)
cellCache[id] = build(
node,
null,
undefined,
undefined,
cell,
cellCache[id],
false,
0,
null,
undefined,
configs)
forEach(configs, function (config) { config() })
}
function getCellCacheKey(element) {
var index = nodeCache.indexOf(element)
return index < 0 ? nodeCache.push(element) - 1 : index
}
m.trust = function (value) {
value = new String(value) // eslint-disable-line no-new-wrappers
value.$trusted = true
return value
}
function gettersetter(store) {
function prop() {
if (arguments.length) store = arguments[0]
return store
}
prop.toJSON = function () {
return store
}
return prop
}
m.prop = function (store) {
if ((store != null && isObject(store) || isFunction(store)) &&
isFunction(store.then)) {
return propify(store)
}
return gettersetter(store)
}
var roots = []
var components = []
var controllers = []
var lastRedrawId = null
var lastRedrawCallTime = 0
var computePreRedrawHook = null
var computePostRedrawHook = null
var topComponent
var FRAME_BUDGET = 16 // 60 frames per second = 1 call per 16 ms
function parameterize(component, args) {
function controller() {
/* eslint-disable no-invalid-this */
return (component.controller || noop).apply(this, args) || this
/* eslint-enable no-invalid-this */
}
if (component.controller) {
controller.prototype = component.controller.prototype
}
function view(ctrl) {
var currentArgs = [ctrl].concat(args)
for (var i = 1; i < arguments.length; i++) {
currentArgs.push(arguments[i])
}
return component.view.apply(component, currentArgs)
}
view.$original = component.view
var output = {controller: controller, view: view}
if (args[0] && args[0].key != null) output.attrs = {key: args[0].key}
return output
}
m.component = function (component) {
for (var args = [], i = 1; i < arguments.length; i++) {
args.push(arguments[i])
}
return parameterize(component, args)
}
function checkPrevented(component, root, index, isPrevented) {
if (!isPrevented) {
m.redraw.strategy("all")
m.startComputation()
roots[index] = root
var currentComponent
if (component) {
currentComponent = topComponent = component
} else {
currentComponent = topComponent = component = {controller: noop}
}
var controller = new (component.controller || noop)()
// controllers may call m.mount recursively (via m.route redirects,
// for example)
// this conditional ensures only the last recursive m.mount call is
// applied
if (currentComponent === topComponent) {
controllers[index] = controller
components[index] = component
}
endFirstComputation()
if (component === null) {
removeRootElement(root, index)
}
return controllers[index]
} else if (component == null) {
removeRootElement(root, index)
}
}
m.mount = m.module = function (root, component) {
if (!root) {
throw new Error("Please ensure the DOM element exists before " +
"rendering a template into it.")
}
var index = roots.indexOf(root)
if (index < 0) index = roots.length
var isPrevented = false
var event = {
preventDefault: function () {
isPrevented = true
computePreRedrawHook = computePostRedrawHook = null
}
}
forEach(unloaders, function (unloader) {
unloader.handler.call(unloader.controller, event)
unloader.controller.onunload = null
})
if (isPrevented) {
forEach(unloaders, function (unloader) {
unloader.controller.onunload = unloader.handler
})
} else {
unloaders = []
}
if (controllers[index] && isFunction(controllers[index].onunload)) {
controllers[index].onunload(event)
}
return checkPrevented(component, root, index, isPrevented)
}
function removeRootElement(root, index) {
roots.splice(index, 1)
controllers.splice(index, 1)
components.splice(index, 1)
reset(root)
nodeCache.splice(getCellCacheKey(root), 1)
}
var redrawing = false
m.redraw = function (force) {
if (redrawing) return
redrawing = true
if (force) forcing = true
try {
// lastRedrawId is a positive number if a second redraw is requested
// before the next animation frame
// lastRedrawID is null if it's the first redraw and not an event
// handler
if (lastRedrawId && !force) {
// when setTimeout: only reschedule redraw if time between now
// and previous redraw is bigger than a frame, otherwise keep
// currently scheduled timeout
// when rAF: always reschedule redraw
if ($requestAnimationFrame === global.requestAnimationFrame ||
new Date() - lastRedrawCallTime > FRAME_BUDGET) {
if (lastRedrawId > 0) $cancelAnimationFrame(lastRedrawId)
lastRedrawId = $requestAnimationFrame(redraw, FRAME_BUDGET)
}
} else {
redraw()
lastRedrawId = $requestAnimationFrame(function () {
lastRedrawId = null
}, FRAME_BUDGET)
}
} finally {
redrawing = forcing = false
}
}
m.redraw.strategy = m.prop()
function redraw() {
if (computePreRedrawHook) {
computePreRedrawHook()
computePreRedrawHook = null
}
forEach(roots, function (root, i) {
var component = components[i]
if (controllers[i]) {
var args = [controllers[i]]
m.render(root,
component.view ? component.view(controllers[i], args) : "")
}
})
// after rendering within a routed context, we need to scroll back to
// the top, and fetch the document title for history.pushState
if (computePostRedrawHook) {
computePostRedrawHook()
computePostRedrawHook = null
}
lastRedrawId = null
lastRedrawCallTime = new Date()
m.redraw.strategy("diff")
}
function endFirstComputation() {
if (m.redraw.strategy() === "none") {
pendingRequests--
m.redraw.strategy("diff")
} else {
m.endComputation()
}
}
m.withAttr = function (prop, withAttrCallback, callbackThis) {
return function (e) {
e = e || event
/* eslint-disable no-invalid-this */
var currentTarget = e.currentTarget || this
var _this = callbackThis || this
/* eslint-enable no-invalid-this */
var target = prop in currentTarget ?
currentTarget[prop] :
currentTarget.getAttribute(prop)
withAttrCallback.call(_this, target)
}
}
// routing
var modes = {pathname: "", hash: "#", search: "?"}
var redirect = noop
var isDefaultRoute = false
var routeParams, currentRoute
m.route = function (root, arg1, arg2, vdom) { // eslint-disable-line
// m.route()
if (arguments.length === 0) return currentRoute
// m.route(el, defaultRoute, routes)
if (arguments.length === 3 && isString(arg1)) {
redirect = function (source) {
var path = currentRoute = normalizeRoute(source)
if (!routeByValue(root, arg2, path)) {
if (isDefaultRoute) {
throw new Error("Ensure the default route matches " +
"one of the routes defined in m.route")
}
isDefaultRoute = true
m.route(arg1, true)
isDefaultRoute = false
}
}
var listener = m.route.mode === "hash" ?
"onhashchange" :
"onpopstate"
global[listener] = function () {
var path = $location[m.route.mode]
if (m.route.mode === "pathname") path += $location.search
if (currentRoute !== normalizeRoute(path)) redirect(path)
}
computePreRedrawHook = setScroll
global[listener]()
return
}
// config: m.route
if (root.addEventListener || root.attachEvent) {
var base = m.route.mode !== "pathname" ? $location.pathname : ""
root.href = base + modes[m.route.mode] + vdom.attrs.href
if (root.addEventListener) {
root.removeEventListener("click", routeUnobtrusive)
root.addEventListener("click", routeUnobtrusive)
} else {
root.detachEvent("onclick", routeUnobtrusive)
root.attachEvent("onclick", routeUnobtrusive)
}
return
}
// m.route(route, params, shouldReplaceHistoryEntry)
if (isString(root)) {
var oldRoute = currentRoute
currentRoute = root
var args = arg1 || {}
var queryIndex = currentRoute.indexOf("?")
var params
if (queryIndex > -1) {
params = parseQueryString(currentRoute.slice(queryIndex + 1))
} else {
params = {}
}
for (var i in args) if (hasOwn.call(args, i)) {
params[i] = args[i]
}
var querystring = buildQueryString(params)
var currentPath
if (queryIndex > -1) {
currentPath = currentRoute.slice(0, queryIndex)
} else {
currentPath = currentRoute
}
if (querystring) {
currentRoute = currentPath +
(currentPath.indexOf("?") === -1 ? "?" : "&") +
querystring
}
var replaceHistory =
(arguments.length === 3 ? arg2 : arg1) === true ||
oldRoute === root
if (global.history.pushState) {
var method = replaceHistory ? "replaceState" : "pushState"
computePreRedrawHook = setScroll
computePostRedrawHook = function () {
global.history[method](null, $document.title,
modes[m.route.mode] + currentRoute)
}
redirect(modes[m.route.mode] + currentRoute)
} else {
$location[m.route.mode] = currentRoute
redirect(modes[m.route.mode] + currentRoute)
}
}
}
m.route.param = function (key) {
if (!routeParams) {
throw new Error("You must call m.route(element, defaultRoute, " +
"routes) before calling m.route.param()")
}
if (!key) {
return routeParams
}
return routeParams[key]
}
m.route.mode = "search"
function normalizeRoute(route) {
return route.slice(modes[m.route.mode].length)
}
function routeByValue(root, router, path) {
routeParams = {}
var queryStart = path.indexOf("?")
if (queryStart !== -1) {
routeParams = parseQueryString(
path.substr(queryStart + 1, path.length))
path = path.substr(0, queryStart)
}
// Get all routes and check if there's
// an exact match for the current path
var keys = Object.keys(router)
var index = keys.indexOf(path)
if (index !== -1){
m.mount(root, router[keys [index]])
return true
}
for (var route in router) if (hasOwn.call(router, route)) {
if (route === path) {
m.mount(root, router[route])
return true
}
var matcher = new RegExp("^" + route
.replace(/:[^\/]+?\.{3}/g, "(.*?)")
.replace(/:[^\/]+/g, "([^\\/]+)") + "\/?$")
if (matcher.test(path)) {
/* eslint-disable no-loop-func */
path.replace(matcher, function () {
var keys = route.match(/:[^\/]+/g) || []
var values = [].slice.call(arguments, 1, -2)
forEach(keys, function (key, i) {
routeParams[key.replace(/:|\./g, "")] =
decodeURIComponent(values[i])
})
m.mount(root, router[route])
})
/* eslint-enable no-loop-func */
return true
}
}
}
function routeUnobtrusive(e) {
e = e || event
if (e.ctrlKey || e.metaKey || e.shiftKey || e.which === 2) return
if (e.preventDefault) {
e.preventDefault()
} else {
e.returnValue = false
}
var currentTarget = e.currentTarget || e.srcElement
var args
if (m.route.mode === "pathname" && currentTarget.search) {
args = parseQueryString(currentTarget.search.slice(1))
} else {
args = {}
}
while (currentTarget && !/a/i.test(currentTarget.nodeName)) {
currentTarget = currentTarget.parentNode
}
// clear pendingRequests because we want an immediate route change
pendingRequests = 0
m.route(currentTarget[m.route.mode]
.slice(modes[m.route.mode].length), args)
}
function setScroll() {
if (m.route.mode !== "hash" && $location.hash) {
$location.hash = $location.hash
} else {
global.scrollTo(0, 0)
}
}
function buildQueryString(object, prefix) {
var duplicates = {}
var str = []
for (var prop in object) if (hasOwn.call(object, prop)) {
var key = prefix ? prefix + "[" + prop + "]" : prop
var value = object[prop]
if (value === null) {
str.push(encodeURIComponent(key))
} else if (isObject(value)) {
str.push(buildQueryString(value, key))
} else if (isArray(value)) {
var keys = []
duplicates[key] = duplicates[key] || {}
/* eslint-disable no-loop-func */
forEach(value, function (item) {
/* eslint-enable no-loop-func */
if (!duplicates[key][item]) {
duplicates[key][item] = true
keys.push(encodeURIComponent(key) + "=" +
encodeURIComponent(item))
}
})
str.push(keys.join("&"))
} else if (value !== undefined) {
str.push(encodeURIComponent(key) + "=" +
encodeURIComponent(value))
}
}
return str.join("&")
}
function parseQueryString(str) {
if (str === "" || str == null) return {}
if (str.charAt(0) === "?") str = str.slice(1)
var pairs = str.split("&")
var params = {}
forEach(pairs, function (string) {
var pair = string.split("=")
var key = decodeURIComponent(pair[0])
var value = pair.length === 2 ? decodeURIComponent(pair[1]) : null
if (params[key] != null) {
if (!isArray(params[key])) params[key] = [params[key]]
params[key].push(value)
}
else params[key] = value
})
return params
}
m.route.buildQueryString = buildQueryString
m.route.parseQueryString = parseQueryString
function reset(root) {
var cacheKey = getCellCacheKey(root)
clear(root.childNodes, cellCache[cacheKey])
cellCache[cacheKey] = undefined
}
m.deferred = function () {
var deferred = new Deferred()
deferred.promise = propify(deferred.promise)
return deferred
}
function propify(promise, initialValue) {
var prop = m.prop(initialValue)
promise.then(prop)
prop.then = function (resolve, reject) {
return propify(promise.then(resolve, reject), initialValue)
}
prop.catch = prop.then.bind(null, null)
return prop
}
// Promiz.mithril.js | Zolmeister | MIT
// a modified version of Promiz.js, which does not conform to Promises/A+
// for two reasons:
//
// 1) `then` callbacks are called synchronously (because setTimeout is too
// slow, and the setImmediate polyfill is too big
//
// 2) throwing subclasses of Error cause the error to be bubbled up instead
// of triggering rejection (because the spec does not account for the
// important use case of default browser error handling, i.e. message w/
// line number)
var RESOLVING = 1
var REJECTING = 2
var RESOLVED = 3
var REJECTED = 4
function Deferred(onSuccess, onFailure) {
var self = this
var state = 0
var promiseValue = 0
var next = []
self.promise = {}
self.resolve = function (value) {
if (!state) {
promiseValue = value
state = RESOLVING
fire()
}
return self
}
self.reject = function (value) {
if (!state) {
promiseValue = value
state = REJECTING
fire()
}
return self
}
self.promise.then = function (onSuccess, onFailure) {
var deferred = new Deferred(onSuccess, onFailure)
if (state === RESOLVED) {
deferred.resolve(promiseValue)
} else if (state === REJECTED) {
deferred.reject(promiseValue)
} else {
next.push(deferred)
}
return deferred.promise
}
function finish(type) {
state = type || REJECTED
next.map(function (deferred) {
if (state === RESOLVED) {
deferred.resolve(promiseValue)
} else {
deferred.reject(promiseValue)
}
})
}
function thennable(then, success, failure, notThennable) {
if (((promiseValue != null && isObject(promiseValue)) ||
isFunction(promiseValue)) && isFunction(then)) {
try {
// count protects against abuse calls from spec checker
var count = 0
then.call(promiseValue, function (value) {
if (count++) return
promiseValue = value
success()
}, function (value) {
if (count++) return
promiseValue = value
failure()
})
} catch (e) {
m.deferred.onerror(e)
promiseValue = e
failure()
}
} else {
notThennable()
}
}
function fire() {
// check if it's a thenable
var then
try {
then = promiseValue && promiseValue.then
} catch (e) {
m.deferred.onerror(e)
promiseValue = e
state = REJECTING
return fire()
}
if (state === REJECTING) {
m.deferred.onerror(promiseValue)
}
thennable(then, function () {
state = RESOLVING
fire()
}, function () {
state = REJECTING
fire()
}, function () {
try {
if (state === RESOLVING && isFunction(onSuccess)) {
promiseValue = onSuccess(promiseValue)
} else if (state === REJECTING && isFunction(onFailure)) {
promiseValue = onFailure(promiseValue)
state = RESOLVING
}
} catch (e) {
m.deferred.onerror(e)
promiseValue = e
return finish()
}
if (promiseValue === self) {
promiseValue = TypeError()
finish()
} else {
thennable(then, function () {
finish(RESOLVED)
}, finish, function () {
finish(state === RESOLVING && RESOLVED)
})
}
})
}
}
m.deferred.onerror = function (e) {
if (type.call(e) === "[object Error]" &&
!e.constructor.toString().match(/ Error/)) {
pendingRequests = 0
throw e
}
}
m.sync = function (args) {
var deferred = m.deferred()
var outstanding = args.length
var results = new Array(outstanding)
var method = "resolve"
function synchronizer(pos, resolved) {
return function (value) {
results[pos] = value
if (!resolved) method = "reject"
if (--outstanding === 0) {
deferred.promise(results)
deferred[method](results)
}
return value
}
}
if (args.length > 0) {
forEach(args, function (arg, i) {
arg.then(synchronizer(i, true), synchronizer(i, false))
})
} else {
deferred.resolve([])
}
return deferred.promise
}
function identity(value) { return value }
function handleJsonp(options) {
var callbackKey = "mithril_callback_" +
new Date().getTime() + "_" +
(Math.round(Math.random() * 1e16)).toString(36)
var script = $document.createElement("script")
global[callbackKey] = function (resp) {
script.parentNode.removeChild(script)
options.onload({
type: "load",
target: {
responseText: resp
}
})
global[callbackKey] = undefined
}
script.onerror = function () {
script.parentNode.removeChild(script)
options.onerror({
type: "error",
target: {
status: 500,
responseText: JSON.stringify({
error: "Error making jsonp request"
})
}
})
global[callbackKey] = undefined
return false
}
script.onload = function () {
return false
}
script.src = options.url +
(options.url.indexOf("?") > 0 ? "&" : "?") +
(options.callbackKey ? options.callbackKey : "callback") +
"=" + callbackKey +
"&" + buildQueryString(options.data || {})
$document.body.appendChild(script)
}
function createXhr(options) {
var xhr = new global.XMLHttpRequest()
xhr.open(options.method, options.url, true, options.user,
options.password)
xhr.onreadystatechange = function () {
if (xhr.readyState === 4) {
if (xhr.status >= 200 && xhr.status < 300) {
options.onload({type: "load", target: xhr})
} else {
options.onerror({type: "error", target: xhr})
}
}
}
if (options.serialize === JSON.stringify &&
options.data &&
options.method !== "GET") {
xhr.setRequestHeader("Content-Type",
"application/json; charset=utf-8")
}
if (options.deserialize === JSON.parse) {
xhr.setRequestHeader("Accept", "application/json, text/*")
}
if (isFunction(options.config)) {
var maybeXhr = options.config(xhr, options)
if (maybeXhr != null) xhr = maybeXhr
}
var data = options.method === "GET" || !options.data ? "" : options.data
if (data && !isString(data) && data.constructor !== global.FormData) {
throw new Error("Request data should be either be a string or " +
"FormData. Check the `serialize` option in `m.request`")
}
xhr.send(data)
return xhr
}
function ajax(options) {
if (options.dataType && options.dataType.toLowerCase() === "jsonp") {
return handleJsonp(options)
} else {
return createXhr(options)
}
}
function bindData(options, data, serialize) {
if (options.method === "GET" && options.dataType !== "jsonp") {
var prefix = options.url.indexOf("?") < 0 ? "?" : "&"
var querystring = buildQueryString(data)
options.url += (querystring ? prefix + querystring : "")
} else {
options.data = serialize(data)
}
}
function parameterizeUrl(url, data) {
var tokens = url.match(/:[a-z]\w+/gi)
if (tokens && data) {
forEach(tokens, function (token) {
var key = token.slice(1)
url = url.replace(token, data[key])
delete data[key]
})
}
return url
}
m.request = function (options) {
if (options.background !== true) m.startComputation()
var deferred = new Deferred()
var isJSONP = options.dataType &&
options.dataType.toLowerCase() === "jsonp"
var serialize, deserialize, extract
if (isJSONP) {
serialize = options.serialize =
deserialize = options.deserialize = identity
extract = function (jsonp) { return jsonp.responseText }
} else {
serialize = options.serialize = options.serialize || JSON.stringify
deserialize = options.deserialize =
options.deserialize || JSON.parse
extract = options.extract || function (xhr) {
if (xhr.responseText.length || deserialize !== JSON.parse) {
return xhr.responseText
} else {
return null
}
}
}
options.method = (options.method || "GET").toUpperCase()
options.url = parameterizeUrl(options.url, options.data)
bindData(options, options.data, serialize)
options.onload = options.onerror = function (ev) {
try {
ev = ev || event
var response = deserialize(extract(ev.target, options))
if (ev.type === "load") {
if (options.unwrapSuccess) {
response = options.unwrapSuccess(response, ev.target)
}
if (isArray(response) && options.type) {
forEach(response, function (res, i) {
response[i] = new options.type(res)
})
} else if (options.type) {
response = new options.type(response)
}
deferred.resolve(response)
} else {
if (options.unwrapError) {
response = options.unwrapError(response, ev.target)
}
deferred.reject(response)
}
} catch (e) {
deferred.reject(e)
} finally {
if (options.background !== true) m.endComputation()
}
}
ajax(options)
deferred.promise = propify(deferred.promise, options.initialValue)
return deferred.promise
}
return m
})