@@ -38,7 +38,7 @@ def button():
3838 html .div (
3939 "button:" ,
4040 html .button (
41- {"id" : "counter-inc" , "on_click " : lambda _ : set_count (count + 1 )},
41+ {"id" : "counter-inc" , "onClick " : lambda _ : set_count (count + 1 )},
4242 "Click me!" ,
4343 ),
4444 html .p ({"id" : "counter-num" , "data-count" : count }, f"Current count is: { count } " ),
@@ -293,7 +293,7 @@ def _render_todo_items(items, toggle_item):
293293 "id" : f"todo-item-{ item .text } -checkbox" ,
294294 "type" : "checkbox" ,
295295 "checked" : item .done ,
296- "on_change " : lambda _ , i = item : toggle_item (i ),
296+ "onChange " : lambda _ , i = item : toggle_item (i ),
297297 }),
298298 )
299299 for item in items
@@ -342,8 +342,8 @@ def on_change(event):
342342 "type" : "text" ,
343343 "id" : "todo-input" ,
344344 "value" : input_value ,
345- "on_key_press " : on_submit ,
346- "on_change " : on_change ,
345+ "onKeyPress " : on_submit ,
346+ "onChange " : on_change ,
347347 }),
348348 mutation_status ,
349349 rendered_items ,
@@ -413,8 +413,8 @@ async def on_change(event):
413413 "type" : "text" ,
414414 "id" : "async-todo-input" ,
415415 "value" : input_value ,
416- "on_key_press " : on_submit ,
417- "on_change " : on_change ,
416+ "onKeyPress " : on_submit ,
417+ "onChange " : on_change ,
418418 }),
419419 mutation_status ,
420420 rendered_items ,
@@ -508,7 +508,7 @@ def on_click(_):
508508 html .button (
509509 {
510510 "id" : f"{ inspect .currentframe ().f_code .co_name } _btn" ,
511- "on_click " : on_click ,
511+ "onClick " : on_click ,
512512 },
513513 "Click me" ,
514514 ),
@@ -527,7 +527,7 @@ def on_click(_):
527527 html .button (
528528 {
529529 "id" : f"{ inspect .currentframe ().f_code .co_name } _btn" ,
530- "on_click " : on_click ,
530+ "onClick " : on_click ,
531531 },
532532 "Click me" ,
533533 ),
@@ -546,7 +546,7 @@ def on_click(_):
546546 html .button (
547547 {
548548 "id" : f"{ inspect .currentframe ().f_code .co_name } _btn" ,
549- "on_click " : on_click ,
549+ "onClick " : on_click ,
550550 },
551551 "Click me" ,
552552 ),
@@ -561,7 +561,7 @@ def custom_host(number=0):
561561
562562 return html .div (
563563 {
564- "class_name " : f"{ inspect .currentframe ().f_code .co_name } -{ number } " ,
564+ "className " : f"{ inspect .currentframe ().f_code .co_name } -{ number } " ,
565565 "data-port" : port ,
566566 },
567567 f"Server Port: { port } " ,
@@ -630,15 +630,15 @@ async def on_submit(event):
630630 "data-username" : ("AnonymousUser" if current_user .is_anonymous else current_user .username ),
631631 },
632632 html .div ("use_user_data" ),
633- html .button ({"className" : "login-1" , "on_click " : login_user1 }, "Login 1" ),
634- html .button ({"className" : "login-2" , "on_click " : login_user2 }, "Login 2" ),
635- html .button ({"className" : "logout" , "on_click " : logout_user }, "Logout" ),
636- html .button ({"className" : "clear" , "on_click " : clear_data }, "Clear Data" ),
633+ html .button ({"className" : "login-1" , "onClick " : login_user1 }, "Login 1" ),
634+ html .button ({"className" : "login-2" , "onClick " : login_user2 }, "Login 2" ),
635+ html .button ({"className" : "logout" , "onClick " : logout_user }, "Logout" ),
636+ html .button ({"className" : "clear" , "onClick " : clear_data }, "Clear Data" ),
637637 html .div (f"User: { current_user } " ),
638638 html .div (f"Data: { user_data_query .data } " ),
639639 html .div (f"Data State: (loading={ user_data_query .loading } , error={ user_data_query .error } )" ),
640640 html .div (f"Mutation State: (loading={ user_data_mutation .loading } , error={ user_data_mutation .error } )" ),
641- html .div (html .input ({"on_key_press " : on_submit , "placeholder" : "Type here to add data" })),
641+ html .div (html .input ({"onKeyPress " : on_submit , "placeholder" : "Type here to add data" })),
642642 )
643643
644644
@@ -685,13 +685,13 @@ async def on_submit(event):
685685 "data-username" : ("AnonymousUser" if current_user .is_anonymous else current_user .username ),
686686 },
687687 html .div ("use_user_data_with_default" ),
688- html .button ({"className" : "login-3" , "on_click " : login_user3 }, "Login 3" ),
689- html .button ({"className" : "clear" , "on_click " : clear_data }, "Clear Data" ),
688+ html .button ({"className" : "login-3" , "onClick " : login_user3 }, "Login 3" ),
689+ html .button ({"className" : "clear" , "onClick " : clear_data }, "Clear Data" ),
690690 html .div (f"User: { current_user } " ),
691691 html .div (f"Data: { user_data_query .data } " ),
692692 html .div (f"Data State: (loading={ user_data_query .loading } , error={ user_data_query .error } )" ),
693693 html .div (f"Mutation State: (loading={ user_data_mutation .loading } , error={ user_data_mutation .error } )" ),
694- html .div (html .input ({"on_key_press " : on_submit , "placeholder" : "Type here to add data" })),
694+ html .div (html .input ({"onKeyPress " : on_submit , "placeholder" : "Type here to add data" })),
695695 )
696696
697697
@@ -720,9 +720,9 @@ async def disconnect(event):
720720 },
721721 html .div ("use_auth" ),
722722 html .div (f"UUID: { uuid } " ),
723- html .button ({"className" : "login" , "on_click " : login_user }, "Login" ),
724- html .button ({"className" : "logout" , "on_click " : logout_user }, "Logout" ),
725- html .button ({"className" : "disconnect" , "on_click " : disconnect }, "disconnect" ),
723+ html .button ({"className" : "login" , "onClick " : login_user }, "Login" ),
724+ html .button ({"className" : "logout" , "onClick " : logout_user }, "Logout" ),
725+ html .button ({"className" : "disconnect" , "onClick " : disconnect }, "disconnect" ),
726726 html .div (f"User: { current_user } " ),
727727 )
728728
@@ -752,9 +752,9 @@ async def disconnect(event):
752752 },
753753 html .div ("use_auth_no_rerender" ),
754754 html .div (f"UUID: { uuid } " ),
755- html .button ({"className" : "login" , "on_click " : login_user }, "Login" ),
756- html .button ({"className" : "logout" , "on_click " : logout_user }, "Logout" ),
757- html .button ({"className" : "disconnect" , "on_click " : disconnect }, "disconnect" ),
755+ html .button ({"className" : "login" , "onClick " : login_user }, "Login" ),
756+ html .button ({"className" : "logout" , "onClick " : logout_user }, "Logout" ),
757+ html .button ({"className" : "disconnect" , "onClick " : disconnect }, "disconnect" ),
758758 html .div (f"User: { current_user } " ),
759759 )
760760
@@ -774,5 +774,5 @@ def on_click(event):
774774 },
775775 html .div ("use_rerender" ),
776776 html .div (f"UUID: { uuid } " ),
777- html .button ({"on_click " : on_click }, "Rerender" ),
777+ html .button ({"onClick " : on_click }, "Rerender" ),
778778 )
0 commit comments