Replies: 5 comments 43 replies
-
|
Hi @svefro You can do this by executing JS from backend, for example: async function my_backend_func(e: WebUI.Event) {
// Get folder path...
// Do something...
// const Line = ...
// Run JavaScript (without waiting for response)
e.window.run(`my_frontend_func(${Line});`);
} |
Beta Was this translation helpful? Give feedback.
-
|
Yes, |
Beta Was this translation helpful? Give feedback.
-
|
Someone will update documentation soon. |
Beta Was this translation helpful? Give feedback.
-
|
And now the next issue. |
Beta Was this translation helpful? Give feedback.
-
|
To hide terminal is a Deno/OS thing, webui does not explicitly show the terminal. |
Beta Was this translation helpful? Give feedback.
-
|
i compile on windows using: i assume web gui struggles to keep the application alive in windows since it has no window handle.
|
Beta Was this translation helpful? Give feedback.
-
Maybe because you did not include |
Beta Was this translation helpful? Give feedback.
-
|
ran in to another issue here. i want to use await in a backend function. but i'm not allowed to add async to the callback function. Any tips?
|
Beta Was this translation helpful? Give feedback.
-
|
Until |
Beta Was this translation helpful? Give feedback.
-
|
Thanks for investing the time to figure this out. i have made a backend function that takes a frontend function name to call with the result myWindow.bind('backend_get_kv_and_call_frontend_func_with_target_and_value_string_optional', async (e: WebUI.Event)=> {
const key = e.arg.string(0)
const functionName = e.arg.string(1)
const target = e.arg.string(2)
const isString = e.arg.boolean(3)
const result = await kv.get(["prefs", key])
console.log("backend_get_kv_and_call_frontend_func_with_target_and_value_string_optional " + key + ": " + result.value)
if (isString){
myWindow.run(`${functionName}('${target}','${result.value}')`)
}else{
myWindow.run(`${functionName}('${target}',${result.value})`)
}
return result.value // don't work
});Called in frontend like this: backend_get_kv_and_call_frontend_func_with_target_and_value_string_option("preset_" + preset + "path",'setElementValue','#folder',true)
function setElementValue(elementSelector,value){
let decoded = decodeURI(value)
if (document.getElementById("debugLog").checked){
frontendLog("setElementValue: "+elementSelector + " = " + decoded)
}
document.querySelector(elementSelector).value = decoded
} |
Beta Was this translation helpful? Give feedback.
-
|
Thank you @svefro for pointing this out. Right now, it's only available in Nightly Build version. |
Beta Was this translation helpful? Give feedback.
-
|
Could not wait to try it so i :
And now it works everytime!!!! Perfect :) async function backend_get_kv(e: WebUI.Event) {
const key = e.arg.string(0);
console.log("key is: " + key);
//myWindow.run(`frontendLog("reading ${key}");`);
const opt = await kv.get(["prefs", key]);
console.log("opt.value is: " + opt.value);
//myWindow.run(`frontendLog("got ${key} = ${opt.value}");`);
return String(opt.value)
}
myWindow.bind("backend_get_kv", backend_get_kv);
|
Beta Was this translation helpful? Give feedback.
-
|
when i try to compile app now i get these errors: if compiling with |
Beta Was this translation helpful? Give feedback.
-
|
I fixed all compile issues, and I make it using local dynamic library if exist. However, one compile issue still exist and I run out of time to debug it today... Quick fix is either add error: TS2339 [ERROR]: Property 'run' does not exist on type 'typeof Deno'.
const process = Deno.run({ |
Beta Was this translation helpful? Give feedback.
-
|
Tested and it works. :) |
Beta Was this translation helpful? Give feedback.
-
|
Fixed in webui-dev/deno-webui#61 (comment) |
Beta Was this translation helpful? Give feedback.
-
Just found this project and want to test it as a frontend for a small deno app i have.
The app works through a lot of folders and does stuff to files :P
it was a console application that would be run like this. app -raw /home/username/folder_name
Then it would spew out what it was doing in the console. line by line.
After it had recursed in to all folders and was finished it showed a summary in the console.
i want to make a gui for this.
No problem i though.
so i made a function that is called from the frontend passing in the folder path.
but then as the backend is working i want to show the output, line by line in the web gui.
so i tried to set up events from Deno to the frontend with line updates.
but i get "Uncaught TypeError: webui.setEventCallback is not a function"
is this not implemented in deno yet?
How can i have a backend function in Deno publish events to frontend?
Beta Was this translation helpful? Give feedback.
All reactions