update trame picking example

Author: jourdain

docs/guide/trame/picking.md

@@ -7,23 +7,23 @@ This example capture the usage of a vtkPiker and illustate the usage of method c
 The code below highlight some important region and logic to understand.
 
 ::: code-group
-<<< ../../../examples/trame/picking/pick.py#vtk{py:line-numbers=42} [VTK Setup]
-<<< ../../../examples/trame/picking/pick.py#trameWidget{py:line-numbers=82} [Trame widget]
-<<< ../../../examples/trame/picking/pick.py#trameChange{py:line-numbers=118} [State change]
-<<< ../../../examples/trame/picking/pick.py#py2wasmCall{py:line-numbers=129} [Method call]
+<<< ../../../examples/trame/picking/pick.py#vtk{py:line-numbers=43} [VTK Setup]
+<<< ../../../examples/trame/picking/pick.py#trameWidget{py:line-numbers=83} [Trame widget]
+<<< ../../../examples/trame/picking/pick.py#trameChange{py:line-numbers=121} [State change]
+<<< ../../../examples/trame/picking/pick.py#py2wasmCall{py:line-numbers=132} [Method call]
 <<< ../../../examples/trame/picking/pick.py{py:line-numbers} [Full code (pick.py)]
 <<< ../../../examples/trame/picking/requirements.txt
 :::
 
 | ![Window picking](/assets/images/trame/pick3.png) | ![Full car picking](/assets/images/trame/pick2.png) |
-| -- | -- | 
+| -- | -- |
 
 ## Hight level explanation
 
 1. Create a vtkPicker and register it so it can be created on the WASM side.
 2. Attach a listener on the interactor so you can capture on the server side the picking location (x,y).
 3. Call "Pick" on the picker on the WASM side.
-4. If something was found, lookup the actor by making another call and convert the result into an actual vtkObject on the server side. 
+4. If something was found, lookup the actor by making another call and convert the result into an actual vtkObject on the server side.
 5. Apply some change on the scene and push the update view to the client.
 
-The [__full working code__](https://github.com/Kitware/vtk-wasm/tree/main/examples/trame/picking) is also available. 
+The [__full working code__](https://github.com/Kitware/vtk-wasm/tree/main/examples/trame/picking) is also available.

examples/trame/picking/pick.py

@@ -94,7 +94,9 @@ def _build_ui(self):
 
                 # => push picker to client
                 view.register_vtk_object(self.picker)
-                view.register_vtk_object(self.last_picked_property) # for pure client edit
+                view.register_vtk_object(
+                    self.last_picked_property
+                )  # for pure client edit
 
                 # => attach interactor listener
                 wasm_interactor_id = view.get_wasm_id(self.interactor)
@@ -131,35 +133,39 @@ async def _pick_actor(self, x, y):
         if self._picking_prending:
             return
 
-        self._picking_prending = True
-        # Trigger a pick on client
-        picked_worked = await self.ctx.wasm_view.invoke(
-            self.picker, "Pick", (x, y, 0), self.renderer
-        )
-        if not picked_worked:
-            self._picking_prending = False
-            return
+        try:
+            self._picking_prending = True
+            # Trigger a pick on client
+            picked_worked = await self.ctx.wasm_view.invoke(
+                self.picker, "Pick", (x, y, 0), self.renderer
+            )
+            if not picked_worked:
+                return
 
-        # Restore previous state
-        if self.last_picked_actor:
-            self.last_picked_actor.property.DeepCopy(self.last_picked_property)
-            self.last_picked_actor = None
+            # Restore previous state
+            if self.last_picked_actor:
+                self.last_picked_actor.property.DeepCopy(self.last_picked_property)
+                self.last_picked_actor = None
 
-        actor_info = await self.ctx.wasm_view.invoke(self.picker, "GetActor")
-        actor = self.ctx.wasm_view.get_vtk_obj(actor_info.get("Id"))
-        actor_prop = actor.property
+            # trame-vtklocal>=0.13.0 auto unwrap vtk object
+            actor = await self.ctx.wasm_view.invoke(self.picker, "GetActor")
+            if actor is None:
+                return
 
-        # Save current state and capture picked actor
-        self.last_picked_property.DeepCopy(actor_prop)
-        self.last_picked_actor = actor
+            actor_prop = actor.property
 
-        # Highlight actor
-        actor_prop.color = (1, 0, 1)
-        actor_prop.EdgeVisibilityOn()
+            # Save current state and capture picked actor
+            self.last_picked_property.DeepCopy(actor_prop)
+            self.last_picked_actor = actor
 
-        # Render
-        self.ctx.wasm_view.update()
-        self._picking_prending = False
+            # Highlight actor
+            actor_prop.color = (1, 0, 1)
+            actor_prop.EdgeVisibilityOn()
+
+        finally:
+            # Render
+            self.ctx.wasm_view.update()
+            self._picking_prending = False
 
         # endregion py2wasmCall
 

examples/trame/picking/requirements.txt

@@ -2,6 +2,8 @@
 
 trame>=3.9
 trame-vuetify
-trame-vtklocal>=0.12.3
+trame-vtklocal>=0.13
 
-vtk==9.5.20250531.dev0
+# Either vtk version works
+vtk==9.5.20250607.dev0
+# vtk==9.5.0rc3