Trame - Add Actor to rendered plotter

[mcaox]

Good Afternoon,

I initialy posted on pyvista repo , as I thought the message was relative to pyvista.
When i tried to perform the same action with vtk interface, i got the same error.

• Problem
  We want to add an actor to an already rendered plotter/renderer.
  This behaviour works fine with jupyter. The cone is added to the plotter.

  • import pyvista as pv
    pv.set_jupyter_backend('trame')
    

  • plotter = pv.Plotter(notebook=True)
    plotter.show(jupyter_backend='client')
    

  • plotter.add_mesh(pv.Cone())
    

• Question

  • What is the proper to implement this behaviour ?

• Implementation

import pyvista as pv
from pyvista import examples
from pyvista.trame.ui import plotter_ui
from trame.app import get_server
from vtkmodules.vtkFiltersSources import vtkConeSource,vtkSphereSource
from vtkmodules.vtkRenderingCore import (
    vtkRenderer,
    vtkRenderWindow,
    vtkRenderWindowInteractor,
    vtkPolyDataMapper,
    vtkActor,
)

CLIENT_TYPE = "vue3"
USE_PV = False
RADIUS = 0.1

if CLIENT_TYPE=="vue2":
    from trame.widgets import vuetify2 as vuetify,html as html_widgets,vtk as vtk_widgets
    from trame.ui.vuetify2 import SinglePageLayout
else:
    from trame.widgets import vuetify3 as vuetify,html as html_widgets,vtk as vtk_widgets
    from trame.ui.vuetify3 import SinglePageLayout

class App:
    def __init__(self,server):
        self.server = get_server(client_type=CLIENT_TYPE)
        vuetify.initialize(self.server)
        html_widgets.initialize(self.server)
        vtk_widgets.initialize(self.server)

        if USE_PV:
            self.plotter = pv.Plotter()
        else:
            self.renderWindow = vtkRenderWindow()
            self.renderer = vtkRenderer()
            self.renderWindow.AddRenderer(self.renderer)
        self.view = None # instancié
        self.sources_counter = 0

        self.ctrl.add("on_server_ready")(self.ui)
    
    @property
    def ctrl(self):
        return self.server.controller
    
    @property
    def state(self):
        return self.server.state

    def add_actor(self):
        center = (self.sources_counter*RADIUS*2.1,0,0)
        self.sources_counter+=1
        if USE_PV:
            mapper = pv.DataSetMapper(pv.Sphere(radius=RADIUS,center=center))
            actor = pv.Actor(mapper=mapper)
            self.plotter.add_actor(actor)
        else:
            _source = vtkSphereSource()
            _source.SetRadius(RADIUS)
            _source.SetCenter(*center)
            mapper = vtkPolyDataMapper()
            actor = vtkActor()
            mapper.SetInputConnection(_source.GetOutputPort())
            actor.SetMapper(mapper)
            self.renderer.AddActor(actor)
        if self.view is not None:
            self.ctrl.view_update()
        print(actor)
    
    def add_actor_with(self):
        with self.layout:
            with self.view:
                self.add_actor()
    
    def initialize(self):
        if USE_PV:
            pass
        else:
            pass

    def ui(self,*args,**kwargs):
        with SinglePageLayout(self.server) as layout:
            self.layout = layout
            layout.icon.click = self.ctrl.view_reset_camera

            with layout.content:
                with vuetify.VCol():
                    vuetify.VBtn("AddActor",click=self.add_actor_with)
                with vuetify.VContainer(
                    fluid=True,
                    classes="pa-0 fill-height",
                ):
                    if USE_PV:
                        self.view = plotter_ui(self.plotter,mode="client")
                    else:
                        self.view = vtk_widgets.VtkLocalView(self.renderWindow, ref="view")
                    self.ctrl.view_update = self.view.update
                    self.ctrl.view_reset_camera = self.view.reset_camera



if __name__=="__main__":
    server = get_server(client_type=CLIENT_TYPE)
    app = App(server)
    app.initialize()
    app.add_actor()
    app.add_actor()
    server.start(exec_mode='main',timeout=0)

• Error
  The callback add_actor_with disconnect the server, and the following message is printed in the backend console.
  It is the same with either vtk (USE_PV=False) or pyvista (USE_PV=True)

{"wslink": "1.0", "id": "publish:trame.vtk.delta:0", "result": {"parent": "0x0", "id": 1, "type": "vtkWin32OpenGLRenderWindow", "properties": {"numberOfLayers": 1}, "dependencies": [{"parent": "0000011bd24f4fb0", "id": "0000011bd21f6fe0", "type": "vtkOpenGLRenderer", "properties": {"background": [0.0, 0.0, 0.0], "background2": [0.2, 0.2, 0.2], "viewport": [0.0, 0.0, 1.0, 1.0], "twoSidedLighting": 1, "lightFollowCamera": 1, "layer": 0, "preserveColorBuffer": 0, "preserveDepthBuffer": 0, "nearClippingPlaneTolerance": 0.0, "clippingRangeExpansion": 0.5, "useShadows": 0, "useDepthPeeling": 0, "occlusionRatio": 0.0, "maximumNumberOfPeels": 4, "interactive": 1}, "dependencies": [{"parent": "0000011bd21f6fe0", "id": "0000011bd1f87e70", "type": "vtkOpenGLCamera", "properties": {"focalPoint": [0.0, 0.0, 0.0], "position": [0.0, 0.0, 1.0], "viewUp": [0.0, 1.0, 0.0], "clippingRange": [0.01, 1000.01]}}, {"parent": "0000011bd21f6fe0", "id": "0000011bd22cfa20", "type": "vtkOpenGLActor", "properties": {}, "calls": [["setMapper", ["instance:${0000011bd22bc2c0}"]], ["setProperty", ["instance:${0000011bd460e8b0}"]]], "dependencies": [{"parent": "0000011bd22cfa20", "id": "0000011bd22bc2c0", "type": "vtkMapper", "properties": {}, "calls": [["setInputData", ["instance:${0000011bd22bc2c0-dataset}"]], ["setLookupTable", ["instance:${0000011bd244bbf0}"]]], "dependencies": [{"parent": "0000011bd22bc2c0", "id": "0000011bd22bc2c0-dataset", "type": "vtkPolyData", "properties": {"points": {"hash": "92526acf8f9ae67771aef5abb4413b52_150f", "vtkClass": "vtkPoints", "name": "Points", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": -0.09749279171228409, "max": 0.09749279171228409, "component": null}, {"min": -0.09749279171228409, "max": 0.09749279171228409, "component": null}, {"min": -0.10000000149011612, "max": 0.10000000149011612, "component": null}, {"min": 0.09999999683331239, "max": 0.10000000293237303, "component": null}]}, "polys": {"hash": "0d84112153c776af8871d15149e31080_384L", "vtkClass": "vtkCellArray", "name": null, "dataType": "Uint32Array", "numberOfComponents": 1, "size": 384, "ranges": [{"min": 0.0, "max": 49.0, "component": null}]}, "fields": [{"hash": "4282f6ebecf5bd74db8c588c4a0d483d_150f", "vtkClass": "vtkDataArray", "name": "Normals", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": -0.9749279022216797, "max": 0.9749279022216797, "component": null}, {"min": -0.9749279022216797, "max": 0.9749279022216797, "component": null}, {"min": -1.0, "max": 1.0, "component": null}, {"min": 0.9999999771868981, "max": 1.0000000130281723, "component": null}], "location": "pointData", "registration": "setNormals"}]}}, {"parent": "0000011bd22bc2c0", "id": "0000011bd244bbf0", "type": "vtkLookupTable", "properties": {}}]}, {"parent": "0000011bd22cfa20", "id": "0000011bd460e8b0", "type": "vtkOpenGLProperty", "properties": {}}]}, {"parent": "0000011bd21f6fe0", "id": "0000011bd47b8310", "type": "vtkOpenGLActor", "properties": {}, "calls": [["setMapper", ["instance:${0000011bd22bc8d0}"]], ["setProperty", ["instance:${0000011bd460b970}"]]], "dependencies": [{"parent": "0000011bd47b8310", "id": "0000011bd22bc8d0", "type": "vtkMapper", "properties": {}, "calls": [["setInputData", ["instance:${0000011bd22bc8d0-dataset}"]], ["setLookupTable", ["instance:${0000011bd1c4ead0}"]]], "dependencies": [{"parent": "0000011bd22bc8d0", "id": "0000011bd22bc8d0-dataset", "type": "vtkPolyData", "properties": {"points": {"hash": "107367c4f13c26cbca69313ee4d1cb28_150f", "vtkClass": "vtkPoints", "name": "Points", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": 0.11250720918178558, "max": 0.30749279260635376, "component": null}, {"min": -0.09749279171228409, "max": 0.09749279171228409, "component": null}, {"min": -0.10000000149011612, "max": 0.10000000149011612, "component": null}, {"min": 0.11468665051035633, "max": 0.30829689131138616, "component": null}]}, "polys": {"hash": "0d84112153c776af8871d15149e31080_384L", "vtkClass": "vtkCellArray", "name": null, "dataType": "Uint32Array", "numberOfComponents": 1, "size": 384, "ranges": [{"min": 0.0, "max": 49.0, "component": null}]}, "fields": [{"hash": "4282f6ebecf5bd74db8c588c4a0d483d_150f", "vtkClass": "vtkDataArray", "name": "Normals", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": -0.9749279022216797, "max": 0.9749279022216797, "component":
null}, {"min": -0.9749279022216797, "max": 0.9749279022216797, "component": null}, {"min": -1.0, "max": 1.0, "component": null}, {"min": 0.9999999771868981, "max": 1.0000000130281723, "component": null}], "location": "pointData", "registration": "setNormals"}]}}, {"parent": "0000011bd22bc8d0", "id": "0000011bd1c4ead0", "type": "vtkLookupTable", "properties": {}}]}, {"parent": "0000011bd47b8310", "id": "0000011bd460b970", "type": "vtkOpenGLProperty", "properties": {}}]}, {"parent": "0000011bd21f6fe0", "id": "0000011bd47baa70", "type": "vtkOpenGLActor", "properties": {"visibility": 1, "pickable": 1, "dragable": 1, "useBounds": true, "origin": [0.0, 0.0, 0.0], "position": [0.0, 0.0, 0.0], "scale": [1.0, 1.0, 1.0], "forceOpaque": false, "forceTranslucent": false}, "calls": [["setMapper", ["instance:${0000011bd4853b40}"]], ["setProperty", ["instance:${0000011bd460b4f0}"]]], "dependencies": [{"parent": "0000011bd47baa70", "id": "0000011bd4853b40", "type": "vtkMapper", "properties": {"resolveCoincidentTopology": 0, "renderTime": 0.0, "arrayAccessMode": 0, "scalarRange": [0.0, 1.0], "useLookupTableScalarRange": 0, "scalarVisibility": 1, "colorByArrayName": -1, "colorMode": 0, "scalarMode": 0, "interpolateScalarsBeforeMapping": 0}, "calls": [["setInputData", ["instance:${0000011bd4853b40-dataset}"]], ["setLookupTable", ["instance:${0000011bd2023740}"]]], "dependencies": [{"parent": "0000011bd4853b40", "id": "0000011bd4853b40-dataset",
"type": "vtkPolyData", "properties": {"points": {"hash": "a532f085aa7dc3ad17f8d7c11b3846b7_150f", "vtkClass": "vtkPoints", "name": "Points", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": 0.32250720262527466, "max": 0.5174927711486816, "component": null}, {"min": -0.09749279171228409, "max": 0.09749279171228409, "component": null}, {"min": -0.10000000149011612, "max": 0.10000000149011612, "component": null}, {"min": 0.3232739572446109, "max": 0.5179709681811833, "component": null}]}, "polys": {"hash": "0d84112153c776af8871d15149e31080_384L", "vtkClass": "vtkCellArray", "name": null, "dataType": "Uint32Array", "numberOfComponents": 1, "size": 384, "ranges": [{"min": 0.0, "max": 49.0, "component": null}]}, "fields": [{"hash": "4282f6ebecf5bd74db8c588c4a0d483d_150f", "vtkClass": "vtkDataArray", "name": "Normals", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": -0.9749279022216797, "max": 0.9749279022216797, "component": null}, {"min": -0.9749279022216797, "max": 0.9749279022216797, "component": null}, {"min": -1.0, "max": 1.0, "component": null}, {"min": 0.9999999771868981, "max": 1.0000000130281723, "component": null}], "location": "pointData", "registration": "setNormals"}]}}, {"parent": "0000011bd4853b40", "id": "0000011bd2023740", "type": "vtkLookupTable", "properties": {"numberOfColors": 256, "valueRange": [0.0, 1.0], "hueRange": [0.5, 0], "saturationRange": [1.0, 1.0], "nanColor": [0.5, 0.0, 0.0, 1.0], "belowRangeColor": [0.0, 0.0, 0.0, 1.0], "aboveRangeColor": [1.0, 1.0, 1.0, 1.0], "useAboveRangeColor": false, "useBelowRangeColor": false, "alpha": 1.0, "vectorSize": -1, "vectorComponent": 0, "vectorMode": 1, "indexedLookup": 0}}]}, {"parent": "0000011bd47baa70", "id": "0000011bd460b4f0", "type": "vtkOpenGLProperty", "properties": {"representation": 2, "diffuseColor": [1.0, 1.0, 1.0], "color": [1.0, 1.0, 1.0], "ambientColor": [1.0, 1.0, 1.0], "specularColor": [1.0, 1.0, 1.0], "edgeColor": [0.0, 0.0, 0.0], "ambient": 0.0, "diffuse": 1.0, "specular": 0.0, "specularPower": 1.0, "opacity": 1.0, "interpolation": 1, "edgeVisibility": 0, "backfaceCulling": 0, "frontfaceCulling": 0, "pointSize": 1.0, "lineWidth": 1.0, "lighting": 1}}]}], "calls": [["setActiveCamera", ["instance:${0000011bd1f87e70}"]], ["addViewProp", ["instance:${0000011bd47baa70}"]]]}], "calls": [], "mtime": 90, "extra": {"vtkRefId": "0000011bd24f4fb0", "centerOfRotation": [0.0, 0.0, 0.0], "camera": "0000011bd1f87e70"}}}{"wslink": "1.0", "id": "publish:trame.state.topic:0", "result": {"scene_view": {"parent": "0x0", "id": 1, "type": "vtkWin32OpenGLRenderWindow", "properties": {"numberOfLayers": 1}, "dependencies": [{"parent": "0000011bd24f4fb0", "id": "0000011bd21f6fe0", "type": "vtkOpenGLRenderer", "properties": {"background": [0.0, 0.0, 0.0], "background2": [0.2, 0.2, 0.2], "viewport": [0.0, 0.0, 1.0, 1.0], "twoSidedLighting": 1, "lightFollowCamera": 1, "layer": 0, "preserveColorBuffer": 0, "preserveDepthBuffer": 0, "nearClippingPlaneTolerance": 0.0, "clippingRangeExpansion": 0.5, "useShadows": 0, "useDepthPeeling": 0, "occlusionRatio": 0.0, "maximumNumberOfPeels": 4, "interactive": 1}, "dependencies": [{"parent": "0000011bd21f6fe0", "id": "0000011bd1f87e70", "type": "vtkOpenGLCamera", "properties": {"focalPoint": [0.0, 0.0, 0.0], "position": [0.0, 0.0, 1.0], "viewUp": [0.0, 1.0, 0.0], "clippingRange": [0.01, 1000.01]}}, {"parent": "0000011bd21f6fe0", "id": "0000011bd22cfa20", "type": "vtkOpenGLActor", "properties": {"visibility": 1, "pickable": 1, "dragable": 1, "useBounds": true, "origin": [0.0, 0.0, 0.0], "position":
[0.0, 0.0, 0.0], "scale": [1.0, 1.0, 1.0], "forceOpaque": false, "forceTranslucent": false}, "calls": [["setMapper", ["instance:${0000011bd22bc2c0}"]], ["setProperty", ["instance:${0000011bd460e8b0}"]]], "dependencies": [{"parent": "0000011bd22cfa20", "id": "0000011bd22bc2c0", "type": "vtkMapper", "properties": {"resolveCoincidentTopology": 0, "renderTime": 0.0, "arrayAccessMode": 0, "scalarRange": [0.0, 1.0], "useLookupTableScalarRange": 0, "scalarVisibility": 1, "colorByArrayName": -1, "colorMode": 0, "scalarMode": 0, "interpolateScalarsBeforeMapping": 0}, "calls": [["setInputData", ["instance:${0000011bd22bc2c0-dataset}"]], ["setLookupTable", ["instance:${0000011bd244bbf0}"]]], "dependencies": [{"parent": "0000011bd22bc2c0", "id": "0000011bd22bc2c0-dataset", "type": "vtkPolyData", "properties": {"points": {"hash": "92526acf8f9ae67771aef5abb4413b52_150f",
"vtkClass": "vtkPoints", "name": "Points", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": -0.09749279171228409, "max": 0.09749279171228409, "component": null}, {"min": -0.09749279171228409, "max": 0.09749279171228409, "component": null}, {"min": -0.10000000149011612, "max": 0.10000000149011612, "component": null}, {"min": 0.09999999683331239, "max": 0.10000000293237303, "component": null}]}, "polys": {"hash": "0d84112153c776af8871d15149e31080_384L", "vtkClass": "vtkCellArray", "name": null, "dataType": "Uint32Array", "numberOfComponents": 1, "size": 384, "ranges": [{"min": 0.0, "max": 49.0, "component": null}]}, "fields": [{"hash": "4282f6ebecf5bd74db8c588c4a0d483d_150f", "vtkClass": "vtkDataArray", "name": "Normals", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": -0.9749279022216797, "max": 0.9749279022216797, "component": null}, {"min": -0.9749279022216797, "max": 0.9749279022216797, "component": null}, {"min": -1.0, "max": 1.0, "component": null}, {"min": 0.9999999771868981, "max": 1.0000000130281723, "component": null}], "location": "pointData", "registration": "setNormals"}]}}, {"parent": "0000011bd22bc2c0", "id": "0000011bd244bbf0", "type": "vtkLookupTable", "properties": {"numberOfColors": 256, "valueRange": [0.0, 1.0], "hueRange": [0.5, 0], "saturationRange": [1.0, 1.0], "nanColor": [0.5, 0.0, 0.0, 1.0], "belowRangeColor": [0.0, 0.0, 0.0, 1.0], "aboveRangeColor": [1.0, 1.0, 1.0, 1.0], "useAboveRangeColor": false, "useBelowRangeColor": false, "alpha": 1.0, "vectorSize": -1, "vectorComponent": 0, "vectorMode": 1, "indexedLookup": 0}}]}, {"parent": "0000011bd22cfa20", "id": "0000011bd460e8b0", "type": "vtkOpenGLProperty", "properties": {"representation": 2, "diffuseColor": [1.0, 1.0, 1.0], "color": [1.0, 1.0, 1.0], "ambientColor": [1.0, 1.0, 1.0], "specularColor": [1.0, 1.0, 1.0], "edgeColor": [0.0, 0.0, 0.0], "ambient": 0.0, "diffuse": 1.0, "specular": 0.0, "specularPower": 1.0, "opacity": 1.0, "interpolation": 1,
"edgeVisibility": 0, "backfaceCulling": 0, "frontfaceCulling": 0, "pointSize": 1.0, "lineWidth": 1.0, "lighting": 1}}]}, {"parent": "0000011bd21f6fe0", "id": "0000011bd47b8310", "type": "vtkOpenGLActor", "properties": {"visibility": 1, "pickable": 1, "dragable": 1, "useBounds": true, "origin": [0.0, 0.0, 0.0], "position": [0.0, 0.0, 0.0], "scale": [1.0, 1.0, 1.0], "forceOpaque": false, "forceTranslucent": false}, "calls": [["setMapper", ["instance:${0000011bd22bc8d0}"]], ["setProperty", ["instance:${0000011bd460b970}"]]], "dependencies": [{"parent": "0000011bd47b8310", "id": "0000011bd22bc8d0", "type": "vtkMapper", "properties": {"resolveCoincidentTopology": 0, "renderTime": 0.0, "arrayAccessMode": 0, "scalarRange": [0.0, 1.0], "useLookupTableScalarRange": 0, "scalarVisibility": 1, "colorByArrayName": -1, "colorMode": 0, "scalarMode": 0, "interpolateScalarsBeforeMapping": 0}, "calls": [["setInputData", ["instance:${0000011bd22bc8d0-dataset}"]], ["setLookupTable", ["instance:${0000011bd1c4ead0}"]]], "dependencies": [{"parent": "0000011bd22bc8d0", "id": "0000011bd22bc8d0-dataset", "type": "vtkPolyData", "properties": {"points": {"hash": "107367c4f13c26cbca69313ee4d1cb28_150f", "vtkClass": "vtkPoints", "name": "Points", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": 0.11250720918178558, "max": 0.30749279260635376, "component": null}, {"min": -0.09749279171228409, "max": 0.09749279171228409, "component": null}, {"min": -0.10000000149011612, "max": 0.10000000149011612, "component": null}, {"min": 0.11468665051035633, "max": 0.30829689131138616, "component": null}]}, "polys": {"hash": "0d84112153c776af8871d15149e31080_384L", "vtkClass": "vtkCellArray", "name": null, "dataType": "Uint32Array", "numberOfComponents": 1, "size": 384, "ranges": [{"min": 0.0, "max": 49.0, "component": null}]}, "fields": [{"hash": "4282f6ebecf5bd74db8c588c4a0d483d_150f", "vtkClass": "vtkDataArray", "name": "Normals", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": -0.9749279022216797, "max": 0.9749279022216797, "component": null}, {"min": -0.9749279022216797, "max": 0.9749279022216797, "component": null}, {"min": -1.0, "max": 1.0, "component": null}, {"min": 0.9999999771868981, "max": 1.0000000130281723, "component": null}], "location": "pointData", "registration": "setNormals"}]}}, {"parent": "0000011bd22bc8d0", "id": "0000011bd1c4ead0", "type": "vtkLookupTable", "properties": {"numberOfColors": 256, "valueRange": [0.0, 1.0], "hueRange": [0.5, 0], "saturationRange": [1.0, 1.0], "nanColor": [0.5, 0.0, 0.0, 1.0], "belowRangeColor": [0.0, 0.0, 0.0, 1.0], "aboveRangeColor": [1.0, 1.0, 1.0, 1.0], "useAboveRangeColor": false, "useBelowRangeColor": false, "alpha": 1.0, "vectorSize": -1, "vectorComponent": 0, "vectorMode": 1, "indexedLookup": 0}}]}, {"parent": "0000011bd47b8310", "id": "0000011bd460b970", "type": "vtkOpenGLProperty", "properties": {"representation": 2, "diffuseColor": [1.0, 1.0, 1.0], "color": [1.0, 1.0, 1.0], "ambientColor": [1.0, 1.0, 1.0], "specularColor": [1.0, 1.0, 1.0], "edgeColor": [0.0, 0.0, 0.0], "ambient": 0.0, "diffuse": 1.0, "specular": 0.0, "specularPower": 1.0, "opacity": 1.0, "interpolation": 1, "edgeVisibility": 0, "backfaceCulling": 0, "frontfaceCulling": 0, "pointSize": 1.0, "lineWidth": 1.0, "lighting": 1}}]}, {"parent": "0000011bd21f6fe0", "id": "0000011bd47baa70", "type": "vtkOpenGLActor", "properties": {"visibility": 1, "pickable": 1, "dragable": 1, "useBounds": true, "origin": [0.0, 0.0, 0.0], "position": [0.0, 0.0, 0.0], "scale": [1.0, 1.0, 1.0], "forceOpaque": false, "forceTranslucent": false}, "calls": [["setMapper", ["instance:${0000011bd4853b40}"]], ["setProperty", ["instance:${0000011bd460b4f0}"]]], "dependencies": [{"parent": "0000011bd47baa70", "id": "0000011bd4853b40", "type": "vtkMapper", "properties": {"resolveCoincidentTopology": 0, "renderTime": 0.0, "arrayAccessMode": 0, "scalarRange": [0.0, 1.0], "useLookupTableScalarRange": 0, "scalarVisibility": 1, "colorByArrayName": -1, "colorMode": 0, "scalarMode": 0, "interpolateScalarsBeforeMapping": 0}, "calls": [["setInputData", ["instance:${0000011bd4853b40-dataset}"]], ["setLookupTable", ["instance:${0000011bd2023740}"]]], "dependencies": [{"parent": "0000011bd4853b40", "id": "0000011bd4853b40-dataset", "type": "vtkPolyData", "properties": {"points": {"hash": "a532f085aa7dc3ad17f8d7c11b3846b7_150f", "vtkClass": "vtkPoints", "name": "Points", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": 0.32250720262527466, "max": 0.5174927711486816, "component": null}, {"min": -0.09749279171228409, "max": 0.09749279171228409, "component": null}, {"min": -0.10000000149011612, "max": 0.10000000149011612, "component": null}, {"min": 0.3232739572446109, "max": 0.5179709681811833, "component": null}]}, "polys": {"hash": "0d84112153c776af8871d15149e31080_384L", "vtkClass": "vtkCellArray", "name": null, "dataType": "Uint32Array", "numberOfComponents": 1, "size": 384, "ranges": [{"min": 0.0, "max": 49.0, "component": null}]}, "fields": [{"hash": "4282f6ebecf5bd74db8c588c4a0d483d_150f", "vtkClass": "vtkDataArray", "name": "Normals", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": -0.9749279022216797, "max": 0.9749279022216797, "component": null}, {"min": -0.9749279022216797, "max": 0.9749279022216797, "component": null}, {"min": -1.0, "max": 1.0, "component": null}, {"min": 0.9999999771868981, "max": 1.0000000130281723, "component": null}], "location": "pointData", "registration": "setNormals"}]}}, {"parent": "0000011bd4853b40", "id": "0000011bd2023740", "type": "vtkLookupTable", "properties": {"numberOfColors": 256, "valueRange": [0.0, 1.0], "hueRange": [0.5, 0], "saturationRange": [1.0, 1.0], "nanColor": [0.5, 0.0, 0.0, 1.0], "belowRangeColor": [0.0, 0.0, 0.0, 1.0], "aboveRangeColor": [1.0, 1.0, 1.0, 1.0], "useAboveRangeColor": false, "useBelowRangeColor": false, "alpha": 1.0, "vectorSize": -1, "vectorComponent": 0, "vectorMode": 1, "indexedLookup": 0}}]}, {"parent": "0000011bd47baa70", "id": "0000011bd460b4f0", "type": "vtkOpenGLProperty", "properties": {"representation": 2, "diffuseColor": [1.0, 1.0, 1.0], "color": [1.0, 1.0, 1.0], "ambientColor": [1.0, 1.0, 1.0], "specularColor": [1.0, 1.0, 1.0], "edgeColor": [0.0, 0.0, 0.0], "ambient": 0.0, "diffuse": 1.0, "specular":
0.0, "specularPower": 1.0, "opacity": 1.0, "interpolation": 1, "edgeVisibility": 0, "backfaceCulling": 0, "frontfaceCulling": 0, "pointSize": 1.0, "lineWidth": 1.0, "lighting": 1}}]}], "calls": [["setActiveCamera", ["instance:${0000011bd1f87e70}"]], ["addViewProp", ["instance:${0000011bd22cfa20}"]], ["addViewProp", ["instance:${0000011bd47b8310}"]], ["addViewProp", ["instance:${0000011bd47baa70}"]]]}], "calls": [["addRenderer", ["instance:${0000011bd21f6fe0}"]]], "mtime": 90, "extra": {"vtkRefId": "0000011bd24f4fb0", "centerOfRotation": [0.0, 0.0, 0.0], "camera": "0000011bd1f87e70"}}}}

[jourdain]

I did some cleanup here, but it was working out of the box on my end.

My relevant setup is as follows

Package                       Version
----------------------------- -----------
pyvista                       0.42.3
trame                         3.2.5
trame-client                  2.11.3
trame-server                  2.11.7
trame-vtk                     2.5.8
trame-vuetify                 2.3.1
wslink                        1.9.0

The possible issues were:

1. you were rebuilding/flushing a new UI each time you added an actor.
2. You were deferring the UI creation (for no reason it seems)

[jourdain]

For simplicity, just pasted the code from the repo here

from trame.app import get_server
from trame.widgets import vtk as vtk_widgets

import pyvista as pv
from pyvista.trame.ui import plotter_ui

from vtkmodules.vtkFiltersSources import vtkSphereSource
from vtkmodules.vtkRenderingCore import (
    vtkRenderer,
    vtkRenderWindow,
    vtkPolyDataMapper,
    vtkActor,
)

CLIENT_TYPE = "vue3"
USE_PV = False
RADIUS = 0.1

if CLIENT_TYPE == "vue2":
    from trame.widgets import vuetify2 as vuetify
    from trame.ui.vuetify2 import SinglePageLayout
else:
    from trame.widgets import vuetify3 as vuetify
    from trame.ui.vuetify3 import SinglePageLayout


