blog-2

examples/hello-world/src/main.tsx

@@ -1,5 +1,6 @@
 import {createRoot} from 'react-dom'
 
+
 const comp = <div>hello world</div>
 console.log(comp)
 console.log(createRoot(document.getElementById("root")))

packages/react/Cargo.toml

@@ -19,7 +19,9 @@ shared = { path = "../shared" }
 # all the `std::fmt` and `std::panicking` infrastructure, so isn't great for
 # code size when deploying.
 console_error_panic_hook = { version = "0.1.7", optional = true }
-web-sys = {  version = "0.3.69", features = ["console"] }
+web-sys = { version = "0.3.69", features = ["console"] }
+js-sys = "0.3.69"
+log = "0.4.21"
 
 [dev-dependencies]
 wasm-bindgen-test = "0.3.34"

packages/react/src/lib.rs

@@ -1,6 +1,36 @@
+use js_sys::{Object, Reflect};
 use wasm_bindgen::prelude::*;
 
-#[wasm_bindgen]
-pub fn jsxDEV() -> String {
-    "hello world".to_string()
-}
+use shared::REACT_ELEMENT_TYPE;
+
+#[wasm_bindgen(js_name = jsxDEV)]
+pub fn jsx_dev(_type: &JsValue, config: &JsValue, key: &JsValue) -> JsValue {
+    let react_element = Object::new();
+    Reflect::set(
+        &react_element,
+        &"&&typeof".into(),
+        &JsValue::from_str(REACT_ELEMENT_TYPE),
+    )
+        .expect("$$typeof panic");
+    Reflect::set(&react_element, &"type".into(), _type).expect("_type panic");
+    Reflect::set(&react_element, &"key".into(), key).expect("key panic");
+
+    let conf = config.dyn_ref::<Object>().unwrap();
+    let props = Object::new();
+    for prop in Object::keys(conf) {
+        let val = Reflect::get(conf, &prop);
+        match prop.as_string() {
+            None => {}
+            Some(k) => {
+                if k == "ref" && val.is_ok() {
+                    Reflect::set(&react_element, &"ref".into(), &val.unwrap()).expect("ref panic");
+                } else if val.is_ok() {
+                    Reflect::set(&props, &JsValue::from(k), &val.unwrap()).expect("props panic");
+                }
+            }
+        }
+    }
+
+    Reflect::set(&react_element, &"props".into(), &props).expect("props panic");
+    react_element.into()
+}

packages/shared/src/lib.rs

@@ -1,5 +1 @@
-pub struct REACT_ELEMENT_TYPE;
-
-// pub enum ElementType {
-//
-// }
+pub static REACT_ELEMENT_TYPE: &str = "react.element";