c/webui
1
0
Fork 0
mirror of https://github.com/webui-dev/webui synced 2025-03-28 21:13:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Moving Zig

Browse Source 
* Moving Zig wrapper to https://github.com/desttinghim/webui
This commit is contained in:
Albert Shown 2023-04-25 11:26:26 -04:00
parent cefeb8daf1
commit 263ffe86ef
21 changed files with 4 additions and 505 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
build/Linux/Zig/build.zig
View File

@ -1,25 +0,0 @@
const std = @import("std");
pub fn build(b: *std.Build) void {
const target = b.standardTargetOptions(.{});
const optimize = b.standardOptimizeOption(.{});
const lib = b.addStaticLibrary(.{
.name = "webui",
.target = target,
.optimize = optimize,
});
lib.addCSourceFiles(&.{
"src/webui.c",
"src/mongoose.c",
}, &.{""});
lib.linkLibC();
lib.addIncludePath("include");
lib.installHeadersDirectory("include", "");
lib.install();
if (target.isWindows()) {
lib.linkSystemLibrary("ws2_32");
}
}

25
build/Windows/Zig/build.zig
View File

@ -1,25 +0,0 @@
const std = @import("std");
pub fn build(b: *std.Build) void {
const target = b.standardTargetOptions(.{});
const optimize = b.standardOptimizeOption(.{});
const lib = b.addStaticLibrary(.{
.name = "webui",
.target = target,
.optimize = optimize,
});
lib.addCSourceFiles(&.{
"src/webui.c",
"src/mongoose.c",
}, &.{""});
lib.linkLibC();
lib.addIncludePath("include");
lib.installHeadersDirectory("include", "");
lib.install();
if (target.isWindows()) {
lib.linkSystemLibrary("ws2_32");
}
}

4
examples/Zig/README.md Normal file
View File

@ -0,0 +1,4 @@
# WebUI Examples - Zig
The WebUI Zig wrapper project https://github.com/desttinghim/webui.

31
examples/Zig/call_from_js/build.zig
View File

@ -1,31 +0,0 @@
const std = @import("std");
pub fn build(b: *std.Build) void {
const target = b.standardTargetOptions(.{});
const optimize = b.standardOptimizeOption(.{});
const webui = b.dependency("webui", .{
.target = target,
.optimize = optimize,
});
const exe = b.addExecutable(.{
.name = "call_from_js",
.root_source_file = .{ .path = "src/main.zig" },
.target = target,
.optimize = optimize,
});
exe.linkLibrary(webui.artifact("webui"));
exe.install();
const run_cmd = exe.run();
run_cmd.step.dependOn(b.getInstallStep());
if (b.args) |args| {
run_cmd.addArgs(args);
}
const run_step = b.step("run", "Runs the minimal zig webui example");
run_step.dependOn(&run_cmd.step);
}

10
examples/Zig/call_from_js/build.zig.zon
View File

@ -1,10 +0,0 @@
.{
.name = "call_from_js",
.version = "0.0.1",
.dependencies = .{
.webui = .{
.url = "https://github.com/desttinghim/webui/archive/8b034f026230cba45e18fc57d1efea16496f7124.tar.gz",
.hash = "12207dbbd53ab99146a332fde4c1d6174e74ac2fb2c6c7e621d5dfa67beeeb8e0f51",
},
},
}

3
examples/Zig/call_from_js/src/c.zig
View File

@ -1,3 +0,0 @@
pub usingnamespace @cImport({
@cInclude("webui.h");
});

85
examples/Zig/call_from_js/src/main.zig
View File

