fix: js snippets

Author: EqualMa

helpers/react-dom-import.js

@@ -0,0 +1 @@
+export * as ReactDOM from "react-dom";

helpers/react-import.js

@@ -0,0 +1 @@
+export * as React from "react";

helpers/use-state-import.js

@@ -0,0 +1,13 @@
+import * as React from "react";
+export { React };
+export function use_state_object(initial_value) {
+  const [state, set_state] = React.useState(initial_value);
+  return { value: state, setter: { set_state } };
+}
+export function use_state_auto_clean(initial_value, clean) {
+  const obj = use_state_object(initial_value);
+  const state = obj.value;
+  React.useEffect(() => {
+    clean(state);
+  }, [state]);
+}

helpers/use-state.js

@@ -0,0 +1,11 @@
+export function use_state_object(initial_value) {
+  const [state, set_state] = React.useState(initial_value);
+  return { value: state, setter: { set_state } };
+}
+export function use_state_auto_clean(initial_value, clean) {
+  const obj = use_state_object(initial_value);
+  const state = obj.value;
+  React.useEffect(() => {
+    clean(state);
+  }, [state]);
+}

src/macro_import.rs

@@ -1,7 +1,7 @@
 #[cfg(feature = "import-react")]
 macro_rules! wasm_bindgen_react {
     ($($b:item)+) => {
-        #[wasm_bindgen]
+        #[wasm_bindgen(module = "/helpers/react-import.js")]
         extern "C" {
             $($b)+
         }
@@ -11,7 +11,7 @@ macro_rules! wasm_bindgen_react {
 #[cfg(not(feature = "import-react"))]
 macro_rules! wasm_bindgen_react {
     ($($b:item)+) => {
-        #[wasm_bindgen(inline_js = r#"export * as React from "react";"#)]
+        #[wasm_bindgen]
         extern "C" {
             $($b)+
         }

src/react_dom.rs

@@ -3,7 +3,7 @@ use wasm_bindgen::prelude::*;
 #[cfg(feature = "import-react")]
 macro_rules! wasm_bindgen_react_dom {
     ($($b:item)+) => {
-        #[wasm_bindgen]
+        #[wasm_bindgen(module = "/helpers/react-dom-import.js")]
         extern "C" {
             $($b)+
         }
@@ -13,7 +13,7 @@ macro_rules! wasm_bindgen_react_dom {
 #[cfg(not(feature = "import-react"))]
 macro_rules! wasm_bindgen_react_dom {
     ($($b:item)+) => {
-        #[wasm_bindgen(inline_js = r#"export * as ReactDOM from "react-dom";"#)]
+        #[wasm_bindgen]
         extern "C" {
             $($b)+
         }

src/use_state/macro_helpers.rs

@@ -1,19 +1,7 @@
 #[cfg(feature = "import-react")]
 macro_rules! wasm_bindgen_react_state_helpers {
     ($($b:item)+) => {
-        #[wasm_bindgen(inline_js = r#"
-        import * as React from "react";
-        export { React };
-        export function use_state_object(initial_value) {
-            const [state, set_state] = React.useState(initial_value);
-            return { value: state, setter: { set_state } };
-        }
-        export function use_state_auto_clean(initial_value, clean) {
-            const obj = use_state_object(initial_value);
-            const state = obj.value;
-            React.useEffect(() => { clean(state) }, [state]);
-        }
-        "#)]
+        #[wasm_bindgen(module = "/helpers/use-state-import.js")]
         extern "C" {
             $($b)+
         }
@@ -23,17 +11,7 @@ macro_rules! wasm_bindgen_react_state_helpers {
 #[cfg(not(feature = "import-react"))]
 macro_rules! wasm_bindgen_react_state_helpers {
     ($($b:item)+) => {
-        #[wasm_bindgen(inline_js = r#"
-        export function use_state_object(initial_value) {
-            const [state, set_state] = React.useState(initial_value);
-            return { value: state, setter: { set_state } };
-        }
-        export function use_state_auto_clean(initial_value, clean) {
-            const obj = use_state_object(initial_value);
-            const state = obj.value;
-            React.useEffect(() => { clean(state) }, [state]);
-        }
-        "#)]
+        #[wasm_bindgen(module = "/helpers/use-state.js")]
         extern "C" {
             $($b)+
         }