Skip to content

R
renderjs
Commit 4a44482d authored by Sven Franck's avatar Sven Franck
Browse files
Options

started integrating dispatch and external code into prototype

parent 734051d3
Show whitespace changes
Inline Side-by-side
Showing with 187 additions and 74 deletions
renderjs.js
View file @ 4a44482d
......@@ -373,39 +373,22 @@
}
};
// => mapping URL query-string (configuration
priv.mapUrlString = function (spec) {
var key, obj, parsedJSON, config = {};
if (spec !== undefined && spec !== "") {
obj = spec.slice(1).split("=");
key = obj[0];
switch (key) {
case "string":
case "url":
config.root = priv.decodeURI(obj[1]);
break;
case "json":
parsedJSON = JSON.parse(priv.decodeURI(obj[1]));
config.root = parsedJSON.root || window.location.pathname;
config.src = priv.decodeURIArray(parsedJSON.src) || [];
break;
case "hal":
parsedJSON = JSON.parse(priv.decodeURI(obj[1]));
config.root = parsedJSON._links.self || window.location.pathname;
config.src = priv.decodeURIArray(parsedJSON.src) || [];
break;
case "data":
break;
default:
// no allowable-type - ignore config-parameter!
config.root = window.location.href;
config.src = [];
break;
}
} else {
config = {"root": window.location.href};
}
return config;
// => map internal browser:// urls
// API browser://{command}/{method}/{scope}/{interaction}/
priv.mapBrowserURL = function (url) {
var api = ['command', 'method', 'scope', 'interaction'], internalRequest;
try {
internalRequest = url.split("/")
.filter( String )
.splice(1)
.reduce( function( previous, current, index ){
previous[ api[index] ] = current;
return previous;
},{});
} catch(e) {
console.log("internal URL could not be mapped");
}
return internalRequest;
};
// => create Index of gadgets on page (excluding gadgets in iFrame/Sandbox)
......@@ -439,7 +422,7 @@
if (options.parentFrame === undefined) {
treeNode.children.unshift({
"id": options.id,
"src": options.src,
"src": priv.makeUrlAbsolute(priv.decodeURI(options.src)),
"foreign" : priv.isForeignUrl(options.src),
"children": []
});
......@@ -482,6 +465,8 @@
priv.constructSelectorForService = function (src, node, selector) {
var i, result;
selector = selector || [];
// the error is in the gadgetTree!
// we must not push "root" into the array to make reduce work
if (node.id !== "root") {
selector.push([node.id, node.foreign]);
......@@ -489,6 +474,7 @@
if (node.src === src) {
return selector;
}
for (i = 0; i < node.children.length; i += 1) {
result = priv.constructSelectorForService(
src,
......@@ -522,9 +508,9 @@
};
// => manages all interactions (listens to incoming postMessages)
// need a switch, because only one "message" listener can be set
priv.serviceHandler = function (event) {
var type = event.data.type, route, trackingId;
var type = event.data.type, route;
if (type) {
route = event.data.type.split("/");
......@@ -535,20 +521,11 @@
// route
switch (route[0]) {
case "service":
case "register":
priv.registerNewService(event);
break;
case "request":
trackingId = priv.generateUuid();
// track this request, so we know where to send the response
priv.trackRequest(trackingId, event.originalTarget);
// request the service
priv.requestServiceFromGadget(event, trackingId);
break;
case "tree":
if (route[1] === "update") {
priv.addGadgetToTree(event.data.options, that.gadgetTree);
}
priv.requestServiceFromGadget(event);
break;
case "run":
priv.runService(event);
......@@ -559,9 +536,48 @@
case "reply":
priv.returnResult(event);
break;
// not part of the request-response cylce, but if the gadgetTree
// is global at the top, we need to inform the top about gadgets to add
case "tree":
if (route[1] === "update") {
priv.addGadgetToTree(event.data.options, that.gadgetTree);
}
break;
}
} else {
// no matching type!
// switch to using URLs here
// global get!
$.ajax({
method: "GET",
url: event.data,
error: function (jqXHR, textStatus, errorThrown) {
console.log("request failed: " + errorThrown);
},
success: function (value, textStatus, jqXHR) {
// switch here!
var scope = value._links.self.href.split("/").slice(0,-1).pop(),
service = {
"service" : value._links.self.href.split(/[/]+/).pop(),
"parameters" : [value._links.request.href],
"scope" : scope
},
request = 'browser://request/' + scope + '/';
$.ajax({
method: "POST",
url: request,
context: $(this),
data: JSON.stringify(service),
error: function (jqXHR, textStatus, errorThrown) {
console.log("request for service failed");
},
// success: function () {
// console.log("service requested from renderJS");
// }
});
}
});
}
};
......@@ -660,14 +676,18 @@
};
// => request a service provided by a gadget
priv.requestServiceFromGadget = function (event, trackingId) {
priv.requestServiceFromGadget = function (event) {
var callService = priv.findServiceInMap(
event.data.service,
event.data.type.split("/")[1]
),
selector,
targetWindow,
options;
options,
trackingId = priv.generateUuid();
// track this request, so we know where to send the response
priv.trackRequest(trackingId, event.originalTarget);
if (callService) {
// services are stored by URL (not id), because if inside an iFrame
......@@ -677,7 +697,7 @@
// in our gadget tree by using the URL provided by the service...
// and return an id path, so we can create a selector
selector = priv.constructSelectorForService(
callService.src,
priv.decodeURI(callService.src),
that.gadgetTree,
[]
);
......@@ -750,6 +770,7 @@
}
}
if (addInteraction) {
delete event.data.type;
that.gadgetService.map.push(event.data);
}
};
......@@ -769,6 +790,7 @@
services,
service,
options,
src,
i,
j;
......@@ -778,10 +800,11 @@
for (i = 0; i < services.length; i += 1) {
service = JSON.parse(priv.getAttribute(services[i], 'service'));
for (j = 0; j < service.length; j += 1) {
src = service[j].src || window.location.href.split("?")[0];
options = {
"rel": service[j].rel,
"type": service[j].type,
"src": service[j].src || window.location.href.split("?")[0],
"type": service[j].type || "register/any",
"src": priv.makeUrlAbsolute(priv.decodeURI(src)),
"url": ""
};
$(root).addService(options);
......@@ -837,7 +860,8 @@
cleanedString,
content,
i,
element;
element,
src;
// update gadgetIndex
priv.registerGadget(gadgetData, options);
......@@ -863,10 +887,12 @@
element = content[i];
switch (element.tagName) {
case "LINK":
if (element.getAttribute("type").split("/")[0] === "service") {
if (element.getAttribute("type").split("/")[0] === "register") {
// need to make sure we store absolute URLs for services, too!
src = element.getAttribute("src") ||
window.location.href.split("?")[0];
$(element).addService({
"src": element.getAttribute("src") ||
window.location.href.split("?")[0],
"src": priv.makeUrlAbsolute(priv.decodeURI(src)),
"type": element.getAttribute("type"),
"rel": element.getAttribute("rel"),
"url": ""
......@@ -960,7 +986,7 @@
// both root and iFrame try to map location.search, either for initial
// configuration or to retrieve the root when inside an iFrame
var spec = priv.mapUrlString(window.location.search);
var spec = that.mapUrl(window.location.search);
// create index
priv.createGadgetIndex();
......@@ -982,11 +1008,69 @@
};
// ================ public API (call on renderJs and $(elem) ===========
// => mapURL searchstring
that.mapUrl = function (spec, internal) {
var key,
obj,
parsedJSON,
configuration = {};
if (spec !== undefined && spec !== "") {
obj = spec.slice(1).split("=");
key = obj[0];
switch (key) {
case "string":
case "url":
configuration.root = priv.decodeURI(obj[1]);
break;
case "json":
parsedJSON = JSON.parse(priv.decodeURI(obj[1]));
configuration.root = parsedJSON.root || window.location.pathname;
configuration.src = priv.decodeURIArray(parsedJSON.src) || [];
break;
case "hal":
parsedJSON = JSON.parse(priv.decodeURI(obj[1]));
configuration.root = parsedJSON._links.self || window.location.pathname;
configuration.src = priv.decodeURIArray(parsedJSON.src) || [];
break;
case "file":
$.ajax({
method: 'GET',
url: obj[1],
context: $('body'),
fail: function (jqXHR, textStatus, errorThrown) {
configuration = {
"errorThrown":errorThrown,
"textStatus": textStatus,
"jqXHR": jqXHR
}
},
done: function (value, textStatus, jqXHR) {
configuration = {
"value":value,
"textStatus": textStatus,
"jqXHR": jqXHR
}
}
});
break;
default:
// no allowable-type - ignore configuration-parameter!
configuration.root = window.location.href;
configuration.src = [];
break;
}
} else {
configuration = {"root": window.location.href};
}
return configuration;
};
// => publish a service to this instance (and root instance)
that.addService = $.fn.addService = function (options) {
var addressArray = window.location.href.split("?"), targetUrl;
options.src = options.src || addressArray[0];
options.src = priv.makeUrlAbsolute(priv.decodeURI(options.src)) || addressArray[0];
// posts to URL passed (need for CORS?)
// otherwise window.top.location.href) would also work
......@@ -995,6 +1079,7 @@
} else {
targetUrl = priv.decodeURI(addressArray[1].split("=")[1]);
}
// TODO: this should be a URL link
window.top.postMessage(options, targetUrl);
};
......@@ -1152,16 +1237,41 @@
browse_ss_file_regexp = /^browser:\/\/browse\/ss\/([\w\W]+)/,
browse_ss_directory_regexp = /^browser:\/\/browse\/ss\//,
// internal API (scope, interaction are optional)
// child > parent = call/{method}/{scope}/{interaction}/
// parent > child = delegate/{method}/{scope}/{interaction}/
// gadget > global = request/{method}/{scope}/{interaction}/
call_regexp = /^browser:\/\/call\/([\w\W]+)\//,
delegate_regexp = /^browser:\/\/delegate\/([\w\W]+)\//,
request_regexp = /^browser:\/\/request\/([\w\W]+)\//,
// vars
key, config, provider, param, value, targetWindow;
// =================== cleanup ====================
// internal API
// {command}/{method}/{scope}/{interaction}/
var internalRequest = priv.mapBrowserURL(this.url);
if (internalRequest.command === "call") {
// if (this.method === "POST") {
//
// } else {
// this.respond(405, {}, "");
// }
} else if (internalRequest.command === "delegate") {
// if (this.method === "POST") {
//
// } else {
// this.respond(405, {}, "");
// }
} else if (internalRequest.command === "request") {
// if (this.method === "POST") {
//
// } else {
// this.respond(405, {}, "");
// }
} else {
// this.respond(404, {}, "");
}
// =================== previous ====================
// localStorage handler
if (ls_regexp.test(this.url)) {
key = ls_regexp.exec(this.url)[1];
......@@ -1280,14 +1390,17 @@
// still inside child frame
// add to tree, so lookup is possible when service is requested
config = JSON.parse(this.requestBody);
window.parent.postMessage({
"type": "tree/update",
"options": {
"id": config.self,
"src": config.src,
"children": []
}
}, "*");
// // we don't need this here!
// // but first get the internal router to work, so we only
// // handle data-uris
// window.parent.postMessage({
// "type": "tree/update",
// "options": {
// "id": config.self,
// "src": config.src,
// "children": []
// }
// }, "*");
// generate a url to be called once the service is requested
// this is a parent > child URL, so we delegate
......@@ -1300,11 +1413,11 @@
config.scope = value || "any";
// register service
window.parent.postMessage(config, "*");
window.top.postMessage(config, "*");
this.respond(204, {}, "");
} else if (key === "service") {
} else if (key === "request") {
// inside child frame, request service to be run
var sendToParent = "data://application/hal+json;base64," +
window.btoa(JSON.stringify({
......@@ -1313,7 +1426,7 @@
request: {href: this.requestBody}
}}));
window.parent.postMessage(sendToParent, "*");
window.top.postMessage(sendToParent, "*");
} else {
this.respond(404, {}, "");
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7