@almadar/std 3.1.4 → 3.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6836,17 +6836,38 @@ function buildEntity41(c) {
6836
6836
  }
6837
6837
  function buildTrait42(c) {
6838
6838
  const { width, height, fps } = c;
6839
- const idleView = {
6839
+ const canvasConfig = {
6840
6840
  type: "game-canvas2-d",
6841
6841
  width,
6842
6842
  height,
6843
6843
  fps
6844
6844
  };
6845
+ const idleView = {
6846
+ type: "stack",
6847
+ direction: "vertical",
6848
+ gap: "md",
6849
+ children: [
6850
+ { type: "stack", direction: "horizontal", gap: "sm", align: "center", children: [
6851
+ { type: "icon", name: "monitor", size: "md" },
6852
+ { type: "typography", content: `${c.entityName} Canvas`, variant: "h3" }
6853
+ ] },
6854
+ { type: "typography", content: `${width}x${height} @ ${fps}fps`, variant: "caption", color: "muted" },
6855
+ canvasConfig,
6856
+ { type: "button", label: "Start", event: "START", variant: "primary", icon: "play" }
6857
+ ]
6858
+ };
6845
6859
  const renderingView = {
6846
- type: "game-canvas2-d",
6847
- width,
6848
- height,
6849
- fps
6860
+ type: "stack",
6861
+ direction: "vertical",
6862
+ gap: "md",
6863
+ children: [
6864
+ { type: "stack", direction: "horizontal", gap: "sm", align: "center", children: [
6865
+ { type: "icon", name: "monitor", size: "md" },
6866
+ { type: "typography", content: `${c.entityName} Canvas`, variant: "h3" }
6867
+ ] },
6868
+ canvasConfig,
6869
+ { type: "button", label: "Stop", event: "STOP", variant: "ghost", icon: "square" }
6870
+ ]
6850
6871
  };
6851
6872
  return {
6852
6873
  name: c.traitName,