var afb = new AFB("api", "HELLO"); var ws; function add_debbug_panel() { if (document.getElementById("debug-panel")) return; var itm = document.getElementById("debug-panel-container"); if (itm) { var pnl = "
\n" + " \n" + " \n" + "
\n" + "

Debug

\n" + "

Call

\n" + "
    \n" + "
  • api :
  • \n" + "
  • verb :
  • \n" + "
  • query :
  • \n" + "
\n" + "
\n" +
			"        
\n" + "

Response

\n" +
			"        

Event

\n" +
			"    
\n" + "
\n"; itm.insertAdjacentHTML("afterbegin", pnl); } } function createClass(name,rules) { var style = document.createElement('style'); style.type = 'text/css'; document.getElementsByTagName('head')[0].appendChild(style); if(!(style.sheet||{}).insertRule) (style.styleSheet || style.sheet).addRule(name, rules); else style.sheet.insertRule(name+"{"+rules+"}",0); } function syntaxHighlight(json) { if (typeof json != 'string') json = JSON.stringify(json, undefined, 2); json = json.replace(/&/g, '&').replace(//g, '>'); return json.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, function (match) { var cls = 'json-number'; if (/^"/.test(match)) { if (/:$/.test(match)) { cls = 'json-key'; } else { cls = 'json-string'; } } else if (/true|false/.test(match)) { cls = 'json-boolean'; } else if (/null/.test(match)) { cls = 'json-null'; } return '' + match + ''; }); } function set_item_html(id, text) { var itm = document.getElementById(id); if (itm) itm.innerHTML = text; } function set_item_text(id, text) { var itm = document.getElementById(id); if (itm) itm.innerText = text; } function debug_panel_collapse() { var pnl = document.getElementById('debug-panel'); if (pnl) { pnl.classList.remove('expanded'); pnl.classList.add('collapsed'); } } function debug_panel_expand() { var pnl = document.getElementById('debug-panel'); if (pnl) { pnl.classList.remove('collapsed'); pnl.classList.add('expanded'); } } function init() { add_debbug_panel(); ws = new afb.ws(onopen, onabort); } function onopen() { //callbinder("ll-auth", "getuser", ""); ws.onevent("*", gotevent); } function onabort() { } function replyok(obj) { console.log("replyok:" + JSON.stringify(obj)); set_item_html("debug-panel-response", syntaxHighlight(JSON.stringify(obj, null, 4))); } function replyerr(obj) { console.log("replyerr:" + JSON.stringify(obj)); set_item_html("debug-panel-response", syntaxHighlight(JSON.stringify(obj, null, 4))); } function gotevent(obj) { console.log("gotevent:" + JSON.stringify(obj)); set_item_html("debug-panel-event", syntaxHighlight(JSON.stringify(obj, null, 4))); } function callbinder(api, verb, query) { console.log ("subscribe api="+api+" verb="+verb+" query=" +query); set_item_text("debug-panel-call-api", api); set_item_text("debug-panel-call-verb", verb); set_item_html("debug-panel-call-query", syntaxHighlight(JSON.stringify(query, null, 4))); ws.call(api+"/"+verb, query).then(replyok, replyerr); } function fake_auth() { var e = document.getElementById("fake-auth-kind"); var arg = { "kind": e.options[e.selectedIndex].value, "key": document.getElementById("fake-auth-key").value } callbinder("identity", "fake-auth", arg); }