@almadar/std 3.1.4 → 3.2.0

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.
@@ -6709,17 +6709,38 @@ function buildEntity41(c) {
6709
6709
  }
6710
6710
  function buildTrait42(c) {
6711
6711
  const { width, height, fps } = c;
6712
- const idleView = {
6712
+ const canvasConfig = {
6713
6713
  type: "game-canvas2-d",
6714
6714
  width,
6715
6715
  height,
6716
6716
  fps
6717
6717
  };
6718
+ const idleView = {
6719
+ type: "stack",
6720
+ direction: "vertical",
6721
+ gap: "md",
6722
+ children: [
6723
+ { type: "stack", direction: "horizontal", gap: "sm", align: "center", children: [
6724
+ { type: "icon", name: "monitor", size: "md" },
6725
+ { type: "typography", content: `${c.entityName} Canvas`, variant: "h3" }
6726
+ ] },
6727
+ { type: "typography", content: `${width}x${height} @ ${fps}fps`, variant: "caption", color: "muted" },
6728
+ canvasConfig,
6729
+ { type: "button", label: "Start", event: "START", variant: "primary", icon: "play" }
6730
+ ]
6731
+ };
6718
6732
  const renderingView = {
6719
- type: "game-canvas2-d",
6720
- width,
6721
- height,
6722
- fps
6733
+ type: "stack",
6734
+ direction: "vertical",
6735
+ gap: "md",
6736
+ children: [
6737
+ { type: "stack", direction: "horizontal", gap: "sm", align: "center", children: [
6738
+ { type: "icon", name: "monitor", size: "md" },
6739
+ { type: "typography", content: `${c.entityName} Canvas`, variant: "h3" }
6740
+ ] },
6741
+ canvasConfig,
6742
+ { type: "button", label: "Stop", event: "STOP", variant: "ghost", icon: "square" }
6743
+ ]
6723
6744
  };
6724
6745
  return {
6725
6746
  name: c.traitName,