fix: init all props

.changeset/forty-bees-argue.md

@@ -0,0 +1,5 @@
+---
+"@hydrofoil/roadshow": patch
+---
+
+Not all properties were initialized to state

packages/roadshow/RoadshowController.ts

@@ -9,6 +9,7 @@ import { ViewersController } from './ViewersController'
 import { ShapesController } from './ShapesController'
 import { ResourcesController } from './ResourcesController'
 import { ViewContext } from './lib/ViewContext/index'
+import { getAllProperties } from './lib/shape'
 
 function isFocusNodeState(state: any): state is FocusNodeState {
   return 'properties' in state && state.properties
@@ -71,7 +72,10 @@ export class RoadshowController implements ReactiveController {
 
     await this.shapes.loadShapes(state, objects)
     if (isFocusNodeState(state)) {
-      state.properties = (state.shape?.property.reduce(createPropertyState, []) || [])
+      state.properties = []
+      if (state.shape) {
+        state.properties = [...getAllProperties(state.shape)].reduce(createPropertyState, [])
+      }
     }
     delete state.renderer
     this.host.requestUpdate()

packages/roadshow/lib/render.ts

@@ -19,6 +19,7 @@ import {
 import type { RoadshowController } from '../RoadshowController'
 import { isGraphPointer, isLiteral, isResource, TRUE } from './clownface'
 import { Decorator } from './decorator'
+import { getAllProperties } from './shape'
 
 export interface RenderFunc<VC extends ViewContext<unknown>> {
   (this: VC, resource: MultiPointer): TemplateResult | string
@@ -130,7 +131,7 @@ function setShape(this: FocusNodeViewContext, shape: NodeShape | ResourceIdentif
 
     this.state.applicableViewers = applicableViewers
     this.state.viewer = viewer
-    this.state.properties = found.property.reduce(createPropertyState, [])
+    this.state.properties = [...getAllProperties(found)].reduce(createPropertyState, [])
     this.controller.host.requestUpdate()
   }
 }