Skip to content

feat(public_network_access): improve public window link display and custom port #100

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
jinzhongjia merged 1 commit into from
Jun 21, 2025
Merged

feat(public_network_access): improve public window link display and custom port #100

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 11 additions & 3 deletions examples/public_network_access/main.zig
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,17 +26,23 @@ fn public_window_events(e: *webui.Event) void {

fn private_window_events(e: *webui.Event) void {
if (e.event_type == .EVENT_CONNECTED) {

// get the public window URL and port
const public_win_port = public_window.getPort() catch unreachable;
Comment thread
jinzhongjia marked this conversation as resolved.
const public_win_url: [:0]const u8 = public_window.getUrl() catch return;

var buf = std.mem.zeroes([1024]u8);
const js = std.fmt.bufPrintZ(&buf, "document.getElementById('urlSpan').innerHTML = '{s}';", .{public_win_url}) catch unreachable;
private_window.run(js);
const js_1 = std.fmt.bufPrintZ(&buf, "document.getElementById('urlSpan1').innerHTML = 'http://localhost:{}';", .{public_win_port}) catch unreachable;
private_window.run(js_1);
const js_2 = std.fmt.bufPrintZ(&buf, "document.getElementById('urlSpan2').innerHTML = '{s}';", .{public_win_url}) catch unreachable;
private_window.run(js_2);
}
}

pub fn main() !void {
// Create windows
private_window = webui.newWindow();
public_window = webui.newWindow();
public_window = webui.newWindow();

// App
webui.setTimeout(0); // Wait forever (never timeout)
Expand All @@ -48,6 +54,8 @@ pub fn main() !void {
// Bind all events
_ = try public_window.bind("", public_window_events);

_ = try public_window.setPort(9090); // Set port for public access

// Set public window HTML
try public_window.showBrowser(public_html, .NoBrowser);

Expand Down
15 changes: 8 additions & 7 deletions examples/public_network_access/private.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<html>
<head>
<meta charset="UTF-8" />
<script src="/webui.js"></script>
<script src="webui.js"></script>
<title>Public Network Access Example</title>
<style>
body {
Expand Down Expand Up @@ -42,13 +42,14 @@
<body>
<h1>WebUI - Public Network Access Example</h1>
<br />
The second public window is configured to be accessible from <br />
any device in the public network. <br />
The public window is configured to be accessible from <br>
any device in the network. <br>
<br />
Second public window link: <br />
<h1 id="urlSpan" style="color: #c9913d">...</h1>
Second public window events: <br />
<textarea id="Logs" rows="4" cols="50" style="width: 80%"></textarea>
Public window links: <br>
<h1 id="urlSpan1" style="color:#c9913d">...</h1>
<h1 id="urlSpan2" style="color:#c9913d">...</h1>
Public window events: <br>
<textarea id="Logs" rows="4" cols="50" style="width:60%"></textarea>
<br />
<button id="Exit">Exit</button>
</body>
Expand Down
2 changes: 1 addition & 1 deletion examples/public_network_access/public.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<html>
<head>
<meta charset="UTF-8" />
<script src="/webui.js"></script>
<script src="webui.js"></script>
<title>Welcome to Public UI</title>
</head>
<body>
Expand Down
Loading