1
0

global_context.rs 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306
  1. use crate::{runtime::Runtime, Element, ScopeId, Task};
  2. use futures_util::Future;
  3. use std::sync::Arc;
  4. /// Get the current scope id
  5. pub fn current_scope_id() -> Option<ScopeId> {
  6. Runtime::with(|rt| rt.current_scope_id()).flatten()
  7. }
  8. #[doc(hidden)]
  9. /// Check if the virtual dom is currently inside of the body of a component
  10. pub fn vdom_is_rendering() -> bool {
  11. Runtime::with(|rt| rt.rendering.get()).unwrap_or_default()
  12. }
  13. /// Consume context from the current scope
  14. pub fn try_consume_context<T: 'static + Clone>() -> Option<T> {
  15. Runtime::with_current_scope(|cx| cx.consume_context::<T>()).flatten()
  16. }
  17. /// Consume context from the current scope
  18. pub fn consume_context<T: 'static + Clone>() -> T {
  19. Runtime::with_current_scope(|cx| cx.consume_context::<T>())
  20. .flatten()
  21. .unwrap_or_else(|| panic!("Could not find context {}", std::any::type_name::<T>()))
  22. }
  23. /// Consume context from the current scope
  24. pub fn consume_context_from_scope<T: 'static + Clone>(scope_id: ScopeId) -> Option<T> {
  25. Runtime::with(|rt| {
  26. rt.get_state(scope_id)
  27. .and_then(|cx| cx.consume_context::<T>())
  28. })
  29. .flatten()
  30. }
  31. /// Check if the current scope has a context
  32. pub fn has_context<T: 'static + Clone>() -> Option<T> {
  33. Runtime::with_current_scope(|cx| cx.has_context::<T>()).flatten()
  34. }
  35. /// Provide context to the current scope
  36. pub fn provide_context<T: 'static + Clone>(value: T) -> T {
  37. Runtime::with_current_scope(|cx| cx.provide_context(value)).expect("to be in a dioxus runtime")
  38. }
  39. /// Provide a context to the root scope
  40. pub fn provide_root_context<T: 'static + Clone>(value: T) -> T {
  41. Runtime::with_current_scope(|cx| cx.provide_root_context(value))
  42. .expect("to be in a dioxus runtime")
  43. }
  44. /// Suspended the current component on a specific task and then return None
  45. pub fn suspend(task: Task) -> Element {
  46. Runtime::with_current_scope(|cx| cx.suspend(task));
  47. None
  48. }
  49. /// Start a new future on the same thread as the rest of the VirtualDom.
  50. ///
  51. /// **You should generally use `spawn` instead of this method unless you specifically need to need to run a task during suspense**
  52. ///
  53. /// This future will not contribute to suspense resolving but it will run during suspense.
  54. ///
  55. /// Because this future runs during suspense, you need to be careful to work with hydration. It is not recommended to do any async IO work in this future, as it can easily cause hydration issues. However, you can use isomorphic tasks to do work that can be consistently replicated on the server and client like logging or responding to state changes.
  56. ///
  57. /// ```rust, no_run
  58. /// # use dioxus::prelude::*;
  59. /// // ❌ Do not do requests in isomorphic tasks. It may resolve at a different time on the server and client, causing hydration issues.
  60. /// let mut state = use_signal(|| None);
  61. /// spawn_isomorphic(async move {
  62. /// state.set(Some(reqwest::get("https://api.example.com").await));
  63. /// });
  64. ///
  65. /// // ✅ You may wait for a signal to change and then log it
  66. /// let mut state = use_signal(|| 0);
  67. /// spawn_isomorphic(async move {
  68. /// loop {
  69. /// tokio::time::sleep(std::time::Duration::from_secs(1)).await;
  70. /// println!("State is {state}");
  71. /// }
  72. /// });
  73. /// ```
  74. pub fn spawn_isomorphic(fut: impl Future<Output = ()> + 'static) -> Task {
  75. Runtime::with_current_scope(|cx| cx.spawn_isomorphic(fut)).expect("to be in a dioxus runtime")
  76. }
  77. /// Spawns the future but does not return the [`TaskId`]
  78. pub fn spawn(fut: impl Future<Output = ()> + 'static) -> Task {
  79. Runtime::with_current_scope(|cx| cx.spawn(fut)).expect("to be in a dioxus runtime")
  80. }
  81. /// Spawn a future that Dioxus won't clean up when this component is unmounted
  82. ///
  83. /// This is good for tasks that need to be run after the component has been dropped.
  84. pub fn spawn_forever(fut: impl Future<Output = ()> + 'static) -> Option<Task> {
  85. Runtime::with_current_scope(|cx| cx.spawn_forever(fut))
  86. }
  87. /// Informs the scheduler that this task is no longer needed and should be removed.
  88. ///
  89. /// This drops the task immediately.
  90. pub fn remove_future(id: Task) {
  91. Runtime::with(|rt| rt.remove_task(id)).expect("Runtime to exist");
  92. }
  93. /// Store a value between renders. The foundational hook for all other hooks.
  94. ///
  95. /// Accepts an `initializer` closure, which is run on the first use of the hook (typically the initial render). The return value of this closure is stored for the lifetime of the component, and a mutable reference to it is provided on every render as the return value of `use_hook`.
  96. ///
  97. /// When the component is unmounted (removed from the UI), the value is dropped. This means you can return a custom type and provide cleanup code by implementing the [`Drop`] trait
  98. ///
  99. /// # Example
  100. ///
  101. /// ```
  102. /// use dioxus_core::use_hook;
  103. ///
  104. /// // prints a greeting on the initial render
  105. /// pub fn use_hello_world() {
  106. /// use_hook(|| println!("Hello, world!"));
  107. /// }
  108. /// ```
  109. pub fn use_hook<State: Clone + 'static>(initializer: impl FnOnce() -> State) -> State {
  110. Runtime::with_current_scope(|cx| cx.use_hook(initializer)).expect("to be in a dioxus runtime")
  111. }
  112. /// Get the current render since the inception of this component
  113. ///
  114. /// This can be used as a helpful diagnostic when debugging hooks/renders, etc
  115. pub fn generation() -> usize {
  116. Runtime::with_current_scope(|cx| cx.generation()).expect("to be in a dioxus runtime")
  117. }
  118. /// Get the parent of the current scope if it exists
  119. pub fn parent_scope() -> Option<ScopeId> {
  120. Runtime::with_current_scope(|cx| cx.parent_id()).flatten()
  121. }
  122. /// Mark the current scope as dirty, causing it to re-render
  123. pub fn needs_update() {
  124. Runtime::with_current_scope(|cx| cx.needs_update());
  125. }
  126. /// Mark the current scope as dirty, causing it to re-render
  127. pub fn needs_update_any(id: ScopeId) {
  128. Runtime::with_current_scope(|cx| cx.needs_update_any(id));
  129. }
  130. /// Schedule an update for the current component
  131. ///
  132. /// Note: Unlike [`needs_update`], the function returned by this method will work outside of the dioxus runtime.
  133. ///
  134. /// You should prefer [`schedule_update_any`] if you need to update multiple components.
  135. pub fn schedule_update() -> Arc<dyn Fn() + Send + Sync> {
  136. Runtime::with_current_scope(|cx| cx.schedule_update()).expect("to be in a dioxus runtime")
  137. }
  138. /// Schedule an update for any component given its [`ScopeId`].
  139. ///
  140. /// A component's [`ScopeId`] can be obtained from the [`current_scope_id`] method.
  141. ///
  142. /// Note: Unlike [`needs_update`], the function returned by this method will work outside of the dioxus runtime.
  143. pub fn schedule_update_any() -> Arc<dyn Fn(ScopeId) + Send + Sync> {
  144. Runtime::with_current_scope(|cx| cx.schedule_update_any()).expect("to be in a dioxus runtime")
  145. }
  146. /// Creates a callback that will be run before the component is removed.
  147. /// This can be used to clean up side effects from the component
  148. /// (created with [`use_effect`](crate::use_effect)).
  149. ///
  150. /// Example:
  151. /// ```rust, ignore
  152. /// use dioxus::prelude::*;
  153. ///
  154. /// fn app() -> Element {
  155. /// let state = use_signal(|| true);
  156. /// rsx! {
  157. /// for _ in 0..100 {
  158. /// h1 {
  159. /// "spacer"
  160. /// }
  161. /// }
  162. /// if **state {
  163. /// rsx! {
  164. /// child_component {}
  165. /// }
  166. /// }
  167. /// button {
  168. /// onclick: move |_| {
  169. /// state.set(!*state.get());
  170. /// },
  171. /// "Unmount element"
  172. /// }
  173. /// }
  174. /// }
  175. ///
  176. /// fn child_component() -> Element {
  177. /// let original_scroll_position = use_signal(|| 0.0);
  178. /// use_effect((), move |_| {
  179. /// to_owned![original_scroll_position];
  180. /// async move {
  181. /// let window = web_sys::window().unwrap();
  182. /// let document = window.document().unwrap();
  183. /// let element = document.get_element_by_id("my_element").unwrap();
  184. /// element.scroll_into_view();
  185. /// original_scroll_position.set(window.scroll_y().unwrap());
  186. /// }
  187. /// });
  188. ///
  189. /// use_drop({
  190. /// to_owned![original_scroll_position];
  191. /// /// restore scroll to the top of the page
  192. /// move || {
  193. /// let window = web_sys::window().unwrap();
  194. /// window.scroll_with_x_and_y(*original_scroll_position.current(), 0.0);
  195. /// }
  196. /// });
  197. ///
  198. /// rsx!{
  199. /// div {
  200. /// id: "my_element",
  201. /// "hello"
  202. /// }
  203. /// }
  204. /// }
  205. /// ```
  206. pub fn use_drop<D: FnOnce() + 'static>(destroy: D) {
  207. struct LifeCycle<D: FnOnce()> {
  208. /// Wrap the closure in an option so that we can take it out on drop.
  209. ondestroy: Option<D>,
  210. }
  211. /// On drop, we want to run the closure.
  212. impl<D: FnOnce()> Drop for LifeCycle<D> {
  213. fn drop(&mut self) {
  214. if let Some(f) = self.ondestroy.take() {
  215. f();
  216. }
  217. }
  218. }
  219. // We need to impl clone for the lifecycle, but we don't want the drop handler for the closure to be called twice.
  220. impl<D: FnOnce()> Clone for LifeCycle<D> {
  221. fn clone(&self) -> Self {
  222. Self { ondestroy: None }
  223. }
  224. }
  225. use_hook(|| LifeCycle {
  226. ondestroy: Some(destroy),
  227. });
  228. }
  229. /// A hook that allows you to insert a "before render" function.
  230. ///
  231. /// This function will always be called before dioxus tries to render your component. This should be used for safely handling
  232. /// early returns
  233. pub fn use_before_render(f: impl FnMut() + 'static) {
  234. use_hook(|| before_render(f));
  235. }
  236. /// Push this function to be run after the next render
  237. ///
  238. /// This function will always be called before dioxus tries to render your component. This should be used for safely handling
  239. /// early returns
  240. pub fn use_after_render(f: impl FnMut() + 'static) {
  241. use_hook(|| after_render(f));
  242. }
  243. /// Push a function to be run before the next render
  244. /// This is a hook and will always run, so you can't unschedule it
  245. /// Will run for every progression of suspense, though this might change in the future
  246. pub fn before_render(f: impl FnMut() + 'static) {
  247. Runtime::with_current_scope(|cx| cx.push_before_render(f));
  248. }
  249. /// Push a function to be run after the render is complete, even if it didn't complete successfully
  250. pub fn after_render(f: impl FnMut() + 'static) {
  251. Runtime::with_current_scope(|cx| cx.push_after_render(f));
  252. }
  253. /// Wait for the next render to complete
  254. ///
  255. /// This is useful if you've just triggered an update and want to wait for it to finish before proceeding with valid
  256. /// DOM nodes.
  257. ///
  258. /// Effects rely on this to ensure that they only run effects after the DOM has been updated. Without wait_for_next_render effects
  259. /// are run immediately before diffing the DOM, which causes all sorts of out-of-sync weirdness.
  260. pub async fn wait_for_next_render() {
  261. // Wait for the flush lock to be available
  262. // We release it immediately, so it's impossible for the lock to be held longer than this function
  263. Runtime::with(|rt| rt.render_signal.subscribe())
  264. .unwrap()
  265. .await;
  266. }
  267. /// Use a hook with a cleanup function
  268. pub fn use_hook_with_cleanup<T: Clone + 'static>(
  269. hook: impl FnOnce() -> T,
  270. cleanup: impl FnOnce(T) + 'static,
  271. ) -> T {
  272. let value = use_hook(hook);
  273. let _value = value.clone();
  274. use_drop(move || cleanup(_value));
  275. value
  276. }