Merge remote-tracking branch 'origin/next' into ctx-reuse-flag
This commit is contained in:
commit
1a57bcc403
6 changed files with 142 additions and 101 deletions
|
|
@ -1,5 +1,22 @@
|
||||||
## Change Log
|
## Change Log
|
||||||
|
|
||||||
|
[v0.1.31](/mithril/archive/v0.1.31) - maintenance
|
||||||
|
|
||||||
|
### News:
|
||||||
|
|
||||||
|
- Typescript definitions are more strongly typed
|
||||||
|
- m.request's `unwrapSuccess` and `unwrapError` callbacks now receive the XMLHttpRequest instance as a second parameter
|
||||||
|
- 3rd parameter for `m.route(route, params, shouldReplaceHistory)` is now public
|
||||||
|
- exact routes now have higher precedence than routes w/ variables [#452](https://github.com/lhorie/mithril.js/issues/452)
|
||||||
|
|
||||||
|
### Bug Fixes:
|
||||||
|
|
||||||
|
- fix routing bug in IE9 [#320](https://github.com/lhorie/mithril.js/issues/320)
|
||||||
|
- fix ordering bug in m.trust when using HTML entities [#453](https://github.com/lhorie/mithril.js/issues/453)
|
||||||
|
- set promise's default value to initialValue if coming from m.request [#454](https://github.com/lhorie/mithril.js/issues/454)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
[v0.1.30](/mithril/archive/v0.1.30) - maintenance
|
[v0.1.30](/mithril/archive/v0.1.30) - maintenance
|
||||||
|
|
||||||
### Bug Fixes:
|
### Bug Fixes:
|
||||||
|
|
@ -8,6 +25,8 @@
|
||||||
- fix module.view's `this` association regression in Haxe environment [#434](https://github.com/lhorie/mithril.js/issues/434)
|
- fix module.view's `this` association regression in Haxe environment [#434](https://github.com/lhorie/mithril.js/issues/434)
|
||||||
- fix array serialization syntax in querystrings [#440](https://github.com/lhorie/mithril.js/issues/440)
|
- fix array serialization syntax in querystrings [#440](https://github.com/lhorie/mithril.js/issues/440)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
[v0.1.29](/mithril/archive/v0.1.29) - maintenance
|
[v0.1.29](/mithril/archive/v0.1.29) - maintenance
|
||||||
|
|
||||||
### News:
|
### News:
|
||||||
|
|
|
||||||
|
|
@ -164,6 +164,7 @@ In the example below, we take advantage of queuing to debug the AJAX response da
|
||||||
//a FP-friendly console.log
|
//a FP-friendly console.log
|
||||||
var log = function(value) {
|
var log = function(value) {
|
||||||
console.log(value)
|
console.log(value)
|
||||||
|
return value
|
||||||
}
|
}
|
||||||
|
|
||||||
var users = m.request({method: "GET", url: "/user"})
|
var users = m.request({method: "GET", url: "/user"})
|
||||||
|
|
@ -432,8 +433,8 @@ where:
|
||||||
[Object<any> data,]
|
[Object<any> data,]
|
||||||
[Boolean background,]
|
[Boolean background,]
|
||||||
[any initialValue,]
|
[any initialValue,]
|
||||||
[any unwrapSuccess(any data),]
|
[any unwrapSuccess(any data, XMLHttpRequest xhr),]
|
||||||
[any unwrapError(any data),]
|
[any unwrapError(any data, XMLHttpRequest xhr),]
|
||||||
[String serialize(any dataToSerialize),]
|
[String serialize(any dataToSerialize),]
|
||||||
[any deserialize(String dataToDeserialize),]
|
[any deserialize(String dataToDeserialize),]
|
||||||
[any extract(XMLHttpRequest xhr, XHROptions options),]
|
[any extract(XMLHttpRequest xhr, XHROptions options),]
|
||||||
|
|
@ -507,7 +508,7 @@ where:
|
||||||
|
|
||||||
The value that populates the returned getter-setter before the request completes. This is useful when using the `background` option, in order to avoid the need for null checks in views that may be attempting to access the returned getter-setter before the asynchronous request resolves.
|
The value that populates the returned getter-setter before the request completes. This is useful when using the `background` option, in order to avoid the need for null checks in views that may be attempting to access the returned getter-setter before the asynchronous request resolves.
|
||||||
|
|
||||||
- **any unwrapSuccess(any data)** (optional)
|
- **any unwrapSuccess(any data, XMLHttpRequest xhr)** (optional)
|
||||||
|
|
||||||
A preprocessor function to unwrap the data from a success response in case the response contains metadata wrapping the data.
|
A preprocessor function to unwrap the data from a success response in case the response contains metadata wrapping the data.
|
||||||
|
|
||||||
|
|
@ -523,7 +524,7 @@ where:
|
||||||
|
|
||||||
The unwrapped data
|
The unwrapped data
|
||||||
|
|
||||||
- **any unwrapError(any data)** (optional)
|
- **any unwrapError(any data, XMLHttpRequest xhr)** (optional)
|
||||||
|
|
||||||
A preprocessor function to unwrap the data from an error response in case the response contains metadata wrapping the data.
|
A preprocessor function to unwrap the data from an error response in case the response contains metadata wrapping the data.
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -57,7 +57,7 @@ You can use it by adding a reference to your Typescript files. This will allow t
|
||||||
|
|
||||||
### Internet Explorer Compatibility
|
### Internet Explorer Compatibility
|
||||||
|
|
||||||
Mithril relies on some Ecmascript 5 features, namely: `Array::indexOf`, `Array::map` and `Object::keys`, as well as the `JSON` object.
|
Mithril relies on some ECMAScript 5 features, namely: `Array::indexOf`, `Array::map` and `Object::keys`, as well as the `JSON` object. Internet Explorer 8 lacks native support for some of these features.
|
||||||
|
|
||||||
The easiest way to polyfill these features is to include this script:
|
The easiest way to polyfill these features is to include this script:
|
||||||
|
|
||||||
|
|
@ -68,7 +68,7 @@ The easiest way to polyfill these features is to include this script:
|
||||||
This will provide all the polyfills required for the browser. You can alternatively include only specific polyfills:
|
This will provide all the polyfills required for the browser. You can alternatively include only specific polyfills:
|
||||||
|
|
||||||
```markup
|
```markup
|
||||||
<script src="https://polyfill.io/readable/gimme(array.prototype.indexof,object.keys,function.prototype.bind,array.prototype.foreach,JSON)"></script>
|
<script src="http://cdn.polyfill.io/v1/polyfill.min.js?features=Array.prototype.indexOf,Object.keys,Function.prototype.bind,Array.prototype.forEach,JSON"></script>
|
||||||
```
|
```
|
||||||
|
|
||||||
You can also use other polyfills to support these features in IE7.
|
You can also use other polyfills to support these features in IE7.
|
||||||
|
|
|
||||||
7
mithril.d.ts
vendored
7
mithril.d.ts
vendored
|
|
@ -83,16 +83,19 @@ interface MithrilEvent {
|
||||||
}
|
}
|
||||||
|
|
||||||
interface MithrilController {
|
interface MithrilController {
|
||||||
(): any;
|
|
||||||
onunload?(evt: Event): any;
|
onunload?(evt: Event): any;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
interface MithrilControllerFunction extends MithrilController {
|
||||||
|
(): any;
|
||||||
|
}
|
||||||
|
|
||||||
interface MithrilView<T extends MithrilController> {
|
interface MithrilView<T extends MithrilController> {
|
||||||
(ctrl: T): string|MithrilVirtualElement;
|
(ctrl: T): string|MithrilVirtualElement;
|
||||||
}
|
}
|
||||||
|
|
||||||
interface MithrilModule<T extends MithrilController> {
|
interface MithrilModule<T extends MithrilController> {
|
||||||
controller: T;
|
controller: MithrilControllerFunction|{ new(): T };
|
||||||
view: MithrilView<T>;
|
view: MithrilView<T>;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
19
mithril.js
19
mithril.js
|
|
@ -607,14 +607,20 @@ var m = (function app(window, undefined) {
|
||||||
window[listener]()
|
window[listener]()
|
||||||
}
|
}
|
||||||
//config: m.route
|
//config: m.route
|
||||||
else if (arguments[0].addEventListener) {
|
else if (arguments[0].addEventListener || arguments[0].attachEvent) {
|
||||||
var element = arguments[0];
|
var element = arguments[0];
|
||||||
var isInitialized = arguments[1];
|
var isInitialized = arguments[1];
|
||||||
var context = arguments[2];
|
var context = arguments[2];
|
||||||
element.href = (m.route.mode !== 'pathname' ? $location.pathname : '') + modes[m.route.mode] + this.attrs.href;
|
element.href = (m.route.mode !== 'pathname' ? $location.pathname : '') + modes[m.route.mode] + this.attrs.href;
|
||||||
|
if (element.addEventListener) {
|
||||||
element.removeEventListener("click", routeUnobtrusive);
|
element.removeEventListener("click", routeUnobtrusive);
|
||||||
element.addEventListener("click", routeUnobtrusive)
|
element.addEventListener("click", routeUnobtrusive)
|
||||||
}
|
}
|
||||||
|
else {
|
||||||
|
element.detachEvent("onclick", routeUnobtrusive);
|
||||||
|
element.attachEvent("onclick", routeUnobtrusive)
|
||||||
|
}
|
||||||
|
}
|
||||||
//m.route(route, params)
|
//m.route(route, params)
|
||||||
else if (type.call(arguments[0]) === STRING) {
|
else if (type.call(arguments[0]) === STRING) {
|
||||||
var oldRoute = currentRoute;
|
var oldRoute = currentRoute;
|
||||||
|
|
@ -636,7 +642,10 @@ var m = (function app(window, undefined) {
|
||||||
};
|
};
|
||||||
redirect(modes[m.route.mode] + currentRoute)
|
redirect(modes[m.route.mode] + currentRoute)
|
||||||
}
|
}
|
||||||
else $location[m.route.mode] = currentRoute
|
else {
|
||||||
|
$location[m.route.mode] = currentRoute
|
||||||
|
redirect(modes[m.route.mode] + currentRoute)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
m.route.param = function(key) {
|
m.route.param = function(key) {
|
||||||
|
|
@ -689,8 +698,9 @@ var m = (function app(window, undefined) {
|
||||||
if (e.ctrlKey || e.metaKey || e.which === 2) return;
|
if (e.ctrlKey || e.metaKey || e.which === 2) return;
|
||||||
if (e.preventDefault) e.preventDefault();
|
if (e.preventDefault) e.preventDefault();
|
||||||
else e.returnValue = false;
|
else e.returnValue = false;
|
||||||
var currentTarget = e.currentTarget || this;
|
var currentTarget = e.currentTarget || e.srcElement;
|
||||||
var args = m.route.mode === "pathname" && currentTarget.search ? parseQueryString(currentTarget.search.slice(1)) : {};
|
var args = m.route.mode === "pathname" && currentTarget.search ? parseQueryString(currentTarget.search.slice(1)) : {};
|
||||||
|
while (currentTarget && currentTarget.nodeName.toUpperCase() != "A") currentTarget = currentTarget.parentNode
|
||||||
m.route(currentTarget[m.route.mode].slice(modes[m.route.mode].length), args)
|
m.route(currentTarget[m.route.mode].slice(modes[m.route.mode].length), args)
|
||||||
}
|
}
|
||||||
function setScroll() {
|
function setScroll() {
|
||||||
|
|
@ -735,7 +745,8 @@ var m = (function app(window, undefined) {
|
||||||
var prop = m.prop();
|
var prop = m.prop();
|
||||||
promise.then(prop);
|
promise.then(prop);
|
||||||
prop.then = function(resolve, reject) {
|
prop.then = function(resolve, reject) {
|
||||||
return propify(promise.then(resolve, reject))
|
promise = promise.then(resolve, reject).then(prop);
|
||||||
|
return prop;
|
||||||
};
|
};
|
||||||
return prop
|
return prop
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -2246,6 +2246,13 @@ function testMithril(mock) {
|
||||||
xhr.onreadystatechange()
|
xhr.onreadystatechange()
|
||||||
return xhr.$headers["Content-Type"] === undefined
|
return xhr.$headers["Content-Type"] === undefined
|
||||||
})
|
})
|
||||||
|
test(function() {
|
||||||
|
var prop = m.request({method: "POST", url: "test", initialValue: "foo"}).then(function(data) { return data; })
|
||||||
|
var initialValue = prop();
|
||||||
|
mock.XMLHttpRequest.$instances.pop().onreadystatechange()
|
||||||
|
|
||||||
|
return initialValue === "foo"
|
||||||
|
})
|
||||||
test(function() {
|
test(function() {
|
||||||
var prop = m.request({method: "POST", url: "test", initialValue: "foo"})
|
var prop = m.request({method: "POST", url: "test", initialValue: "foo"})
|
||||||
var initialValue = prop();
|
var initialValue = prop();
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue