feat(example): Update call_zig_from_js using binding

Author: jinzhongjia

examples/call_zig_from_js/main.zig

@@ -6,22 +6,40 @@ const webui = @import("webui");
 const html = @embedFile("index.html");
 
 pub fn main() !void {
+    // Create a new WebUI window object
     var nwin = webui.newWindow();
 
+    // Use binding function instead of standard bind function
+    // binding is an advanced API that automatically handles parameter type conversion and function signature adaptation
+    // It allows using native Zig function signatures without needing to handle Event pointers directly
+    // Here we bind the HTML/JS "my_function_string" to Zig function getString
     _ = try nwin.binding("my_function_string", getString);
+    // Equivalent using traditional bind function which requires manual Event handling
     // _ = try nwin.bind("my_function_string", my_function_string);
+    
+    // Bind integer handler function, binding automatically converts JS parameters to corresponding Zig types
     _ = try nwin.binding("my_function_integer", getInteger);
     // _ = try nwin.bind("my_function_integer", my_function_integer);
-    _ = try nwin.bind("my_function_boolean", my_function_boolean);
-    _ = try nwin.bind("my_function_with_response", my_function_with_response);
-    // _ = try nwin.binding("my_function_raw_binary", my_function_raw_binary);
+    
+    // Bind boolean handler function, also with automatic type conversion
+    _ = try nwin.binding("my_function_boolean", getBool);
+    // _ = try nwin.bind("my_function_boolean", my_function_boolean);
+    
+    // Bind function with response, binding supports using event object directly for responses
+    _ = try nwin.binding("my_function_with_response", getResponse);
+    // _ = try nwin.bind("my_function_with_response", my_function_with_response);
+    
+    // Bind function for handling binary data, binding supports raw binary data processing
     _ = try nwin.binding("my_function_raw_binary", raw_binary);
     // _ = try nwin.bind("my_function_raw_binary", my_function_raw_binary);
 
+    // Show the window with embedded HTML content
     try nwin.show(html);
 
+    // Wait for all windows to close, this will block the current thread
     webui.wait();
 
+    // Clean up all resources
     webui.clean();
 }
 
@@ -77,6 +95,12 @@ fn my_function_integer(e: *webui.Event) void {
     std.debug.print("my_function_integer 4: {}\n", .{float_1});
 }
 
+fn getBool(b1: bool, b2: bool) void {
+    std.debug.print("boolean is {},{}", .{
+        b1, b2,
+    });
+}
+
 fn my_function_boolean(e: *webui.Event) void {
     // JavaScript:
     // my_function_boolean(true, false);
@@ -91,6 +115,13 @@ fn my_function_boolean(e: *webui.Event) void {
     std.debug.print("my_function_bool 2: {}\n", .{status_2});
 }
 
+fn getResponse(e: *webui.Event,n1: i64, n2: i64) void {
+    const res = n1 * n2;
+    std.debug.print("my_function_with_response: {} * {} = {}\n", .{ n1, n2, res });
+    // Send back the response to JavaScript
+    e.returnValue(res);
+}
+
 fn my_function_with_response(e: *webui.Event) void {
     // JavaScript:
     // my_function_with_response(number, 2).then(...)