class App:
    def __init__(self, server=None):
        self.server = get_server(server, client_type=CLIENT_TYPE)

        if USE_PV:
            self.plotter = pv.Plotter()
        else:
            self.renderWindow = vtkRenderWindow()
            self.renderer = vtkRenderer()
            self.renderWindow.AddRenderer(self.renderer)
        self.sources_counter = 0
        self.ui()

    @property
    def ctrl(self):
        return self.server.controller

    @property
    def state(self):
        return self.server.state

    def add_actor(self):
        center = (self.sources_counter * RADIUS * 2.1, 0, 0)
        self.sources_counter += 1
        if USE_PV:
            mapper = pv.DataSetMapper(pv.Sphere(radius=RADIUS, center=center))
            actor = pv.Actor(mapper=mapper)
            self.plotter.add_actor(actor)
        else:
            _source = vtkSphereSource()
            _source.SetRadius(RADIUS)
            _source.SetCenter(*center)
            mapper = vtkPolyDataMapper()
            actor = vtkActor()
            mapper.SetInputConnection(_source.GetOutputPort())
            actor.SetMapper(mapper)
            self.renderer.AddActor(actor)

        self.ctrl.view_update()
        self.ctrl.view_reset_camera()

    def ui(self):
        with SinglePageLayout(self.server) as layout:
            self.layout = layout
            layout.icon.click = self.ctrl.view_reset_camera

            with layout.content:
                with vuetify.VCol():
                    vuetify.VBtn("AddActor", click=self.add_actor)
                with vuetify.VContainer(
                    fluid=True,
                    classes="pa-0 fill-height",
                ):
                    view = (
                        plotter_ui(self.plotter, mode="client")
                        if USE_PV
                        else vtk_widgets.VtkLocalView(self.renderWindow)
                    )
                    self.ctrl.view_update = view.update
                    self.ctrl.view_reset_camera = view.reset_camera


if __name__ == "__main__":
    app = App()
    app.add_actor()
    app.add_actor()
    app.server.start()

[mcaox]

Thank you @jourdain for your answer and the code cleanup.

I am quite confused as the code does not work as you suggest.
I copied the provided code in an app.py.

Workflow

• The error is the same on both chrome and firefox
• The server is disconnected and the message printed in the server console
• When we refresh the page, the sphere has been added
• This workflow is the some either in the latest environnement or in the one you suggested (see below)

Environnements

Environnement 1

req1.txt

trame
pyvista
trame-vtk
trame-vuetify

commands

python -m env env1
env1\Scripts\python.exe -m pip install -r req1.txt
env1\Scripts\python.exe -m pip freeze
env1\Scripts\python.exe app.py

results

• error similar to error of the initial post (see below errors > env1 > python app)

freeze

aiohttp==3.9.0
aiosignal==1.3.1
attrs==23.1.0
certifi==2023.11.17
charset-normalizer==3.3.2
contourpy==1.2.0
cycler==0.12.1
fonttools==4.45.1
frozenlist==1.4.0
idna==3.4
kiwisolver==1.4.5
matplotlib==3.8.2
multidict==6.0.4
numpy==1.26.2
packaging==23.2
Pillow==10.1.0
platformdirs==4.0.0
pooch==1.8.0
pyparsing==3.1.1
python-dateutil==2.8.2
pyvista==0.42.3
requests==2.31.0
scooby==0.9.2
six==1.16.0
trame==3.3.0
trame-client==2.12.6
trame-server==2.12.1
trame-vtk==2.6.2
trame-vuetify==2.3.1
urllib3==2.1.0
vtk==9.3.0
wslink==1.12.4
yarl==1.9.3

Environnement 2

req2.txt

The environnement you suggested

pyvista==0.42.3
trame==3.2.5
trame-client==2.11.3
trame-server==2.11.7
trame-vtk==2.5.8
trame-vuetify==2.3.1
wslink==1.9.0

commands

python -m env env2
env2\Scripts\python.exe -m pip install -r req2.txt
env2\Scripts\python.exe app.py

results

• vue3 is not recognize as a kwargs of get_server in trame(3.2.5) => I change to self.server.client_type = CLIENT_TYPE
• then the server starts but a button click still results in a JS Error similar to first one (see below errors > env2 > python app add actor)

freeze

aiohttp==3.9.0
aiosignal==1.3.1
attrs==23.1.0
certifi==2023.11.17
charset-normalizer==3.3.2
contourpy==1.2.0
cycler==0.12.1
fonttools==4.45.1
frozenlist==1.4.0
idna==3.4
kiwisolver==1.4.5
matplotlib==3.8.2
multidict==6.0.4
numpy==1.26.2
packaging==23.2
Pillow==10.1.0
platformdirs==4.0.0
pooch==1.8.0
pyparsing==3.1.1
python-dateutil==2.8.2
pyvista==0.42.3
requests==2.31.0
scooby==0.9.2
six==1.16.0
trame==3.2.5
trame-client==2.11.3
trame-server==2.11.7
trame-vtk==2.5.8
trame-vuetify==2.3.1
urllib3==2.1.0
vtk==9.3.0
wslink==1.9.0
yarl==1.9.3

errors

env1

python app.py

