diff options
Diffstat (limited to 'plugin_loader/static')
| -rw-r--r-- | plugin_loader/static/library.js | 41 | ||||
| -rw-r--r-- | plugin_loader/static/plugin_page.js | 44 |
2 files changed, 85 insertions, 0 deletions
diff --git a/plugin_loader/static/library.js b/plugin_loader/static/library.js new file mode 100644 index 00000000..1e35eee6 --- /dev/null +++ b/plugin_loader/static/library.js @@ -0,0 +1,41 @@ +class PluginEventTarget extends EventTarget { } +method_call_ev_target = new PluginEventTarget(); + +window.addEventListener("message", function(evt) { + console.log(evt); + let ev = new Event(evt.data.call_id); + ev.data = evt.data.result; + method_call_ev_target.dispatchEvent(ev); +}, false); + +async function call_server_method(method_name, arg_object={}) { + let id = `${new Date().getTime()}`; + console.debug(JSON.stringify({ + "id": id, + "method": method_name, + "args": arg_object + })); + return new Promise((resolve, reject) => { + method_call_ev_target.addEventListener(`${id}`, function (event) { + if (event.data.success) resolve(event.data.result); + else reject(event.data.result); + }); + }); +} + +async function fetch_nocors(url, request={}) { + let args = { method: "POST", headers: {}, body: "" }; + request = {...args, ...request}; + request.url = url; + return await call_server_method("http_request", request); +} + +async function call_plugin_method(method_name, arg_object={}) { + if (plugin_name == undefined) + throw new Error("Plugin methods can only be called from inside plugins (duh)"); + return await call_server_method("plugin_method", { + 'plugin_name': plugin_name, + 'method_name': method_name, + 'args': arg_object + }); +}
\ No newline at end of file diff --git a/plugin_loader/static/plugin_page.js b/plugin_loader/static/plugin_page.js new file mode 100644 index 00000000..c58188db --- /dev/null +++ b/plugin_loader/static/plugin_page.js @@ -0,0 +1,44 @@ +(function () { + const PLUGIN_ICON = ` + <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plugin" viewBox="0 0 16 16"> + <path fill-rule="evenodd" d="M1 8a7 7 0 1 1 2.898 5.673c-.167-.121-.216-.406-.002-.62l1.8-1.8a3.5 3.5 0 0 0 + 4.572-.328l1.414-1.415a.5.5 0 0 0 0-.707l-.707-.707 1.559-1.563a.5.5 0 1 0-.708-.706l-1.559 1.562-1.414-1.414 + 1.56-1.562a.5.5 0 1 0-.707-.706l-1.56 1.56-.707-.706a.5.5 0 0 0-.707 0L5.318 5.975a3.5 3.5 0 0 0-.328 + 4.571l-1.8 1.8c-.58.58-.62 1.6.121 2.137A8 8 0 1 0 0 8a.5.5 0 0 0 1 0Z"/> + </svg> + `; + + function createTitle(text) { + return `<div id="plugin_title" class="quickaccessmenu_Title_34nl5">${text}</div>`; + } + + function createPluginList() { + let pages = document.getElementsByClassName("quickaccessmenu_AllTabContents_2yKG4 quickaccessmenu_Down_3rR0o")[0]; + let pluginPage = pages.children[pages.children.length - 1]; + pluginPage.innerHTML = createTitle("Plugins"); + + pluginPage.innerHTML += `<iframe id="plugin_iframe" style="border: none; width: 100%; height: 100%;" src="http://127.0.0.1:1337/plugins/iframe"></iframe>`; + } + + function inject() { + let tabs = document.getElementsByClassName("quickaccessmenu_TabContentColumn_2z5NL Panel Focusable")[0]; + tabs.children[tabs.children.length - 1].innerHTML = PLUGIN_ICON; + + createPluginList(); + } + + let injector = setInterval(function () { + if (document.hasFocus()) { + inject(); + document.getElementById("plugin_title").onclick = function() { + document.getElementById("plugin_iframe").contentWindow.location.href = "http://127.0.0.1:1337/plugins/iframe"; + } + clearInterval(injector); + } + }, 100); +})(); + +function resolveMethodCall(call_id, result) { + let iframe = document.getElementById("plugin_iframe").contentWindow; + iframe.postMessage({'call_id': call_id, 'result': result}, "http://127.0.0.1:1337"); +}
\ No newline at end of file |