@ -1,85 +0,0 @@
const c = @import("c.zig");
const std = @import("std");
pub fn main() void {
const my_html =
\\<!DOCTYPE html>
\\<html>
\\ <head>
\\ <title>WebUI 2 - Zig Example</title>
\\ <style>
\\ body {
\\ color: white;
\\ background: #0F2027;
\\ background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);
\\ background: linear-gradient(to right, #2C5364, #203A43, #0F2027);
\\ text-align:center; font-size: 18px; font-family: sans-serif;
\\ }
\\ </style>
\\ </head>
\\ <body>
\\ <h2>WebUI 2 - C99 Example</h2>
\\ <p>Call function with arguments (See log in the Windows console)</p><br>
\\ <button OnClick="webui_fn('One', 'Hello');"">Call function one</button><br><br>
\\ <button OnClick="webui_fn('Two', 2022);"">Call function two</button><br><br>
\\ <button OnClick="webui_fn('Three', true);"">Call function three</button><br><br>
\\ <p>Call function four, and wait for the result</p><br>
\\ <button OnClick="MyJS();"">Call function four</button><br><br>
\\ <input type="text" id="MyInput" value="2">
\\ <script>
\\ function MyJS() {
\\ const number = document.getElementById('MyInput').value;
\\ var result = webui_fn('Four', number);
\\ document.getElementById('MyInput').value = result;
\\ }
\\ </script>
\\ </body>
\\</html>
;
// Create a window
var my_window: *c.webui_window_t = c.webui_new_window();
// Bind HTML elements with functions
_ = c.webui_bind(my_window, "One", function_one);
_ = c.webui_bind(my_window, "Two", function_two);
_ = c.webui_bind(my_window, "Three", function_three);
_ = c.webui_bind(my_window, "Four", function_four);
// Show the window
c.webui_show(my_window, my_html);
// Wait until all windows get closed
c.webui_wait();
}
export fn function_one(e: ?*c.webui_event_t) callconv(.C) void {
// JavaScript: webui_fn('One', 'Hello');
const str = c.webui_get_string(e);
std.debug.print("function_one: {s}\n", .{str});
}
export fn function_two(e: ?*c.webui_event_t) callconv(.C) void {
// JavaScript: webui_fn('Two', 2022);
const number = c.webui_get_int(e);
std.debug.print("function_two: {}\n", .{number});
}
export fn function_three(e: ?*c.webui_event_t) callconv(.C) void {
// JavaScript: webui_fn('Three', true);
const status = c.webui_get_bool(e);
if (status) {
std.debug.print("function_three: True\n", .{});
} else {
std.debug.print("function_three: False\n", .{});
}
}
export fn function_four(e: ?*c.webui_event_t) callconv(.C) void {
// JavaScript: webui_fn('Four', 2);
var number = c.webui_get_int(e);
number = number * 2;
std.debug.print("function_four: {}\n", .{number});
c.webui_return_int(e, number);
}

31
examples/Zig/hello_world/build.zig
View File

@ -1,31 +0,0 @@
const std = @import("std");
pub fn build(b: *std.Build) void {
const target = b.standardTargetOptions(.{});
const optimize = b.standardOptimizeOption(.{});
const webui = b.dependency("webui", .{
.target = target,
.optimize = optimize,
});
const exe = b.addExecutable(.{
.name = "hello_world",
.root_source_file = .{ .path = "src/main.zig" },
.target = target,
.optimize = optimize,
});
exe.linkLibrary(webui.artifact("webui"));
exe.install();
const run_cmd = exe.run();
run_cmd.step.dependOn(b.getInstallStep());
if (b.args) |args| {
run_cmd.addArgs(args);
}
const run_step = b.step("run", "Runs the minimal zig webui example");
run_step.dependOn(&run_cmd.step);
}

10
examples/Zig/hello_world/build.zig.zon
View File

@ -1,10 +0,0 @@
.{
.name = "hello_world",
.version = "0.0.1",
.dependencies = .{
.webui = .{
.url = "https://github.com/desttinghim/webui/archive/8b034f026230cba45e18fc57d1efea16496f7124.tar.gz",
.hash = "12207dbbd53ab99146a332fde4c1d6174e74ac2fb2c6c7e621d5dfa67beeeb8e0f51",
},
},
}

3
examples/Zig/hello_world/src/c.zig
View File

@ -1,3 +0,0 @@
pub usingnamespace @cImport({
@cInclude("webui.h");
});

87
examples/Zig/hello_world/src/main.zig
View File

