feat: Allow by-name access for card commands.

Author: mturoci

card.go

@@ -80,7 +80,7 @@ func loadCard(ns *Namespace, c CardD) *Card {
 				}
 			}
 		}
-		if k == "items" || k == "secondary_items" || k == "buttons" {
+		if k == "items" || k == "secondary_items" || k == "buttons" || k == "commands" {
 			if card.nameComponentMap == nil {
 				card.nameComponentMap = make(map[string]any)
 			}
@@ -239,7 +239,7 @@ func fillNameComponentMap(m map[string]any, wrappedItems any) {
 			}
 			if name, ok := component["name"]; ok {
 				if n, ok := name.(string); ok {
-					m[n] = item
+					m[n] = component
 				}
 			}
 			if items, ok := component["items"]; ok {

e2e/test_by_name_updates.py

@@ -185,3 +185,26 @@ async def serve(q: Q):
     with AppRunner(code):
         page.goto('http://localhost:10101')
         expect(page.get_by_text("New text")).to_be_visible()
+
+
+def test_by_name_updates_card_commands(page: Page):
+    code = '''
+from h2o_wave import main, app, Q, ui
+
+
+@app('/')
+async def serve(q: Q):
+    q.page['form'] = ui.form_card(
+        box='1 1 3 3',
+        items=[],
+        commands=[
+            ui.command(name='step1', label='Step 1'),
+        ]
+    )
+    q.page['form'].step1.label = 'New text'
+    await q.page.save()
+'''
+    with AppRunner(code):
+        page.goto('http://localhost:10101')
+        page.click('[data-test="form"]:nth-child(2) > div')
+        expect(page.get_by_text("New text")).to_be_visible()

ts/index.ts

@@ -767,7 +767,7 @@ const
               v = buf
             }
           }
-          if (k === "items" || k === "secondary_items" || k === "buttons") fillComponentNameMap(componentCache, v)
+          if (k === 'items' || k === 'secondary_items' || k === 'buttons' || k === 'commands') fillComponentNameMap(componentCache, v)
           set([k], v)
         }
       },