JS Error => Malformed message: {"wslink": "1.0", "id": "publish:trame.vtk.delta:0", "result": {"parent": "0x0", "id": 1, "type": "vtkRenderWindow", "properties": {"numberOfLayers": 1}, "dependencies": [{"parent": "000001a7b76f5500", "id": "000001a7d1ee9580", "type": "vtkRenderer", "properties": {"background": [0.0, 0.0, 0.0], "background2": [0.2, 0.2, 0.2], "viewport": [0.0, 0.0, 1.0, 1.0], "twoSidedLighting": 1, "lightFollowCamera": 1, "layer": 0, "preserveColorBuffer": 0, "preserveDepthBuffer": 0, "nearClippingPlaneTolerance": 0.0, "clippingRangeExpansion": 0.5, "useShadows": 0, "useDepthPeeling": 0, "occlusionRatio": 0.0, "maximumNumberOfPeels": 4, "interactive": 1}, "dependencies": [{"parent": "000001a7d1ee9580", "id": "000001a7d1f6cdb0", "type": "vtkOpenGLCamera", "properties": {"focalPoint": [0.0, 0.0, 0.0], "position": [0.0, 0.0, 1.0], "viewUp": [0.0, 1.0, 0.0], "clippingRange": [0.01, 1000.01]}}, {"parent": "000001a7d1ee9580", "id": "000001a7d1d73640", "type": "vtkOpenGLActor", "properties": {}, "calls": [["setMapper", ["instance:${000001a7d1ff5a80}"]], ["setProperty", ["instance:${000001a7d1c40640}"]]], "dependencies": [{"parent": "000001a7d1d73640", "id": "000001a7d1ff5a80", "type": "vtkMapper", "properties": {}, "calls": [["setInputData", ["instance:${000001a7d1ff5a80-dataset}"]], ["setLookupTable", ["instance:${000001a7d1f4a210}"]]], "dependencies": [{"parent": "000001a7d1ff5a80", "id": "000001a7d1ff5a80-dataset", "type": "vtkPolyData", "properties": {"points": {"hash": "92526acf8f9ae67771aef5abb4413b52_150f", "vtkClass": "vtkPoints", "name": "Points", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": -0.09749279171228409, "max": 0.09749279171228409, "component": null}, {"min": -0.09749279171228409, "max":
0.09749279171228409, "component": null}, {"min": -0.10000000149011612, "max": 0.10000000149011612, "component": null},
{"min": 0.09999999683331239, "max": 0.10000000293237303, "component": null}]}, "polys": {"hash": "0d84112153c776af8871d15149e31080_384L", "vtkClass": "vtkCellArray", "name": null, "dataType": "Uint32Array", "numberOfComponents": 1, "size": 384, "ranges": [{"min": 0.0, "max": 49.0, "component": null}]}, "fields": [{"hash": "4282f6ebecf5bd74db8c588c4a0d483d_150f", "vtkClass": "vtkDataArray", "name": "Normals", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": -0.9749279022216797, "max": 0.9749279022216797, "component": null}, {"min": -0.9749279022216797, "max": 0.9749279022216797, "component": null}, {"min": -1.0, "max": 1.0, "component": null}, {"min": 0.9999999771868981, "max": 1.0000000130281723, "component": null}], "location": "pointData", "registration": "setNormals"}]}}, {"parent":
"000001a7d1ff5a80", "id": "000001a7d1f4a210", "type": "vtkLookupTable", "properties": {}}]}, {"parent": "000001a7d1d73640", "id": "000001a7d1c40640", "type": "vtkOpenGLProperty", "properties": {}}]}, {"parent": "000001a7d1ee9580", "id": "000001a7d1d71110", "type": "vtkOpenGLActor", "properties": {}, "calls": [["setMapper", ["instance:${000001a7d1ffd3c0}"]], ["setProperty", ["instance:${000001a7d1c43580}"]]], "dependencies": [{"parent": "000001a7d1d71110", "id": "000001a7d1ffd3c0", "type": "vtkMapper", "properties": {}, "calls": [["setInputData", ["instance:${000001a7d1ffd3c0-dataset}"]],
["setLookupTable", ["instance:${000001a7d1ef0460}"]]], "dependencies": [{"parent": "000001a7d1ffd3c0", "id": "000001a7d1ffd3c0-dataset", "type": "vtkPolyData", "properties": {"points": {"hash": "107367c4f13c26cbca69313ee4d1cb28_150f", "vtkClass": "vtkPoints", "name": "Points", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": 0.11250720918178558, "max": 0.30749279260635376, "component": null}, {"min": -0.09749279171228409, "max": 0.09749279171228409, "component": null}, {"min": -0.10000000149011612, "max": 0.10000000149011612, "component": null}, {"min": 0.11468665051035633, "max": 0.30829689131138616, "component": null}]}, "polys": {"hash": "0d84112153c776af8871d15149e31080_384L", "vtkClass": "vtkCellArray", "name": null, "dataType": "Uint32Array", "numberOfComponents": 1, "size": 384,
"ranges": [{"min": 0.0, "max": 49.0, "component": null}]}, "fields": [{"hash": "4282f6ebecf5bd74db8c588c4a0d483d_150f", "vtkClass": "vtkDataArray", "name": "Normals", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": -0.9749279022216797, "max": 0.9749279022216797, "component": null}, {"min": -0.9749279022216797, "max": 0.9749279022216797, "component": null}, {"min": -1.0, "max": 1.0, "component": null}, {"min": 0.9999999771868981, "max": 1.0000000130281723, "component": null}], "location": "pointData", "registration": "setNormals"}]}}, {"parent": "000001a7d1ffd3c0", "id": "000001a7d1ef0460", "type": "vtkLookupTable", "properties": {}}]}, {"parent": "000001a7d1d71110", "id": "000001a7d1c43580", "type": "vtkOpenGLProperty", "properties": {}}]}, {"parent": "000001a7d1ee9580", "id": "000001a7d1d74590", "type": "vtkOpenGLActor", "properties": {"visibility": 1, "pickable": 1, "dragable": 1, "useBounds": true,
"origin": [0.0, 0.0, 0.0], "position": [0.0, 0.0, 0.0], "scale": [1.0, 1.0, 1.0], "forceOpaque": false, "forceTranslucent": false}, "calls": [["setMapper", ["instance:${000001a7d2001670}"]], ["setProperty", ["instance:${000001a7d1c41180}"]]], "dependencies": [{"parent": "000001a7d1d74590", "id": "000001a7d2001670", "type": "vtkMapper", "properties": {"resolveCoincidentTopology": 0, "renderTime": 0.0, "arrayAccessMode": 0, "scalarRange": [0.0, 1.0], "useLookupTableScalarRange": 0, "scalarVisibility": 1, "colorByArrayName": -1, "colorMode": 0, "scalarMode": 0, "interpolateScalarsBeforeMapping": 0}, "calls": [["setInputData", ["instance:${000001a7d2001670-dataset}"]], ["setLookupTable", ["instance:${000001a7d24267b0}"]]], "dependencies": [{"parent": "000001a7d2001670", "id": "000001a7d2001670-dataset", "type": "vtkPolyData", "properties": {"points": {"hash": "a532f085aa7dc3ad17f8d7c11b3846b7_150f", "vtkClass": "vtkPoints", "name": "Points",
"dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": 0.32250720262527466, "max": 0.5174927711486816, "component": null}, {"min": -0.09749279171228409, "max": 0.09749279171228409, "component": null}, {"min": -0.10000000149011612, "max": 0.10000000149011612, "component": null}, {"min": 0.3232739572446109, "max": 0.5179709681811833, "component": null}]}, "polys": {"hash": "0d84112153c776af8871d15149e31080_384L", "vtkClass": "vtkCellArray", "name": null, "dataType": "Uint32Array", "numberOfComponents": 1, "size": 384, "ranges": [{"min": 0.0, "max": 49.0, "component": null}]}, "fields": [{"hash": "4282f6ebecf5bd74db8c588c4a0d483d_150f", "vtkClass": "vtkDataArray", "name": "Normals", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": -0.9749279022216797, "max": 0.9749279022216797, "component": null}, {"min": -0.9749279022216797, "max": 0.9749279022216797, "component": null}, {"min": -1.0, "max": 1.0, "component": null}, {"min": 0.9999999771868981, "max": 1.0000000130281723, "component": null}], "location": "pointData", "registration": "setNormals"}]}}, {"parent": "000001a7d2001670", "id": "000001a7d24267b0", "type": "vtkLookupTable", "properties": {"numberOfColors": 256, "valueRange": [0.0, 1.0], "hueRange": [0.5, 0], "saturationRange": [1.0, 1.0], "nanColor": [0.5, 0.0, 0.0, 1.0], "belowRangeColor": [0.0, 0.0, 0.0, 1.0], "aboveRangeColor": [1.0, 1.0, 1.0, 1.0], "useAboveRangeColor": false, "useBelowRangeColor": false, "alpha": 1.0, "vectorSize": -1, "vectorComponent": 0, "vectorMode": 1, "indexedLookup": 0}}]}, {"parent": "000001a7d1d74590", "id": "000001a7d1c41180", "type": "vtkOpenGLProperty", "properties": {"representation": 2, "diffuseColor": [1.0, 1.0, 1.0], "color": [1.0, 1.0, 1.0], "ambientColor": [1.0, 1.0, 1.0], "specularColor": [1.0, 1.0, 1.0], "edgeColor": [0.0, 0.0, 0.0], "ambient": 0.0, "diffuse": 1.0, "specular": 0.0, "specularPower": 1.0, "opacity": 1.0, "interpolation": 1, "edgeVisibility": 0, "backfaceCulling":
0, "frontfaceCulling": 0, "pointSize": 1.0, "lineWidth": 1.0, "lighting": 1}}]}], "calls": [["setActiveCamera", ["instance:${000001a7d1f6cdb0}"]], ["addViewProp", ["instance:${000001a7d1d74590}"]]]}], "calls": [], "mtime": 29, "extra": {"vtkRefId": "000001a7b76f5500", "centerOfRotation": [0.0, 0.0, 0.0], "camera": "000001a7d1f6cdb0"}}}{"wslink": "1.0", "id": "publish:trame.state.topic:0", "result": {"scene_trame__local_view_1": {"parent": "0x0", "id": 1, "type": "vtkRenderWindow", "properties": {"numberOfLayers": 1}, "dependencies": [{"parent": "000001a7b76f5500", "id": "000001a7d1ee9580", "type": "vtkRenderer", "properties": {"background": [0.0, 0.0, 0.0], "background2": [0.2, 0.2, 0.2], "viewport": [0.0, 0.0, 1.0, 1.0], "twoSidedLighting": 1, "lightFollowCamera": 1, "layer": 0, "preserveColorBuffer": 0, "preserveDepthBuffer": 0, "nearClippingPlaneTolerance": 0.0, "clippingRangeExpansion": 0.5, "useShadows": 0, "useDepthPeeling": 0, "occlusionRatio": 0.0, "maximumNumberOfPeels": 4, "interactive": 1}, "dependencies": [{"parent": "000001a7d1ee9580", "id":
"000001a7d1f6cdb0", "type": "vtkOpenGLCamera", "properties": {"focalPoint": [0.0, 0.0, 0.0], "position": [0.0, 0.0, 1.0], "viewUp": [0.0, 1.0, 0.0], "clippingRange": [0.01, 1000.01]}}, {"parent": "000001a7d1ee9580", "id": "000001a7d1d73640", "type": "vtkOpenGLActor", "properties": {"visibility": 1, "pickable": 1, "dragable": 1, "useBounds": true, "origin": [0.0, 0.0, 0.0], "position": [0.0, 0.0, 0.0], "scale": [1.0, 1.0, 1.0], "forceOpaque": false, "forceTranslucent": false}, "calls": [["setMapper", ["instance:${000001a7d1ff5a80}"]], ["setProperty", ["instance:${000001a7d1c40640}"]]], "dependencies": [{"parent": "000001a7d1d73640", "id": "000001a7d1ff5a80", "type": "vtkMapper", "properties": {"resolveCoincidentTopology": 0, "renderTime": 0.0, "arrayAccessMode": 0, "scalarRange": [0.0, 1.0], "useLookupTableScalarRange": 0, "scalarVisibility": 1, "colorByArrayName": -1, "colorMode": 0, "scalarMode": 0, "interpolateScalarsBeforeMapping": 0}, "calls": [["setInputData", ["instance:${000001a7d1ff5a80-dataset}"]], ["setLookupTable", ["instance:${000001a7d1f4a210}"]]], "dependencies": [{"parent": "000001a7d1ff5a80", "id": "000001a7d1ff5a80-dataset", "type": "vtkPolyData", "properties": {"points": {"hash": "92526acf8f9ae67771aef5abb4413b52_150f", "vtkClass": "vtkPoints", "name": "Points", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": -0.09749279171228409, "max": 0.09749279171228409, "component": null}, {"min": -0.09749279171228409, "max": 0.09749279171228409, "component": null}, {"min": -0.10000000149011612, "max": 0.10000000149011612, "component": null}, {"min": 0.09999999683331239, "max": 0.10000000293237303, "component": null}]}, "polys": {"hash": "0d84112153c776af8871d15149e31080_384L", "vtkClass": "vtkCellArray", "name": null, "dataType": "Uint32Array", "numberOfComponents": 1, "size": 384, "ranges": [{"min": 0.0, "max": 49.0, "component": null}]}, "fields": [{"hash": "4282f6ebecf5bd74db8c588c4a0d483d_150f", "vtkClass": "vtkDataArray", "name": "Normals", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": -0.9749279022216797, "max": 0.9749279022216797, "component": null}, {"min": -0.9749279022216797, "max": 0.9749279022216797, "component": null}, {"min":
-1.0, "max": 1.0, "component": null}, {"min": 0.9999999771868981, "max": 1.0000000130281723, "component": null}], "location": "pointData", "registration": "setNormals"}]}}, {"parent": "000001a7d1ff5a80", "id": "000001a7d1f4a210", "type":
"vtkLookupTable", "properties": {"numberOfColors": 256, "valueRange": [0.0, 1.0], "hueRange": [0.5, 0], "saturationRange": [1.0, 1.0], "nanColor": [0.5, 0.0, 0.0, 1.0], "belowRangeColor": [0.0, 0.0, 0.0, 1.0], "aboveRangeColor": [1.0, 1.0, 1.0, 1.0], "useAboveRangeColor": false, "useBelowRangeColor": false, "alpha": 1.0, "vectorSize": -1, "vectorComponent": 0, "vectorMode": 1, "indexedLookup": 0}}]}, {"parent": "000001a7d1d73640", "id": "000001a7d1c40640", "type": "vtkOpenGLProperty", "properties": {"representation": 2, "diffuseColor": [1.0, 1.0, 1.0], "color": [1.0, 1.0, 1.0], "ambientColor": [1.0, 1.0, 1.0], "specularColor": [1.0, 1.0, 1.0], "edgeColor": [0.0, 0.0, 0.0], "ambient": 0.0, "diffuse": 1.0,
"specular": 0.0, "specularPower": 1.0, "opacity": 1.0, "interpolation": 1, "edgeVisibility": 0, "backfaceCulling": 0, "frontfaceCulling": 0, "pointSize": 1.0, "lineWidth": 1.0, "lighting": 1}}]}, {"parent": "000001a7d1ee9580", "id": "000001a7d1d71110", "type": "vtkOpenGLActor", "properties": {"visibility": 1, "pickable": 1, "dragable": 1, "useBounds": true, "origin": [0.0, 0.0, 0.0], "position": [0.0, 0.0, 0.0], "scale": [1.0, 1.0, 1.0], "forceOpaque": false, "forceTranslucent": false}, "calls": [["setMapper", ["instance:${000001a7d1ffd3c0}"]], ["setProperty", ["instance:${000001a7d1c43580}"]]], "dependencies": [{"parent": "000001a7d1d71110", "id": "000001a7d1ffd3c0", "type": "vtkMapper", "properties": {"resolveCoincidentTopology": 0, "renderTime": 0.0, "arrayAccessMode": 0, "scalarRange": [0.0, 1.0], "useLookupTableScalarRange": 0, "scalarVisibility": 1, "colorByArrayName": -1, "colorMode": 0, "scalarMode": 0, "interpolateScalarsBeforeMapping": 0}, "calls": [["setInputData", ["instance:${000001a7d1ffd3c0-dataset}"]], ["setLookupTable", ["instance:${000001a7d1ef0460}"]]], "dependencies": [{"parent": "000001a7d1ffd3c0", "id": "000001a7d1ffd3c0-dataset", "type": "vtkPolyData", "properties": {"points": {"hash": "107367c4f13c26cbca69313ee4d1cb28_150f", "vtkClass": "vtkPoints", "name": "Points", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": 0.11250720918178558, "max": 0.30749279260635376, "component": null}, {"min": -0.09749279171228409, "max": 0.09749279171228409, "component": null}, {"min": -0.10000000149011612, "max": 0.10000000149011612, "component": null}, {"min": 0.11468665051035633, "max": 0.30829689131138616, "component": null}]}, "polys": {"hash": "0d84112153c776af8871d15149e31080_384L", "vtkClass": "vtkCellArray", "name": null, "dataType": "Uint32Array", "numberOfComponents": 1, "size": 384, "ranges": [{"min": 0.0, "max": 49.0,
"component": null}]}, "fields": [{"hash": "4282f6ebecf5bd74db8c588c4a0d483d_150f", "vtkClass": "vtkDataArray", "name":
"Normals", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": -0.9749279022216797, "max": 0.9749279022216797, "component": null}, {"min": -0.9749279022216797, "max": 0.9749279022216797, "component": null}, {"min": -1.0, "max": 1.0, "component": null}, {"min": 0.9999999771868981, "max": 1.0000000130281723, "component": null}], "location": "pointData", "registration": "setNormals"}]}}, {"parent": "000001a7d1ffd3c0", "id": "000001a7d1ef0460", "type": "vtkLookupTable", "properties": {"numberOfColors": 256, "valueRange": [0.0, 1.0], "hueRange": [0.5, 0], "saturationRange": [1.0, 1.0], "nanColor": [0.5, 0.0, 0.0, 1.0], "belowRangeColor": [0.0, 0.0, 0.0, 1.0], "aboveRangeColor": [1.0, 1.0, 1.0, 1.0], "useAboveRangeColor": false, "useBelowRangeColor": false, "alpha": 1.0, "vectorSize": -1, "vectorComponent": 0, "vectorMode": 1, "indexedLookup": 0}}]}, {"parent": "000001a7d1d71110", "id": "000001a7d1c43580", "type": "vtkOpenGLProperty", "properties": {"representation": 2, "diffuseColor": [1.0, 1.0, 1.0], "color": [1.0, 1.0, 1.0],
"ambientColor": [1.0, 1.0, 1.0], "specularColor": [1.0, 1.0, 1.0], "edgeColor": [0.0, 0.0, 0.0], "ambient": 0.0, "diffuse": 1.0, "specular": 0.0, "specularPower": 1.0, "opacity": 1.0, "interpolation": 1, "edgeVisibility": 0, "backfaceCulling": 0, "frontfaceCulling": 0, "pointSize": 1.0, "lineWidth": 1.0, "lighting": 1}}]}, {"parent": "000001a7d1ee9580", "id": "000001a7d1d74590", "type": "vtkOpenGLActor", "properties": {"visibility": 1, "pickable": 1, "dragable": 1, "useBounds": true, "origin": [0.0, 0.0, 0.0], "position": [0.0, 0.0, 0.0], "scale": [1.0, 1.0, 1.0], "forceOpaque": false, "forceTranslucent": false}, "calls": [["setMapper", ["instance:${000001a7d2001670}"]], ["setProperty", ["instance:${000001a7d1c41180}"]]], "dependencies": [{"parent": "000001a7d1d74590", "id": "000001a7d2001670", "type": "vtkMapper", "properties": {"resolveCoincidentTopology": 0, "renderTime": 0.0, "arrayAccessMode": 0, "scalarRange": [0.0, 1.0], "useLookupTableScalarRange": 0, "scalarVisibility": 1, "colorByArrayName": -1, "colorMode": 0, "scalarMode": 0, "interpolateScalarsBeforeMapping": 0}, "calls": [["setInputData", ["instance:${000001a7d2001670-dataset}"]], ["setLookupTable", ["instance:${000001a7d24267b0}"]]], "dependencies": [{"parent": "000001a7d2001670", "id": "000001a7d2001670-dataset", "type": "vtkPolyData", "properties": {"points": {"hash": "a532f085aa7dc3ad17f8d7c11b3846b7_150f", "vtkClass": "vtkPoints", "name": "Points", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": 0.32250720262527466,
"max": 0.5174927711486816, "component": null}, {"min": -0.09749279171228409, "max": 0.09749279171228409, "component": null}, {"min": -0.10000000149011612, "max": 0.10000000149011612, "component": null}, {"min": 0.3232739572446109, "max":
0.5179709681811833, "component": null}]}, "polys": {"hash": "0d84112153c776af8871d15149e31080_384L", "vtkClass": "vtkCellArray", "name": null, "dataType": "Uint32Array", "numberOfComponents": 1, "size": 384, "ranges": [{"min": 0.0, "max": 49.0, "component": null}]}, "fields": [{"hash": "4282f6ebecf5bd74db8c588c4a0d483d_150f", "vtkClass": "vtkDataArray", "name": "Normals", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": -0.9749279022216797, "max": 0.9749279022216797, "component": null}, {"min": -0.9749279022216797, "max": 0.9749279022216797, "component": null}, {"min": -1.0, "max": 1.0, "component": null}, {"min": 0.9999999771868981, "max": 1.0000000130281723, "component": null}], "location": "pointData", "registration": "setNormals"}]}}, {"parent": "000001a7d2001670", "id": "000001a7d24267b0", "type": "vtkLookupTable", "properties": {"numberOfColors": 256, "valueRange": [0.0, 1.0], "hueRange": [0.5, 0], "saturationRange": [1.0, 1.0], "nanColor": [0.5, 0.0, 0.0, 1.0], "belowRangeColor": [0.0, 0.0, 0.0, 1.0], "aboveRangeColor": [1.0, 1.0, 1.0, 1.0], "useAboveRangeColor": false, "useBelowRangeColor": false, "alpha": 1.0, "vectorSize": -1, "vectorComponent": 0, "vectorMode": 1, "indexedLookup": 0}}]}, {"parent": "000001a7d1d74590", "id": "000001a7d1c41180", "type": "vtkOpenGLProperty", "properties": {"representation": 2, "diffuseColor": [1.0, 1.0, 1.0], "color": [1.0, 1.0, 1.0], "ambientColor": [1.0, 1.0, 1.0], "specularColor": [1.0, 1.0, 1.0], "edgeColor": [0.0, 0.0, 0.0], "ambient": 0.0, "diffuse": 1.0, "specular": 0.0, "specularPower": 1.0, "opacity": 1.0, "interpolation": 1, "edgeVisibility": 0, "backfaceCulling": 0, "frontfaceCulling": 0, "pointSize": 1.0, "lineWidth": 1.0, "lighting": 1}}]}], "calls": [["setActiveCamera", ["instance:${000001a7d1f6cdb0}"]], ["addViewProp", ["instance:${000001a7d1d73640}"]], ["addViewProp", ["instance:${000001a7d1d71110}"]], ["addViewProp", ["instance:${000001a7d1d74590}"]]]}], "calls": [["addRenderer", ["instance:${000001a7d1ee9580}"]]], "mtime": 29, "extra": {"vtkRefId": "000001a7b76f5500", "centerOfRotation": [0.0, 0.0, 0.0], "camera": "000001a7d1f6cdb0"}}}}
JS Error => Malformed message:

env2

python app.py add actor

JS Error => Malformed message: {"wslink": "1.0", "id": "publish:trame.state.topic:0", "result": {"scene_view": {"parent": "0x0", "id": 1, "type": "vtkRenderWindow", "properties": {"numberOfLayers": 1}, "dependencies": [{"parent": "0000024f2a135750", "id": "0000024f2a8ccc60", "type": "vtkRenderer", "properties": {"background": [0.0, 0.0, 0.0], "background2": [0.2, 0.2, 0.2], "viewport": [0.0, 0.0, 1.0, 1.0], "twoSidedLighting": 1, "lightFollowCamera": 1, "layer": 0, "preserveColorBuffer": 0, "preserveDepthBuffer": 0, "nearClippingPlaneTolerance": 0.0, "clippingRangeExpansion": 0.5, "useShadows": 0, "useDepthPeeling": 0, "occlusionRatio": 0.0, "maximumNumberOfPeels": 4, "interactive": 1}, "dependencies":
[{"parent": "0000024f2a8ccc60", "id": "0000024f2a702c20", "type": "vtkOpenGLCamera", "properties": {"focalPoint": [0.0, 0.0, 0.0], "position": [0.0, 0.0, 1.0], "viewUp": [0.0, 1.0, 0.0], "clippingRange": [0.01, 1000.01]}}, {"parent": "0000024f2a8ccc60", "id": "0000024f2a648880", "type": "vtkOpenGLActor", "properties": {"visibility": 1, "pickable": 1, "dragable": 1, "useBounds": true, "origin": [0.0, 0.0, 0.0], "position": [0.0, 0.0, 0.0], "scale": [1.0, 1.0, 1.0], "forceOpaque": false, "forceTranslucent": false}, "calls": [["setMapper", ["instance:${0000024f2a787cc0}"]], ["setProperty", ["instance:${0000024f2a7480c0}"]]], "dependencies": [{"parent": "0000024f2a648880", "id": "0000024f2a787cc0", "type": "vtkMapper", "properties": {"resolveCoincidentTopology": 0, "renderTime": 0.0, "arrayAccessMode": 0, "scalarRange": [0.0, 1.0], "useLookupTableScalarRange": 0, "scalarVisibility": 1, "colorByArrayName": -1, "colorMode": 0, "scalarMode": 0,
"interpolateScalarsBeforeMapping": 0}, "calls": [["setInputData", ["instance:${0000024f2a787cc0-dataset}"]], ["setLookupTable", ["instance:${0000024f2a1cd430}"]]], "dependencies": [{"parent": "0000024f2a787cc0", "id": "0000024f2a787cc0-dataset", "type": "vtkPolyData", "properties": {"points": {"hash": "92526acf8f9ae67771aef5abb4413b52_150f", "vtkClass": "vtkPoints", "name": "Points", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": -0.09749279171228409, "max": 0.09749279171228409, "component": null}, {"min": -0.09749279171228409, "max": 0.09749279171228409, "component": null}, {"min": -0.10000000149011612, "max": 0.10000000149011612, "component": null}, {"min": 0.09999999683331239, "max": 0.10000000293237303, "component": null}]}, "polys": {"hash": "0d84112153c776af8871d15149e31080_384L", "vtkClass": "vtkCellArray", "name": null, "dataType": "Uint32Array", "numberOfComponents": 1, "size": 384, "ranges": [{"min": 0.0, "max": 49.0, "component": null}]}, "fields": [{"hash": "4282f6ebecf5bd74db8c588c4a0d483d_150f", "vtkClass": "vtkDataArray", "name": "Normals", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": -0.9749279022216797, "max": 0.9749279022216797, "component": null}, {"min": -0.9749279022216797, "max": 0.9749279022216797, "component": null}, {"min": -1.0, "max": 1.0, "component": null}, {"min": 0.9999999771868981, "max": 1.0000000130281723, "component": null}], "location": "pointData", "registration": "setNormals"}]}}, {"parent": "0000024f2a787cc0", "id": "0000024f2a1cd430", "type": "vtkLookupTable", "properties": {"numberOfColors": 256, "valueRange": [0.0, 1.0], "hueRange": [0.5, 0], "saturationRange": [1.0, 1.0], "nanColor": [0.5, 0.0, 0.0, 1.0], "belowRangeColor": [0.0, 0.0, 0.0, 1.0], "aboveRangeColor": [1.0, 1.0, 1.0, 1.0], "useAboveRangeColor": false, "useBelowRangeColor": false, "alpha": 1.0, "vectorSize": -1, "vectorComponent": 0, "vectorMode": 1, "indexedLookup": 0}}]}, {"parent": "0000024f2a648880", "id": "0000024f2a7480c0", "type": "vtkOpenGLProperty", "properties": {"representation": 2, "diffuseColor": [1.0, 1.0, 1.0], "color": [1.0, 1.0, 1.0], "ambientColor": [1.0, 1.0, 1.0], "specularColor": [1.0, 1.0, 1.0], "edgeColor": [0.0, 0.0,
0.0], "ambient": 0.0, "diffuse": 1.0, "specular": 0.0, "specularPower": 1.0, "opacity": 1.0, "interpolation": 1, "edgeVisibility": 0, "backfaceCulling": 0, "frontfaceCulling": 0, "pointSize": 1.0, "lineWidth": 1.0, "lighting": 1}}]}, {"parent": "0000024f2a8ccc60", "id": "0000024f2a64a090", "type": "vtkOpenGLActor", "properties": {"visibility": 1, "pickable": 1, "dragable": 1, "useBounds": true, "origin": [0.0, 0.0, 0.0], "position": [0.0, 0.0, 0.0], "scale": [1.0, 1.0, 1.0], "forceOpaque": false, "forceTranslucent": false}, "calls": [["setMapper", ["instance:${0000024f2a782df0}"]], ["setProperty", ["instance:${0000024f2a74a4c0}"]]], "dependencies": [{"parent": "0000024f2a64a090", "id": "0000024f2a782df0", "type": "vtkMapper", "properties": {"resolveCoincidentTopology": 0, "renderTime": 0.0, "arrayAccessMode": 0, "scalarRange": [0.0, 1.0], "useLookupTableScalarRange": 0, "scalarVisibility": 1, "colorByArrayName": -1, "colorMode": 0, "scalarMode": 0, "interpolateScalarsBeforeMapping": 0}, "calls": [["setInputData", ["instance:${0000024f2a782df0-dataset}"]], ["setLookupTable", ["instance:${0000024f2a73ced0}"]]], "dependencies": [{"parent": "0000024f2a782df0", "id": "0000024f2a782df0-dataset", "type": "vtkPolyData", "properties": {"points": {"hash": "107367c4f13c26cbca69313ee4d1cb28_150f", "vtkClass": "vtkPoints", "name": "Points", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": 0.11250720918178558, "max": 0.30749279260635376, "component": null}, {"min": -0.09749279171228409, "max": 0.09749279171228409, "component": null}, {"min": -0.10000000149011612, "max": 0.10000000149011612, "component": null}, {"min": 0.11468665051035633, "max": 0.30829689131138616, "component": null}]}, "polys": {"hash": "0d84112153c776af8871d15149e31080_384L", "vtkClass": "vtkCellArray", "name": null, "dataType": "Uint32Array", "numberOfComponents": 1, "size": 384, "ranges": [{"min": 0.0, "max": 49.0, "component": null}]}, "fields": [{"hash": "4282f6ebecf5bd74db8c588c4a0d483d_150f", "vtkClass": "vtkDataArray", "name": "Normals", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": -0.9749279022216797, "max": 0.9749279022216797, "component": null}, {"min": -0.9749279022216797, "max":
0.9749279022216797, "component": null}, {"min": -1.0, "max": 1.0, "component": null}, {"min": 0.9999999771868981, "max": 1.0000000130281723, "component": null}], "location": "pointData", "registration": "setNormals"}]}}, {"parent": "0000024f2a782df0", "id": "0000024f2a73ced0", "type": "vtkLookupTable", "properties": {"numberOfColors": 256, "valueRange": [0.0, 1.0], "hueRange": [0.5, 0], "saturationRange": [1.0, 1.0], "nanColor": [0.5, 0.0, 0.0, 1.0], "belowRangeColor": [0.0, 0.0, 0.0, 1.0], "aboveRangeColor": [1.0, 1.0, 1.0, 1.0], "useAboveRangeColor": false, "useBelowRangeColor": false,
"alpha": 1.0, "vectorSize": -1, "vectorComponent": 0, "vectorMode": 1, "indexedLookup": 0}}]}, {"parent": "0000024f2a64a090", "id": "0000024f2a74a4c0", "type": "vtkOpenGLProperty", "properties": {"representation": 2, "diffuseColor": [1.0, 1.0, 1.0], "color": [1.0, 1.0, 1.0], "ambientColor": [1.0, 1.0, 1.0], "specularColor": [1.0, 1.0, 1.0], "edgeColor": [0.0, 0.0, 0.0], "ambient": 0.0, "diffuse": 1.0, "specular": 0.0, "specularPower": 1.0, "opacity": 1.0, "interpolation": 1, "edgeVisibility": 0, "backfaceCulling": 0, "frontfaceCulling": 0, "pointSize": 1.0, "lineWidth": 1.0, "lighting": 1}}]}, {"parent": "0000024f2a8ccc60", "id": "0000024f2a649140", "type": "vtkOpenGLActor", "properties": {"visibility": 1, "pickable": 1, "dragable": 1, "useBounds": true, "origin": [0.0, 0.0, 0.0], "position": [0.0, 0.0, 0.0], "scale": [1.0, 1.0, 1.0], "forceOpaque": false, "forceTranslucent": false}, "calls": [["setMapper", ["instance:${0000024f2a78ddc0}"]], ["setProperty", ["instance:${0000024f2a746800}"]]], "dependencies": [{"parent": "0000024f2a649140", "id": "0000024f2a78ddc0", "type": "vtkMapper", "properties": {"resolveCoincidentTopology": 0, "renderTime": 0.0, "arrayAccessMode": 0, "scalarRange": [0.0, 1.0], "useLookupTableScalarRange": 0, "scalarVisibility": 1, "colorByArrayName": -1, "colorMode": 0, "scalarMode": 0, "interpolateScalarsBeforeMapping": 0}, "calls": [["setInputData", ["instance:${0000024f2a78ddc0-dataset}"]], ["setLookupTable", ["instance:${0000024f2aa05bf0}"]]], "dependencies": [{"parent": "0000024f2a78ddc0", "id": "0000024f2a78ddc0-dataset", "type": "vtkPolyData", "properties": {"points": {"hash": "a532f085aa7dc3ad17f8d7c11b3846b7_150f", "vtkClass": "vtkPoints", "name": "Points", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": 0.32250720262527466, "max": 0.5174927711486816, "component": null}, {"min": -0.09749279171228409, "max": 0.09749279171228409, "component": null}, {"min": -0.10000000149011612, "max": 0.10000000149011612, "component": null}, {"min": 0.3232739572446109, "max": 0.5179709681811833, "component": null}]}, "polys": {"hash": "0d84112153c776af8871d15149e31080_384L", "vtkClass": "vtkCellArray", "name": null, "dataType": "Uint32Array", "numberOfComponents": 1, "size": 384, "ranges": [{"min": 0.0, "max": 49.0, "component": null}]}, "fields": [{"hash": "4282f6ebecf5bd74db8c588c4a0d483d_150f", "vtkClass": "vtkDataArray", "name": "Normals", "dataType": "Float32Array", "numberOfComponents": 3, "size": 150, "ranges": [{"min": -0.9749279022216797, "max": 0.9749279022216797, "component": null}, {"min": -0.9749279022216797,
"max": 0.9749279022216797, "component": null}, {"min": -1.0, "max": 1.0, "component": null}, {"min": 0.9999999771868981, "max": 1.0000000130281723, "component": null}], "location": "pointData", "registration": "setNormals"}]}}, {"parent": "0000024f2a78ddc0", "id": "0000024f2aa05bf0", "type": "vtkLookupTable", "properties": {"numberOfColors": 256, "valueRange": [0.0, 1.0], "hueRange": [0.5, 0], "saturationRange": [1.0, 1.0], "nanColor": [0.5, 0.0, 0.0, 1.0], "belowRangeColor": [0.0, 0.0, 0.0, 1.0], "aboveRangeColor": [1.0, 1.0, 1.0, 1.0], "useAboveRangeColor": false, "useBelowRangeColor":
false, "alpha": 1.0, "vectorSize": -1, "vectorComponent": 0, "vectorMode": 1, "indexedLookup": 0}}]}, {"parent": "0000024f2a649140", "id": "0000024f2a746800", "type": "vtkOpenGLProperty", "properties": {"representation": 2, "diffuseColor": [1.0, 1.0, 1.0], "color": [1.0, 1.0, 1.0], "ambientColor": [1.0, 1.0, 1.0], "specularColor": [1.0, 1.0, 1.0], "edgeColor": [0.0, 0.0, 0.0], "ambient": 0.0, "diffuse": 1.0, "specular": 0.0, "specularPower": 1.0, "opacity": 1.0, "interpolation": 1, "edgeVisibility": 0, "backfaceCulling": 0, "frontfaceCulling": 0, "pointSize": 1.0, "lineWidth": 1.0, "lighting": 1}}]}], "calls": [["setActiveCamera", ["instance:${0000024f2a702c20}"]], ["addViewProp", ["instance:${0000024f2a648880}"]], ["addViewProp", ["instance:${0000024f2a64a090}"]], ["addViewProp", ["instance:${0000024f2a649140}"]]]}], "calls": [["addRenderer", ["instance:${0000024f2a8ccc60}"]]], "mtime": 29, "extra": {"vtkRefId": "0000024f2a135750", "centerOfRotation": [0.0, 0.0, 0.0], "camera": "0000024f2a702c20"}}}}{"wslink": "1.0", "id": "publish:trame.actions.topic:0", "result": [{"type": "method", "ref": "view", "method": "resetCamera", "args": []}]}
JS Error => Malformed message:

[mcaox]

If it may help, see below the origin of the error in the front

❓ Questions

• Why is the server disconnected, whereas only a message may be print ?

Front error

[jourdain]

Looking at your error, it seems that 2 messages got concatenated and sent as a single one.
Can you try the same code on a different computer?
Do you have a proxy or something that re-process the network?

Also when switching from vue2/vue3. Make sure you change the port or clear the browser cache.

[jourdain]

An independent tester reported that forcing aiohttp to 3.8.6 fixed the issue.

[mcaox]

Indeed it works. Thanks a lot !!!
I am still confused and have the following questions :

• which "network environnement" did you use to reproduce the issue ?
• other said which network conf result in this aiohttp behaviour (concatenation of messages)
• finally is this behaviour due to
  • a bad network conf => next step
    • correction in our domain
    • or distribution of your app with aiohttp==3.8.6
  • a network conf not supported by aiohttp
    • => issue by aiohttp
  • a network conf not supported by trame
    • => distribution of trame with aiohttp==3.8.6 until trame supports this conf.

[jourdain]

Based on the error, I knew the issue was "network" related. So I was thinking external like a proxy but it turns out to be the network library we are using.

[mcaox]

It works yet without forcing aiohttp version

aiohttp==3.9.1
aiosignal==1.3.1
attrs==23.1.0
certifi==2023.11.17
charset-normalizer==3.3.2
contourpy==1.2.0
cycler==0.12.1
fonttools==4.46.0
frozenlist==1.4.0
idna==3.6
kiwisolver==1.4.5
matplotlib==3.8.2
multidict==6.0.4
numpy==1.26.2
packaging==23.2
Pillow==10.1.0
platformdirs==4.0.0
pooch==1.8.0
pyparsing==3.1.1
python-dateutil==2.8.2
pyvista==0.42.3
requests==2.31.0
scooby==0.9.2
six==1.16.0
trame==3.3.0
trame-client==2.13.0
trame-server==2.12.1
trame-vtk==2.6.2
trame-vuetify==2.3.1
urllib3==2.1.0
vtk==9.3.0
wslink==1.12.4
yarl==1.9.3

[jourdain]

Yes the aiohttp==3.9.1 fixed the issue. 3.9.0 is the broken one.

[jourdain]

Besides we do not understand why the jupyter example given in the initial post works whereas our fails.
What are the architecture differences ?
Why is the jupyter socket not impacted by our network conf ?

Sorry, I'm not sure to understand what you mean...

[mcaox]

• same environnement and thus same packages version
• notebook with a plotter shown through tramebackend that seems "similar"* to the proposed standalone application.
• further calls to add_actor (in the next notebook cells) do work without server disconnection...

That's why i wonder what basically differ in jupyter backend from the proposed app.

[jourdain]

Maybe the split between the cell call prevented the double message on the network layer ?

[TeddyGalt]

The 2 messages that got concatenated and sent as a single are the “full_state” and “delta_state” as in the update method of the class VtkLocalView,
when Update is called first the delta_state is published and then full_state is published via push_state_change of CoreServer Cass in (protocol.py) when the state is pushed.
when I commented out the second publish in push_state_change (protocol.py) everything seemed to work okay.
I have no idea why the 2 messages got concatenated or if publishing the full_state was necessary or not.

[jourdain]

We need those two, but not for continuous connection. I should add a clean for the full_state.