Property panel

client/ui/src/App.tsx

@@ -9,6 +9,7 @@ function App({ engine }: { engine: Engine }) {
   const initialEngineMode = EngineMode.Edit;
   const [currentMode, setModeState] = useState(initialEngineMode);
   const [blockRegistry, setBlockRegistry] = useState<BlockRegistry>();
+  const [selectedEntity, setSelectedEntity] = useState(false);
   const [entityTypeRegistry, setEntityTypeRegistry] = useState<EntityTypeRegistry>();
 
   useEffect(() => {
@@ -36,9 +37,10 @@ function App({ engine }: { engine: Engine }) {
           currentMode={currentMode}
           blockRegistry={blockRegistry}
           entityTypeRegistry={entityTypeRegistry}
+          setSelectedEntity={setSelectedEntity}
         />
       )}
-      <RightBar selectedEntity={false} />
+      <RightBar selectedEntity={selectedEntity} />
     </div>
   );
 }

client/ui/src/LeftBar.tsx

@@ -13,11 +13,13 @@ export default function LeftBar({
   engine,
   blockRegistry,
   entityTypeRegistry,
+  setSelectedEntity,
 }: {
   engine: Engine;
   currentMode: EngineMode;
   blockRegistry: BlockRegistry;
   entityTypeRegistry: EntityTypeRegistry;
+  setSelectedEntity: (bool) => void;
 }) {
   const [currentTab, setCurrentTab] = useState(LeftBarTab.Blocks);
   let theContent;

client/ui/src/RightBar.tsx

@@ -1,9 +1,11 @@
 // The "right bar": invisible unless an entity is selected, and in that latter
 // case, the properties panel
 
+import { SelectedEntity } from "../../pkg/client.js";
+
 // TODO: implement entities and thus this
 
-export default function RightBar({ selectedEntity }: { selectedEntity: boolean } ) {
+export default function RightBar({ selectedEntity }: { selectedEntity: SelectedEntity|undefined } ) {
     if(selectedEntity) {
         return <div className="editor-panel editor-only" id="propbox">
             <p>Siege chopper, checking in 🚁</p>

entities/Cargo.toml

@@ -7,4 +7,4 @@ edition = "2021"
 glam.workspace = true
 serde.workspace = true
 wasm-bindgen.workspace = true
-tsify.workspace = true
+tsify.workspace = true

entities/src/lib.rs

@@ -1,3 +1,6 @@
+/// This crate contains data types relevant to entities
+///
+/// It is designed to be used on both the server and the client
 use {
     serde::{Deserialize, Serialize},
     tsify::Tsify,