Replies: 2 comments 6 replies
-
|
It's embedded in the webui lib as array of bytes. js2c.py saves it to webui_bridge.h |
Beta Was this translation helpful? Give feedback.
-
|
Right it's a "virtual" file. |
Beta Was this translation helpful? Give feedback.
-
|
How do you use it in vitejs for instance? |
Beta Was this translation helpful? Give feedback.
-
|
it should be at |
Beta Was this translation helpful? Give feedback.
-
|
Sharing an example when using Vite with SvelteKit, the script line with the virtual webui.js file can be added to <! -- app.html -->
...
<meta name="viewport" content="width=device-width, initial-scale=1" />
+ <script src="webui.js"></script>
%sveltekit.head%
...For more control, it can also reside in <! -- +layout.svelte -->
...
<svelte:head>
<script src="webui.js"></script>
</svelte:head>For example, this would allow to make it conditional. One case where this can be useful is if parts of the frontend are developed in a regular browser / in an environment without webui. Like: <! -- +layout.svelte -->
...
<svelte:head>
{#if process.env.NODE_ENV === 'production'}
<script src="webui.js"></script>
{/if}
</svelte:head>For other frameworks just adapt accordingly where you can throw in that script line. |
Beta Was this translation helpful? Give feedback.
-
|
Thanks for the detailed reply! Here is what I ended up doing for rsbuild: src/template.html <!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<script src="/webui.js"></script>
</body>
</html>rsbuild.config.ts import { defineConfig } from "@rsbuild/core";
import { pluginSvelte } from "@rsbuild/plugin-svelte";
export default defineConfig({
plugins: [pluginSvelte()],
html: {
inject: "body",
template: "./src/template.html"
},
},
}); |
Beta Was this translation helpful? Give feedback.
-
|
Hello, I have the same problem, with the Go binding: Here, I expected that webui.js is at http://localhost:5173/webui.js package main
import (
"fmt"
ui "github.com/webui-dev/go-webui/v2"
)
func greet(e ui.Event) string {
name, _ := ui.GetArg[string](e)
fmt.Printf("%s has reached the backend!\n", name)
jsResp := fmt.Sprintf("Hello %s 🐇", name)
return jsResp
}
func main() {
w := ui.NewWindow()
ui.Bind(w, "greet", greet)
w.ShowBrowser("http://localhost:5173", ui.Firefox)
ui.Wait()
}Here is the index.html, which is served in the 5173 via vite: <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<titleLit component</title>
<script src="/webui.js"></script>
<script type="module" src="./my-element.js"></script>
</head>
<body>
<my-element></my-element>
</body>
</html>I can view the html inside the webui window, but the http://localhost:5173/webui.js do not exist. |
Beta Was this translation helpful? Give feedback.
-
|
I assume you are using your own web server
Full working example in C: Go Example: <html>
<head>
<script src="http://localhost:5100/webui.js"></script>
</head>
...
</html>func main() {
w := ui.NewWindow()
ui.SetPort(5100) // This mean `webui.js` will be at `localhost:5100/webui.js`
w.ShowBrowser("http://localhost:5173", ui.Firefox)
ui.Wait()
} |
Beta Was this translation helpful? Give feedback.
-
all main.c refers to webui.js and it looks like it's built from bridge/webui_bridge.ts, however I can run the examples without building the typescript file at all, how did the various "main" examples get its webui.js then?
Beta Was this translation helpful? Give feedback.
All reactions