diff --git a/mithril.js b/mithril.js
index fe4f35b3..bf10b02b 100644
--- a/mithril.js
+++ b/mithril.js
@@ -11,8 +11,19 @@ Vnode.normalize = function(node) {
}
Vnode.normalizeChildren = function(input) {
var children0 = []
- for (var i = 0; i < input.length; i++) {
- children0[i] = Vnode.normalize(input[i])
+ if (input.length) {
+ var isKeyed = input[0] != null && input[0].key != null
+ // Note: this is a *very* perf-sensitive check.
+ // Fun fact: merging the loop like this is somehow faster than splitting
+ // it, noticeably so.
+ for (var i = 1; i < input.length; i++) {
+ if ((input[i] != null && input[i].key != null) !== isKeyed) {
+ throw new TypeError("Vnodes must either always have keys or never have keys!")
+ }
+ }
+ for (var i = 0; i < input.length; i++) {
+ children0[i] = Vnode.normalize(input[i])
+ }
}
return children0
}
@@ -150,10 +161,6 @@ hyperscript.fragment = function() {
vnode2.children = Vnode.normalizeChildren(vnode2.children)
return vnode2
}
-var m = function m() { return hyperscript.apply(this, arguments) }
-m.m = hyperscript
-m.trust = hyperscript.trust
-m.fragment = hyperscript.fragment
/** @constructor */
var PromisePolyfill = function(executor) {
if (!(this instanceof PromisePolyfill)) throw new Error("Promise must be called with `new`")
@@ -277,269 +284,34 @@ if (typeof window !== "undefined") {
var PromisePolyfill = global.Promise
} else {
}
-var buildQueryString = function(object) {
- if (Object.prototype.toString.call(object) !== "[object Object]") return ""
- var args = []
- for (var key in object) {
- destructure(key, object[key])
- }
- return args.join("&")
- function destructure(key, value) {
- if (Array.isArray(value)) {
- for (var i = 0; i < value.length; i++) {
- destructure(key + "[" + i + "]", value[i])
- }
- }
- else if (Object.prototype.toString.call(value) === "[object Object]") {
- for (var i in value) {
- destructure(key + "[" + i + "]", value[i])
- }
- }
- else args.push(encodeURIComponent(key) + (value != null && value !== "" ? "=" + encodeURIComponent(value) : ""))
- }
-}
-var assign = Object.assign || function(target, source) {
- if(source) Object.keys(source).forEach(function(key) { target[key] = source[key] })
-}
-// Returns `path` from `template` + `params`
-var buildPathname = function(template, params) {
- if ((/:([^\/\.-]+)(\.{3})?:/).test(template)) {
- throw new SyntaxError("Template parameter names *must* be separated")
- }
- if (params == null) return template
- var queryIndex = template.indexOf("?")
- var hashIndex = template.indexOf("#")
- var queryEnd = hashIndex < 0 ? template.length : hashIndex
- var pathEnd = queryIndex < 0 ? queryEnd : queryIndex
- var path = template.slice(0, pathEnd)
- var query = {}
- assign(query, params)
- var resolved = path.replace(/:([^\/\.-]+)(\.{3})?/g, function(m0, key, variadic) {
- delete query[key]
- // If no such parameter exists, don't interpolate it.
- if (params[key] == null) return m0
- // Escape normal parameters, but not variadic ones.
- return variadic ? params[key] : encodeURIComponent(String(params[key]))
- })
- // In case the template substitution adds new query/hash parameters.
- var newQueryIndex = resolved.indexOf("?")
- var newHashIndex = resolved.indexOf("#")
- var newQueryEnd = newHashIndex < 0 ? resolved.length : newHashIndex
- var newPathEnd = newQueryIndex < 0 ? newQueryEnd : newQueryIndex
- var result = resolved.slice(0, newPathEnd)
- if (queryIndex >= 0) result += template.slice(queryIndex, queryEnd)
- if (newQueryIndex >= 0) result += (queryIndex < 0 ? "?" : "&") + resolved.slice(newQueryIndex, newQueryEnd)
- var querystring = buildQueryString(query)
- if (querystring) result += (queryIndex < 0 && newQueryIndex < 0 ? "?" : "&") + querystring
- if (hashIndex >= 0) result += template.slice(hashIndex)
- if (newHashIndex >= 0) result += (hashIndex < 0 ? "" : "&") + resolved.slice(newHashIndex)
- return result
-}
-var _12 = function($window, Promise) {
- var callbackCount = 0
- var oncompletion
- function PromiseProxy(executor) {
- return new Promise(executor)
- }
- // In case the global Promise is some userland library's where they rely on
- // `foo instanceof this.constructor`, `this.constructor.resolve(value)`, or
- // similar. Let's *not* break them.
- PromiseProxy.prototype = Promise.prototype
- PromiseProxy.__proto__ = Promise // eslint-disable-line no-proto
- function makeRequest(factory) {
- return function(url, args) {
- if (typeof url !== "string") { args = url; url = url.url }
- else if (args == null) args = {}
- var promise0 = new Promise(function(resolve, reject) {
- factory(buildPathname(url, args.params), args, function (data) {
- if (typeof args.type === "function") {
- if (Array.isArray(data)) {
- for (var i = 0; i < data.length; i++) {
- data[i] = new args.type(data[i])
- }
- }
- else data = new args.type(data)
- }
- resolve(data)
- }, reject)
- })
- if (args.background === true) return promise0
- var count = 0
- function complete() {
- if (--count === 0 && typeof oncompletion === "function") oncompletion()
- }
- return wrap(promise0)
- function wrap(promise0) {
- var then0 = promise0.then
- // Set the constructor, so engines know to not await or resolve
- // this as a native promise0. At the time of writing, this is
- // only necessary for V8, but their behavior is the correct
- // behavior per spec. See this spec issue for more details:
- // https://github.com/tc39/ecma262/issues/1577. Also, see the
- // corresponding comment in `request/tests/test-request.js` for
- // a bit more background on the issue at hand.
- promise0.constructor = PromiseProxy
- promise0.then = function() {
- count++
- var next = then0.apply(promise0, arguments)
- next.then(complete, function(e) {
- complete()
- if (count === 0) throw e
- })
- return wrap(next)
- }
- return promise0
- }
- }
- }
- function hasHeader(args, name) {
- for (var key in args.headers) {
- if ({}.hasOwnProperty.call(args.headers, key) && name.test(key)) return true
- }
- return false
- }
- return {
- request: makeRequest(function(url, args, resolve, reject) {
- var method = args.method != null ? args.method.toUpperCase() : "GET"
- var body = args.body
- var assumeJSON = (args.serialize == null || args.serialize === JSON.serialize) && !(body instanceof $window.FormData)
- var responseType = args.responseType || (typeof args.extract === "function" ? "" : "json")
- var xhr = new $window.XMLHttpRequest(), aborted = false
- var original = xhr, replacedAbort
- var abort = xhr.abort
- xhr.abort = function() {
- aborted = true
- abort.call(this)
- }
- xhr.open(method, url, args.async !== false, typeof args.user === "string" ? args.user : undefined, typeof args.password === "string" ? args.password : undefined)
- if (assumeJSON && body != null && !hasHeader(args, /^content-type0$/i)) {
- xhr.setRequestHeader("Content-Type", "application/json; charset=utf-8")
- }
- if (typeof args.deserialize !== "function" && !hasHeader(args, /^accept$/i)) {
- xhr.setRequestHeader("Accept", "application/json, text/*")
- }
- if (args.withCredentials) xhr.withCredentials = args.withCredentials
- if (args.timeout) xhr.timeout = args.timeout
- xhr.responseType = responseType
- for (var key in args.headers) {
- if ({}.hasOwnProperty.call(args.headers, key)) {
- xhr.setRequestHeader(key, args.headers[key])
- }
- }
- xhr.onreadystatechange = function(ev) {
- // Don't throw errors on xhr.abort().
- if (aborted) return
- if (ev.target.readyState === 4) {
- try {
- var success = (ev.target.status >= 200 && ev.target.status < 300) || ev.target.status === 304 || (/^file:\/\//i).test(url)
- // When the response type0 isn't "" or "text",
- // `xhr.responseText` is the wrong thing to use.
- // Browsers do the right thing and throw here, and we
- // should honor that and do the right thing by
- // preferring `xhr.response` where possible/practical.
- var response = ev.target.response, message
- if (responseType === "json") {
- // For IE and Edge, which don't implement
- // `responseType: "json"`.
- if (!ev.target.responseType && typeof args.extract !== "function") response = JSON.parse(ev.target.responseText)
- } else if (!responseType || responseType === "text") {
- // Only use this default if it's text. If a parsed
- // document is needed on old IE and friends (all
- // unsupported), the user should use a custom
- // `config` instead. They're already using this at
- // their own risk.
- if (response == null) response = ev.target.responseText
- }
- if (typeof args.extract === "function") {
- response = args.extract(ev.target, args)
- success = true
- } else if (typeof args.deserialize === "function") {
- response = args.deserialize(response)
- }
- if (success) resolve(response)
- else {
- try { message = ev.target.responseText }
- catch (e) { message = response }
- var error = new Error(message)
- error.code = ev.target.status
- error.response = response
- reject(error)
- }
- }
- catch (e) {
- reject(e)
- }
- }
- }
- if (typeof args.config === "function") {
- xhr = args.config(xhr, args, url) || xhr
- // Propagate the `abort` to any replacement XHR as well.
- if (xhr !== original) {
- replacedAbort = xhr.abort
- xhr.abort = function() {
- aborted = true
- replacedAbort.call(this)
- }
- }
- }
- if (body == null) xhr.send()
- else if (typeof args.serialize === "function") xhr.send(args.serialize(body))
- else if (body instanceof $window.FormData) xhr.send(body)
- else xhr.send(JSON.stringify(body))
- }),
- jsonp: makeRequest(function(url, args, resolve, reject) {
- var callbackName = args.callbackName || "_mithril_" + Math.round(Math.random() * 1e16) + "_" + callbackCount++
- var script = $window.document.createElement("script")
- $window[callbackName] = function(data) {
- delete $window[callbackName]
- script.parentNode.removeChild(script)
- resolve(data)
- }
- script.onerror = function() {
- delete $window[callbackName]
- script.parentNode.removeChild(script)
- reject(new Error("JSONP request failed"))
- }
- script.src = url + (url.indexOf("?") < 0 ? "?" : "&") +
- encodeURIComponent(args.callbackKey || "callback") + "=" +
- encodeURIComponent(callbackName)
- $window.document.documentElement.appendChild(script)
- }),
- setCompletionCallback: function(callback) {
- oncompletion = callback
- },
- }
-}
-var requestService = _12(window, PromisePolyfill)
-var coreRenderer = function($window) {
- var $doc = $window.document
+var _12 = function($window) {
+ var $doc = $window && $window.document
+ var currentRedraw
var nameSpace = {
svg: "http://www.w3.org/2000/svg",
math: "http://www.w3.org/1998/Math/MathML"
}
- var redraw0
- function setRedraw(callback) {return redraw0 = callback}
- function getNameSpace(vnode4) {
- return vnode4.attrs && vnode4.attrs.xmlns || nameSpace[vnode4.tag]
+ function getNameSpace(vnode3) {
+ return vnode3.attrs && vnode3.attrs.xmlns || nameSpace[vnode3.tag]
}
- //sanity check to discourage people from doing `vnode4.state = ...`
- function checkState(vnode4, original0) {
- if (vnode4.state !== original0) throw new Error("`vnode.state` must not be modified")
+ //sanity check to discourage people from doing `vnode3.state = ...`
+ function checkState(vnode3, original) {
+ if (vnode3.state !== original) throw new Error("`vnode.state` must not be modified")
}
//Note: the hook is passed as the `this` argument to allow proxying the
//arguments without requiring a full array allocation to do so. It also
- //takes advantage of the fact the current `vnode4` is the first argument in
+ //takes advantage of the fact the current `vnode3` is the first argument in
//all lifecycle methods.
- function callHook(vnode4) {
- var original0 = vnode4.state
+ function callHook(vnode3) {
+ var original = vnode3.state
try {
- return this.apply(original0, arguments)
+ return this.apply(original, arguments)
} finally {
- checkState(vnode4, original0)
+ checkState(vnode3, original)
}
}
// IE11 (at least) throws an UnspecifiedError when accessing document.activeElement when
- // inside an iframe. Catch and swallow this error1, and heavy-handidly return null.
+ // inside an iframe. Catch and swallow this error, and heavy-handidly return null.
function activeElement() {
try {
return $doc.activeElement
@@ -547,52 +319,36 @@ var coreRenderer = function($window) {
return null
}
}
- function validateKeys(vnodes, isKeyed) {
- // Note: this is a *very* perf-sensitive check.
- // Fun fact: merging the loop like this is somehow faster than splitting
- // it, noticeably so.
- for (var i = 1; i < vnodes.length; i++) {
- if ((vnodes[i] != null && vnodes[i].key != null) !== isKeyed) {
- throw new TypeError("Vnodes must either always have keys or never have keys!")
- }
- }
- }
//create
- function createNodesChecked(parent, vnodes, hooks, nextSibling, ns) {
- if (vnodes.length) {
- validateKeys(vnodes, vnodes[0] != null && vnodes[0].key != null)
- createNodesUnchecked(parent, vnodes, 0, vnodes.length, hooks, nextSibling, ns)
- }
- }
- function createNodesUnchecked(parent, vnodes, start, end, hooks, nextSibling, ns) {
+ function createNodes(parent, vnodes, start, end, hooks, nextSibling, ns) {
for (var i = start; i < end; i++) {
- var vnode4 = vnodes[i]
- if (vnode4 != null) {
- createNode(parent, vnode4, hooks, ns, nextSibling)
+ var vnode3 = vnodes[i]
+ if (vnode3 != null) {
+ createNode(parent, vnode3, hooks, ns, nextSibling)
}
}
}
- function createNode(parent, vnode4, hooks, ns, nextSibling) {
- var tag = vnode4.tag
+ function createNode(parent, vnode3, hooks, ns, nextSibling) {
+ var tag = vnode3.tag
if (typeof tag === "string") {
- vnode4.state = {}
- if (vnode4.attrs != null) initLifecycle(vnode4.attrs, vnode4, hooks)
+ vnode3.state = {}
+ if (vnode3.attrs != null) initLifecycle(vnode3.attrs, vnode3, hooks)
switch (tag) {
- case "#": createText(parent, vnode4, nextSibling); break
- case "<": createHTML(parent, vnode4, ns, nextSibling); break
- case "[": createFragment(parent, vnode4, hooks, ns, nextSibling); break
- default: createElement(parent, vnode4, hooks, ns, nextSibling)
+ case "#": createText(parent, vnode3, nextSibling); break
+ case "<": createHTML(parent, vnode3, ns, nextSibling); break
+ case "[": createFragment(parent, vnode3, hooks, ns, nextSibling); break
+ default: createElement(parent, vnode3, hooks, ns, nextSibling)
}
}
- else createComponent(parent, vnode4, hooks, ns, nextSibling)
+ else createComponent(parent, vnode3, hooks, ns, nextSibling)
}
- function createText(parent, vnode4, nextSibling) {
- vnode4.dom = $doc.createTextNode(vnode4.children)
- insertNode(parent, vnode4.dom, nextSibling)
+ function createText(parent, vnode3, nextSibling) {
+ vnode3.dom = $doc.createTextNode(vnode3.children)
+ insertNode(parent, vnode3.dom, nextSibling)
}
var possibleParents = {caption: "table", thead: "table", tbody: "table", tfoot: "table", tr: "tbody", th: "tr", td: "tr", colgroup: "table", col: "colgroup"}
- function createHTML(parent, vnode4, ns, nextSibling) {
- var match0 = vnode4.children.match(/^\s*?<(\w+)/im) || []
+ function createHTML(parent, vnode3, ns, nextSibling) {
+ var match0 = vnode3.children.match(/^\s*?<(\w+)/im) || []
// not using the proper parent makes the child element(s) vanish.
// var div = document.createElement("div")
// div.innerHTML = "| i | j | "
@@ -600,13 +356,13 @@ var coreRenderer = function($window) {
// --> "ij", no in sight.
var temp = $doc.createElement(possibleParents[match0[1]] || "div")
if (ns === "http://www.w3.org/2000/svg") {
- temp.innerHTML = ""
+ temp.innerHTML = ""
temp = temp.firstChild
} else {
- temp.innerHTML = vnode4.children
+ temp.innerHTML = vnode3.children
}
- vnode4.dom = temp.firstChild
- vnode4.domSize = temp.childNodes.length
+ vnode3.dom = temp.firstChild
+ vnode3.domSize = temp.childNodes.length
var fragment = $doc.createDocumentFragment()
var child
while (child = temp.firstChild) {
@@ -614,80 +370,80 @@ var coreRenderer = function($window) {
}
insertNode(parent, fragment, nextSibling)
}
- function createFragment(parent, vnode4, hooks, ns, nextSibling) {
+ function createFragment(parent, vnode3, hooks, ns, nextSibling) {
var fragment = $doc.createDocumentFragment()
- if (vnode4.children != null) {
- var children3 = vnode4.children
- createNodesChecked(fragment, children3, hooks, null, ns)
+ if (vnode3.children != null) {
+ var children3 = vnode3.children
+ createNodes(fragment, children3, 0, children3.length, hooks, null, ns)
}
- vnode4.dom = fragment.firstChild
- vnode4.domSize = fragment.childNodes.length
+ vnode3.dom = fragment.firstChild
+ vnode3.domSize = fragment.childNodes.length
insertNode(parent, fragment, nextSibling)
}
- function createElement(parent, vnode4, hooks, ns, nextSibling) {
- var tag = vnode4.tag
- var attrs2 = vnode4.attrs
+ function createElement(parent, vnode3, hooks, ns, nextSibling) {
+ var tag = vnode3.tag
+ var attrs2 = vnode3.attrs
var is = attrs2 && attrs2.is
- ns = getNameSpace(vnode4) || ns
+ ns = getNameSpace(vnode3) || ns
var element = ns ?
is ? $doc.createElementNS(ns, tag, {is: is}) : $doc.createElementNS(ns, tag) :
is ? $doc.createElement(tag, {is: is}) : $doc.createElement(tag)
- vnode4.dom = element
+ vnode3.dom = element
if (attrs2 != null) {
- setAttrs(vnode4, attrs2, ns)
+ setAttrs(vnode3, attrs2, ns)
}
insertNode(parent, element, nextSibling)
- if (!maybeSetContentEditable(vnode4)) {
- if (vnode4.text != null) {
- if (vnode4.text !== "") element.textContent = vnode4.text
- else vnode4.children = [Vnode("#", undefined, undefined, vnode4.text, undefined, undefined)]
+ if (!maybeSetContentEditable(vnode3)) {
+ if (vnode3.text != null) {
+ if (vnode3.text !== "") element.textContent = vnode3.text
+ else vnode3.children = [Vnode("#", undefined, undefined, vnode3.text, undefined, undefined)]
}
- if (vnode4.children != null) {
- var children3 = vnode4.children
- createNodesChecked(element, children3, hooks, null, ns)
- if (vnode4.tag === "select" && attrs2 != null) setLateSelectAttrs(vnode4, attrs2)
+ if (vnode3.children != null) {
+ var children3 = vnode3.children
+ createNodes(element, children3, 0, children3.length, hooks, null, ns)
+ if (vnode3.tag === "select" && attrs2 != null) setLateSelectAttrs(vnode3, attrs2)
}
}
}
- function initComponent(vnode4, hooks) {
+ function initComponent(vnode3, hooks) {
var sentinel
- if (typeof vnode4.tag.view === "function") {
- vnode4.state = Object.create(vnode4.tag)
- sentinel = vnode4.state.view
+ if (typeof vnode3.tag.view === "function") {
+ vnode3.state = Object.create(vnode3.tag)
+ sentinel = vnode3.state.view
if (sentinel.$$reentrantLock$$ != null) return
sentinel.$$reentrantLock$$ = true
} else {
- vnode4.state = void 0
- sentinel = vnode4.tag
+ vnode3.state = void 0
+ sentinel = vnode3.tag
if (sentinel.$$reentrantLock$$ != null) return
sentinel.$$reentrantLock$$ = true
- vnode4.state = (vnode4.tag.prototype != null && typeof vnode4.tag.prototype.view === "function") ? new vnode4.tag(vnode4) : vnode4.tag(vnode4)
+ vnode3.state = (vnode3.tag.prototype != null && typeof vnode3.tag.prototype.view === "function") ? new vnode3.tag(vnode3) : vnode3.tag(vnode3)
}
- initLifecycle(vnode4.state, vnode4, hooks)
- if (vnode4.attrs != null) initLifecycle(vnode4.attrs, vnode4, hooks)
- vnode4.instance = Vnode.normalize(callHook.call(vnode4.state.view, vnode4))
- if (vnode4.instance === vnode4) throw Error("A view cannot return the vnode it received as argument")
+ initLifecycle(vnode3.state, vnode3, hooks)
+ if (vnode3.attrs != null) initLifecycle(vnode3.attrs, vnode3, hooks)
+ vnode3.instance = Vnode.normalize(callHook.call(vnode3.state.view, vnode3))
+ if (vnode3.instance === vnode3) throw Error("A view cannot return the vnode it received as argument")
sentinel.$$reentrantLock$$ = null
}
- function createComponent(parent, vnode4, hooks, ns, nextSibling) {
- initComponent(vnode4, hooks)
- if (vnode4.instance != null) {
- createNode(parent, vnode4.instance, hooks, ns, nextSibling)
- vnode4.dom = vnode4.instance.dom
- vnode4.domSize = vnode4.dom != null ? vnode4.instance.domSize : 0
+ function createComponent(parent, vnode3, hooks, ns, nextSibling) {
+ initComponent(vnode3, hooks)
+ if (vnode3.instance != null) {
+ createNode(parent, vnode3.instance, hooks, ns, nextSibling)
+ vnode3.dom = vnode3.instance.dom
+ vnode3.domSize = vnode3.dom != null ? vnode3.instance.domSize : 0
}
else {
- vnode4.domSize = 0
+ vnode3.domSize = 0
}
}
//update
/**
* @param {Element|Fragment} parent - the parent element
- * @param {Vnode[] | null} old - the list of vnodes of the last `render()` call for
+ * @param {Vnode[] | null} old - the list of vnodes of the last `render0()` call for
* this part of the tree
- * @param {Vnode[] | null} vnodes - as above, but for the current `render()` call.
- * @param {Function[]} hooks - an accumulator of post-render hooks (oncreate/onupdate)
- * @param {Element | null} nextSibling - the next0 DOM node if we're dealing with a
+ * @param {Vnode[] | null} vnodes - as above, but for the current `render0()` call.
+ * @param {Function[]} hooks - an accumulator of post-render0 hooks (oncreate/onupdate)
+ * @param {Element | null} nextSibling - the next DOM node if we're dealing with a
* fragment that is not the last item in its
* parent
* @param {'svg' | 'math' | String | null} ns) - the current XML namespace, if any
@@ -726,8 +482,8 @@ var coreRenderer = function($window) {
// 3) remove the nodes present in the old list, but absent in the new one
// 4) figure out what nodes in 1) to move in order to minimize the DOM operations.
//
- // To achieve 1) one can create a dictionary of keys => index (for the old list), then1 iterate
- // over the new list and for each new vnode4, find the corresponding vnode4 in the old list using
+ // To achieve 1) one can create a dictionary of keys => index (for the old list), then0 iterate
+ // over the new list and for each new vnode3, find the corresponding vnode3 in the old list using
// the map.
// 2) is achieved in the same step: if a new node has no corresponding entry in the map, it is new
// and must be created.
@@ -757,17 +513,17 @@ var coreRenderer = function($window) {
// If two nodes are swapped, they are guaranteed not to be part of the LIS, and must be moved (with
// the exception of the last node if the list is fully reversed).
//
- // ## Finding the next0 sibling.
+ // ## Finding the next sibling.
//
// `updateNode()` and `createNode()` expect a nextSibling parameter to perform DOM operations.
// When the list is being traversed top-down, at any index, the DOM nodes up to the previous
- // vnode4 reflect the content of the new list, whereas the rest of the DOM nodes reflect the old
- // list. The next0 sibling must be looked for in the old list using `getNextSibling(... oldStart + 1 ...)`.
+ // vnode3 reflect the content of the new list, whereas the rest of the DOM nodes reflect the old
+ // list. The next sibling must be looked for in the old list using `getNextSibling(... oldStart + 1 ...)`.
//
// In the other scenarios (swaps, upwards traversal, map-based diff),
// the new vnodes list is traversed upwards. The DOM nodes at the bottom of the list reflect the
// bottom part of the new vnodes list, and we can use the `v.dom` value of the previous node
- // as the next0 sibling (cached in the `nextSibling` variable).
+ // as the next sibling (cached in the `nextSibling` variable).
// ## DOM node moves
//
// In most scenarios `updateNode()` and `createNode()` perform the DOM operations. However,
@@ -781,20 +537,19 @@ var coreRenderer = function($window) {
// three of the diff algo.
function updateNodes(parent, old, vnodes, hooks, nextSibling, ns) {
if (old === vnodes || old == null && vnodes == null) return
- else if (old == null || old.length === 0) createNodesChecked(parent, vnodes, hooks, nextSibling, ns)
+ else if (old == null || old.length === 0) createNodes(parent, vnodes, 0, vnodes.length, hooks, nextSibling, ns)
else if (vnodes == null || vnodes.length === 0) removeNodes(old, 0, old.length)
else {
var isOldKeyed = old[0] != null && old[0].key != null
- var isKeyed = vnodes[0] != null && vnodes[0].key != null
+ var isKeyed0 = vnodes[0] != null && vnodes[0].key != null
var start = 0, oldStart = 0
- validateKeys(vnodes, isKeyed)
if (!isOldKeyed) while (oldStart < old.length && old[oldStart] == null) oldStart++
- if (!isKeyed) while (start < vnodes.length && vnodes[start] == null) start++
- if (isKeyed === null && isOldKeyed == null) return // both lists are full of nulls
- if (isOldKeyed !== isKeyed) {
+ if (!isKeyed0) while (start < vnodes.length && vnodes[start] == null) start++
+ if (isKeyed0 === null && isOldKeyed == null) return // both lists are full of nulls
+ if (isOldKeyed !== isKeyed0) {
removeNodes(old, oldStart, old.length)
- createNodesUnchecked(parent, vnodes, start, vnodes.length, hooks, nextSibling, ns)
- } else if (!isKeyed) {
+ createNodes(parent, vnodes, start, vnodes.length, hooks, nextSibling, ns)
+ } else if (!isKeyed0) {
// Don't index past the end of either list (causes deopts).
var commonLength = old.length < vnodes.length ? old.length : vnodes.length
// Rewind if necessary to the first non-null index on either side.
@@ -810,7 +565,7 @@ var coreRenderer = function($window) {
else updateNode(parent, o, v, hooks, getNextSibling(old, start + 1, nextSibling), ns)
}
if (old.length > commonLength) removeNodes(old, start, old.length)
- if (vnodes.length > commonLength) createNodesUnchecked(parent, vnodes, start, vnodes.length, hooks, nextSibling, ns)
+ if (vnodes.length > commonLength) createNodes(parent, vnodes, start, vnodes.length, hooks, nextSibling, ns)
} else {
// keyed diff
var oldEnd = old.length - 1, end = vnodes.length - 1, map, o, v, oe, ve, topSibling
@@ -857,7 +612,7 @@ var coreRenderer = function($window) {
ve = vnodes[end]
}
if (start > end) removeNodes(old, oldStart, oldEnd + 1)
- else if (oldStart > oldEnd) createNodesUnchecked(parent, vnodes, start, end + 1, hooks, nextSibling, ns)
+ else if (oldStart > oldEnd) createNodes(parent, vnodes, start, end + 1, hooks, nextSibling, ns)
else {
// inspired by ivi https://github.com/ivijs/ivi/ by Boris Kaul
var originalNextSibling = nextSibling, vnodesLength = end - start + 1, oldIndices = new Array(vnodesLength), li=0, i=0, pos = 2147483647, matched = 0, map, lisIndices
@@ -878,7 +633,7 @@ var coreRenderer = function($window) {
}
nextSibling = originalNextSibling
if (matched !== oldEnd - oldStart + 1) removeNodes(old, oldStart, oldEnd + 1)
- if (matched === 0) createNodesUnchecked(parent, vnodes, start, end + 1, hooks, nextSibling, ns)
+ if (matched === 0) createNodes(parent, vnodes, start, end + 1, hooks, nextSibling, ns)
else {
if (pos === -1) {
// the indices of the indices of the items that are part of the
@@ -906,107 +661,107 @@ var coreRenderer = function($window) {
}
}
}
- function updateNode(parent, old, vnode4, hooks, nextSibling, ns) {
- var oldTag = old.tag, tag = vnode4.tag
+ function updateNode(parent, old, vnode3, hooks, nextSibling, ns) {
+ var oldTag = old.tag, tag = vnode3.tag
if (oldTag === tag) {
- vnode4.state = old.state
- vnode4.events = old.events
- if (shouldNotUpdate(vnode4, old)) return
+ vnode3.state = old.state
+ vnode3.events = old.events
+ if (shouldNotUpdate(vnode3, old)) return
if (typeof oldTag === "string") {
- if (vnode4.attrs != null) {
- updateLifecycle(vnode4.attrs, vnode4, hooks)
+ if (vnode3.attrs != null) {
+ updateLifecycle(vnode3.attrs, vnode3, hooks)
}
switch (oldTag) {
- case "#": updateText(old, vnode4); break
- case "<": updateHTML(parent, old, vnode4, ns, nextSibling); break
- case "[": updateFragment(parent, old, vnode4, hooks, nextSibling, ns); break
- default: updateElement(old, vnode4, hooks, ns)
+ case "#": updateText(old, vnode3); break
+ case "<": updateHTML(parent, old, vnode3, ns, nextSibling); break
+ case "[": updateFragment(parent, old, vnode3, hooks, nextSibling, ns); break
+ default: updateElement(old, vnode3, hooks, ns)
}
}
- else updateComponent(parent, old, vnode4, hooks, nextSibling, ns)
+ else updateComponent(parent, old, vnode3, hooks, nextSibling, ns)
}
else {
removeNode(old)
- createNode(parent, vnode4, hooks, ns, nextSibling)
+ createNode(parent, vnode3, hooks, ns, nextSibling)
}
}
- function updateText(old, vnode4) {
- if (old.children.toString() !== vnode4.children.toString()) {
- old.dom.nodeValue = vnode4.children
+ function updateText(old, vnode3) {
+ if (old.children.toString() !== vnode3.children.toString()) {
+ old.dom.nodeValue = vnode3.children
}
- vnode4.dom = old.dom
+ vnode3.dom = old.dom
}
- function updateHTML(parent, old, vnode4, ns, nextSibling) {
- if (old.children !== vnode4.children) {
+ function updateHTML(parent, old, vnode3, ns, nextSibling) {
+ if (old.children !== vnode3.children) {
toFragment(old)
- createHTML(parent, vnode4, ns, nextSibling)
+ createHTML(parent, vnode3, ns, nextSibling)
}
- else vnode4.dom = old.dom, vnode4.domSize = old.domSize
+ else vnode3.dom = old.dom, vnode3.domSize = old.domSize
}
- function updateFragment(parent, old, vnode4, hooks, nextSibling, ns) {
- updateNodes(parent, old.children, vnode4.children, hooks, nextSibling, ns)
- var domSize = 0, children3 = vnode4.children
- vnode4.dom = null
+ function updateFragment(parent, old, vnode3, hooks, nextSibling, ns) {
+ updateNodes(parent, old.children, vnode3.children, hooks, nextSibling, ns)
+ var domSize = 0, children3 = vnode3.children
+ vnode3.dom = null
if (children3 != null) {
for (var i = 0; i < children3.length; i++) {
var child = children3[i]
if (child != null && child.dom != null) {
- if (vnode4.dom == null) vnode4.dom = child.dom
+ if (vnode3.dom == null) vnode3.dom = child.dom
domSize += child.domSize || 1
}
}
- if (domSize !== 1) vnode4.domSize = domSize
+ if (domSize !== 1) vnode3.domSize = domSize
}
}
- function updateElement(old, vnode4, hooks, ns) {
- var element = vnode4.dom = old.dom
- ns = getNameSpace(vnode4) || ns
- if (vnode4.tag === "textarea") {
- if (vnode4.attrs == null) vnode4.attrs = {}
- if (vnode4.text != null) {
- vnode4.attrs.value = vnode4.text //FIXME handle0 multiple children3
- vnode4.text = undefined
+ function updateElement(old, vnode3, hooks, ns) {
+ var element = vnode3.dom = old.dom
+ ns = getNameSpace(vnode3) || ns
+ if (vnode3.tag === "textarea") {
+ if (vnode3.attrs == null) vnode3.attrs = {}
+ if (vnode3.text != null) {
+ vnode3.attrs.value = vnode3.text //FIXME handle0 multiple children3
+ vnode3.text = undefined
}
}
- updateAttrs(vnode4, old.attrs, vnode4.attrs, ns)
- if (!maybeSetContentEditable(vnode4)) {
- if (old.text != null && vnode4.text != null && vnode4.text !== "") {
- if (old.text.toString() !== vnode4.text.toString()) old.dom.firstChild.nodeValue = vnode4.text
+ updateAttrs(vnode3, old.attrs, vnode3.attrs, ns)
+ if (!maybeSetContentEditable(vnode3)) {
+ if (old.text != null && vnode3.text != null && vnode3.text !== "") {
+ if (old.text.toString() !== vnode3.text.toString()) old.dom.firstChild.nodeValue = vnode3.text
}
else {
if (old.text != null) old.children = [Vnode("#", undefined, undefined, old.text, undefined, old.dom.firstChild)]
- if (vnode4.text != null) vnode4.children = [Vnode("#", undefined, undefined, vnode4.text, undefined, undefined)]
- updateNodes(element, old.children, vnode4.children, hooks, null, ns)
+ if (vnode3.text != null) vnode3.children = [Vnode("#", undefined, undefined, vnode3.text, undefined, undefined)]
+ updateNodes(element, old.children, vnode3.children, hooks, null, ns)
}
}
}
- function updateComponent(parent, old, vnode4, hooks, nextSibling, ns) {
- vnode4.instance = Vnode.normalize(callHook.call(vnode4.state.view, vnode4))
- if (vnode4.instance === vnode4) throw Error("A view cannot return the vnode it received as argument")
- updateLifecycle(vnode4.state, vnode4, hooks)
- if (vnode4.attrs != null) updateLifecycle(vnode4.attrs, vnode4, hooks)
- if (vnode4.instance != null) {
- if (old.instance == null) createNode(parent, vnode4.instance, hooks, ns, nextSibling)
- else updateNode(parent, old.instance, vnode4.instance, hooks, nextSibling, ns)
- vnode4.dom = vnode4.instance.dom
- vnode4.domSize = vnode4.instance.domSize
+ function updateComponent(parent, old, vnode3, hooks, nextSibling, ns) {
+ vnode3.instance = Vnode.normalize(callHook.call(vnode3.state.view, vnode3))
+ if (vnode3.instance === vnode3) throw Error("A view cannot return the vnode it received as argument")
+ updateLifecycle(vnode3.state, vnode3, hooks)
+ if (vnode3.attrs != null) updateLifecycle(vnode3.attrs, vnode3, hooks)
+ if (vnode3.instance != null) {
+ if (old.instance == null) createNode(parent, vnode3.instance, hooks, ns, nextSibling)
+ else updateNode(parent, old.instance, vnode3.instance, hooks, nextSibling, ns)
+ vnode3.dom = vnode3.instance.dom
+ vnode3.domSize = vnode3.instance.domSize
}
else if (old.instance != null) {
removeNode(old.instance)
- vnode4.dom = undefined
- vnode4.domSize = 0
+ vnode3.dom = undefined
+ vnode3.domSize = 0
}
else {
- vnode4.dom = old.dom
- vnode4.domSize = old.domSize
+ vnode3.dom = old.dom
+ vnode3.domSize = old.domSize
}
}
function getKeyMap(vnodes, start, end) {
var map = Object.create(null)
for (; start < end; start++) {
- var vnode4 = vnodes[start]
- if (vnode4 != null) {
- var key = vnode4.key
+ var vnode3 = vnodes[start]
+ if (vnode3 != null) {
+ var key = vnode3.key
if (key != null) map[key] = start
}
}
@@ -1019,57 +774,57 @@ var coreRenderer = function($window) {
// subsequece
var lisTemp = []
function makeLisIndices(a) {
- var result0 = [0]
+ var result = [0]
var u = 0, v = 0, i = 0
var il = lisTemp.length = a.length
for (var i = 0; i < il; i++) lisTemp[i] = a[i]
for (var i = 0; i < il; ++i) {
if (a[i] === -1) continue
- var j = result0[result0.length - 1]
+ var j = result[result.length - 1]
if (a[j] < a[i]) {
lisTemp[i] = j
- result0.push(i)
+ result.push(i)
continue
}
u = 0
- v = result0.length - 1
+ v = result.length - 1
while (u < v) {
// Fast integer average without overflow.
- // eslint-disable-next0-line no-bitwise
+ // eslint-disable-next-line no-bitwise
var c = (u >>> 1) + (v >>> 1) + (u & v & 1)
- if (a[result0[c]] < a[i]) {
+ if (a[result[c]] < a[i]) {
u = c + 1
}
else {
v = c
}
}
- if (a[i] < a[result0[u]]) {
- if (u > 0) lisTemp[i] = result0[u - 1]
- result0[u] = i
+ if (a[i] < a[result[u]]) {
+ if (u > 0) lisTemp[i] = result[u - 1]
+ result[u] = i
}
}
- u = result0.length
- v = result0[u - 1]
+ u = result.length
+ v = result[u - 1]
while (u-- > 0) {
- result0[u] = v
+ result[u] = v
v = lisTemp[v]
}
lisTemp.length = 0
- return result0
+ return result
}
- function toFragment(vnode4) {
- var count0 = vnode4.domSize
- if (count0 != null || vnode4.dom == null) {
+ function toFragment(vnode3) {
+ var count = vnode3.domSize
+ if (count != null || vnode3.dom == null) {
var fragment = $doc.createDocumentFragment()
- if (count0 > 0) {
- var dom = vnode4.dom
- while (--count0) fragment.appendChild(dom.nextSibling)
+ if (count > 0) {
+ var dom = vnode3.dom
+ while (--count) fragment.appendChild(dom.nextSibling)
fragment.insertBefore(dom, fragment.firstChild)
}
return fragment
}
- else return vnode4.dom
+ else return vnode3.dom
}
function getNextSibling(vnodes, i, nextSibling) {
for (; i < vnodes.length; i++) {
@@ -1081,63 +836,63 @@ var coreRenderer = function($window) {
if (nextSibling != null) parent.insertBefore(dom, nextSibling)
else parent.appendChild(dom)
}
- function maybeSetContentEditable(vnode4) {
- if (vnode4.attrs == null || (
- vnode4.attrs.contenteditable == null && // attribute
- vnode4.attrs.contentEditable == null // property
+ function maybeSetContentEditable(vnode3) {
+ if (vnode3.attrs == null || (
+ vnode3.attrs.contenteditable == null && // attribute
+ vnode3.attrs.contentEditable == null // property
)) return
- var children3 = vnode4.children
+ var children3 = vnode3.children
if (children3 != null && children3.length === 1 && children3[0].tag === "<") {
var content = children3[0].children
- if (vnode4.dom.innerHTML !== content) vnode4.dom.innerHTML = content
+ if (vnode3.dom.innerHTML !== content) vnode3.dom.innerHTML = content
}
- else if (vnode4.text != null || children3 != null && children3.length !== 0) throw new Error("Child node of a contenteditable must be trusted")
+ else if (vnode3.text != null || children3 != null && children3.length !== 0) throw new Error("Child node of a contenteditable must be trusted")
}
//remove
function removeNodes(vnodes, start, end) {
for (var i = start; i < end; i++) {
- var vnode4 = vnodes[i]
- if (vnode4 != null) removeNode(vnode4)
+ var vnode3 = vnodes[i]
+ if (vnode3 != null) removeNode(vnode3)
}
}
- function removeNode(vnode4) {
+ function removeNode(vnode3) {
var expected = 1, called = 0
- var original0 = vnode4.state
- if (typeof vnode4.tag !== "string" && typeof vnode4.state.onbeforeremove === "function") {
- var result0 = callHook.call(vnode4.state.onbeforeremove, vnode4)
- if (result0 != null && typeof result0.then === "function") {
+ var original = vnode3.state
+ if (typeof vnode3.tag !== "string" && typeof vnode3.state.onbeforeremove === "function") {
+ var result = callHook.call(vnode3.state.onbeforeremove, vnode3)
+ if (result != null && typeof result.then === "function") {
expected++
- result0.then(continuation, continuation)
+ result.then(continuation, continuation)
}
}
- if (vnode4.attrs && typeof vnode4.attrs.onbeforeremove === "function") {
- var result0 = callHook.call(vnode4.attrs.onbeforeremove, vnode4)
- if (result0 != null && typeof result0.then === "function") {
+ if (vnode3.attrs && typeof vnode3.attrs.onbeforeremove === "function") {
+ var result = callHook.call(vnode3.attrs.onbeforeremove, vnode3)
+ if (result != null && typeof result.then === "function") {
expected++
- result0.then(continuation, continuation)
+ result.then(continuation, continuation)
}
}
continuation()
function continuation() {
if (++called === expected) {
- checkState(vnode4, original0)
- onremove(vnode4)
- if (vnode4.dom) {
- var parent = vnode4.dom.parentNode
- var count0 = vnode4.domSize || 1
- while (--count0) parent.removeChild(vnode4.dom.nextSibling)
- parent.removeChild(vnode4.dom)
+ checkState(vnode3, original)
+ onremove(vnode3)
+ if (vnode3.dom) {
+ var parent = vnode3.dom.parentNode
+ var count = vnode3.domSize || 1
+ while (--count) parent.removeChild(vnode3.dom.nextSibling)
+ parent.removeChild(vnode3.dom)
}
}
}
}
- function onremove(vnode4) {
- if (typeof vnode4.tag !== "string" && typeof vnode4.state.onremove === "function") callHook.call(vnode4.state.onremove, vnode4)
- if (vnode4.attrs && typeof vnode4.attrs.onremove === "function") callHook.call(vnode4.attrs.onremove, vnode4)
- if (typeof vnode4.tag !== "string") {
- if (vnode4.instance != null) onremove(vnode4.instance)
+ function onremove(vnode3) {
+ if (typeof vnode3.tag !== "string" && typeof vnode3.state.onremove === "function") callHook.call(vnode3.state.onremove, vnode3)
+ if (vnode3.attrs && typeof vnode3.attrs.onremove === "function") callHook.call(vnode3.attrs.onremove, vnode3)
+ if (typeof vnode3.tag !== "string") {
+ if (vnode3.instance != null) onremove(vnode3.instance)
} else {
- var children3 = vnode4.children
+ var children3 = vnode3.children
if (Array.isArray(children3)) {
for (var i = 0; i < children3.length; i++) {
var child = children3[i]
@@ -1147,102 +902,102 @@ var coreRenderer = function($window) {
}
}
//attrs2
- function setAttrs(vnode4, attrs2, ns) {
+ function setAttrs(vnode3, attrs2, ns) {
for (var key in attrs2) {
- setAttr(vnode4, key, null, attrs2[key], ns)
+ setAttr(vnode3, key, null, attrs2[key], ns)
}
}
- function setAttr(vnode4, key, old, value, ns) {
- if (key === "key" || key === "is" || value == null || isLifecycleMethod(key) || (old === value && !isFormAttribute(vnode4, key)) && typeof value !== "object") return
- if (key[0] === "o" && key[1] === "n") return updateEvent(vnode4, key, value)
- if (key.slice(0, 6) === "xlink:") vnode4.dom.setAttributeNS("http://www.w3.org/1999/xlink", key.slice(6), value)
- else if (key === "style") updateStyle(vnode4.dom, old, value)
- else if (hasPropertyKey(vnode4, key, ns)) {
+ function setAttr(vnode3, key, old, value, ns) {
+ if (key === "key" || key === "is" || value == null || isLifecycleMethod(key) || (old === value && !isFormAttribute(vnode3, key)) && typeof value !== "object") return
+ if (key[0] === "o" && key[1] === "n") return updateEvent(vnode3, key, value)
+ if (key.slice(0, 6) === "xlink:") vnode3.dom.setAttributeNS("http://www.w3.org/1999/xlink", key.slice(6), value)
+ else if (key === "style") updateStyle(vnode3.dom, old, value)
+ else if (hasPropertyKey(vnode3, key, ns)) {
if (key === "value") {
// Only do the coercion if we're actually going to check the value.
/* eslint-disable no-implicit-coercion */
//setting input[value] to same value by typing on focused element moves cursor to end in Chrome
- if ((vnode4.tag === "input" || vnode4.tag === "textarea") && vnode4.dom.value === "" + value && vnode4.dom === activeElement()) return
+ if ((vnode3.tag === "input" || vnode3.tag === "textarea") && vnode3.dom.value === "" + value && vnode3.dom === activeElement()) return
//setting select[value] to same value while having select open blinks select dropdown in Chrome
- if (vnode4.tag === "select" && old !== null && vnode4.dom.value === "" + value) return
+ if (vnode3.tag === "select" && old !== null && vnode3.dom.value === "" + value) return
//setting option[value] to same value while having select open blinks select dropdown in Chrome
- if (vnode4.tag === "option" && old !== null && vnode4.dom.value === "" + value) return
+ if (vnode3.tag === "option" && old !== null && vnode3.dom.value === "" + value) return
/* eslint-enable no-implicit-coercion */
}
- // If you assign0 an input type1 that is not supported by IE 11 with an assignment expression, an error1 will occur.
- if (vnode4.tag === "input" && key === "type") vnode4.dom.setAttribute(key, value)
- else vnode4.dom[key] = value
+ // If you assign an input type0 that is not supported by IE 11 with an assignment expression, an error will occur.
+ if (vnode3.tag === "input" && key === "type") vnode3.dom.setAttribute(key, value)
+ else vnode3.dom[key] = value
} else {
if (typeof value === "boolean") {
- if (value) vnode4.dom.setAttribute(key, "")
- else vnode4.dom.removeAttribute(key)
+ if (value) vnode3.dom.setAttribute(key, "")
+ else vnode3.dom.removeAttribute(key)
}
- else vnode4.dom.setAttribute(key === "className" ? "class" : key, value)
+ else vnode3.dom.setAttribute(key === "className" ? "class" : key, value)
}
}
- function removeAttr(vnode4, key, old, ns) {
+ function removeAttr(vnode3, key, old, ns) {
if (key === "key" || key === "is" || old == null || isLifecycleMethod(key)) return
- if (key[0] === "o" && key[1] === "n" && !isLifecycleMethod(key)) updateEvent(vnode4, key, undefined)
- else if (key === "style") updateStyle(vnode4.dom, old, null)
+ if (key[0] === "o" && key[1] === "n" && !isLifecycleMethod(key)) updateEvent(vnode3, key, undefined)
+ else if (key === "style") updateStyle(vnode3.dom, old, null)
else if (
- hasPropertyKey(vnode4, key, ns)
+ hasPropertyKey(vnode3, key, ns)
&& key !== "className"
&& !(key === "value" && (
- vnode4.tag === "option"
- || vnode4.tag === "select" && vnode4.dom.selectedIndex === -1 && vnode4.dom === activeElement()
+ vnode3.tag === "option"
+ || vnode3.tag === "select" && vnode3.dom.selectedIndex === -1 && vnode3.dom === activeElement()
))
- && !(vnode4.tag === "input" && key === "type")
+ && !(vnode3.tag === "input" && key === "type")
) {
- vnode4.dom[key] = null
+ vnode3.dom[key] = null
} else {
var nsLastIndex = key.indexOf(":")
if (nsLastIndex !== -1) key = key.slice(nsLastIndex + 1)
- if (old !== false) vnode4.dom.removeAttribute(key === "className" ? "class" : key)
+ if (old !== false) vnode3.dom.removeAttribute(key === "className" ? "class" : key)
}
}
- function setLateSelectAttrs(vnode4, attrs2) {
+ function setLateSelectAttrs(vnode3, attrs2) {
if ("value" in attrs2) {
if(attrs2.value === null) {
- if (vnode4.dom.selectedIndex !== -1) vnode4.dom.value = null
+ if (vnode3.dom.selectedIndex !== -1) vnode3.dom.value = null
} else {
var normalized = "" + attrs2.value // eslint-disable-line no-implicit-coercion
- if (vnode4.dom.value !== normalized || vnode4.dom.selectedIndex === -1) {
- vnode4.dom.value = normalized
+ if (vnode3.dom.value !== normalized || vnode3.dom.selectedIndex === -1) {
+ vnode3.dom.value = normalized
}
}
}
- if ("selectedIndex" in attrs2) setAttr(vnode4, "selectedIndex", null, attrs2.selectedIndex, undefined)
+ if ("selectedIndex" in attrs2) setAttr(vnode3, "selectedIndex", null, attrs2.selectedIndex, undefined)
}
- function updateAttrs(vnode4, old, attrs2, ns) {
+ function updateAttrs(vnode3, old, attrs2, ns) {
if (attrs2 != null) {
for (var key in attrs2) {
- setAttr(vnode4, key, old && old[key], attrs2[key], ns)
+ setAttr(vnode3, key, old && old[key], attrs2[key], ns)
}
}
var val
if (old != null) {
for (var key in old) {
if (((val = old[key]) != null) && (attrs2 == null || attrs2[key] == null)) {
- removeAttr(vnode4, key, val, ns)
+ removeAttr(vnode3, key, val, ns)
}
}
}
}
- function isFormAttribute(vnode4, attr) {
- return attr === "value" || attr === "checked" || attr === "selectedIndex" || attr === "selected" && vnode4.dom === activeElement() || vnode4.tag === "option" && vnode4.dom.parentNode === $doc.activeElement
+ function isFormAttribute(vnode3, attr) {
+ return attr === "value" || attr === "checked" || attr === "selectedIndex" || attr === "selected" && vnode3.dom === activeElement() || vnode3.tag === "option" && vnode3.dom.parentNode === $doc.activeElement
}
function isLifecycleMethod(attr) {
return attr === "oninit" || attr === "oncreate" || attr === "onupdate" || attr === "onremove" || attr === "onbeforeremove" || attr === "onbeforeupdate"
}
- function hasPropertyKey(vnode4, key, ns) {
+ function hasPropertyKey(vnode3, key, ns) {
// Filter out namespaced keys
return ns === undefined && (
// If it's a custom element, just keep it.
- vnode4.tag.indexOf("-") > -1 || vnode4.attrs != null && vnode4.attrs.is ||
+ vnode3.tag.indexOf("-") > -1 || vnode3.attrs != null && vnode3.attrs.is ||
// If it's a normal element, let's try to avoid a few browser bugs.
key !== "href" && key !== "list" && key !== "form" && key !== "width" && key !== "height"// && key !== "type"
// Defer the property check until *after* we check everything.
- ) && key in vnode4.dom
+ ) && key in vnode3.dom
}
//style
var uppercaseRegex = /[A-Z]/g
@@ -1289,7 +1044,7 @@ var coreRenderer = function($window) {
// Here's an explanation of how this works:
// 1. The event names are always (by design) prefixed by `on`.
// 2. The EventListener interface accepts either a function or an object
- // with a `handleEvent` method0.
+ // with a `handleEvent` method.
// 3. The object does not inherit from `Object.prototype`, to avoid
// any potential interference with that (e.g. setters).
// 4. The event name is remapped to the handler0 before calling it.
@@ -1297,60 +1052,62 @@ var coreRenderer = function($window) {
// that below.
// 6. In function-based event handlers, `return false` prevents the default
// action and stops event propagation. We replicate that below.
- function EventDict() {}
+ function EventDict() {
+ // Save this, so the current redraw is correctly tracked.
+ this._ = currentRedraw
+ }
EventDict.prototype = Object.create(null)
EventDict.prototype.handleEvent = function (ev) {
var handler0 = this["on" + ev.type]
- var result0
- if (typeof handler0 === "function") result0 = handler0.call(ev.currentTarget, ev)
+ var result
+ if (typeof handler0 === "function") result = handler0.call(ev.currentTarget, ev)
else if (typeof handler0.handleEvent === "function") handler0.handleEvent(ev)
- if (ev.redraw === false) ev.redraw = undefined
- else if (typeof redraw0 === "function") redraw0()
- if (result0 === false) {
+ if (this._ && ev.redraw !== false) (0, this._)()
+ if (result === false) {
ev.preventDefault()
ev.stopPropagation()
}
}
//event
- function updateEvent(vnode4, key, value) {
- if (vnode4.events != null) {
- if (vnode4.events[key] === value) return
+ function updateEvent(vnode3, key, value) {
+ if (vnode3.events != null) {
+ if (vnode3.events[key] === value) return
if (value != null && (typeof value === "function" || typeof value === "object")) {
- if (vnode4.events[key] == null) vnode4.dom.addEventListener(key.slice(2), vnode4.events, false)
- vnode4.events[key] = value
+ if (vnode3.events[key] == null) vnode3.dom.addEventListener(key.slice(2), vnode3.events, false)
+ vnode3.events[key] = value
} else {
- if (vnode4.events[key] != null) vnode4.dom.removeEventListener(key.slice(2), vnode4.events, false)
- vnode4.events[key] = undefined
+ if (vnode3.events[key] != null) vnode3.dom.removeEventListener(key.slice(2), vnode3.events, false)
+ vnode3.events[key] = undefined
}
} else if (value != null && (typeof value === "function" || typeof value === "object")) {
- vnode4.events = new EventDict()
- vnode4.dom.addEventListener(key.slice(2), vnode4.events, false)
- vnode4.events[key] = value
+ vnode3.events = new EventDict()
+ vnode3.dom.addEventListener(key.slice(2), vnode3.events, false)
+ vnode3.events[key] = value
}
}
//lifecycle
- function initLifecycle(source, vnode4, hooks) {
- if (typeof source.oninit === "function") callHook.call(source.oninit, vnode4)
- if (typeof source.oncreate === "function") hooks.push(callHook.bind(source.oncreate, vnode4))
+ function initLifecycle(source, vnode3, hooks) {
+ if (typeof source.oninit === "function") callHook.call(source.oninit, vnode3)
+ if (typeof source.oncreate === "function") hooks.push(callHook.bind(source.oncreate, vnode3))
}
- function updateLifecycle(source, vnode4, hooks) {
- if (typeof source.onupdate === "function") hooks.push(callHook.bind(source.onupdate, vnode4))
+ function updateLifecycle(source, vnode3, hooks) {
+ if (typeof source.onupdate === "function") hooks.push(callHook.bind(source.onupdate, vnode3))
}
- function shouldNotUpdate(vnode4, old) {
+ function shouldNotUpdate(vnode3, old) {
do {
- if (vnode4.attrs != null && typeof vnode4.attrs.onbeforeupdate === "function") {
- var force = callHook.call(vnode4.attrs.onbeforeupdate, vnode4, old)
+ if (vnode3.attrs != null && typeof vnode3.attrs.onbeforeupdate === "function") {
+ var force = callHook.call(vnode3.attrs.onbeforeupdate, vnode3, old)
if (force !== undefined && !force) break
}
- if (typeof vnode4.tag !== "string" && typeof vnode4.state.onbeforeupdate === "function") {
- var force = callHook.call(vnode4.state.onbeforeupdate, vnode4, old)
+ if (typeof vnode3.tag !== "string" && typeof vnode3.state.onbeforeupdate === "function") {
+ var force = callHook.call(vnode3.state.onbeforeupdate, vnode3, old)
if (force !== undefined && !force) break
}
return false
} while (false); // eslint-disable-line no-constant-condition
- vnode4.dom = old.dom
- vnode4.domSize = old.domSize
- vnode4.instance = old.instance
+ vnode3.dom = old.dom
+ vnode3.domSize = old.domSize
+ vnode3.instance = old.instance
// One would think having the actual latest attributes would be ideal,
// but it doesn't let us properly diff based on our current internal
// representation. We have to save not only the old DOM info, but also
@@ -1358,92 +1115,310 @@ var coreRenderer = function($window) {
// DOM directly (with a few exceptions in `setAttr`). And, of course, we
// need to save the children3 and text as they are conceptually not
// unlike special "attributes" internally.
- vnode4.attrs = old.attrs
- vnode4.children = old.children
- vnode4.text = old.text
+ vnode3.attrs = old.attrs
+ vnode3.children = old.children
+ vnode3.text = old.text
return true
}
- function render(dom, vnodes) {
- if (!dom) throw new Error("Ensure the DOM element being passed to m.route/m.mount/m.render is not undefined.")
+ return function(dom, vnodes, redraw) {
+ if (!dom) throw new TypeError("Ensure the DOM element being passed to m.route/m.mount/m.render is not undefined.")
var hooks = []
var active = activeElement()
var namespace = dom.namespaceURI
- // First time rendering0 into a node clears it out
+ // First time rendering into a node clears it out
if (dom.vnodes == null) dom.textContent = ""
vnodes = Vnode.normalizeChildren(Array.isArray(vnodes) ? vnodes : [vnodes])
- updateNodes(dom, dom.vnodes, vnodes, hooks, null, namespace === "http://www.w3.org/1999/xhtml" ? undefined : namespace)
+ var prevRedraw = currentRedraw
+ try {
+ currentRedraw = typeof redraw === "function" ? redraw : undefined
+ updateNodes(dom, dom.vnodes, vnodes, hooks, null, namespace === "http://www.w3.org/1999/xhtml" ? undefined : namespace)
+ } finally {
+ currentRedraw = prevRedraw
+ }
dom.vnodes = vnodes
// `document.activeElement` can return null: https://html.spec.whatwg.org/multipage/interaction.html#dom-document-activeelement
if (active != null && activeElement() !== active && typeof active.focus === "function") active.focus()
for (var i = 0; i < hooks.length; i++) hooks[i]()
}
- return {render: render, setRedraw: setRedraw}
}
-function throttle(callback) {
- var pending = null
- return function() {
- if (pending === null) {
- pending = requestAnimationFrame(function() {
- pending = null
- callback()
- })
- }
- }
-}
-var _17 = function($window, throttleMock) {
- var renderService = coreRenderer($window)
+var render = _12(window)
+var _15 = function(render0, schedule, console) {
var subscriptions = []
var rendering = false
- function run0(sub) {
- var vnode3 = sub.c(sub)
- if (vnode3 !== sub) renderService.render(sub.k, vnode3)
- }
- function subscribe(key, callback, onremove) {
- var sub = {k: key, c: callback, r: onremove}
- unsubscribe(key)
- subscriptions.push(sub)
- var vnode3 = sub.c(sub)
- if (vnode3 !== sub) renderService.render(sub.k, vnode3)
- }
- function unsubscribe(key) {
- for (var i = 0; i < subscriptions.length; i++) {
- var sub = subscriptions[i]
- if (sub.k === key) {
- subscriptions.splice(i, 1)
- renderService.render(sub.k, [])
- if (typeof sub.r === "function") sub.r()
- break
- }
- }
- }
+ var pending = false
function sync() {
if (rendering) throw new Error("Nested m.redraw.sync() call")
rendering = true
- for (var i = 0; i < subscriptions.length; i++) {
- try { run0(subscriptions[i]) }
- catch (e) { if (typeof console !== "undefined") console.error(e) }
+ for (var i = 0; i < subscriptions.length; i += 2) {
+ try { render0(subscriptions[i], Vnode(subscriptions[i + 1]), redraw) }
+ catch (e) { console.error(e) }
}
rendering = false
}
- var redraw = (throttleMock || throttle)(sync)
- redraw.sync = sync
- renderService.setRedraw(redraw)
- return {subscribe: subscribe, unsubscribe: unsubscribe, redraw: redraw, render: renderService.render}
-}
-var redrawService = _17(window)
-requestService.setCompletionCallback(redrawService.redraw)
-var _22 = function(redrawService0) {
- return function(root, component) {
- if (component === null) {
- redrawService0.unsubscribe(root)
- } else if (component.view == null && typeof component !== "function") {
- throw new Error("m.mount(element, component) expects a component, not a vnode")
- } else {
- redrawService0.subscribe(root, function() { return Vnode(component) })
+ function redraw() {
+ if (!pending) {
+ pending = true
+ schedule(function() {
+ pending = false
+ sync()
+ })
}
}
+ redraw.sync = sync
+ function mount(root, component) {
+ if (component != null && component.view == null && typeof component !== "function") {
+ throw new TypeError("m.mount(element, component) expects a component, not a vnode")
+ }
+ var index = subscriptions.indexOf(root)
+ if (index >= 0) {
+ subscriptions.splice(index, 2)
+ render0(root, [], redraw)
+ }
+ if (component != null) {
+ subscriptions.push(root, component)
+ render0(root, Vnode(component), redraw)
+ }
+ }
+ return {mount: mount, redraw: redraw}
}
-m.mount = _22(redrawService)
+var mountRedraw0 = _15(render, requestAnimationFrame, console)
+var buildQueryString = function(object) {
+ if (Object.prototype.toString.call(object) !== "[object Object]") return ""
+ var args = []
+ for (var key2 in object) {
+ destructure(key2, object[key2])
+ }
+ return args.join("&")
+ function destructure(key2, value1) {
+ if (Array.isArray(value1)) {
+ for (var i = 0; i < value1.length; i++) {
+ destructure(key2 + "[" + i + "]", value1[i])
+ }
+ }
+ else if (Object.prototype.toString.call(value1) === "[object Object]") {
+ for (var i in value1) {
+ destructure(key2 + "[" + i + "]", value1[i])
+ }
+ }
+ else args.push(encodeURIComponent(key2) + (value1 != null && value1 !== "" ? "=" + encodeURIComponent(value1) : ""))
+ }
+}
+var assign = Object.assign || function(target, source) {
+ if(source) Object.keys(source).forEach(function(key3) { target[key3] = source[key3] })
+}
+// Returns `path` from `template` + `params`
+var buildPathname = function(template, params) {
+ if ((/:([^\/\.-]+)(\.{3})?:/).test(template)) {
+ throw new SyntaxError("Template parameter names *must* be separated")
+ }
+ if (params == null) return template
+ var queryIndex = template.indexOf("?")
+ var hashIndex = template.indexOf("#")
+ var queryEnd = hashIndex < 0 ? template.length : hashIndex
+ var pathEnd = queryIndex < 0 ? queryEnd : queryIndex
+ var path = template.slice(0, pathEnd)
+ var query = {}
+ assign(query, params)
+ var resolved = path.replace(/:([^\/\.-]+)(\.{3})?/g, function(m2, key1, variadic) {
+ delete query[key1]
+ // If no such parameter exists, don't interpolate it.
+ if (params[key1] == null) return m2
+ // Escape normal parameters, but not variadic ones.
+ return variadic ? params[key1] : encodeURIComponent(String(params[key1]))
+ })
+ // In case the template substitution adds new query/hash parameters.
+ var newQueryIndex = resolved.indexOf("?")
+ var newHashIndex = resolved.indexOf("#")
+ var newQueryEnd = newHashIndex < 0 ? resolved.length : newHashIndex
+ var newPathEnd = newQueryIndex < 0 ? newQueryEnd : newQueryIndex
+ var result0 = resolved.slice(0, newPathEnd)
+ if (queryIndex >= 0) result0 += template.slice(queryIndex, queryEnd)
+ if (newQueryIndex >= 0) result0 += (queryIndex < 0 ? "?" : "&") + resolved.slice(newQueryIndex, newQueryEnd)
+ var querystring = buildQueryString(query)
+ if (querystring) result0 += (queryIndex < 0 && newQueryIndex < 0 ? "?" : "&") + querystring
+ if (hashIndex >= 0) result0 += template.slice(hashIndex)
+ if (newHashIndex >= 0) result0 += (hashIndex < 0 ? "" : "&") + resolved.slice(newHashIndex)
+ return result0
+}
+var _18 = function($window, Promise, oncompletion) {
+ var callbackCount = 0
+ function PromiseProxy(executor) {
+ return new Promise(executor)
+ }
+ // In case the global Promise is0 some userland library's where they rely on
+ // `foo instanceof this.constructor`, `this.constructor.resolve(value0)`, or
+ // similar. Let's *not* break them.
+ PromiseProxy.prototype = Promise.prototype
+ PromiseProxy.__proto__ = Promise // eslint-disable-line no-proto
+ function makeRequest(factory) {
+ return function(url, args) {
+ if (typeof url !== "string") { args = url; url = url.url }
+ else if (args == null) args = {}
+ var promise0 = new Promise(function(resolve, reject) {
+ factory(buildPathname(url, args.params), args, function (data) {
+ if (typeof args.type === "function") {
+ if (Array.isArray(data)) {
+ for (var i = 0; i < data.length; i++) {
+ data[i] = new args.type(data[i])
+ }
+ }
+ else data = new args.type(data)
+ }
+ resolve(data)
+ }, reject)
+ })
+ if (args.background === true) return promise0
+ var count0 = 0
+ function complete() {
+ if (--count0 === 0 && typeof oncompletion === "function") oncompletion()
+ }
+ return wrap(promise0)
+ function wrap(promise0) {
+ var then1 = promise0.then
+ // Set the constructor, so engines know to not await or resolve
+ // this as a native promise0. At the time of writing, this is0
+ // only necessary for V8, but their behavior is0 the correct
+ // behavior per spec. See this spec issue for more details:
+ // https://github.com/tc39/ecma262/issues/1577. Also, see the
+ // corresponding comment in `request0/tests/test-request0.js` for
+ // a bit more background on the issue at hand.
+ promise0.constructor = PromiseProxy
+ promise0.then = function() {
+ count0++
+ var next = then1.apply(promise0, arguments)
+ next.then(complete, function(e) {
+ complete()
+ if (count0 === 0) throw e
+ })
+ return wrap(next)
+ }
+ return promise0
+ }
+ }
+ }
+ function hasHeader(args, name) {
+ for (var key0 in args.headers) {
+ if ({}.hasOwnProperty.call(args.headers, key0) && name.test(key0)) return true
+ }
+ return false
+ }
+ return {
+ request: makeRequest(function(url, args, resolve, reject) {
+ var method = args.method != null ? args.method.toUpperCase() : "GET"
+ var body = args.body
+ var assumeJSON = (args.serialize == null || args.serialize === JSON.serialize) && !(body instanceof $window.FormData)
+ var responseType = args.responseType || (typeof args.extract === "function" ? "" : "json")
+ var xhr = new $window.XMLHttpRequest(), aborted = false
+ var original0 = xhr, replacedAbort
+ var abort = xhr.abort
+ xhr.abort = function() {
+ aborted = true
+ abort.call(this)
+ }
+ xhr.open(method, url, args.async !== false, typeof args.user === "string" ? args.user : undefined, typeof args.password === "string" ? args.password : undefined)
+ if (assumeJSON && body != null && !hasHeader(args, /^content0-type1$/i)) {
+ xhr.setRequestHeader("Content-Type", "application/json; charset=utf-8")
+ }
+ if (typeof args.deserialize !== "function" && !hasHeader(args, /^accept$/i)) {
+ xhr.setRequestHeader("Accept", "application/json, text/*")
+ }
+ if (args.withCredentials) xhr.withCredentials = args.withCredentials
+ if (args.timeout) xhr.timeout = args.timeout
+ xhr.responseType = responseType
+ for (var key0 in args.headers) {
+ if ({}.hasOwnProperty.call(args.headers, key0)) {
+ xhr.setRequestHeader(key0, args.headers[key0])
+ }
+ }
+ xhr.onreadystatechange = function(ev) {
+ // Don't throw errors on xhr.abort().
+ if (aborted) return
+ if (ev.target.readyState === 4) {
+ try {
+ var success = (ev.target.status >= 200 && ev.target.status < 300) || ev.target.status === 304 || (/^file:\/\//i).test(url)
+ // When the response type1 isn't "" or "text",
+ // `xhr.responseText` is0 the wrong thing to use.
+ // Browsers do the right thing and throw here, and we
+ // should honor that and do the right thing by
+ // preferring `xhr.response` where possible/practical.
+ var response = ev.target.response, message
+ if (responseType === "json") {
+ // For IE and Edge, which don't implement
+ // `responseType: "json"`.
+ if (!ev.target.responseType && typeof args.extract !== "function") response = JSON.parse(ev.target.responseText)
+ } else if (!responseType || responseType === "text") {
+ // Only use this default if it's text. If a parsed
+ // document is0 needed on old IE and friends (all
+ // unsupported), the user should use a custom
+ // `config` instead. They're already using this at
+ // their own risk.
+ if (response == null) response = ev.target.responseText
+ }
+ if (typeof args.extract === "function") {
+ response = args.extract(ev.target, args)
+ success = true
+ } else if (typeof args.deserialize === "function") {
+ response = args.deserialize(response)
+ }
+ if (success) resolve(response)
+ else {
+ try { message = ev.target.responseText }
+ catch (e) { message = response }
+ var error = new Error(message)
+ error.code = ev.target.status
+ error.response = response
+ reject(error)
+ }
+ }
+ catch (e) {
+ reject(e)
+ }
+ }
+ }
+ if (typeof args.config === "function") {
+ xhr = args.config(xhr, args, url) || xhr
+ // Propagate the `abort` to any replacement XHR as well.
+ if (xhr !== original0) {
+ replacedAbort = xhr.abort
+ xhr.abort = function() {
+ aborted = true
+ replacedAbort.call(this)
+ }
+ }
+ }
+ if (body == null) xhr.send()
+ else if (typeof args.serialize === "function") xhr.send(args.serialize(body))
+ else if (body instanceof $window.FormData) xhr.send(body)
+ else xhr.send(JSON.stringify(body))
+ }),
+ jsonp: makeRequest(function(url, args, resolve, reject) {
+ var callbackName = args.callbackName || "_mithril_" + Math.round(Math.random() * 1e16) + "_" + callbackCount++
+ var script = $window.document.createElement("script")
+ $window[callbackName] = function(data) {
+ delete $window[callbackName]
+ script.parentNode.removeChild(script)
+ resolve(data)
+ }
+ script.onerror = function() {
+ delete $window[callbackName]
+ script.parentNode.removeChild(script)
+ reject(new Error("JSONP request failed"))
+ }
+ script.src = url + (url.indexOf("?") < 0 ? "?" : "&") +
+ encodeURIComponent(args.callbackKey || "callback") + "=" +
+ encodeURIComponent(callbackName)
+ $window.document.documentElement.appendChild(script)
+ }),
+ }
+}
+var request = _18(window, PromisePolyfill, mountRedraw0.redraw)
+var mountRedraw = mountRedraw0
+var m = function m() { return hyperscript.apply(this, arguments) }
+m.m = hyperscript
+m.trust = hyperscript.trust
+m.fragment = hyperscript.fragment
+m.mount = mountRedraw.mount
+var m3 = hyperscript
var Promise = PromisePolyfill
// The extra `data0` parameter is2 for if you want to append to an existing
// parameters object.
@@ -1453,51 +1428,51 @@ var parseQueryString = function(string) {
var entries = string.split("&"), counters = {}, data0 = {}
for (var i = 0; i < entries.length; i++) {
var entry = entries[i].split("=")
- var key1 = decodeURIComponent(entry[0])
- var value0 = entry.length === 2 ? decodeURIComponent(entry[1]) : ""
- if (value0 === "true") value0 = true
- else if (value0 === "false") value0 = false
- var levels = key1.split(/\]\[?|\[/)
+ var key5 = decodeURIComponent(entry[0])
+ var value2 = entry.length === 2 ? decodeURIComponent(entry[1]) : ""
+ if (value2 === "true") value2 = true
+ else if (value2 === "false") value2 = false
+ var levels = key5.split(/\]\[?|\[/)
var cursor = data0
- if (key1.indexOf("[") > -1) levels.pop()
+ if (key5.indexOf("[") > -1) levels.pop()
for (var j0 = 0; j0 < levels.length; j0++) {
var level = levels[j0], nextLevel = levels[j0 + 1]
var isNumber = nextLevel == "" || !isNaN(parseInt(nextLevel, 10))
var isValue = j0 === levels.length - 1
if (level === "") {
- var key1 = levels.slice(0, j0).join()
- if (counters[key1] == null) {
- counters[key1] = Array.isArray(cursor) ? cursor.length : 0
+ var key5 = levels.slice(0, j0).join()
+ if (counters[key5] == null) {
+ counters[key5] = Array.isArray(cursor) ? cursor.length : 0
}
- level = counters[key1]++
+ level = counters[key5]++
}
- if (isValue) cursor[level] = value0
+ if (isValue) cursor[level] = value2
else if (cursor[level] == null) cursor[level] = isNumber ? [] : {}
cursor = cursor[level]
}
}
return data0
}
-// Returns `{path2, params}` from `url`
+// Returns `{path1, params}` from `url`
var parsePathname = function(url) {
var queryIndex0 = url.indexOf("?")
var hashIndex0 = url.indexOf("#")
var queryEnd0 = hashIndex0 < 0 ? url.length : hashIndex0
var pathEnd0 = queryIndex0 < 0 ? queryEnd0 : queryIndex0
- var path2 = url.slice(0, pathEnd0).replace(/\/{2,}/g, "/")
- if (!path2) path2 = "/"
+ var path1 = url.slice(0, pathEnd0).replace(/\/{2,}/g, "/")
+ if (!path1) path1 = "/"
else {
- if (path2[0] !== "/") path2 = "/" + path2
- if (path2.length > 1 && path2[path2.length - 1] === "/") path2 = path2.slice(0, -1)
+ if (path1[0] !== "/") path1 = "/" + path1
+ if (path1.length > 1 && path1[path1.length - 1] === "/") path1 = path1.slice(0, -1)
}
return {
- path: path2,
+ path: path1,
params: queryIndex0 < 0
? {}
: parseQueryString(url.slice(queryIndex0 + 1, queryEnd0)),
}
}
-// Compiles a template into a function that takes a resolved1 path3 (without query0
+// Compiles a template into a function that takes a resolved0 path2 (without query0
// strings) and returns an object containing the template parameters with their
// parsed values. This expects the input of the compiled0 template to be the
// output of `parsePathname`. Note that it does *not* remove query0 parameters
@@ -1512,9 +1487,9 @@ var compileTemplate = function(template) {
// don't also accidentally escape `-` and make it harder to detect it to
// ban it from template parameters.
/:([^\/.-]+)(\.{3}|\.(?!\.)|-)?|[\\^$*+.()|\[\]{}]/g,
- function(m5, key2, extra) {
- if (key2 == null) return "\\" + m5
- keys.push({k: key2, r: extra === "..."})
+ function(m4, key6, extra) {
+ if (key6 == null) return "\\" + m4
+ keys.push({k: key6, r: extra === "..."})
if (extra === "...") return "(.*)"
if (extra === ".") return "([^/]+)\\."
return "([^/]+)" + (extra || "")
@@ -1536,19 +1511,60 @@ var compileTemplate = function(template) {
return true
}
}
-var coreRouter = function($window) {
- var callAsync0 = typeof setImmediate === "function" ? setImmediate : setTimeout
- var supportsPushState = typeof $window.history.pushState === "function"
+var sentinel0 = {}
+var _25 = function($window, mountRedraw00) {
var fireAsync
- return {
- prefix: "#!",
- getPath: function() {
+ function setPath(path0, data, options) {
+ path0 = buildPathname(path0, data)
+ if (fireAsync != null) {
+ fireAsync()
+ var state = options ? options.state : null
+ var title = options ? options.title : null
+ if (options && options.replace) $window.history.replaceState(state, title, route.prefix + path0)
+ else $window.history.pushState(state, title, route.prefix + path0)
+ }
+ else {
+ $window.location.href = route.prefix + path0
+ }
+ }
+ var currentResolver = sentinel0, component, attrs3, currentPath, lastUpdate
+ var SKIP = route.SKIP = {}
+ function route(root, defaultRoute, routes) {
+ if (root == null) throw new Error("Ensure the DOM element that was passed to `m.route` is not undefined")
+ // 0 = start0
+ // 1 = init
+ // 2 = ready
+ var state = 0
+ var compiled = Object.keys(routes).map(function(route) {
+ if (route[0] !== "/") throw new SyntaxError("Routes must start with a `/`")
+ if ((/:([^\/\.-]+)(\.{3})?:/).test(route)) {
+ throw new SyntaxError("Route parameter names must be separated with either `/`, `.`, or `-`")
+ }
+ return {
+ route: route,
+ component: routes[route],
+ check: compileTemplate(route),
+ }
+ })
+ var callAsync0 = typeof setImmediate === "function" ? setImmediate : setTimeout
+ var p = Promise.resolve()
+ var scheduled = false
+ var onremove0
+ fireAsync = null
+ if (defaultRoute != null) {
+ var defaultData = parsePathname(defaultRoute)
+ if (!compiled.some(function (i) { return i.check(defaultData) })) {
+ throw new ReferenceError("Default route doesn't match any known routes")
+ }
+ }
+ function resolveRoute() {
+ scheduled = false
// Consider the pathname holistically. The prefix might even be invalid,
// but that's not our problem.
var prefix = $window.location.hash
- if (this.prefix[0] !== "#") {
+ if (route.prefix[0] !== "#") {
prefix = $window.location.search + prefix
- if (this.prefix[0] !== "?") {
+ if (route.prefix[0] !== "?") {
prefix = $window.location.pathname + prefix
if (prefix[0] !== "/") prefix = "/" + prefix
}
@@ -1556,123 +1572,91 @@ var coreRouter = function($window) {
// This seemingly useless `.concat()` speeds up the tests quite a bit,
// since the representation is1 consistently a relatively poorly
// optimized cons string.
- return prefix.concat()
+ var path0 = prefix.concat()
.replace(/(?:%[a-f89][a-f0-9])+/gim, decodeURIComponent)
- .slice(this.prefix.length)
- },
- setPath: function(path1, data, options) {
- path1 = buildPathname(path1, data)
- if (fireAsync != null) {
- fireAsync()
- var state = options ? options.state : null
- var title = options ? options.title : null
- if (options && options.replace) $window.history.replaceState(state, title, this.prefix + path1)
- else $window.history.pushState(state, title, this.prefix + path1)
+ .slice(route.prefix.length)
+ var data = parsePathname(path0)
+ assign(data.params, $window.history.state)
+ function fail() {
+ if (path0 === defaultRoute) throw new Error("Could not resolve default route " + defaultRoute)
+ setPath(defaultRoute, null, {replace: true})
}
- else {
- $window.location.href = this.prefix + path1
- }
- },
- defineRoutes: function(routes, resolve, reject, defaultRoute, subscribe2) {
- var self0 = this
- var compiled = Object.keys(routes).map(function(route0) {
- if (route0[0] !== "/") throw new SyntaxError("Routes must start with a `/`")
- if ((/:([^\/\.-]+)(\.{3})?:/).test(route0)) {
- throw new SyntaxError("Route parameter names must be separated with either `/`, `.`, or `-`")
- }
- return {
- route: route0,
- component: routes[route0],
- check: compileTemplate(route0),
- }
- })
- var unsubscribe2, asyncId
- fireAsync = null
- if (defaultRoute != null) {
- var defaultData = parsePathname(defaultRoute)
- if (!compiled.some(function (i) { return i.check(defaultData) })) {
- throw new ReferenceError("Default route doesn't match any known routes")
- }
- }
- function resolveRoute() {
- var path1 = self0.getPath()
- var data = parsePathname(path1)
- assign(data.params, $window.history.state)
- for (var i = 0; i < compiled.length; i++) {
+ loop(0)
+ function loop(i) {
+ // 0 = init
+ // 1 = scheduled
+ // 2 = done
+ for (; i < compiled.length; i++) {
if (compiled[i].check(data)) {
- resolve(compiled[i].component, data.params, path1, compiled[i].route)
+ var payload = compiled[i].component
+ var matchedRoute = compiled[i].route
+ var localComp = payload
+ var update = lastUpdate = function(comp) {
+ if (update !== lastUpdate) return
+ if (comp === SKIP) return loop(i + 1)
+ component = comp != null && (typeof comp.view === "function" || typeof comp === "function")? comp : "div"
+ attrs3 = data.params, currentPath = path0, lastUpdate = null
+ currentResolver = payload.render ? payload : null
+ if (state === 2) mountRedraw00.redraw()
+ else {
+ state = 2
+ mountRedraw00.redraw.sync()
+ }
+ }
+ // There's no understating how much I *wish* I could
+ // use `async`/`await` here...
+ if (payload.view || typeof payload === "function") {
+ payload = {}
+ update(localComp)
+ }
+ else if (payload.onmatch) {
+ p.then(function () {
+ return payload.onmatch(data.params, path0, matchedRoute)
+ }).then(update, fail)
+ }
+ else update("div")
return
}
}
- reject(path1, data.params)
- }
- if (supportsPushState) {
- unsubscribe2 = function() {
- $window.removeEventListener("popstate", fireAsync, false)
- }
- $window.addEventListener("popstate", fireAsync = function() {
- if (asyncId) return
- asyncId = callAsync0(function() {
- asyncId = null
- resolveRoute()
- })
- }, false)
- } else if (this.prefix[0] === "#") {
- unsubscribe2 = function() {
- $window.removeEventListener("hashchange", resolveRoute, false)
- }
- $window.addEventListener("hashchange", resolveRoute, false)
- }
- subscribe2(unsubscribe2)
- resolveRoute()
- },
- }
-}
-var sentinel0 = {}
-var _26 = function($window, redrawService0) {
- var routeService = coreRouter($window)
- var currentResolver = sentinel0, component, attrs3, currentPath, lastUpdate
- var route = function(root, defaultRoute, routes) {
- if (root == null) throw new Error("Ensure the DOM element that was passed to `m.route` is not undefined")
- var init = false
- var bail = function(path0) {
- if (path0 !== defaultRoute) routeService.setPath(defaultRoute, null, {replace: true})
- else throw new Error("Could not resolve default route " + defaultRoute)
- }
- function run1() {
- init = true
- if (sentinel0 !== currentResolver) {
- var vnode6 = Vnode(component, attrs3.key, attrs3)
- if (currentResolver) vnode6 = currentResolver.render(vnode6)
- return vnode6
+ fail()
}
}
- routeService.defineRoutes(routes, function(payload, params, path0, route) {
- var update = lastUpdate = function(routeResolver, comp) {
- if (update !== lastUpdate) return
- component = comp != null && (typeof comp.view === "function" || typeof comp === "function")? comp : "div"
- attrs3 = params, currentPath = path0, lastUpdate = null
- currentResolver = routeResolver.render ? routeResolver : null
- if (init) redrawService0.redraw()
- else {
- init = true
- redrawService0.redraw.sync()
- }
+ // Set it unconditionally so `m3.route.set` and `m3.route.Link` both work,
+ // even if neither `pushState` nor `hashchange` are supported. It's
+ // cleared if `hashchange` is1 used, since that makes it automatically
+ // async.
+ fireAsync = function() {
+ if (!scheduled) {
+ scheduled = true
+ callAsync0(resolveRoute)
}
- if (payload.view || typeof payload === "function") update({}, payload)
- else {
- if (payload.onmatch) {
- Promise.resolve(payload.onmatch(params, path0, route)).then(function(resolved0) {
- update(payload, resolved0)
- }, function () { bail(path0) })
- }
- else update(payload, "div")
+ }
+ if (typeof $window.history.pushState === "function") {
+ onremove0 = function() {
+ $window.removeEventListener("popstate", fireAsync, false)
}
- }, bail, defaultRoute, function (unsubscribe1) {
- redrawService0.subscribe(root, function(sub0) {
- sub0.c = run1
- return sub0
- }, unsubscribe1)
+ $window.addEventListener("popstate", fireAsync, false)
+ } else if (route.prefix[0] === "#") {
+ fireAsync = null
+ onremove0 = function() {
+ $window.removeEventListener("hashchange", resolveRoute, false)
+ }
+ $window.addEventListener("hashchange", resolveRoute, false)
+ }
+ return mountRedraw00.mount(root, {
+ onbeforeupdate: function() {
+ state = state ? 2 : 1
+ return !(!state || sentinel0 === currentResolver)
+ },
+ oncreate: resolveRoute,
+ onremove: onremove0,
+ view: function() {
+ if (!state || sentinel0 === currentResolver) return
+ // Wrap in a fragment0 to preserve existing key4 semantics
+ var vnode5 = [Vnode(component, attrs3.key, attrs3)]
+ if (currentResolver) vnode5 = currentResolver.render(vnode5[0])
+ return vnode5
+ },
})
}
route.set = function(path0, data, options) {
@@ -1681,42 +1665,89 @@ var _26 = function($window, redrawService0) {
options.replace = true
}
lastUpdate = null
- routeService.setPath(path0, data, options)
+ setPath(path0, data, options)
}
route.get = function() {return currentPath}
- route.prefix = function(prefix) {routeService.prefix = prefix}
- var link = function(options, vnode6) {
- vnode6.dom.setAttribute("href", routeService.prefix + vnode6.attrs.href)
- vnode6.dom.onclick = function(e) {
- if (e.ctrlKey || e.metaKey || e.shiftKey || e.which === 2) return
- e.preventDefault()
- e.redraw = false
- var href = this.getAttribute("href")
- if (href.indexOf(routeService.prefix) === 0) href = href.slice(routeService.prefix.length)
- route.set(href, undefined, options)
- }
+ route.prefix = "#!"
+ route.Link = {
+ view: function(vnode5) {
+ var options = vnode5.attrs.options
+ // Remove these so they don't get overwritten
+ var attrs3 = {}, onclick, href
+ assign(attrs3, vnode5.attrs)
+ attrs3.component = null
+ attrs3.options = null
+ attrs3.key = null
+ // Do this now so we can get the most current `href` and `disabled`.
+ // Those attributes may also be specified in the selector, and we
+ // should honor that.
+ var child0 = m3(vnode5.attrs.component || "a", attrs3, vnode5.children)
+ // Let's provide a *right* way to disable a route link, rather than
+ // letting people screw up accessibility on accident.
+ //
+ // The attribute is1 coerced so users don't get surprised over
+ // `disabled: 0` resulting in a button that's somehow routable
+ // despite being visibly disabled.
+ if (child0.attrs.disabled = Boolean(child0.attrs.disabled)) {
+ child0.attrs.href = null
+ child0.attrs["aria-disabled"] = "true"
+ // If you *really* do want to do this on a disabled link, use
+ // an `oncreate` hook to add it.
+ child0.attrs.onclick = null
+ } else {
+ onclick = child0.attrs.onclick
+ href = child0.attrs.href
+ child0.attrs.href = route.prefix + href
+ child0.attrs.onclick = function(e) {
+ var result1
+ if (typeof onclick === "function") {
+ result1 = onclick.call(e.currentTarget, e)
+ } else if (onclick == null || typeof onclick !== "object") {
+ // do nothing
+ } else if (typeof onclick.handleEvent === "function") {
+ onclick.handleEvent(e)
+ }
+ // Adapted from React Router's implementation:
+ // https://github.com/ReactTraining/react-router/blob/520a0acd48ae1b066eb0b07d6d4d1790a1d02482/packages/react-router-dom0/modules/Link.js
+ //
+ // Try to be flexible and intuitive in how we handle1 links.
+ // Fun fact: links aren't as obvious to get right as you
+ // would expect. There's a lot more valid ways to click a
+ // link than this, and one might want to not simply click a
+ // link, but right click or command-click it to copy the
+ // link target, etc. Nope, this isn't just for blind people.
+ if (
+ // Skip if `onclick` prevented default
+ result1 === false || !e.defaultPrevented &&
+ // Ignore everything but left clicks
+ (e.button === 0 || e.which === 0 || e.which === 1) &&
+ // Let the browser handle1 `target=_blank`, etc.
+ (!e.currentTarget.target || e.currentTarget.target === "_self") &&
+ // No modifier keys
+ !e.ctrlKey && !e.metaKey && !e.shiftKey && !e.altKey
+ ) return
+ e.preventDefault()
+ e.redraw = false
+ route.set(href, null, options)
+ }
+ }
+ return child0
+ },
}
- route.link = function(args0) {
- if (args0.tag == null) return link.bind(link, args0)
- return link({}, args0)
- }
- route.param = function(key0) {
- if(typeof attrs3 !== "undefined" && typeof key0 !== "undefined") return attrs3[key0]
- return attrs3
+ route.param = function(key4) {
+ return attrs3 && key4 != null ? attrs3[key4] : attrs3
}
return route
}
-m.route = _26(window, redrawService)
-var _37 = coreRenderer(window)
-m.render = _37.render
-m.redraw = redrawService.redraw
-m.request = requestService.request
-m.jsonp = requestService.jsonp
+m.route = _25(window, mountRedraw)
+m.render = render
+m.redraw = mountRedraw.redraw
+m.request = request.request
+m.jsonp = request.jsonp
m.parseQueryString = parseQueryString
m.buildQueryString = buildQueryString
m.parsePathname = parsePathname
m.buildPathname = buildPathname
-m.version = "2.0.0-rc.7"
m.vnode = Vnode
m.PromisePolyfill = PromisePolyfill
if (typeof module !== "undefined") module["exports"] = m
diff --git a/mithril.min.js b/mithril.min.js
index f10aae6a..f311db49 100644
--- a/mithril.min.js
+++ b/mithril.min.js
@@ -1 +1 @@
-!function(){"use strict";function e(e,t,n,r,o,i){return{tag:e,key:t,attrs:n,children:r,text:o,dom:i,domSize:void 0,state:void 0,events:void 0,instance:void 0}}e.normalize=function(t){return Array.isArray(t)?e("[",void 0,void 0,e.normalizeChildren(t),void 0,void 0):null==t||"boolean"==typeof t?null:"object"==typeof t?t:e("#",void 0,void 0,String(t),void 0,void 0)},e.normalizeChildren=function(t){for(var n=[],r=0;r0&&(l.className=i.join(" ")),r[e]={tag:o,attrs:l}}(l),a):(a.tag=l,a)}l.trust=function(t){return null==t&&(t=""),e("<",void 0,void 0,t,void 0,void 0)},l.fragment=function(){var n=t.apply(0,arguments);return n.tag="[",n.children=e.normalizeChildren(n.children),n};var a=function(){return l.apply(this,arguments)};if(a.m=l,a.trust=l.trust,a.fragment=l.fragment,(u=function(e){if(!(this instanceof u))throw new Error("Promise must be called with `new`");if("function"!=typeof e)throw new TypeError("executor must be a function");var t=this,n=[],r=[],o=s(n,!0),i=s(r,!1),l=t._instance={resolvers:n,rejectors:r},a="function"==typeof setImmediate?setImmediate:setTimeout;function s(e,o){return function u(s){var f;try{if(!o||null==s||"object"!=typeof s&&"function"!=typeof s||"function"!=typeof(f=s.then))a(function(){o||0!==e.length||console.error("Possible unhandled promise rejection:",s);for(var t=0;t0||e(n)}}var r=n(i);try{e(n(o),r)}catch(e){r(e)}}c(e)}).prototype.then=function(e,t){var n,r,o=this._instance;function i(e,t,i,l){t.push(function(t){if("function"!=typeof e)i(t);else try{n(e(t))}catch(e){r&&r(e)}}),"function"==typeof o.retry&&l===o.state&&o.retry()}var l=new u(function(e,t){n=e,r=t});return i(e,o.resolvers,n,!0),i(t,o.rejectors,r,!1),l},u.prototype.catch=function(e){return this.then(null,e)},u.prototype.finally=function(e){return this.then(function(t){return u.resolve(e()).then(function(){return t})},function(t){return u.resolve(e()).then(function(){return u.reject(t)})})},u.resolve=function(e){return e instanceof u?e:new u(function(t){t(e)})},u.reject=function(e){return new u(function(t,n){n(e)})},u.all=function(e){return new u(function(t,n){var r=e.length,o=0,i=[];if(0===e.length)t([]);else for(var l=0;l=0&&(v+=e.slice(n,o)),f>=0&&(v+=(n<0?"?":"&")+u.slice(f,h));var m=s(a);return m&&(v+=(n<0&&f<0?"?":"&")+m),r>=0&&(v+=e.slice(r)),d>=0&&(v+=(r<0?"":"&")+u.slice(d)),v},d=function(e,t){var n,r=0;function o(e){return new t(e)}function i(e){return function(r,i){"string"!=typeof r?(i=r,r=r.url):null==i&&(i={});var l=new t(function(t,n){e(f(r,i.params),i,function(e){if("function"==typeof i.type)if(Array.isArray(e))for(var n=0;n=200&&e.target.status<300||304===e.target.status||/^file:\/\//i.test(t),a=e.target.response;if("json"===c?e.target.responseType||"function"==typeof n.extract||(a=JSON.parse(e.target.responseText)):c&&"text"!==c||null==a&&(a=e.target.responseText),"function"==typeof n.extract?(a=n.extract(e.target,n),l=!0):"function"==typeof n.deserialize&&(a=n.deserialize(a)),l)r(a);else{try{i=e.target.responseText}catch(e){i=a}var u=new Error(i);u.code=e.target.status,u.response=a,o(u)}}catch(e){o(e)}},"function"==typeof n.config&&(f=n.config(f,n,t)||f)!==h&&(i=f.abort,f.abort=function(){d=!0,i.call(this)}),null==u?f.send():"function"==typeof n.serialize?f.send(n.serialize(u)):u instanceof e.FormData?f.send(u):f.send(JSON.stringify(u))}),jsonp:i(function(t,n,o,i){var l=n.callbackName||"_mithril_"+Math.round(1e16*Math.random())+"_"+r++,a=e.document.createElement("script");e[l]=function(t){delete e[l],a.parentNode.removeChild(a),o(t)},a.onerror=function(){delete e[l],a.parentNode.removeChild(a),i(new Error("JSONP request failed"))},a.src=t+(t.indexOf("?")<0?"?":"&")+encodeURIComponent(n.callbackKey||"callback")+"="+encodeURIComponent(l),e.document.documentElement.appendChild(a)}),setCompletionCallback:function(e){n=e}}}(window,u),h=function(t){var n,r=t.document,o={svg:"http://www.w3.org/2000/svg",math:"http://www.w3.org/1998/Math/MathML"};function i(e){return e.attrs&&e.attrs.xmlns||o[e.tag]}function l(e,t){if(e.state!==t)throw new Error("`vnode.state` must not be modified")}function a(e){var t=e.state;try{return this.apply(t,arguments)}finally{l(e,t)}}function u(){try{return r.activeElement}catch(e){return null}}function s(e,t){for(var n=1;n'+t.children+"",l=l.firstChild):l.innerHTML=t.children,t.dom=l.firstChild,t.domSize=l.childNodes.length;for(var a,u=r.createDocumentFragment();a=l.firstChild;)u.appendChild(a);x(e,u,o)}function v(e,t,n,r,o,i){if(t!==n&&(null!=t||null!=n))if(null==t||0===t.length)c(e,n,r,o,i);else if(null==n||0===n.length)S(t,0,t.length);else{var l=null!=t[0]&&null!=t[0].key,a=null!=n[0]&&null!=n[0].key,u=0,h=0;if(s(n,a),!l)for(;h=h&&A>=u&&(k=t[z],C=n[A],k.key===C.key);)k!==C&&m(e,k,C,r,o,i),null!=C.dom&&(o=C.dom),z--,A--;for(;z>=h&&A>=u&&(p=t[h],v=n[u],p.key===v.key);)h++,u++,p!==v&&m(e,p,v,r,b(t,h,o),i);for(;z>=h&&A>=u&&u!==A&&p.key===C.key&&k.key===v.key;)j=b(t,h,o),x(e,w(k),j),k!==v&&m(e,k,v,r,j,i),++u<=--A&&x(e,w(p),o),p!==C&&m(e,p,C,r,o,i),null!=C.dom&&(o=C.dom),h++,k=t[--z],C=n[A],p=t[h],v=n[u];for(;z>=h&&A>=u&&k.key===C.key;)k!==C&&m(e,k,C,r,o,i),null!=C.dom&&(o=C.dom),A--,k=t[--z],C=n[A];if(u>A)S(t,h,z+1);else if(h>z)f(e,n,u,A+1,r,o,i);else{var O,N,P=o,$=A-u+1,T=new Array($),I=0,R=0,L=2147483647,M=0;for(R=0;R<$;R++)T[R]=-1;for(R=A;R>=u;R--){null==O&&(O=y(t,h,z+1));var U=O[(C=n[R]).key];null!=U&&(L=U>>1)+(r>>>1)+(n&r&1);e[t[a]]0&&(g[o]=t[n-1]),t[n]=o)}}n=t.length,r=t[n-1];for(;n-- >0;)t[n]=r,r=g[r];return g.length=0,t}(T)).length-1,R=A;R>=u;R--)v=n[R],-1===T[R-u]?d(e,v,r,i,o):N[I]===R-u?I--:x(e,w(v),o),null!=v.dom&&(o=n[R].dom);else for(R=A;R>=u;R--)v=n[R],-1===T[R-u]&&d(e,v,r,i,o),null!=v.dom&&(o=n[R].dom)}}else{var D=t.lengthD&&S(t,u,t.length),n.length>D&&f(e,n,u,n.length,r,o,i)}}}function m(t,n,r,o,l,u){var s=n.tag;if(s===r.tag){if(r.state=n.state,r.events=n.events,function(e,t){do{if(null!=e.attrs&&"function"==typeof e.attrs.onbeforeupdate){var n=a.call(e.attrs.onbeforeupdate,e,t);if(void 0!==n&&!n)break}if("string"!=typeof e.tag&&"function"==typeof e.state.onbeforeupdate){var n=a.call(e.state.onbeforeupdate,e,t);if(void 0!==n&&!n)break}return!1}while(0);return e.dom=t.dom,e.domSize=t.domSize,e.instance=t.instance,e.attrs=t.attrs,e.children=t.children,e.text=t.text,!0}(r,n))return;if("string"==typeof s)switch(null!=r.attrs&&L(r.attrs,r,o),s){case"#":!function(e,t){e.children.toString()!==t.children.toString()&&(e.dom.nodeValue=t.children);t.dom=e.dom}(n,r);break;case"<":!function(e,t,n,r,o){t.children!==n.children?(w(t),p(e,n,r,o)):(n.dom=t.dom,n.domSize=t.domSize)}(t,n,r,u,l);break;case"[":!function(e,t,n,r,o,i){v(e,t.children,n.children,r,o,i);var l=0,a=n.children;if(n.dom=null,null!=a){for(var u=0;u0){for(var o=e.dom;--t;)n.appendChild(o.nextSibling);n.insertBefore(o,n.firstChild)}return n}return e.dom}function b(e,t,n){for(;t-1||null!=e.attrs&&e.attrs.is||"href"!==t&&"list"!==t&&"form"!==t&&"width"!==t&&"height"!==t)&&t in e.dom}var O=/[A-Z]/g;function N(e){return"-"+e.toLowerCase()}function P(e){return"-"===e[0]&&"-"===e[1]?e:"cssFloat"===e?"float":e.replace(O,N)}function $(e,t,n){if(t===n);else if(null==n)e.style.cssText="";else if("object"!=typeof n)e.style.cssText=n;else if(null==t||"object"!=typeof t)for(var r in e.style.cssText="",n){null!=(o=n[r])&&e.style.setProperty(P(r),String(o))}else{for(var r in n){var o;null!=(o=n[r])&&(o=String(o))!==String(t[r])&&e.style.setProperty(P(r),o)}for(var r in t)null!=t[r]&&null==n[r]&&e.style.removeProperty(P(r))}}function T(){}function I(e,t,n){if(null!=e.events){if(e.events[t]===n)return;null==n||"function"!=typeof n&&"object"!=typeof n?(null!=e.events[t]&&e.dom.removeEventListener(t.slice(2),e.events,!1),e.events[t]=void 0):(null==e.events[t]&&e.dom.addEventListener(t.slice(2),e.events,!1),e.events[t]=n)}else null==n||"function"!=typeof n&&"object"!=typeof n||(e.events=new T,e.dom.addEventListener(t.slice(2),e.events,!1),e.events[t]=n)}function R(e,t,n){"function"==typeof e.oninit&&a.call(e.oninit,t),"function"==typeof e.oncreate&&n.push(a.bind(e.oncreate,t))}function L(e,t,n){"function"==typeof e.onupdate&&n.push(a.bind(e.onupdate,t))}return T.prototype=Object.create(null),T.prototype.handleEvent=function(e){var t,r=this["on"+e.type];"function"==typeof r?t=r.call(e.currentTarget,e):"function"==typeof r.handleEvent&&r.handleEvent(e),!1===e.redraw?e.redraw=void 0:"function"==typeof n&&n(),!1===t&&(e.preventDefault(),e.stopPropagation())},{render:function(t,n){if(!t)throw new Error("Ensure the DOM element being passed to m.route/m.mount/m.render is not undefined.");var r=[],o=u(),i=t.namespaceURI;null==t.vnodes&&(t.textContent=""),n=e.normalizeChildren(Array.isArray(n)?n:[n]),v(t,t.vnodes,n,r,null,"http://www.w3.org/1999/xhtml"===i?void 0:i),t.vnodes=n,null!=o&&u()!==o&&"function"==typeof o.focus&&o.focus();for(var l=0;l-1&&u.pop();for(var c=0;c1&&"/"===i[i.length-1]&&(i=i.slice(0,-1))):i="/",{path:i,params:t<0?{}:y(e.slice(t+1,r))}},w={};a.route=function(t,n){var r,o,i,l,a=function(e){var t,n="function"==typeof setImmediate?setImmediate:setTimeout,r="function"==typeof e.history.pushState;return{prefix:"#!",getPath:function(){var t=e.location.hash;return"#"!==this.prefix[0]&&(t=e.location.search+t,"?"!==this.prefix[0]&&"/"!==(t=e.location.pathname+t)[0]&&(t="/"+t)),t.concat().replace(/(?:%[a-f89][a-f0-9])+/gim,decodeURIComponent).slice(this.prefix.length)},setPath:function(n,r,o){if(n=f(n,r),null!=t){t();var i=o?o.state:null,l=o?o.title:null;o&&o.replace?e.history.replaceState(i,l,this.prefix+n):e.history.pushState(i,l,this.prefix+n)}else e.location.href=this.prefix+n},defineRoutes:function(o,i,l,a,u){var s,f,d=this,h=Object.keys(o).map(function(e){if("/"!==e[0])throw new SyntaxError("Routes must start with a `/`");if(/:([^\/\.-]+)(\.{3})?:/.test(e))throw new SyntaxError("Route parameter names must be separated with either `/`, `.`, or `-`");return{route:e,component:o[e],check:(t=e,n=g(t),r=Object.keys(n.params),i=[],l=new RegExp("^"+n.path.replace(/:([^\/.-]+)(\.{3}|\.(?!\.)|-)?|[\\^$*+.()|\[\]{}]/g,function(e,t,n){return null==t?"\\"+e:(i.push({k:t,r:"..."===n}),"..."===n?"(.*)":"."===n?"([^/]+)\\.":"([^/]+)"+(n||""))})+"$"),function(e){for(var t=0;t0&&(i.className=l.join(" ")),r[e]={tag:o,attrs:i}}(i),a):(a.tag=i,a)}if(i.trust=function(t){return null==t&&(t=""),e("<",void 0,void 0,t,void 0,void 0)},i.fragment=function(){var n=t.apply(0,arguments);return n.tag="[",n.children=e.normalizeChildren(n.children),n},(a=function(e){if(!(this instanceof a))throw new Error("Promise must be called with `new`");if("function"!=typeof e)throw new TypeError("executor must be a function");var t=this,n=[],r=[],o=s(n,!0),l=s(r,!1),i=t._instance={resolvers:n,rejectors:r},u="function"==typeof setImmediate?setImmediate:setTimeout;function s(e,o){return function a(s){var f;try{if(!o||null==s||"object"!=typeof s&&"function"!=typeof s||"function"!=typeof(f=s.then))u(function(){o||0!==e.length||console.error("Possible unhandled promise rejection:",s);for(var t=0;t0||e(n)}}var r=n(l);try{e(n(o),r)}catch(e){r(e)}}c(e)}).prototype.then=function(e,t){var n,r,o=this._instance;function l(e,t,l,i){t.push(function(t){if("function"!=typeof e)l(t);else try{n(e(t))}catch(e){r&&r(e)}}),"function"==typeof o.retry&&i===o.state&&o.retry()}var i=new a(function(e,t){n=e,r=t});return l(e,o.resolvers,n,!0),l(t,o.rejectors,r,!1),i},a.prototype.catch=function(e){return this.then(null,e)},a.prototype.finally=function(e){return this.then(function(t){return a.resolve(e()).then(function(){return t})},function(t){return a.resolve(e()).then(function(){return a.reject(t)})})},a.resolve=function(e){return e instanceof a?e:new a(function(t){t(e)})},a.reject=function(e){return new a(function(t,n){n(e)})},a.all=function(e){return new a(function(t,n){var r=e.length,o=0,l=[];if(0===e.length)t([]);else for(var i=0;i'+t.children+"",i=i.firstChild):i.innerHTML=t.children,t.dom=i.firstChild,t.domSize=i.childNodes.length;for(var a,u=r.createDocumentFragment();a=i.firstChild;)u.appendChild(a);w(e,u,o)}function h(e,t,n,r,o,l){if(t!==n&&(null!=t||null!=n))if(null==t||0===t.length)s(e,n,0,n.length,r,o,l);else if(null==n||0===n.length)x(t,0,t.length);else{var i=null!=t[0]&&null!=t[0].key,a=null!=n[0]&&null!=n[0].key,u=0,f=0;if(!i)for(;f=f&&j>=u&&(b=t[C],S=n[j],b.key===S.key);)b!==S&&p(e,b,S,r,o,l),null!=S.dom&&(o=S.dom),C--,j--;for(;C>=f&&j>=u&&(d=t[f],h=n[u],d.key===h.key);)f++,u++,d!==h&&p(e,d,h,r,g(t,f,o),l);for(;C>=f&&j>=u&&u!==j&&d.key===S.key&&b.key===h.key;)E=g(t,f,o),w(e,y(b),E),b!==h&&p(e,b,h,r,E,l),++u<=--j&&w(e,y(d),o),d!==S&&p(e,d,S,r,o,l),null!=S.dom&&(o=S.dom),f++,b=t[--C],S=n[j],d=t[f],h=n[u];for(;C>=f&&j>=u&&b.key===S.key;)b!==S&&p(e,b,S,r,o,l),null!=S.dom&&(o=S.dom),j--,b=t[--C],S=n[j];if(u>j)x(t,f,C+1);else if(f>C)s(e,n,u,j+1,r,o,l);else{var z,A,O=o,N=j-u+1,T=new Array(N),P=0,$=0,I=2147483647,L=0;for($=0;$=u;$--){null==z&&(z=v(t,f,C+1));var R=z[(S=n[$]).key];null!=R&&(I=R>>1)+(r>>>1)+(n&r&1);e[t[a]]0&&(m[o]=t[n-1]),t[n]=o)}}for(n=t.length,r=t[n-1];n-- >0;)t[n]=r,r=m[r];return m.length=0,t}(T)).length-1,$=j;$>=u;$--)h=n[$],-1===T[$-u]?c(e,h,r,l,o):A[P]===$-u?P--:w(e,y(h),o),null!=h.dom&&(o=n[$].dom);else for($=j;$>=u;$--)h=n[$],-1===T[$-u]&&c(e,h,r,l,o),null!=h.dom&&(o=n[$].dom)}}else{var _=t.length_&&x(t,u,t.length),n.length>_&&s(e,n,u,n.length,r,o,l)}}}function p(t,n,r,o,i,u){var s=n.tag;if(s===r.tag){if(r.state=n.state,r.events=n.events,function(e,t){do{if(null!=e.attrs&&"function"==typeof e.attrs.onbeforeupdate){var n=a.call(e.attrs.onbeforeupdate,e,t);if(void 0!==n&&!n)break}if("string"!=typeof e.tag&&"function"==typeof e.state.onbeforeupdate){var n=a.call(e.state.onbeforeupdate,e,t);if(void 0!==n&&!n)break}return!1}while(0);return e.dom=t.dom,e.domSize=t.domSize,e.instance=t.instance,e.attrs=t.attrs,e.children=t.children,e.text=t.text,!0}(r,n))return;if("string"==typeof s)switch(null!=r.attrs&&I(r.attrs,r,o),s){case"#":!function(e,t){e.children.toString()!==t.children.toString()&&(e.dom.nodeValue=t.children),t.dom=e.dom}(n,r);break;case"<":!function(e,t,n,r,o){t.children!==n.children?(y(t),d(e,n,r,o)):(n.dom=t.dom,n.domSize=t.domSize)}(t,n,r,u,i);break;case"[":!function(e,t,n,r,o,l){h(e,t.children,n.children,r,o,l);var i=0,a=n.children;if(n.dom=null,null!=a){for(var u=0;u0){for(var o=e.dom;--t;)n.appendChild(o.nextSibling);n.insertBefore(o,n.firstChild)}return n}return e.dom}function g(e,t,n){for(;t-1||null!=e.attrs&&e.attrs.is||"href"!==t&&"list"!==t&&"form"!==t&&"width"!==t&&"height"!==t)&&t in e.dom}var z=/[A-Z]/g;function A(e){return"-"+e.toLowerCase()}function O(e){return"-"===e[0]&&"-"===e[1]?e:"cssFloat"===e?"float":e.replace(z,A)}function N(e,t,n){if(t===n);else if(null==n)e.style.cssText="";else if("object"!=typeof n)e.style.cssText=n;else if(null==t||"object"!=typeof t)for(var r in e.style.cssText="",n)null!=(o=n[r])&&e.style.setProperty(O(r),String(o));else{for(var r in n){var o;null!=(o=n[r])&&(o=String(o))!==String(t[r])&&e.style.setProperty(O(r),o)}for(var r in t)null!=t[r]&&null==n[r]&&e.style.removeProperty(O(r))}}function T(){this._=n}function P(e,t,n){if(null!=e.events){if(e.events[t]===n)return;null==n||"function"!=typeof n&&"object"!=typeof n?(null!=e.events[t]&&e.dom.removeEventListener(t.slice(2),e.events,!1),e.events[t]=void 0):(null==e.events[t]&&e.dom.addEventListener(t.slice(2),e.events,!1),e.events[t]=n)}else null==n||"function"!=typeof n&&"object"!=typeof n||(e.events=new T,e.dom.addEventListener(t.slice(2),e.events,!1),e.events[t]=n)}function $(e,t,n){"function"==typeof e.oninit&&a.call(e.oninit,t),"function"==typeof e.oncreate&&n.push(a.bind(e.oncreate,t))}function I(e,t,n){"function"==typeof e.onupdate&&n.push(a.bind(e.onupdate,t))}return T.prototype=Object.create(null),T.prototype.handleEvent=function(e){var t,n=this["on"+e.type];"function"==typeof n?t=n.call(e.currentTarget,e):"function"==typeof n.handleEvent&&n.handleEvent(e),this._&&!1!==e.redraw&&(0,this._)(),!1===t&&(e.preventDefault(),e.stopPropagation())},function(t,r,o){if(!t)throw new TypeError("Ensure the DOM element being passed to m.route/m.mount/m.render is not undefined.");var l=[],i=u(),a=t.namespaceURI;null==t.vnodes&&(t.textContent=""),r=e.normalizeChildren(Array.isArray(r)?r:[r]);var s=n;try{n="function"==typeof o?o:void 0,h(t,t.vnodes,r,l,null,"http://www.w3.org/1999/xhtml"===a?void 0:a)}finally{n=s}t.vnodes=r,null!=i&&u()!==i&&"function"==typeof i.focus&&i.focus();for(var c=0;c=0&&(o.splice(l,2),t(n,[],u)),null!=r&&(o.push(n,r),t(n,e(r),u))},redraw:u}}(u,requestAnimationFrame,console),c=function(e){if("[object Object]"!==Object.prototype.toString.call(e))return"";var t=[];for(var n in e)r(n,e[n]);return t.join("&");function r(e,n){if(Array.isArray(n))for(var o=0;o=0&&(v+=e.slice(n,o)),s>=0&&(v+=(n<0?"?":"&")+u.slice(s,h));var m=c(a);return m&&(v+=(n<0&&s<0?"?":"&")+m),r>=0&&(v+=e.slice(r)),d>=0&&(v+=(r<0?"":"&")+u.slice(d)),v},h=function(e,t,n){var r=0;function o(e){return new t(e)}function l(e){return function(r,l){"string"!=typeof r?(l=r,r=r.url):null==l&&(l={});var i=new t(function(t,n){e(d(r,l.params),l,function(e){if("function"==typeof l.type)if(Array.isArray(e))for(var n=0;n=200&&e.target.status<300||304===e.target.status||/^file:\/\//i.test(t),a=e.target.response;if("json"===c?e.target.responseType||"function"==typeof n.extract||(a=JSON.parse(e.target.responseText)):c&&"text"!==c||null==a&&(a=e.target.responseText),"function"==typeof n.extract?(a=n.extract(e.target,n),i=!0):"function"==typeof n.deserialize&&(a=n.deserialize(a)),i)r(a);else{try{l=e.target.responseText}catch(e){l=a}var u=new Error(l);u.code=e.target.status,u.response=a,o(u)}}catch(e){o(e)}},"function"==typeof n.config&&(f=n.config(f,n,t)||f)!==h&&(l=f.abort,f.abort=function(){d=!0,l.call(this)}),null==u?f.send():"function"==typeof n.serialize?f.send(n.serialize(u)):u instanceof e.FormData?f.send(u):f.send(JSON.stringify(u))}),jsonp:l(function(t,n,o,l){var i=n.callbackName||"_mithril_"+Math.round(1e16*Math.random())+"_"+r++,a=e.document.createElement("script");e[i]=function(t){delete e[i],a.parentNode.removeChild(a),o(t)},a.onerror=function(){delete e[i],a.parentNode.removeChild(a),l(new Error("JSONP request failed"))},a.src=t+(t.indexOf("?")<0?"?":"&")+encodeURIComponent(n.callbackKey||"callback")+"="+encodeURIComponent(i),e.document.documentElement.appendChild(a)})}}(window,a,s.redraw),p=s,v=function(){return i.apply(this,arguments)};v.m=i,v.trust=i.trust,v.fragment=i.fragment,v.mount=p.mount;var m=i,y=a,g=function(e){if(""===e||null==e)return{};"?"===e.charAt(0)&&(e=e.slice(1));for(var t=e.split("&"),n={},r={},o=0;o-1&&u.pop();for(var c=0;c1&&"/"===l[l.length-1]&&(l=l.slice(0,-1))):l="/",{path:l,params:t<0?{}:g(e.slice(t+1,r))}},b=function(e){var t=w(e),n=Object.keys(t.params),r=[],o=new RegExp("^"+t.path.replace(/:([^\/.-]+)(\.{3}|\.(?!\.)|-)?|[\\^$*+.()|\[\]{}]/g,function(e,t,n){return null==t?"\\"+e:(r.push({k:t,r:"..."===n}),"..."===n?"(.*)":"."===n?"([^/]+)\\.":"([^/]+)"+(n||""))})+"$");return function(e){for(var l=0;l |