123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609 |
- use crate::innerlude::*;
- use futures_channel::mpsc::UnboundedSender;
- use fxhash::FxHashMap;
- use smallvec::SmallVec;
- use std::{
- any::{Any, TypeId},
- cell::{Cell, RefCell},
- collections::HashMap,
- future::Future,
- rc::Rc,
- };
- use bumpalo::{boxed::Box as BumpBox, Bump};
- /// Components in Dioxus use the "Context" object to interact with their lifecycle.
- ///
- /// This lets components access props, schedule updates, integrate hooks, and expose shared state.
- ///
- /// For the most part, the only method you should be using regularly is `render`.
- ///
- /// ## Example
- ///
- /// ```ignore
- /// #[derive(Props)]
- /// struct ExampleProps {
- /// name: String
- /// }
- ///
- /// fn Example(cx: Context, props: &ExampleProps) -> Element {
- /// cx.render(rsx!{ div {"Hello, {props.name}"} })
- /// }
- /// ```
- pub type Context<'a> = &'a Scope;
- /// Every component in Dioxus is represented by a `Scope`.
- ///
- /// Scopes contain the state for hooks, the component's props, and other lifecycle information.
- ///
- /// Scopes are allocated in a generational arena. As components are mounted/unmounted, they will replace slots of dead components.
- /// The actual contents of the hooks, though, will be allocated with the standard allocator. These should not allocate as frequently.
- ///
- /// We expose the `Scope` type so downstream users can traverse the Dioxus VirtualDOM for whatever
- /// use case they might have.
- pub struct Scope {
- pub(crate) parent_scope: Option<*mut Scope>,
- pub(crate) container: ElementId,
- pub(crate) our_arena_idx: ScopeId,
- pub(crate) height: u32,
- pub(crate) subtree: Cell<u32>,
- pub(crate) is_subtree_root: Cell<bool>,
- pub(crate) generation: Cell<u32>,
- pub(crate) frames: [BumpFrame; 2],
- pub(crate) caller: *const dyn Fn(&Scope) -> Element,
- pub(crate) items: RefCell<SelfReferentialItems<'static>>,
- pub(crate) hooks: HookList,
- pub(crate) shared_contexts: RefCell<HashMap<TypeId, Rc<dyn Any>>>,
- pub(crate) sender: UnboundedSender<SchedulerMsg>,
- }
- pub struct SelfReferentialItems<'a> {
- pub(crate) listeners: Vec<&'a Listener<'a>>,
- pub(crate) borrowed_props: Vec<&'a VComponent<'a>>,
- pub(crate) suspended_nodes: FxHashMap<u64, &'a VSuspended<'a>>,
- pub(crate) tasks: Vec<BumpBox<'a, dyn Future<Output = ()>>>,
- pub(crate) pending_effects: Vec<BumpBox<'a, dyn FnMut()>>,
- }
- /// A component's unique identifier.
- ///
- /// `ScopeId` is a `usize` that is unique across the entire VirtualDOM - but not unique across time. If a component is
- /// unmounted, then the `ScopeId` will be reused for a new component.
- #[cfg_attr(feature = "serialize", derive(serde::Serialize, serde::Deserialize))]
- #[derive(Copy, Clone, PartialEq, Eq, Hash, Debug)]
- pub struct ScopeId(pub usize);
- // Public methods exposed to libraries and components
- impl Scope {
- /// Get the subtree ID that this scope belongs to.
- ///
- /// Each component has its own subtree ID - the root subtree has an ID of 0. This ID is used by the renderer to route
- /// the mutations to the correct window/portal/subtree.
- ///
- ///
- /// # Example
- ///
- /// ```rust, ignore
- /// let mut dom = VirtualDom::new(|cx, props|cx.render(rsx!{ div {} }));
- /// dom.rebuild();
- ///
- /// let base = dom.base_scope();
- ///
- /// assert_eq!(base.subtree(), 0);
- /// ```
- pub fn subtree(&self) -> u32 {
- self.subtree.get()
- }
- /// Get the height of this Scope - IE the number of scopes above it.
- ///
- /// A Scope with a height of `0` is the root scope - there are no other scopes above it.
- ///
- /// # Example
- ///
- /// ```rust, ignore
- /// let mut dom = VirtualDom::new(|cx, props|cx.render(rsx!{ div {} }));
- /// dom.rebuild();
- ///
- /// let base = dom.base_scope();
- ///
- /// assert_eq!(base.height(), 0);
- /// ```
- pub fn height(&self) -> u32 {
- self.height
- }
- /// Get the Parent of this Scope within this Dioxus VirtualDOM.
- ///
- /// This ID is not unique across Dioxus VirtualDOMs or across time. IDs will be reused when components are unmounted.
- ///
- /// The base component will not have a parent, and will return `None`.
- ///
- /// # Example
- ///
- /// ```rust, ignore
- /// let mut dom = VirtualDom::new(|cx, props|cx.render(rsx!{ div {} }));
- /// dom.rebuild();
- ///
- /// let base = dom.base_scope();
- ///
- /// assert_eq!(base.parent(), None);
- /// ```
- pub fn parent(&self) -> Option<ScopeId> {
- self.parent_scope.map(|p| unsafe { &*p }.our_arena_idx)
- }
- /// Get the ID of this Scope within this Dioxus VirtualDOM.
- ///
- /// This ID is not unique across Dioxus VirtualDOMs or across time. IDs will be reused when components are unmounted.
- ///
- /// # Example
- ///
- /// ```rust, ignore
- /// let mut dom = VirtualDom::new(|cx, props|cx.render(rsx!{ div {} }));
- /// dom.rebuild();
- /// let base = dom.base_scope();
- ///
- /// assert_eq!(base.scope_id(), 0);
- /// ```
- pub fn scope_id(&self) -> ScopeId {
- self.our_arena_idx
- }
- /// Create a subscription that schedules a future render for the reference component
- ///
- /// ## Notice: you should prefer using prepare_update and get_scope_id
- pub fn schedule_update(&self) -> Rc<dyn Fn() + 'static> {
- // pub fn schedule_update(&self) -> Rc<dyn Fn() + 'static> {
- let chan = self.sender.clone();
- let id = self.scope_id();
- Rc::new(move || {
- let _ = chan.unbounded_send(SchedulerMsg::Immediate(id));
- })
- }
- /// Schedule an update for any component given its ScopeId.
- ///
- /// A component's ScopeId can be obtained from `use_hook` or the [`Context::scope_id`] method.
- ///
- /// This method should be used when you want to schedule an update for a component
- pub fn schedule_update_any(&self) -> Rc<dyn Fn(ScopeId)> {
- let chan = self.sender.clone();
- Rc::new(move |id| {
- let _ = chan.unbounded_send(SchedulerMsg::Immediate(id));
- })
- }
- /// Get the [`ScopeId`] of a mounted component.
- ///
- /// `ScopeId` is not unique for the lifetime of the VirtualDom - a ScopeId will be reused if a component is unmounted.
- pub fn needs_update(&self) {
- self.needs_update_any(self.scope_id())
- }
- /// Get the [`ScopeId`] of a mounted component.
- ///
- /// `ScopeId` is not unique for the lifetime of the VirtualDom - a ScopeId will be reused if a component is unmounted.
- pub fn needs_update_any(&self, id: ScopeId) {
- let _ = self.sender.unbounded_send(SchedulerMsg::Immediate(id));
- }
- /// Get the [`ScopeId`] of a mounted component.
- ///
- /// `ScopeId` is not unique for the lifetime of the VirtualDom - a ScopeId will be reused if a component is unmounted.
- pub fn bump(&self) -> &Bump {
- &self.wip_frame().bump
- }
- /// Take a lazy VNode structure and actually build it with the context of the VDom's efficient VNode allocator.
- ///
- /// This function consumes the context and absorb the lifetime, so these VNodes *must* be returned.
- ///
- /// ## Example
- ///
- /// ```ignore
- /// fn Component(cx: Scope, props: &Props) -> Element {
- /// // Lazy assemble the VNode tree
- /// let lazy_nodes = rsx!("hello world");
- ///
- /// // Actually build the tree and allocate it
- /// cx.render(lazy_tree)
- /// }
- ///```
- pub fn render<'src>(&'src self, lazy_nodes: Option<LazyNodes<'src, '_>>) -> Option<NodeLink> {
- let frame = self.wip_frame();
- let bump = &frame.bump;
- let factory = NodeFactory { bump };
- let node = lazy_nodes.map(|f| f.call(factory))?;
- let node = bump.alloc(node);
- let node_ptr = node as *mut _;
- let node_ptr = unsafe { std::mem::transmute(node_ptr) };
- let link = NodeLink {
- scope_id: Cell::new(Some(self.our_arena_idx)),
- link_idx: Cell::new(0),
- node: node_ptr,
- };
- Some(link)
- }
- /// Push an effect to be ran after the component has been successfully mounted to the dom
- /// Returns the effect's position in the stack
- pub fn push_effect<'src>(&'src self, effect: impl FnOnce() + 'src) -> usize {
- // this is some tricker to get around not being able to actually call fnonces
- let mut slot = Some(effect);
- let fut: &mut dyn FnMut() = self.bump().alloc(move || slot.take().unwrap()());
- // wrap it in a type that will actually drop the contents
- let boxed_fut = unsafe { BumpBox::from_raw(fut) };
- // erase the 'src lifetime for self-referential storage
- let self_ref_fut = unsafe { std::mem::transmute(boxed_fut) };
- let mut items = self.items.borrow_mut();
- items.pending_effects.push(self_ref_fut);
- items.pending_effects.len() - 1
- }
- /// Pushes the future onto the poll queue to be polled
- /// The future is forcibly dropped if the component is not ready by the next render
- pub fn push_task<'src>(&'src self, fut: impl Future<Output = ()> + 'src) -> usize {
- // allocate the future
- let fut: &mut dyn Future<Output = ()> = self.bump().alloc(fut);
- // wrap it in a type that will actually drop the contents
- let boxed_fut: BumpBox<dyn Future<Output = ()>> = unsafe { BumpBox::from_raw(fut) };
- // erase the 'src lifetime for self-referential storage
- let self_ref_fut = unsafe { std::mem::transmute(boxed_fut) };
- let mut items = self.items.borrow_mut();
- items.tasks.push(self_ref_fut);
- items.tasks.len() - 1
- }
- /// This method enables the ability to expose state to children further down the VirtualDOM Tree.
- ///
- /// This is a "fundamental" operation and should only be called during initialization of a hook.
- ///
- /// For a hook that provides the same functionality, use `use_provide_state` and `use_consume_state` instead.
- ///
- /// When the component is dropped, so is the context. Be aware of this behavior when consuming
- /// the context via Rc/Weak.
- ///
- /// # Example
- ///
- /// ```rust, ignore
- /// struct SharedState(&'static str);
- ///
- /// static App: FC<()> = |cx, props|{
- /// cx.use_hook(|_| cx.provide_state(SharedState("world")), |_| {}, |_| {});
- /// rsx!(cx, Child {})
- /// }
- ///
- /// static Child: FC<()> = |cx, props| {
- /// let state = cx.consume_state::<SharedState>();
- /// rsx!(cx, div { "hello {state.0}" })
- /// }
- /// ```
- pub fn provide_state<T: 'static>(&self, value: T) {
- self.shared_contexts
- .borrow_mut()
- .insert(TypeId::of::<T>(), Rc::new(value))
- .map(|f| f.downcast::<T>().ok())
- .flatten();
- }
- /// Try to retrieve a SharedState with type T from the any parent Scope.
- pub fn consume_state<T: 'static>(&self) -> Option<Rc<T>> {
- if let Some(shared) = self.shared_contexts.borrow().get(&TypeId::of::<T>()) {
- Some(shared.clone().downcast::<T>().unwrap())
- } else {
- let mut search_parent = self.parent_scope;
- while let Some(parent_ptr) = search_parent {
- let parent = unsafe { &*parent_ptr };
- if let Some(shared) = parent.shared_contexts.borrow().get(&TypeId::of::<T>()) {
- return Some(shared.clone().downcast::<T>().unwrap());
- }
- search_parent = parent.parent_scope;
- }
- None
- }
- }
- /// Create a new subtree with this scope as the root of the subtree.
- ///
- /// Each component has its own subtree ID - the root subtree has an ID of 0. This ID is used by the renderer to route
- /// the mutations to the correct window/portal/subtree.
- ///
- /// This method
- ///
- /// # Example
- ///
- /// ```rust, ignore
- /// fn App(cx: Context, props: &()) -> Element {
- /// todo!();
- /// rsx!(cx, div { "Subtree {id}"})
- /// };
- /// ```
- pub fn create_subtree(&self) -> Option<u32> {
- if self.is_subtree_root.get() {
- None
- } else {
- todo!()
- // let cur = self.subtree().get();
- // self.shared.cur_subtree.set(cur + 1);
- // Some(cur)
- }
- }
- /// Get the subtree ID that this scope belongs to.
- ///
- /// Each component has its own subtree ID - the root subtree has an ID of 0. This ID is used by the renderer to route
- /// the mutations to the correct window/portal/subtree.
- ///
- /// # Example
- ///
- /// ```rust, ignore
- /// fn App(cx: Context, props: &()) -> Element {
- /// let id = cx.get_current_subtree();
- /// rsx!(cx, div { "Subtree {id}"})
- /// };
- /// ```
- pub fn get_current_subtree(&self) -> u32 {
- self.subtree()
- }
- /// Store a value between renders
- ///
- /// This is *the* foundational hook for all other hooks.
- ///
- /// - Initializer: closure used to create the initial hook state
- /// - Runner: closure used to output a value every time the hook is used
- ///
- /// To "cleanup" the hook, implement `Drop` on the stored hook value. Whenever the component is dropped, the hook
- /// will be dropped as well.
- ///
- /// # Example
- ///
- /// ```ignore
- /// // use_ref is the simplest way of storing a value between renders
- /// fn use_ref<T: 'static>(initial_value: impl FnOnce() -> T) -> &RefCell<T> {
- /// use_hook(
- /// || Rc::new(RefCell::new(initial_value())),
- /// |state| state,
- /// )
- /// }
- /// ```
- pub fn use_hook<'src, State: 'static, Output: 'src>(
- &'src self,
- initializer: impl FnOnce(usize) -> State,
- runner: impl FnOnce(&'src mut State) -> Output,
- ) -> Output {
- if self.hooks.at_end() {
- self.hooks.push_hook(initializer(self.hooks.len()));
- }
- const HOOK_ERR_MSG: &str = r###"
- Unable to retrieve the hook that was initialized at this index.
- Consult the `rules of hooks` to understand how to use hooks properly.
- You likely used the hook in a conditional. Hooks rely on consistent ordering between renders.
- Functions prefixed with "use" should never be called conditionally.
- "###;
- runner(self.hooks.next::<State>().expect(HOOK_ERR_MSG))
- }
- }
- // Important internal methods
- impl Scope {
- /// The "work in progress frame" represents the frame that is currently being worked on.
- pub(crate) fn wip_frame(&self) -> &BumpFrame {
- match self.generation.get() & 1 == 0 {
- true => &self.frames[0],
- false => &self.frames[1],
- }
- }
- pub(crate) fn wip_frame_mut(&mut self) -> &mut BumpFrame {
- match self.generation.get() & 1 == 0 {
- true => &mut self.frames[0],
- false => &mut self.frames[1],
- }
- }
- pub(crate) fn fin_frame(&self) -> &BumpFrame {
- match self.generation.get() & 1 == 1 {
- true => &self.frames[0],
- false => &self.frames[1],
- }
- }
- /// Reset this component's frame
- ///
- /// # Safety:
- /// This method breaks every reference of VNodes in the current frame.
- pub(crate) unsafe fn reset_wip_frame(&mut self) {
- // todo: unsafecell or something
- let bump = self.wip_frame_mut();
- bump.bump.reset();
- }
- pub(crate) fn cycle_frame(&self) {
- self.generation.set(self.generation.get() + 1);
- }
- /// A safe wrapper around calling listeners
- pub(crate) fn call_listener(&self, event: UserEvent, element: ElementId) {
- let listners = &mut self.items.borrow_mut().listeners;
- let listener = listners.iter().find(|lis| {
- let search = lis;
- if search.event == event.name {
- let search_id = search.mounted_node.get();
- search_id.map(|f| f == element).unwrap_or(false)
- } else {
- false
- }
- });
- if let Some(listener) = listener {
- let mut cb = listener.callback.borrow_mut();
- if let Some(cb) = cb.as_mut() {
- (cb)(event.event);
- }
- } else {
- log::warn!("An event was triggered but there was no listener to handle it");
- }
- }
- // General strategy here is to load up the appropriate suspended task and then run it.
- // Suspended nodes cannot be called repeatedly.
- pub(crate) fn call_suspended_node<'a>(&'a mut self, task_id: u64) {
- let mut nodes = &mut self.items.get_mut().suspended_nodes;
- if let Some(suspended) = nodes.remove(&task_id) {
- let sus: &'a VSuspended<'static> = suspended;
- let sus: &'a VSuspended<'a> = unsafe { std::mem::transmute(sus) };
- let mut boxed = sus.callback.borrow_mut().take().unwrap();
- let new_node: Element = boxed();
- }
- }
- // run the list of effects
- pub(crate) fn run_effects(&mut self) {
- for mut effect in self.items.get_mut().pending_effects.drain(..) {
- effect();
- }
- }
- pub fn root_node<'a>(&'a self) -> &'a VNode<'a> {
- let node = *self.wip_frame().nodes.borrow().get(0).unwrap();
- unsafe { std::mem::transmute(&*node) }
- }
- }
- pub(crate) struct BumpFrame {
- pub bump: Bump,
- pub nodes: RefCell<Vec<*const VNode<'static>>>,
- }
- impl BumpFrame {
- pub fn new(capacity: usize) -> Self {
- let bump = Bump::with_capacity(capacity);
- let node = &*bump.alloc(VText {
- text: "asd",
- dom_id: Default::default(),
- is_static: false,
- });
- let node = bump.alloc(VNode::Text(unsafe { std::mem::transmute(node) }));
- let nodes = RefCell::new(vec![node as *const _]);
- Self { bump, nodes }
- }
- pub fn allocated_bytes(&self) -> usize {
- self.bump.allocated_bytes()
- }
- pub fn assign_nodelink(&self, node: &NodeLink) {
- let mut nodes = self.nodes.borrow_mut();
- let len = nodes.len();
- nodes.push(node.node);
- node.link_idx.set(len);
- }
- }
- /// An abstraction over internally stored data using a hook-based memory layout.
- ///
- /// Hooks are allocated using Boxes and then our stored references are given out.
- ///
- /// It's unsafe to "reset" the hooklist, but it is safe to add hooks into it.
- ///
- /// Todo: this could use its very own bump arena, but that might be a tad overkill
- #[derive(Default)]
- pub(crate) struct HookList {
- arena: Bump,
- vals: RefCell<SmallVec<[*mut dyn Any; 5]>>,
- idx: Cell<usize>,
- }
- impl HookList {
- pub fn new(capacity: usize) -> Self {
- Self {
- arena: Bump::with_capacity(capacity),
- ..Default::default()
- }
- }
- pub(crate) fn next<T: 'static>(&self) -> Option<&mut T> {
- self.vals.borrow().get(self.idx.get()).and_then(|inn| {
- self.idx.set(self.idx.get() + 1);
- let raw_box = unsafe { &mut **inn };
- raw_box.downcast_mut::<T>()
- })
- }
- /// This resets the internal iterator count
- /// It's okay that we've given out each hook, but now we have the opportunity to give it out again
- /// Therefore, resetting is considered unsafe
- ///
- /// This should only be ran by Dioxus itself before "running scope".
- /// Dioxus knows how to descend through the tree to prevent mutable aliasing.
- pub(crate) unsafe fn reset(&self) {
- self.idx.set(0);
- }
- pub(crate) fn push_hook<T: 'static>(&self, new: T) {
- let val = self.arena.alloc(new);
- self.vals.borrow_mut().push(val)
- }
- pub(crate) fn len(&self) -> usize {
- self.vals.borrow().len()
- }
- pub(crate) fn cur_idx(&self) -> usize {
- self.idx.get()
- }
- pub(crate) fn at_end(&self) -> bool {
- self.cur_idx() >= self.len()
- }
- pub fn clear(&mut self) {
- self.vals.borrow_mut().drain(..).for_each(|state| {
- let as_mut = unsafe { &mut *state };
- let boxed = unsafe { bumpalo::boxed::Box::from_raw(as_mut) };
- drop(boxed);
- });
- }
- /// Get the ammount of memory a hooklist uses
- /// Used in heuristics
- pub fn get_hook_arena_size(&self) -> usize {
- self.arena.allocated_bytes()
- }
- }
- #[test]
- fn sizeof() {
- dbg!(std::mem::size_of::<Scope>());
- }
|