Rev 1318 | Blame | Compare with Previous | Last modification | View Log | RSS feed
/*
Copyright (c) 2004-2006, The Dojo Foundation
All Rights Reserved.
Licensed under the Academic Free License version 2.1 or above OR the
modified BSD license. For more information on Dojo licensing, see:
http://dojotoolkit.org/community/licensing.shtml
*/
dojo.provide("dojo.widget.html.loader");
dojo.require("dojo.widget.HtmlWidget");
dojo.require("dojo.io.*");
dojo.require("dojo.lang.common");
dojo.require("dojo.lang.extras");
dojo.require("dojo.experimental");
dojo.experimental("dojo.widget.html.loader");
dojo.widget.html.loader = new (function () {
this.toString = function () {
return "dojo.widget.html.loader";
};
var _loader = this;
dojo.addOnLoad(function () {
dojo.experimental(_loader.toString());
var undo = dojo.evalObjPath("dojo.undo.browser");
if (djConfig["preventBackButtonFix"] && undo && !undo.initialState) {
undo.setInitialState(new trackerObj);
}
});
var logger = {};
var trackerObj = function (id, data) {
this.id = id;
this.data = data;
};
trackerObj.prototype.handle = function (type) {
if (typeof dojo == "undefined") {
return;
}
var wg = dojo.widget.byId(this.id);
if (wg) {
wg.setContent(this.data, true);
}
};
this._log = function (widget, data) {
if (widget.trackHistory) {
if (!logger[widget.widgetId]) {
logger[widget.widgetId] = {childrenIds:[], stack:[data]};
}
var children = logger[widget.widgetId].childrenIds;
while (children && children.length) {
delete logger[children.pop()];
}
for (var child in widget.children) {
logger[widget.widgetId].childrenIds = child.widgetId;
}
dojo.undo.browser.addToHistory(new trackerObj(widget.widgetId, dojo.lang.shallowCopy(data, true)));
}
};
var undef = dojo.lang.isUndefined;
var isFunc = dojo.lang.isFunction;
function handleDefaults(e, handler, useAlert) {
if (!handler) {
handler = "onContentError";
}
if (dojo.lang.isString(e)) {
e = {_text:e};
}
if (!e._text) {
e._text = e.toString();
}
e.toString = function () {
return this._text;
};
if (typeof e.returnValue != "boolean") {
e.returnValue = true;
}
if (typeof e.preventDefault != "function") {
e.preventDefault = function () {
this.returnValue = false;
};
}
this[handler](e);
if (e.returnValue) {
if (useAlert) {
alert(e.toString());
} else {
this.loader.callOnUnLoad.call(this, false);
this.onSetContent(e.toString());
}
}
}
function downloader(bindArgs) {
for (var x in this.bindArgs) {
bindArgs[x] = (undef(bindArgs[x]) ? this.bindArgs[x] : undefined);
}
var cache = this.cacheContent;
if (undef(bindArgs.useCache)) {
bindArgs.useCache = cache;
}
if (undef(bindArgs.preventCache)) {
bindArgs.preventCache = !cache;
}
if (undef(bindArgs.mimetype)) {
bindArgs.mimetype = "text/html";
}
this.loader.bindObj = dojo.io.bind(bindArgs);
}
function stackRunner(st) {
var err = "", func = null;
var scope = this.scriptScope || dojo.global();
while (st.length) {
func = st.shift();
try {
func.call(scope);
}
catch (e) {
err += "\n" + func + " failed: " + e;
}
}
if (err.length) {
var name = (st == this.loader.addOnLoads) ? "addOnLoad" : "addOnUnLoad";
handleDefaults.call(this, name + " failure\n " + err, "onExecError", true);
}
}
function stackPusher(st, obj, func) {
if (typeof func == "undefined") {
st.push(obj);
} else {
st.push(function () {
obj[func]();
});
}
}
function refreshed() {
this.onResized();
this.onLoad();
this.isLoaded = true;
}
function asyncParse(data) {
if (this.executeScripts) {
this.onExecScript.call(this, data.scripts);
}
if (this.parseContent) {
this.onContentParse.call(this);
}
refreshed.call(this);
}
function runHandler() {
if (dojo.lang.isFunction(this.handler)) {
this.handler(this, this.containerNode || this.domNode);
refreshed.call(this);
return false;
}
return true;
}
this.htmlContentBasicFix = function (s, url) {
var titles = [], styles = [];
var regex = /<title[^>]*>([\s\S]*?)<\/title>/i;
var match, attr;
while (match = regex.exec(s)) {
titles.push(match[1]);
s = s.substring(0, match.index) + s.substr(match.index + match[0].length);
}
regex = /(?:<(style)[^>]*>([\s\S]*?)<\/style>|<link ([^>]*rel=['"]?stylesheet['"]?[^>]*)>)/i;
while (match = regex.exec(s)) {
if (match[1] && match[1].toLowerCase() == "style") {
styles.push(dojo.html.fixPathsInCssText(match[2], url));
} else {
if (attr = match[3].match(/href=(['"]?)([^'">]*)\1/i)) {
styles.push({path:attr[2]});
}
}
s = s.substring(0, match.index) + s.substr(match.index + match[0].length);
}
return {"s":s, "titles":titles, "styles":styles};
};
this.htmlContentAdjustPaths = function (s, url) {
var tag = "", str = "", tagFix = "", path = "";
var attr = [], origPath = "", fix = "";
var regexFindTag = /<[a-z][a-z0-9]*[^>]*\s(?:(?:src|href|style)=[^>])+[^>]*>/i;
var regexFindAttr = /\s(src|href|style)=(['"]?)([\w()\[\]\/.,\\'"-:;#=&?\s@]+?)\2/i;
var regexProtocols = /^(?:[#]|(?:(?:https?|ftps?|file|javascript|mailto|news):))/;
while (tag = regexFindTag.exec(s)) {
str += s.substring(0, tag.index);
s = s.substring((tag.index + tag[0].length), s.length);
tag = tag[0];
tagFix = "";
while (attr = regexFindAttr.exec(tag)) {
path = "";
origPath = attr[3];
switch (attr[1].toLowerCase()) {
case "src":
case "href":
if (regexProtocols.exec(origPath)) {
path = origPath;
} else {
path = (new dojo.uri.Uri(url, origPath).toString());
}
break;
case "style":
path = dojo.html.fixPathsInCssText(origPath, url);
break;
default:
path = origPath;
}
fix = " " + attr[1] + "=" + attr[2] + path + attr[2];
tagFix += tag.substring(0, attr.index) + fix;
tag = tag.substring((attr.index + attr[0].length), tag.length);
}
str += tagFix + tag;
}
return str + s;
};
this.htmlContentScripts = function (s, collectScripts) {
var scripts = [], requires = [], match = [];
var attr = "", tmp = null, tag = "", sc = "", str = "";
var regex = /<script([^>]*)>([\s\S]*?)<\/script>/i;
var regexSrc = /src=(['"]?)([^"']*)\1/i;
var regexDojoJs = /.*(\bdojo\b\.js(?:\.uncompressed\.js)?)$/;
var regexInvalid = /(?:var )?\bdjConfig\b(?:[\s]*=[\s]*\{[^}]+\}|\.[\w]*[\s]*=[\s]*[^;\n]*)?;?|dojo\.hostenv\.writeIncludes\(\s*\);?/g;
var regexRequires = /dojo\.(?:(?:require(?:After)?(?:If)?)|(?:widget\.(?:manager\.)?registerWidgetPackage)|(?:(?:hostenv\.)?setModulePrefix)|defineNamespace)\((['"]).*?\1\)\s*;?/;
while (match = regex.exec(s)) {
if (this.executeScripts && match[1]) {
if (attr = regexSrc.exec(match[1])) {
if (regexDojoJs.exec(attr[2])) {
dojo.debug("Security note! inhibit:" + attr[2] + " from beeing loaded again.");
} else {
scripts.push({path:attr[2]});
}
}
}
if (match[2]) {
sc = match[2].replace(regexInvalid, "");
if (!sc) {
continue;
}
while (tmp = regexRequires.exec(sc)) {
requires.push(tmp[0]);
sc = sc.substring(0, tmp.index) + sc.substr(tmp.index + tmp[0].length);
}
if (collectScripts) {
scripts.push(sc);
}
}
s = s.substr(0, match.index) + s.substr(match.index + match[0].length);
}
if (collectScripts) {
var regex = /(<[a-zA-Z][a-zA-Z0-9]*\s[^>]*\S=(['"])[^>]*[^\.\]])scriptScope([^>]*>)/;
str = "";
while (tag = regex.exec(s)) {
tmp = ((tag[2] == "'") ? "\"" : "'");
str += s.substring(0, tag.index);
s = s.substr(tag.index).replace(regex, "$1dojo.widget.byId(" + tmp + this.widgetId + tmp + ").scriptScope$3");
}
s = str + s;
}
return {"s":s, "requires":requires, "scripts":scripts};
};
this.splitAndFixPaths = function (args) {
if (!args.url) {
args.url = "./";
}
url = new dojo.uri.Uri(location, args.url).toString();
var ret = {"xml":"", "styles":[], "titles":[], "requires":[], "scripts":[], "url":url};
if (args.content) {
var tmp = null, content = args.content;
if (args.adjustPaths) {
content = _loader.htmlContentAdjustPaths.call(this, content, url);
}
tmp = _loader.htmlContentBasicFix.call(this, content, url);
content = tmp.s;
ret.styles = tmp.styles;
ret.titles = tmp.titles;
if (args.collectRequires || args.collectScripts) {
tmp = _loader.htmlContentScripts.call(this, content, args.collectScripts);
content = tmp.s;
ret.requires = tmp.requires;
ret.scripts = tmp.scripts;
}
var match = [];
if (args.bodyExtract) {
match = content.match(/<body[^>]*>\s*([\s\S]+)\s*<\/body>/im);
if (match) {
content = match[1];
}
}
ret.xml = content;
}
return ret;
};
this.hookUp = function (args) {
var widget = args.widget;
if (dojo.lang.isString(widget)) {
if (args.mixin) {
dojo.raise(this.toString() + ", cant use mixin when widget is a string");
}
widget = dojo.evalObjPath(widget);
}
if (!widget || !(widget instanceof dojo.widget.HtmlWidget)) {
dojo.raise(this.toString() + " Widget isn't defined or isn't a HtmlWidget instance");
}
if (widget.loader && widget.setUrl) {
return;
}
var widgetProto = (args.mixin) ? widget : widget.constructor.prototype;
widget.loader = {isLoaded:false, styleNodes:[], addOnLoads:[], addOnUnLoads:[], callOnUnLoad:(function (canCall) {
return function (after) {
this.abort();
if (canCall) {
this.onUnLoad();
}
canCall = after;
};
})(false), bindObj:null, unHook:(function (w, wg) {
var oldProps = {isContainer:w.isContainer, adjustPats:w.adjustPaths, href:w.href, extractContent:w.extractContent, parseContent:w.parseContent, cacheContent:w.cacheContent, bindArgs:w.bindArgs, preload:w.preload, refreshOnShow:w.refreshOnShow, handler:w.handler, trackHistory:w.trackHistory, executeScripts:w.executeScripts, scriptScope:w.scriptScope, postCreate:w.postCreate, show:w.show, refresh:w.refresh, loadContents:w.loadContents, abort:w.abort, destroy:w.destroy, onLoad:w.onLoad, onUnLoad:w.onUnLoad, addOnLoad:w.addOnLoad, addOnUnLoad:w.addOnUnLoad, onDownloadStart:w.onDownloadStart, onDownloadEnd:w.onDownloadEnd, onDownloadError:w.onDownloadError, onContentError:w.onContentError, onExecError:w.onExecError, onSetContent:w.onSetContent, setUrl:w.setUrl, setContent:w.setContent, onContentParse:w.onContentParse, onExecScript:w.onExecScript, setHandler:w.setHandler};
return function () {
if (wg.abort) {
wg.abort();
}
if ((w != wg) && (dojo.widget.byType(wg.widgetType).length > 1)) {
return;
}
for (var x in oldProps) {
if (oldProps[x] === undefined) {
delete w[x];
continue;
}
w[x] = oldProps[x];
}
delete wg._loader_defined;
delete wg.loader;
};
})(widgetProto, widget)};
if (widgetProto._loader_defined || widget._loader_defined) {
return;
}
dojo.mixin(widgetProto, {isContainer:true, adjustPaths:undef(widgetProto.adjustPaths) ? true : widgetProto.adjustPaths, href:undef(widgetProto.href) ? "" : widgetProto.href, extractContent:undef(widgetProto.extractContent) ? true : widgetProto.extractContent, parseContent:undef(widgetProto.parseContent) ? true : widgetProto.parseContent, cacheContent:undef(widgetProto.cacheContent) ? true : widgetProto.cacheContent, bindArgs:undef(widgetProto.bindArgs) ? {} : widgetProto.bindArgs, preload:undef(widgetProto.preload) ? false : widgetProto.preload, refreshOnShow:undef(widgetProto.refreshOnShow) ? false : widgetProto.refreshOnShow, handler:undef(widgetProto.handler) ? "" : widgetProto.handler, executeScripts:undef(widgetProto.executeScripts) ? false : widgetProto.executeScripts, trackHistory:undef(widgetProto.tracHistory) ? false : widgetProto.trackHistory, scriptScope:null});
widgetProto.postCreate = (function (postCreate) {
return function () {
if (widgetProto.constructor.superclass.postCreate != postCreate) {
postCreate.apply(this, arguments);
} else {
widgetProto.constructor.superclass.postCreate.apply(this, arguments);
}
if (this.handler !== "") {
this.setHandler(this.handler);
}
if (this.isShowing() || this.preload) {
this.loadContents();
if (!this.href) {
_loader._log(this, (this.domNode || this.containerNode).innerHTML);
}
}
};
})(widgetProto.postCreate);
widgetProto.show = (function (show) {
return function () {
if (this.refreshOnShow) {
this.refresh();
} else {
this.loadContents();
}
if ((widgetProto.constructor.superclass.show == show) || !isFunc(show)) {
widgetProto.constructor.superclass.show.apply(this, arguments);
} else {
show.apply(this, arguments);
}
};
})(widgetProto.show);
widgetProto.destroy = (function (destroy) {
return function (destroy) {
this.onUnLoad();
this.abort();
this.loader.unHook();
if ((widgetProto.constructor.superclass.destroy != destroy) && isFunc(destroy)) {
destroy.apply(this, arguments);
} else {
widgetProto.constructor.superclass.destroy.apply(this, arguments);
}
};
})(widgetProto.destroy);
if (!widgetProto.refresh) {
widgetProto.refresh = function () {
this.loader.isLoaded = false;
this.loadContents();
};
}
if (!widgetProto.loadContents) {
widgetProto.loadContents = function () {
if (this.loader.isLoaded) {
return;
}
if (isFunc(this.handler)) {
runHandler.call(this);
} else {
if (this.href !== "") {
handleDefaults.call(this, "Loading...", "onDownloadStart");
var self = this, url = this.href;
downloader.call(this, {url:url, load:function (type, data, xhr) {
self.onDownloadEnd.call(self, url, data);
}, error:function (type, err, xhr) {
var e = {responseText:xhr.responseText, status:xhr.status, statusText:xhr.statusText, responseHeaders:(xhr.getAllResponseHeaders) ? xhr.getAllResponseHeaders() : [], _text:"Error loading '" + url + "' (" + xhr.status + " " + xhr.statusText + ")"};
handleDefaults.call(self, e, "onDownloadError");
self.onLoad();
}});
}
}
};
}
if (!widgetProto.abort) {
widgetProto.abort = function () {
if (!this.loader || !this.loader.bindObj || !this.loader.bindObj.abort) {
return;
}
this.loader.bindObj.abort();
this.loader.bindObj = null;
};
}
if (!widgetProto.onLoad) {
widgetProto.onLoad = function () {
stackRunner.call(this, this.loader.addOnLoads);
this.loader.isLoaded = true;
};
}
if (!widgetProto.onUnLoad) {
widgetProto.onUnLoad = function () {
stackRunner.call(this, this.loader.addOnUnLoads);
delete this.scriptScope;
};
}
if (!widgetProto.addOnLoad) {
widgetProto.addOnLoad = function (obj, func) {
stackPusher.call(this, this.loader.addOnLoads, obj, func);
};
}
if (!widgetProto.addOnUnLoad) {
widgetProto.addOnUnLoad = function (obj, func) {
stackPusher.call(this, this.loader.addOnUnLoads, obj, func);
};
}
if (!widgetProto.onExecError) {
widgetProto.onExecError = function () {
};
}
if (!widgetProto.onContentError) {
widgetProto.onContentError = function () {
};
}
if (!widgetProto.onDownloadError) {
widgetProto.onDownloadError = function () {
};
}
if (!widgetProto.onDownloadStart) {
widgetProto.onDownloadStart = function (onDownloadStart) {
};
}
if (!widgetProto.onDownloadEnd) {
widgetProto.onDownloadEnd = function (url, data) {
var args = {content:data, url:url, adjustPaths:this.adjustPaths, collectScripts:this.executeScripts, collectRequires:this.parseContent, bodyExtract:this.extractContent};
data = _loader.splitAndFixPaths.call(this, args);
this.setContent(data);
};
}
if (!widgetProto.onSetContent) {
widgetProto.onSetContent = function (cont) {
this.destroyChildren();
var styleNodes = this.loader.styleNodes;
while (styleNodes.length) {
var st = styleNodes.pop();
if (st && st.parentNode) {
st.parentNode.removeChild(st);
}
}
var node = this.containerNode || this.domNode;
while (node.firstChild) {
try {
dojo.event.browser.clean(node.firstChild);
}
catch (e) {
}
node.removeChild(node.firstChild);
}
try {
if (typeof cont != "string") {
node.appendChild(cont);
} else {
try {
node.innerHTML = cont;
}
catch (e) {
var tmp;
(tmp = dojo.doc().createElement("div")).innerHTML = cont;
while (tmp.firstChild) {
node.appendChild(tmp.removeChild(tmp.firstChild));
}
}
}
}
catch (e) {
e._text = "Could'nt load content: " + e;
var useAlert = (this.loader._onSetContent_err == e._text);
this.loader._onSetContent_err = e._text;
handleDefaults.call(this, e, "onContentError", useAlert);
}
};
}
if (!widgetProto.setUrl) {
widgetProto.setUrl = function (url) {
this.href = url;
this.loader.isLoaded = false;
if (this.preload || this.isShowing()) {
this.loadContents();
}
};
}
if (!widgetProto.setContent) {
widgetProto.setContent = function (data, dontLog) {
this.loader.callOnUnLoad.call(this, true);
if (!data || dojo.html.isNode(data)) {
this.onSetContent(data);
refreshed.call(this);
} else {
if (typeof data.xml != "string") {
this.href = "";
var args = {content:data, url:this.href, adjustPaths:this.adjustPaths, collectScripts:this.executeScripts, collectRequires:this.parseContent, bodyExtract:this.extractContent};
data = _loader.splitAndFixPaths.call(this, args);
} else {
if (data.url != "./") {
this.url = data.url;
}
}
this.onSetContent(data.xml);
for (var i = 0, styles = data.styles; i < styles.length; i++) {
if (styles[i].path) {
this.loader.styleNodes.push(dojo.html.insertCssFile(styles[i].path));
} else {
this.loader.styleNodes.push(dojo.html.insertCssText(styles[i]));
}
}
if (this.parseContent) {
for (var i = 0, requires = data.requires; i < requires.length; i++) {
try {
eval(requires[i]);
}
catch (e) {
e._text = "dojo.widget.html.loader.hookUp: error in package loading calls, " + (e.description || e);
handleDefaults.call(this, e, "onContentError", true);
}
}
}
if (dojo.hostenv.isXDomain && data.requires.length) {
dojo.addOnLoad(function () {
asyncParse.call(this, data);
if (!dontLog) {
_loader._log(this, data);
}
});
dontLog = true;
} else {
asyncParse.call(this, data);
}
}
if (!dontLog) {
}
};
}
if (!widgetProto.onContentParse) {
widgetProto.onContentParse = function () {
var node = this.containerNode || this.domNode;
var parser = new dojo.xml.Parse();
var frag = parser.parseElement(node, null, true);
dojo.widget.getParser().createSubComponents(frag, this);
};
}
if (!widgetProto.onExecScript) {
widgetProto.onExecScript = function (scripts) {
var self = this, tmp = "", code = "";
for (var i = 0; i < scripts.length; i++) {
if (scripts[i].path) {
var url = scripts[i].path;
downloader.call(this, {"url":url, "load":function (type, scriptStr) {
(function () {
tmp = scriptStr;
scripts[i] = scriptStr;
}).call(self);
}, "error":function (type, error) {
error._text = type + " downloading remote script";
handleDefaults.call(self, error, "onExecError", true);
}, "mimetype":"text/plain", "sync":true});
code += tmp;
} else {
code += scripts[i];
}
}
try {
delete this.scriptScope;
this.scriptScope = new (new Function("_container_", code + "; return this;"))(self);
}
catch (e) {
e._text = "Error running scripts from content:\n" + (e.description || e.toString());
handleDefaults.call(this, e, "onExecError", true);
}
};
}
if (!widgetProto.setHandler) {
widgetProto.setHandler = function (handler) {
var fcn = dojo.lang.isFunction(handler) ? handler : window[handler];
if (!isFunc(fcn)) {
handleDefaults.call(this, "Unable to set handler, '" + handler + "' not a function.", "onExecError", true);
return;
}
this.handler = function () {
return fcn.apply(this, arguments);
};
};
}
widgetProto._loader_defined = true;
};
})();