@ -1,87 +0,0 @@
const c = @import("c.zig");
const std = @import("std");
pub fn main() void {
const my_html =
\\ <!DOCTYPE html>
\\ <html>
\\ <head>
\\ <title>WebUI 2 - Zig Example</title>
\\ <style>
\\ body{
\\ color: white; background: #0F2027;
\\ background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);
\\ background: linear-gradient(to right, #2C5364, #203A43, #0F2027);
\\ text-align:center;
\\ font-size: 18px;
\\ font-family: sans-serif;
\\ }
\\ </style>
\\ </head>
\\ <body>
\\ <h1>WebUI 2 - C99 Example</h1><br>
\\ <input type="password" id="MyInput"><br><br>
\\ <button id="MyButton1">Check Password</button> - <button id="MyButton2">Exit</button>
\\ </body>
\\ </html>;
;
// Create a window
var my_window: *c.webui_window_t = c.webui_new_window();
// Bind HTML elements with functions
_ = c.webui_bind(my_window, "MyButton1", check_the_password);
_ = c.webui_bind(my_window, "MyButton2", close_the_application);
// Show the window
c.webui_show(my_window, my_html);
// Wait until all windows get closed
c.webui_wait();
}
export fn close_the_application(e: ?*c.webui_event_t) callconv(.C) void {
_ = e;
// Close all the opened windows
c.webui_exit();
}
// check the password function
export fn check_the_password(e_opt: ?*c.webui_event_t) callconv(.C) void {
const e = e_opt orelse {
std.log.err("check_the_pasword passed an empty event", .{});
return;
};
// This function gets called every time the user clicks on "MyButton1"
var js = c.webui_script_t{
.script = " return document.getElementById(\"MyInput\").value; ",
.timeout = 3,
.result = undefined,
};
// Run the JavaScript in the UI (Web Browser)
c.webui_script(e.window, &js);
// Check if there is a JavaScript error
if (js.@"error") {
std.log.err("JavaScript Error: {s}\n", .{js.data});
return;
}
// Get the password
const password = std.mem.span(js.data);
std.log.info("Password: {s}", .{password});
// Check the password
if (std.mem.eql(u8, password, "123456")) {
// Correct password
js.script = "alert('Good, password is correct.')";
c.webui_script(e.window, &js);
} else {
// Wrong password
js.script = "alert('Sorry, wrong password.')";
c.webui_script(e.window, &js);
}
}

27
examples/Zig/minimal/build.zig
View File

@ -1,27 +0,0 @@
const std = @import("std");
pub fn build(b: *std.Build) void {
const target = b.standardTargetOptions(.{});
const optimize = b.standardOptimizeOption(.{});
const webui = b.dependency("webui", .{
.target = target,
.optimize = optimize,
});
const exe = b.addExecutable(.{
.name = "minimal",
.root_source_file = .{ .path = "minimal.zig" },
.target = target,
.optimize = optimize,
});
exe.linkLibrary(webui.artifact("webui"));
exe.install();
const run = exe.run();
run.step.dependOn(b.getInstallStep());
const run_step = b.step("run", "Runs the minimal zig webui example");
run_step.dependOn(&run.step);
}

10
examples/Zig/minimal/build.zig.zon
View File

@ -1,10 +0,0 @@
.{
.name = "minimal",
.version = "0.0.1",
.dependencies = .{
.webui = .{
.url = "https://github.com/desttinghim/webui/archive/8b034f026230cba45e18fc57d1efea16496f7124.tar.gz",
.hash = "12207dbbd53ab99146a332fde4c1d6174e74ac2fb2c6c7e621d5dfa67beeeb8e0f51",
},
},
}

3
examples/Zig/minimal/c.zig
View File

@ -1,3 +0,0 @@
pub usingnamespace @cImport({
@cInclude("webui.h");
});

11
examples/Zig/minimal/minimal.zig
View File

@ -1,11 +0,0 @@
const c = @import("c.zig");
const std = @import("std");
pub fn main() !void {
var my_window: *c.webui_window_t = c.webui_new_window();
if (!c.webui_show(my_window, "<html>Hello</html>")) {
std.log.err("Unable to show webui", .{});
return error.ShowWebui;
}
c.webui_wait();
}

31
examples/Zig/serve_folder/build.zig
View File

