var preparePushState = function(state) {
state = state || {};
if (!state[stateKeyId]) {
state[stateKeyId] = nextUid();
}
currentId = state[stateKeyId];
return state;
};
createJsonp: function() {
var self = this,
opt = self._opt,
paramName = opt.jsonpParam || "callback",
cbName = opt.jsonpCallback || "jsonp_" + nextUid();
opt.url += (rquery.test(opt.url) ? "&" : "?") + paramName + "=" + cbName;
self._jsonpName = cbName;
if (typeof window != strUndef) {
window[cbName] = bind(self.jsonpCallback, self);
}
if (typeof global != strUndef) {
global[cbName] = bind(self.jsonpCallback, self);
}
return cbName;
},
var ObservableEvent = function(name, returnResult, autoTrigger, triggerFilter, filterContext) {
var self = this;
self.name = name;
self.listeners = [];
self.map = {};
self.hash = nextUid();
self.uni = '$$' + name + '_' + self.hash;
self.suspended = false;
self.lid = 0;
if (typeof returnResult == "object" && returnResult !== null) {
extend(self, returnResult, true, false);
}
else {
self.returnResult = returnResult === undf ? null : returnResult; // first|last|all
self.autoTrigger = autoTrigger;
self.triggerFilter = triggerFilter;
self.filterContext = filterContext;
}
};
module.exports = function(){
var win,
history,
location,
observable = new Observable,
api = {},
programId = nextUid(),
stateKeyId = "$$" + programId,
currentId = nextUid(),
hashIdReg = new RegExp("#" + programId + "=([A-Z0-9]+)"),
pushState,
replaceState,
windowLoaded = typeof window == "undefined",
prevLocation = null,
pushStateSupported,
hashChangeSupported,
useHash;
observable.createEvent("before-location-change", false);
var initWindow = function() {
win = window;
history = win.history;
location = win.location;
pushStateSupported = !!history.pushState;
hashChangeSupported = "onhashchange" in win;
useHash = false; //pushStateSupported && (navigator.vendor || "").match(/Opera/);
prevLocation = extend({}, location, true, false);
};
var preparePushState = function(state) {
state = state || {};
if (!state[stateKeyId]) {
state[stateKeyId] = nextUid();
}
currentId = state[stateKeyId];
return state;
};
var prepareReplaceState = function(state) {
state = state || {};
if (!state[stateKeyId]) {
state[stateKeyId] = currentId;
}
return state;
};
var hostsDiffer = function(prev, next) {
if (typeof prev == "string") {
prev = parseLocation(prev);
}
if (typeof next == "string") {
next = parseLocation(next);
}
var canBeEmpty = ["protocol", "host", "port"],
i, l,
k;
for (i = 0, l = canBeEmpty.length; i < l; i++) {
k = canBeEmpty[i];
if (prev[k] && next[k] && prev[k] != next[k]) {
return true;
}
}
return false;
};
var pathsDiffer = function(prev, next) {
if (typeof prev == "string") {
prev = parseLocation(prev);
}
if (typeof next == "string") {
next = parseLocation(next);
}
return hostsDiffer(prev, next) || prev.pathname != next.pathname ||
prev.search != next.search || prev.hash != next.hash;
};
var preparePath = function(url) {
var loc = parseLocation(url);
if (!pushStateSupported || useHash) {
return loc.path;
}
return joinLocation(loc, {onlyPath: true});
};
var getCurrentStateId = function() {
if (pushStateSupported) {
return history.state[stateKeyId];
}
else {
return parseOutHashStateId(location.hash).id;
}
};
var parseOutHashStateId = function(hash) {
var id = null;
hash = hash.replace(hashIdReg, function(match, idMatch){
id = idMatch;
return "";
});
return {
hash: hash,
id: id
};
};
var setHash = function(hash, state) {
if (hash) {
if (hash.substr(0,1) != '#') {
hash = parseOutHashStateId(hash).hash;
hash = "!" + hash + "#" + programId + "=" + currentId;
}
location.hash = hash;
}
else {
location.hash = "";
}
};
var getCurrentUrl = function() {
var loc,
tmp;
if (pushStateSupported) {
//loc = location.pathname + location.search + location.hash;
loc = joinLocation(location);
}
else {
loc = location.hash.substr(1);
tmp = extend({}, location, true, false);
if (loc) {
loc = parseOutHashStateId(loc).hash;
if (loc.substr(0, 1) == "!") {
loc = loc.substr(1);
}
var p = decodeURIComponent(loc).split("?");
tmp.pathname = p[0];
tmp.search = p[1] ? "?" + p[1] : "";
}
loc = joinLocation(tmp);
}
return loc;
};
var onLocationPush = function(url) {
prevLocation = extend({}, location, true, false);
triggerEvent("location-change", url);
};
var onLocationPop = function() {
if (pathsDiffer(prevLocation, location)) {
var url = getCurrentUrl(),
state = history.state || {};
triggerEvent("before-location-pop", url);
currentId = getCurrentStateId();
prevLocation = extend({}, location, true, false);
triggerEvent("location-change", url);
}
};
var triggerEvent = function triggerEvent(event, data, anchor) {
var url = data || getCurrentUrl(),
loc = parseLocation(url),
path = loc.pathname + loc.search + loc.hash;
return observable.trigger(event, path, anchor, url);
};
var init = function() {
initWindow();
// normal pushState
if (pushStateSupported) {
//history.origPushState = history.pushState;
//history.origReplaceState = history.replaceState;
addListener(win, "popstate", onLocationPop);
pushState = function(url, anchor, state) {
if (triggerEvent("before-location-change", url, anchor) === false) {
return false;
}
history.pushState(preparePushState(state), null, preparePath(url));
onLocationPush(url);
};
replaceState = function(url, anchor, state) {
history.replaceState(prepareReplaceState(state), null, preparePath(url));
onLocationPush(url);
};
replaceState(getCurrentUrl());
}
else {
// onhashchange
if (hashChangeSupported) {
pushState = function(url, anchor, state) {
if (triggerEvent("before-location-change", url, anchor) === false) {
return false;
}
async(setHash, null, [preparePath(url), preparePushState(state)]);
};
replaceState = function(url, anchor, state) {
async(setHash, null, [preparePath(url), prepareReplaceState(state)]);
};
addListener(win, "hashchange", onLocationPop);
}
// iframe
else {
var frame = null,
initialUpdate = false;
var createFrame = function() {
frame = window.document.createElement("iframe");
frame.src = 'about:blank';
frame.style.display = 'none';
window.document.body.appendChild(frame);
};
win.onIframeHistoryChange = function(val) {
if (!initialUpdate) {
async(function(){
setHash(val);
onLocationPop();
});
}
};
var pushFrame = function(value) {
var frameDoc;
if (frame.contentDocument) {
frameDoc = frame.contentDocument;
}
else {
frameDoc = frame.contentWindow.document;
}
frameDoc.open();
//update iframe content to force new history record.
frameDoc.write('<html><head><title>' + document.title +
'</title><script type="text/javascript">' +
'var hashValue = "'+value+'";'+
'window.top.onIframeHistoryChange(hashValue);' +
'</script>' +
'</head><body> </body></html>'
);
frameDoc.close();
};
var replaceFrame = function(value) {
frame.contentWindow.hashValue = value;
};
pushState = function(url, anchor, state) {
if (triggerEvent("before-location-change", url, anchor) === false) {
return false;
}
pushFrame(preparePath(url));
};
replaceState = function(url, anchor, state) {
if (triggerEvent("before-location-change", url, anchor) === false) {
return false;
}
replaceFrame(preparePath(url));
};
var initFrame = function(){
createFrame();
initialUpdate = true;
pushFrame(preparePath(location.hash.substr(1)));
initialUpdate = false;
};
if (windowLoaded) {
initFrame();
}
else {
addListener(win, "load", initFrame);
}
}
}
addListener(window.document.documentElement, "click", function(e) {
e = normalizeEvent(e || win.event);
var a = e.target,
href;
while (a && a.nodeName.toLowerCase() != "a") {
a = a.parentNode;
}
if (a && !e.isDefaultPrevented()) {
href = getAttr(a, "href");
if (href == "#") {
e.preventDefault();
e.stopPropagation();
return false;
}
if (href && href.substr(0,1) != "#" && !getAttr(a, "target")) {
var prev = extend({}, location, true, false),
next = parseLocation(href);
if (hostsDiffer(prev, next)) {
return null;
}
if (pathsDiffer(prev, next)) {
pushState(href, a);
}
else {
triggerEvent("same-location", null, a);
}
e.preventDefault();
e.stopPropagation();
return false;
}
}
return null;
});
init = emptyFn;
};
addListener(window, "load", function() {
windowLoaded = true;
});
return extend(api, observable.getApi(), {
push: function(url, state) {
init();
var prev = extend({}, location, true, false),
next = parseLocation(url);
if (hostsDiffer(prev, next)) {
return null;
}
if (pathsDiffer(prev, next)) {
pushState(url, null, state);
}
},
replace: function(url, state) {
init();
replaceState(url, null, state);
},
saveState: function(state) {
init();
replaceState(getCurrentUrl(), null, state);
},
mergeState: function(state) {
this.saveState(extend({}, history.state, state, true, false));
},
getState: function() {
return history.state;
},
getCurrentStateId: function() {
return currentId;
},
current: function() {
init();
return getCurrentUrl();
},
init: function() {
return init();
},
polyfill: function() {
init();
window.history.pushState = function(state, title, url) {
pushState(url, null, state);
};
window.history.replaceState = function(state, title, url) {
replaceState(url, null, state);
};
}
});
}();