search

webui-dev / webui

Use any web browser or WebView as GUI, with your preferred language in the backend and modern web technologies in the frontend, all in a lightweight portable library.
https://webui.me
MIT License
3.08k stars 186 forks source link

Idea: Development scaffolding similar to front-end #435

Open jinzhongjia opened 4 months ago

jinzhongjia commented 4 months ago

Recently when I was trying to develop the front end, I found that the overall development experience was not very good. Maybe we can try to refer to elecron-vite

Make similar scaffolding to help development

jinzhongjia commented 4 months ago

But I think this is not the main demand at the moment.

hassandraga commented 4 months ago

electron-vite is a build tool that aims to provide a faster and leaner development experience for Electron

It's a good idea to have a build tool that helps to speed up the development process. However, let us think about how to add similar tools for every wrapper depending on the wrapper language and needs while we keep the core as simple as possible (c compiler, and a make file).

tvortsa commented 4 months ago

for other wrappers, the role of webUI is better the smaller it is, it’s just a binary protocol between the backend and frontend.

The webUI itself does not serve as a backend, for example, in the case of deno.js and this, in my opinion, is more good than bad.

For the C++ version, etc. maybe everything is different

jinzhongjia commented 4 months ago

In fact, the current difficulty is that if we combine webui with front-end vue react, then we have to introduce a different port js webui.js into index.html during development. When using packaged files, we need to directly introduce webui.js And the code of backend is also different between develop and release

It would be nice if these differences could be smoothed out.But I haven’t thought of a solution for price comparison at the moment.

cwegener commented 4 months ago

Just adding my .02$

I quite prefer that I have the freedom to implement whatever development tools I like into the development workflow in WebUI.

I think that one option would be to provide examples as part of the WebUI documentation of how existing frontend tooling like tsc, rollup/webpack can be easily integrated into a WebUI based development set up.

Modern dev tools like mise could come in quite handy in devising such examples.

(I am currently in the process of integrating mise watch, tsc + rollup for a webui-go project. The tooling is not quite ready to share yet though)