Replies: 1 comment 5 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.
-
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