Add loader hack to include components

src/button.rs

@@ -1,5 +1,19 @@
+use wasm_bindgen::prelude::*;
 use yew::prelude::*;
 
+#[wasm_bindgen(module = "/build/button.js")]
+extern "C" {
+    #[derive(Debug)]
+    type Button;
+
+    // This needs to be added to each component
+    #[wasm_bindgen(getter, static_method_of = Button)]
+    fn _dummy_loader() -> JsValue;
+}
+
+// call the macro with the type
+loader_hack!(Button);
+
 pub struct ButtonComponent {}
 
 pub enum Msg {}
@@ -9,15 +23,19 @@ impl Component for ButtonComponent {
     type Properties = ();
 
     fn create(_: Self::Properties, _: ComponentLink<Self>) -> Self {
-        ButtonComponent {}
+        // call this every time you need the type to be loaded.
+        // don't worry, this only runs once
+        Button::ensure_loaded();
+        Self {}
     }
 
     fn update(&mut self, _msg: Self::Message) -> ShouldRender {
         false
     }
 
-    fn change(&mut self, _props: Self::Properties) -> bool { false }
-
+    fn change(&mut self, _props: Self::Properties) -> bool {
+        false
+    }
 
     fn view(&self) -> Html {
         html! {

src/lib.rs

@@ -1,10 +1,16 @@
+// this macro is defined here so we can access it in the modules
+macro_rules! loader_hack {
+    ($ty:ty) => {
+        static LOADED: std::sync::Once = std::sync::Once::new();
+        impl $ty {
+            fn ensure_loaded() {
+                LOADED.call_once(|| {
+                    <$ty>::_dummy_loader();
+                });
+            }
+        }
+    };
+}
+
 mod button;
 pub use button::ButtonComponent;
-
-use wasm_bindgen::prelude::*;
-
-#[wasm_bindgen(module = "/build/button.js")]
-extern "C" {
-    #[derive(Debug)]
-    type Button;
-}