feat: use withX convention for chainable methods

bind and addUserdata are no longer chainable methods. Instead
withBinding and withUserdata are to be used for this purpose.

Author: zenith391

examples/7gui/counter.zig

@@ -45,7 +45,7 @@ pub fn main() !void {
         .{},
         capy.row(.{ .spacing = 5 }, .{
             capy.textField(.{ .readOnly = true, .name = "text-field" })
-                .bind("text", format),
+                .withBinding("text", format),
             capy.button(.{ .label = "Count", .onclick = increment }),
         }),
     ));

examples/7gui/temperature-converter.zig

@@ -21,10 +21,10 @@ pub fn main() !void {
         .{},
         capy.row(.{ .spacing = 5 }, .{
             capy.textField(.{})
-                .bind("text", &celsius),
+                .withBinding("text", &celsius),
             capy.label(.{ .text = "Celsius =" }),
             capy.textField(.{})
-                .bind("text", &fahrenheit),
+                .withBinding("text", &fahrenheit),
             capy.label(.{ .text = "Fahrenheit" }),
         }),
     ));

examples/abc.zig

@@ -27,7 +27,7 @@ pub fn main() !void {
     const format = try capy.FormattedAtom(capy.internal.allocator, "{d:.3}", .{displayed_temperature});
     try window.set(capy.column(.{}, .{
         capy.label(.{})
-            .bind("text", format),
+            .withBinding("text", format),
         capy.button(.{ .label = "set °c", .onclick = @ptrCast(&setCelsius) }),
         capy.button(.{ .label = "set °f", .onclick = @ptrCast(&setFahrenheit) }),
     }));

examples/balls.zig

@@ -62,7 +62,7 @@ pub fn main() !void {
     try window.set(capy.column(.{}, .{
         capy.label(.{ .text = "Balls with attraction and friction" }),
         capy.label(.{})
-            .bind("text", totalEnergyFormat),
+            .withBinding("text", totalEnergyFormat),
         capy.alignment(.{}, canvas),
     }));
 

examples/colors.zig

@@ -32,7 +32,7 @@ pub fn main() !void {
             capy.alignment(.{}, capy.button(.{ .label = "Random color", .onclick = animateRandomColor })),
             // dropdown,
             capy.label(.{})
-                .bind("text", selectedValue),
+                .withBinding("text", selectedValue),
         }),
     }));
     window.show();

examples/demo.zig

@@ -44,9 +44,9 @@ pub fn main() !void {
                 capy.checkBox(.{ .label = "Disabled", .enabled = false }),
                 capy.row(.{}, .{
                     capy.expanded(capy.slider(.{ .min = -10, .max = 10, .step = 0.1 })
-                        .bind("value", &somesliderValue)),
+                        .withBinding("value", &somesliderValue)),
                     capy.label(.{})
-                        .bind("text", somesliderText),
+                        .withBinding("text", somesliderText),
                 }),
             })),
             capy.tab(.{ .label = "Rounded Rectangle" }, capy.column(.{}, .{
@@ -56,15 +56,15 @@ pub fn main() !void {
                 ),
                 capy.row(.{}, .{
                     capy.expanded(capy.slider(.{ .min = 0, .max = 100, .step = 0.1 })
-                        .bind("value", &corner_1)),
+                        .withBinding("value", &corner_1)),
                     capy.expanded(capy.slider(.{ .min = 0, .max = 100, .step = 0.1 })
-                        .bind("value", &corner_2)),
+                        .withBinding("value", &corner_2)),
                 }),
                 capy.row(.{}, .{
                     capy.expanded(capy.slider(.{ .min = 0, .max = 100, .step = 0.1 })
-                        .bind("value", &corner_3)),
+                        .withBinding("value", &corner_3)),
                     capy.expanded(capy.slider(.{ .min = 0, .max = 100, .step = 0.1 })
-                        .bind("value", &corner_4)),
+                        .withBinding("value", &corner_4)),
                 }),
             })),
             //capy.tab(.{ .label = "Drawing" }, capy.expanded(drawer(.{}))),

examples/fade.zig

@@ -35,7 +35,7 @@ pub fn main() !void {
                 capy.label(.{ .text = "Hello Zig" }),
                 capy.expanded(
                     capy.image(.{ .url = "asset:///ziglogo.png", .scaling = .Fit, .opacity = 0 })
-                        .bind("opacity", &opacity),
+                        .withBinding("opacity", &opacity),
                 ),
             }))),
             capy.button(.{ .label = "Hide", .onclick = startAnimation }),

examples/graph.zig

@@ -189,7 +189,7 @@ pub fn main() !void {
                 .color = capy.Colors.black,
             }),
         ))
-            .bind("x", &rectangleX),
+            .withBinding("x", &rectangleX),
     }));
 
     window.setPreferredSize(800, 600);

examples/many-counters.zig

@@ -30,7 +30,7 @@ fn counter() anyerror!*capy.Alignment {
                 }).sub,
             }),
             capy.textField(.{ .text = "0", .readOnly = true })
-                .bind("text", format),
+                .withBinding("text", format),
             capy.button(.{ .label = "+", .onclick = struct {
                 fn add(pointer: *anyopaque) anyerror!void {
                     const button: *capy.Button = @ptrCast(@alignCast(pointer));
@@ -39,7 +39,7 @@ fn counter() anyerror!*capy.Alignment {
                 }
             }.add }),
         }))
-            .addUserdata(CounterState, state1),
+            .withUserdata(CounterState, state1),
     );
 }
 

examples/media-player.zig

@@ -41,7 +41,7 @@ pub fn main() !void {
             rotatingDisc(), // TODO
             capy.label(.{ .text = "Audio Name", .layout = .{ .alignment = .Center } }),
             capy.slider(.{ .min = 40, .max = 2000, .step = 1 })
-                .bind("value", &pitch),
+                .withBinding("value", &pitch),
         })),
     );