fix(view): use a single vtkRenderView

Author: jourdain

pyproject.toml

@@ -24,7 +24,7 @@ requires-python = ">=3.10"
 dependencies = [
     "trame>=3.12",
     "trame-vuetify>=3.1",
-    "trame-rca[turbo]>=2.3.1",
+    "trame-rca[turbo]>=2.4",
     "pyproj>=3.6.1",
     "netCDF4>=1.6.5",
     "trame-dataclass >=2.0.2",

src/e3sm_quickview/app.py

@@ -10,7 +10,7 @@
 from trame.app import TrameApp, asynchronous, file_upload
 from trame.decorators import change, controller, life_cycle, trigger
 from trame.ui.vuetify3 import VAppLayout
-from trame.widgets import client, dataclass, html, tauri
+from trame.widgets import client, dataclass, html, rca, tauri
 from trame.widgets import trame as tw
 from trame.widgets import vuetify3 as v3
 
@@ -19,7 +19,7 @@
 from e3sm_quickview.components import css, dialogs, doc, drawers, file_browser, toolbars
 from e3sm_quickview.pipeline import EAMVisSource
 from e3sm_quickview.utils import cli, compute
-from e3sm_quickview.view_manager import ViewManager
+from e3sm_quickview.view_manager2 import ViewManager
 
 v3.enable_lab()
 
@@ -210,10 +210,17 @@ def _build_ui(self, **_):
                                 toolbars.Animation()
 
                             # View of all the variables
-                            client.ServerTemplate(
-                                name=("active_layout", "auto_layout"),
-                                v_if="variables_selected.length",
-                            )
+                            with rca.ImageStream(
+                                self.view_manager._render_window,
+                                encoder="turbo-jpeg",
+                                ctx_name="view",
+                            ):
+                                # To debug vtkRenderWindow content
+                                # html.Img(src=["image?.src"], height="300px")
+                                client.ServerTemplate(
+                                    name=("active_layout", "auto_layout"),
+                                    v_if="variables_selected.length",
+                                )
 
                             # Show documentation when no variable selected
                             with html.Div(v_if="!variables_selected.length"):

src/e3sm_quickview/view_manager.py

@@ -507,8 +507,7 @@ def build_auto_layout(self, variables=None):
         existed_order = set()
         order_max = 0
         orders_to_update = []
-        for var_type in variables.keys():
-            var_names = variables[var_type]
+        for var_type, var_names in variables.items():
             for name in var_names:
                 config = self.get_view(name, var_type).config
                 self._active_configs[name] = config