@ -1,31 +0,0 @@
const std = @import("std");
pub fn build(b: *std.Build) void {
const target = b.standardTargetOptions(.{});
const optimize = b.standardOptimizeOption(.{});
const webui = b.dependency("webui", .{
.target = target,
.optimize = optimize,
});
const exe = b.addExecutable(.{
.name = "serve_folder",
.root_source_file = .{ .path = "src/main.zig" },
.target = target,
.optimize = optimize,
});
exe.linkLibrary(webui.artifact("webui"));
exe.install();
const run_cmd = exe.run();
run_cmd.step.dependOn(b.getInstallStep());
if (b.args) |args| {
run_cmd.addArgs(args);
}
const run_step = b.step("run", "Runs the minimal zig webui example");
run_step.dependOn(&run_cmd.step);
}

10
examples/Zig/serve_folder/build.zig.zon
View File

@ -1,10 +0,0 @@
.{
.name = "serve_folder",
.version = "0.0.1",
.dependencies = .{
.webui = .{
.url = "https://github.com/desttinghim/webui/archive/8b034f026230cba45e18fc57d1efea16496f7124.tar.gz",
.hash = "12207dbbd53ab99146a332fde4c1d6174e74ac2fb2c6c7e621d5dfa67beeeb8e0f51",
},
},
}

35
examples/Zig/serve_folder/index.html
View File

@ -1,35 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>WebUI - Serve a Folder Example (Zig)</title>
<style>
body {
color: white;
background: #0F2027;
background: -webkit-linear-gradient(to right, #3e6983, #314562, #10273e);
background: linear-gradient(to right, #3e6983, #314562, #10273e);
text-align: center;
font-size: 16px;
font-family: sans-serif;
}
</style>
</head>
<body>
<h3 id="title">Serve a Folder Example (Zig)</h3>
<br>
<p id="description">
You can edit this HTML file as you need.<br>
Also, you can config WebUI to use Deno or Nodejs runtime for your JS/TS files.<br>
<br>
Please click on the link to switch to the second page<br>
Or click on the button to switch to the second page programmatically.
</p>
<br>
<h4><a href="second.html">Second Page As A Simple Link</a></h4>
<br>
<button id="SwitchToSecondPage">Switch to The Second Page Programmatically</button>
</body>
<!-- Connect this window to the background app -->
<script src="/webui.js"></script>
</html>

25
examples/Zig/serve_folder/second.html
View File

@ -1,25 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>WebUI - Second Page (C99)</title>
<style>
body {
color: white;
background: #0F2027;
background: -webkit-linear-gradient(to right, #3e6983, #314562, #10273e);
background: linear-gradient(to right, #3e6983, #314562, #10273e);
text-align: center;
font-size: 16px;
font-family: sans-serif;
}
</style>
</head>
<body>
<h3 id="title">This is the second page !</h3>
<br>
<button id="Exit">Call Exit()</button>
</body>
<!-- Connect this window to the background app -->
<script src="/webui.js"></script>
</html>

3
examples/Zig/serve_folder/src/c.zig
View File

@ -1,3 +0,0 @@
pub usingnamespace @cImport({
@cInclude("webui.h");
});

40
examples/Zig/serve_folder/src/main.zig
View File

@ -1,40 +0,0 @@
// WebUI Library 2.2.0
// Serve a Folder Example
pub fn main() void {
// Create a window
var my_window: *c.webui_window_t = c.webui_new_window();
// Bind HTML element ID to c function
_ = c.webui_bind(my_window, "SwitchToSecondPage", switch_to_second_page);
_ = c.webui_bind(my_window, "Exit", exit_app);
// The root path. Leave it empty to let WebUI
// automatically select the current working folder
const root_path = "";
const url = c.webui_new_server(my_window, root_path);
// Show the window using the generated url
c.webui_show(my_window, url);
// Wait until all windows get closed
c.webui_wait();
}
// Called every time the user clicks on the SwitchToSecondPage button
export fn switch_to_second_page(e_opt: ?*c.webui_event_t) callconv(.C) void {
const e = e_opt orelse {
std.log.err("switch_to_second_page called with null event", .{});
return;
};
_ = c.webui_open(e.window, "second.html", c.webui.browser.any);
}
export fn exit_app(e: ?*c.webui_event_t) callconv(.C) void {
_ = e;
c.webui_exit();
}
const std = @import("std");
const c = @import("c.zig");