Updates web example

radiant-labs · Nov 7, 2023 · 9db3528 · 9db3528
1 parent a6664dd
commit 9db3528
Show file tree

Hide file tree

Showing 9 changed files with 34 additions and 12 deletions.
diff --git a/examples/web/src/App.tsx b/examples/web/src/App.tsx
@@ -34,6 +34,10 @@ const Tools = () => {
         controller && controller.activateTool(1);
     }
 
+    useEffect(() => {
+        controller && controller.addRectangle([100, 100], [100, 100]);
+    }, [controller])
+
     return (
         <Stack direction="row" spacing={2}>
             <Typography variant="h6">Tools: </Typography>

diff --git a/runtime/src/wasm.rs b/runtime/src/wasm.rs
@@ -1,7 +1,7 @@
 use std::sync::{Arc, RwLock};
 
 use crate::RadiantRuntime;
-use crate::{RadiantNodeType, RadiantRectangleNode, RectangleTool, Runtime};
+use crate::{RectangleTool, Runtime};
 use wasm_bindgen::prelude::*;
 
 #[wasm_bindgen(js_name = RadiantAppController)]
@@ -23,14 +23,6 @@ impl RadiantAppController {
             .scene
             .tool_manager
             .register_tool(1u32, Box::new(RectangleTool::new()));
-        runtime
-            .view
-            .scene
-            .add(RadiantNodeType::Rectangle(RadiantRectangleNode::new(
-                1,
-                [100.0, 100.0],
-                [100.0, 100.0],
-            )));
 
         let runtime = Arc::new(RwLock::new(runtime));
 

diff --git a/runtime/web/lib/cjs/controller/index.js b/runtime/web/lib/cjs/controller/index.js
diff --git a/runtime/web/lib/cjs/controller/index.js.map b/runtime/web/lib/cjs/controller/index.js.map
diff --git a/runtime/web/lib/esm/controller/index.js b/runtime/web/lib/esm/controller/index.js
diff --git a/runtime/web/lib/esm/controller/index.js.map b/runtime/web/lib/esm/controller/index.js.map
diff --git a/runtime/web/lib/types/controller/index.d.ts b/runtime/web/lib/types/controller/index.d.ts
@@ -9,6 +9,7 @@ export declare class RadiantController {
      * @param tool the tool to activate.
      */
     activateTool(toolId: number): void;
+    addRectangle(position: number[], scale: number[]): void;
     setTransform(nodeId: number, position: number[], scale: number[]): void;
     setFillColor(nodeId: number, color: number[]): void;
     setStrokeColor(nodeId: number, color: number[]): void;

diff --git a/runtime/web/lib/types/controller/index.d.ts.map b/runtime/web/lib/types/controller/index.d.ts.map
diff --git a/runtime/web/src/controller/index.ts b/runtime/web/src/controller/index.ts
@@ -26,6 +26,15 @@ export class RadiantController {
         });
     }
 
+    addRectangle(position: number[], scale: number[]) {
+        this._controller.handleMessage({
+            AddRectangle: {
+                position,
+                scale,
+            },
+        });
+    }
+
     setTransform(nodeId: number, position: number[], scale: number[]) {
         this._controller.handleMessage({
             SceneMessage: {