Skip to main content

gpui/
view.rs

1use crate::{
2    AnyElement, AnyEntity, AnyWeakEntity, App, AvailableSpace, Bounds, ContentMask, Context,
3    Element, ElementId, Entity, EntityId, GlobalElementId, InspectorElementId, IntoElement,
4    LayoutId, PaintIndex, Pixels, PrepaintStateIndex, Render, RenderOnce, Size, Style,
5    StyleRefinement, TextStyle, WeakEntity,
6};
7use crate::{Empty, Window};
8use anyhow::Result;
9use collections::FxHashSet;
10use refineable::Refineable;
11use std::mem;
12use std::{
13    any::{TypeId, type_name},
14    fmt,
15    ops::Range,
16};
17
18/// A dynamically-typed view handle that can be downcast to a specific `Entity<V>`.
19///
20/// This is the type-erased counterpart to [`ViewElement`]: it holds an entity plus
21/// a function pointer to its render, and is itself a [`View`], so embedding it as an
22/// element goes through the same [`ViewElement`] machinery as any other view.
23#[derive(Clone, Debug)]
24pub struct AnyView {
25    entity: AnyEntity,
26    render: fn(&AnyView, &mut Window, &mut App) -> AnyElement,
27    view_type_name: &'static str,
28}
29
30impl<V: Render> From<Entity<V>> for AnyView {
31    fn from(value: Entity<V>) -> Self {
32        AnyView {
33            entity: value.into_any(),
34            render: any_view::render::<V>,
35            view_type_name: type_name::<V>(),
36        }
37    }
38}
39
40impl AnyView {
41    /// Embed this view as a cached [`ViewElement`] laid out at `style`.
42    ///
43    /// The rendered subtree is recycled from the previous frame unless
44    /// [Context::notify] was called on the backing entity since it was rendered
45    /// (or [Window::refresh] is called, which ignores caching).
46    pub fn cached(self, style: StyleRefinement) -> ViewElement<AnyView> {
47        self.into_element().cached(style)
48    }
49
50    /// Convert this to a weak handle.
51    pub fn downgrade(&self) -> AnyWeakView {
52        AnyWeakView {
53            entity: self.entity.downgrade(),
54            render: self.render,
55            view_type_name: self.view_type_name,
56        }
57    }
58
59    /// Convert this to a [Entity] of a specific type.
60    /// If this handle does not contain a view of the specified type, returns itself in an `Err` variant.
61    pub fn downcast<T: 'static>(self) -> Result<Entity<T>, Self> {
62        match self.entity.downcast() {
63            Ok(entity) => Ok(entity),
64            Err(entity) => Err(Self {
65                entity,
66                render: self.render,
67                view_type_name: self.view_type_name,
68            }),
69        }
70    }
71
72    /// Gets the [TypeId] of the underlying view.
73    pub fn entity_type(&self) -> TypeId {
74        self.entity.entity_type
75    }
76
77    /// The [`EntityId`] of this view.
78    pub fn entity_id(&self) -> EntityId {
79        self.entity.entity_id()
80    }
81}
82
83impl PartialEq for AnyView {
84    fn eq(&self, other: &Self) -> bool {
85        self.entity == other.entity
86    }
87}
88
89impl Eq for AnyView {}
90
91/// `AnyView` is the type-erased [`View`]: its `render` is a function pointer rather
92/// than a concrete type, but it participates in the reactive graph exactly like any
93/// other view via [`ViewElement`].
94impl View for AnyView {
95    fn entity_id(&self) -> Option<EntityId> {
96        Some(self.entity.entity_id())
97    }
98
99    #[cfg(not(gpui_hot_reload))]
100    fn render(self, window: &mut Window, cx: &mut App) -> impl IntoElement {
101        (self.render)(&self, window, cx)
102    }
103
104    // The stored function pointer was captured from the original binary, so it must be looked up
105    // in the jump table to reach the patched render.
106    #[cfg(gpui_hot_reload)]
107    fn render(self, window: &mut Window, cx: &mut App) -> impl IntoElement {
108        subsecond::HotFn::current(self.render).call((&self, window, cx))
109    }
110}
111
112impl<V: 'static + Render> IntoElement for Entity<V> {
113    type Element = ViewElement<Entity<V>>;
114
115    fn into_element(self) -> Self::Element {
116        ViewElement::with_type_name(self, type_name::<V>())
117    }
118
119    #[inline(never)]
120    fn into_any_element(self) -> AnyElement {
121        self.into_element().into_any()
122    }
123}
124
125impl IntoElement for AnyView {
126    type Element = ViewElement<AnyView>;
127
128    fn into_element(self) -> Self::Element {
129        let view_type_name = self.view_type_name;
130        ViewElement::with_type_name(self, view_type_name)
131    }
132}
133
134/// A weak, dynamically-typed view handle.
135pub struct AnyWeakView {
136    entity: AnyWeakEntity,
137    render: fn(&AnyView, &mut Window, &mut App) -> AnyElement,
138    view_type_name: &'static str,
139}
140
141impl AnyWeakView {
142    /// Upgrade to a strong `AnyView` handle, if the view is still alive.
143    pub fn upgrade(&self) -> Option<AnyView> {
144        let entity = self.entity.upgrade()?;
145        Some(AnyView {
146            entity,
147            render: self.render,
148            view_type_name: self.view_type_name,
149        })
150    }
151}
152
153impl<V: 'static + Render> From<WeakEntity<V>> for AnyWeakView {
154    fn from(view: WeakEntity<V>) -> Self {
155        AnyWeakView {
156            entity: view.into(),
157            render: any_view::render::<V>,
158            view_type_name: type_name::<V>(),
159        }
160    }
161}
162
163impl PartialEq for AnyWeakView {
164    fn eq(&self, other: &Self) -> bool {
165        self.entity == other.entity
166    }
167}
168
169impl std::fmt::Debug for AnyWeakView {
170    fn fmt(&self, f: &mut fmt::Formatter<'_>) -> fmt::Result {
171        f.debug_struct("AnyWeakView")
172            .field("entity_id", &self.entity.entity_id)
173            .finish_non_exhaustive()
174    }
175}
176
177mod any_view {
178    use crate::{AnyElement, AnyView, App, IntoElement, Render, Window};
179
180    pub(crate) fn render<V: 'static + Render>(
181        view: &AnyView,
182        window: &mut Window,
183        cx: &mut App,
184    ) -> AnyElement {
185        let view = view.clone().downcast::<V>().unwrap();
186        // Record the view's Render type name so the accessibility debug dump can
187        // attribute nodes to the view that produced them.
188        #[cfg(debug_assertions)]
189        window
190            .a11y
191            .view_type_names
192            .insert(view.entity_id(), std::any::type_name::<V>());
193        view.update(cx, |view, cx| view.render(window, cx).into_any_element())
194    }
195}
196
197/// A renderable that participates in GPUI's reactive graph — the unifying model
198/// behind [`Render`] and [`RenderOnce`].
199///
200/// When `entity_id()` returns `Some`, that id becomes the view's identity: it gets
201/// a unique element-id space (so internal `use_state` / `.id(..)` never collide
202/// across siblings) and `cx.notify()` on that entity re-renders only this view's
203/// subtree. `None` behaves like a stateless component.
204///
205/// You rarely implement `View` directly. `Entity<T: Render>` and any `T: RenderOnce`
206/// get a blanket impl below; implement it by hand only when a component needs both
207/// parent-supplied props *and* a backing entity for identity.
208pub trait View: 'static + Sized {
209    /// This view's identity, if it has one. A view typically holds the backing
210    /// entity as a field and returns its [`EntityId`] here.
211    ///
212    /// The id becomes this view's [`ElementId`], so two views keyed on the same
213    /// entity must not be rendered at the same position in the element tree
214    /// (e.g. as siblings under the same parent): their internal element state
215    /// (`use_state`, scroll offsets, etc.) would silently collide. Nesting is
216    /// fine — the id is scoped by the parent path.
217    fn entity_id(&self) -> Option<EntityId>;
218
219    /// Render this view into an element tree, consuming `self`.
220    fn render(self, window: &mut Window, cx: &mut App) -> impl IntoElement;
221}
222
223/// A stateless component (`RenderOnce`) is a `View` with no identity.
224impl<T: RenderOnce> View for T {
225    fn entity_id(&self) -> Option<EntityId> {
226        None
227    }
228
229    #[inline]
230    fn render(self, window: &mut Window, cx: &mut App) -> impl IntoElement {
231        RenderOnce::render(self, window, cx)
232    }
233}
234
235/// An entity that renders itself (`Render`) is a `View` keyed on its own id.
236impl<T: Render> View for Entity<T> {
237    fn entity_id(&self) -> Option<EntityId> {
238        Some(Entity::entity_id(self))
239    }
240
241    #[inline]
242    fn render(self, window: &mut Window, cx: &mut App) -> impl IntoElement {
243        self.update(cx, |this, cx| {
244            Render::render(this, window, cx).into_any_element()
245        })
246    }
247}
248
249impl<T: Render> Entity<T> {
250    /// Embed this entity as a cached [`ViewElement`] laid out at `style`.
251    ///
252    /// The rendered subtree is reused until the entity is notified (or the
253    /// cached bounds / text style change). Caching requires a definite size:
254    /// a cached view is laid out from `style` and is *not* measured from its
255    /// contents. Use [`ViewElement::new`] (or `.child(entity)`) for the
256    /// uncached case.
257    #[track_caller]
258    pub fn cached(self, style: StyleRefinement) -> ViewElement<Entity<T>> {
259        ViewElement::with_type_name(self, type_name::<T>()).cached(style)
260    }
261}
262
263/// The element type for [`View`] implementations. Wraps a `View` and hooks it
264/// into layout, prepaint, and paint. Constructed via [`ViewElement::new`].
265#[doc(hidden)]
266pub struct ViewElement<V: View> {
267    view: Option<V>,
268    entity_id: Option<EntityId>,
269    cached_style: Option<StyleRefinement>,
270    #[cfg(feature = "profiler")]
271    view_type_name: &'static str,
272    #[cfg(debug_assertions)]
273    source: &'static core::panic::Location<'static>,
274}
275
276impl<V: View> ViewElement<V> {
277    /// Wrap a [`View`] as an element.
278    #[track_caller]
279    pub fn new(view: V) -> Self {
280        Self::with_type_name(view, type_name::<V>())
281    }
282
283    /// Wraps a view whose draw time profiling attributes to `view_type_name`,
284    /// such as an entity's type rather than [`Entity`]'s.
285    #[track_caller]
286    #[cfg_attr(not(feature = "profiler"), expect(unused_variables))]
287    pub(crate) fn with_type_name(view: V, view_type_name: &'static str) -> Self {
288        let entity_id = view.entity_id();
289        ViewElement {
290            entity_id,
291            cached_style: None,
292            #[cfg(feature = "profiler")]
293            view_type_name,
294            view: Some(view),
295            #[cfg(debug_assertions)]
296            source: core::panic::Location::caller(),
297        }
298    }
299
300    /// Enable caching of this view's rendered subtree, laid out at `style`.
301    /// The composer supplies the layout style because caching skips rendering
302    /// the contents to measure them.
303    ///
304    /// Crate-private on purpose: caching is only sound for entity-backed views,
305    /// where [`Context::notify`] is the contract that busts the cache. A stateless
306    /// view has no such contract, so a frozen subtree could never be invalidated.
307    /// Reach this through [`Entity::cached`] or [`AnyView::cached`], which are
308    /// entity-backed by construction.
309    pub(crate) fn cached(mut self, style: StyleRefinement) -> Self {
310        self.cached_style = Some(style);
311        self
312    }
313}
314
315impl<V: View> IntoElement for ViewElement<V> {
316    type Element = Self;
317
318    fn into_element(self) -> Self::Element {
319        self
320    }
321}
322
323struct ViewElementState {
324    prepaint_range: Range<PrepaintStateIndex>,
325    paint_range: Range<PaintIndex>,
326    cache_key: ViewElementCacheKey,
327    accessed_entities: FxHashSet<EntityId>,
328}
329
330struct ViewElementCacheKey {
331    bounds: Bounds<Pixels>,
332    content_mask: ContentMask<Pixels>,
333    text_style: TextStyle,
334}
335
336#[cfg(not(gpui_hot_reload))]
337#[inline]
338fn render_view<V: View>(view: V, window: &mut Window, cx: &mut App) -> AnyElement {
339    view.render(window, cx).into_any_element()
340}
341
342/// Every view and component render passes through this hot-patchable boundary, so the
343/// patched code for that render and everything it calls runs on the next frame.
344#[cfg(gpui_hot_reload)]
345fn render_view<V: View>(view: V, window: &mut Window, cx: &mut App) -> AnyElement {
346    #[inline(never)]
347    fn render_view_impl<V: View>(view: V, window: &mut Window, cx: &mut App) -> AnyElement {
348        view.render(window, cx).into_any_element()
349    }
350
351    subsecond::HotFn::current(render_view_impl::<V>).call((view, window, cx))
352}
353
354impl<V: View> Element for ViewElement<V> {
355    type RequestLayoutState = Option<AnyElement>;
356    type PrepaintState = Option<AnyElement>;
357
358    fn id(&self) -> Option<ElementId> {
359        self.entity_id.map(ElementId::View)
360    }
361
362    fn source_location(&self) -> Option<&'static core::panic::Location<'static>> {
363        #[cfg(debug_assertions)]
364        return Some(self.source);
365
366        #[cfg(not(debug_assertions))]
367        return None;
368    }
369
370    fn request_layout(
371        &mut self,
372        _id: Option<&GlobalElementId>,
373        _inspector_id: Option<&InspectorElementId>,
374        window: &mut Window,
375        cx: &mut App,
376    ) -> (LayoutId, Self::RequestLayoutState) {
377        if let Some(entity_id) = self.entity_id {
378            // Stateful path: create a reactive boundary.
379            #[cfg(feature = "profiler")]
380            let start = window.window_profiler.begin_view();
381            let view = &mut self.view;
382            let layout = request_layout_view(
383                entity_id,
384                self.cached_style.as_ref(),
385                window,
386                cx,
387                &mut |window, cx| render_view(view.take().unwrap(), window, cx),
388            );
389            #[cfg(feature = "profiler")]
390            window.window_profiler.end_view(
391                start,
392                self.view_type_name,
393                crate::profiler::ViewPhase::RequestLayout,
394            );
395            layout
396        } else {
397            // Stateless path: isolate subtree via type name (no entity identity).
398            request_layout_component(type_name::<V>(), window, cx, &mut |window, cx| {
399                render_view(self.view.take().unwrap(), window, cx)
400            })
401        }
402    }
403
404    fn prepaint(
405        &mut self,
406        global_id: Option<&GlobalElementId>,
407        _inspector_id: Option<&InspectorElementId>,
408        bounds: Bounds<Pixels>,
409        element: &mut Self::RequestLayoutState,
410        window: &mut Window,
411        cx: &mut App,
412    ) -> Option<AnyElement> {
413        if let Some(entity_id) = self.entity_id {
414            // Stateful path.
415            #[cfg(feature = "profiler")]
416            let start = window.window_profiler.begin_view();
417            let prepainted = prepaint_view(
418                entity_id,
419                global_id,
420                bounds,
421                element,
422                window,
423                cx,
424                &mut |window, cx| render_view(self.view.take().unwrap(), window, cx),
425            );
426            #[cfg(feature = "profiler")]
427            window.window_profiler.end_view(
428                start,
429                self.view_type_name,
430                crate::profiler::ViewPhase::Prepaint,
431            );
432            prepainted
433        } else {
434            // Stateless path: just prepaint the element.
435            prepaint_component(type_name::<V>(), element, window, cx)
436        }
437    }
438
439    fn paint(
440        &mut self,
441        global_id: Option<&GlobalElementId>,
442        _inspector_id: Option<&InspectorElementId>,
443        _bounds: Bounds<Pixels>,
444        _request_layout: &mut Self::RequestLayoutState,
445        element: &mut Self::PrepaintState,
446        window: &mut Window,
447        cx: &mut App,
448    ) {
449        if let Some(entity_id) = self.entity_id {
450            // Stateful path.
451            #[cfg(feature = "profiler")]
452            let start = window.window_profiler.begin_view();
453            paint_view(
454                entity_id,
455                self.cached_style.is_some(),
456                global_id,
457                element,
458                window,
459                cx,
460            );
461            #[cfg(feature = "profiler")]
462            window.window_profiler.end_view(
463                start,
464                self.view_type_name,
465                crate::profiler::ViewPhase::Paint,
466            );
467        } else {
468            // Stateless path: just paint the element.
469            paint_component(std::any::type_name::<V>(), element, window, cx);
470        }
471    }
472}
473
474/// A view that renders nothing
475pub struct EmptyView;
476
477impl Render for EmptyView {
478    fn render(&mut self, _window: &mut Window, _cx: &mut Context<Self>) -> impl IntoElement {
479        Empty
480    }
481}
482
483#[inline(never)]
484fn request_layout_view(
485    entity_id: EntityId,
486    cached_style: Option<&StyleRefinement>,
487    window: &mut Window,
488    cx: &mut App,
489    render: &mut dyn FnMut(&mut Window, &mut App) -> AnyElement,
490) -> (LayoutId, Option<AnyElement>) {
491    window.with_rendered_view(entity_id, |window| {
492        let caching_disabled = window.is_inspector_picking(cx);
493        match cached_style {
494            Some(style) if !caching_disabled => {
495                let mut root_style = Style::default();
496                root_style.refine(style);
497                let layout_id = window.request_layout(root_style, None, cx);
498                (layout_id, None)
499            }
500            _ => {
501                let mut element = render(window, cx);
502                let layout_id = element.request_layout(window, cx);
503                (layout_id, Some(element))
504            }
505        }
506    })
507}
508
509#[inline(never)]
510fn request_layout_component(
511    name: &'static str,
512    window: &mut Window,
513    cx: &mut App,
514    render: &mut dyn FnMut(&mut Window, &mut App) -> AnyElement,
515) -> (LayoutId, Option<AnyElement>) {
516    window.with_id(ElementId::from(name), |window| {
517        let mut element = render(window, cx);
518        let layout_id = element.request_layout(window, cx);
519        (layout_id, Some(element))
520    })
521}
522
523#[inline(never)]
524fn prepaint_view(
525    entity_id: EntityId,
526    global_id: Option<&GlobalElementId>,
527    bounds: Bounds<Pixels>,
528    element: &mut Option<AnyElement>,
529    window: &mut Window,
530    cx: &mut App,
531    render: &mut dyn FnMut(&mut Window, &mut App) -> AnyElement,
532) -> Option<AnyElement> {
533    window.set_view_id(entity_id);
534    window.with_rendered_view(entity_id, |window| {
535        if let Some(mut element) = element.take() {
536            element.prepaint(window, cx);
537            return Some(element);
538        }
539
540        window.with_element_state::<ViewElementState, _>(
541            global_id.unwrap(),
542            |element_state, window| {
543                let content_mask = window.content_mask();
544                let text_style = window.text_style();
545
546                if let Some(mut element_state) = element_state
547                    && element_state.cache_key.bounds == bounds
548                    && element_state.cache_key.content_mask == content_mask
549                    && element_state.cache_key.text_style == text_style
550                    && !window.dirty_views.contains(&entity_id)
551                    && !window.refreshing
552                {
553                    let prepaint_start = window.prepaint_index();
554                    window.reuse_prepaint(element_state.prepaint_range.clone());
555                    cx.entities
556                        .extend_accessed(&element_state.accessed_entities);
557                    let prepaint_end = window.prepaint_index();
558                    element_state.prepaint_range = prepaint_start..prepaint_end;
559
560                    return (None, element_state);
561                }
562
563                let refreshing = mem::replace(&mut window.refreshing, true);
564                let prepaint_start = window.prepaint_index();
565                let (element, accessed_entities) = cx.detect_accessed_entities(|cx| {
566                    let mut element = render(window, cx);
567                    element.layout_as_root(Size::<AvailableSpace>::from(bounds.size), window, cx);
568                    element.prepaint_at(bounds.origin, window, cx);
569                    element
570                });
571
572                let prepaint_end = window.prepaint_index();
573                window.refreshing = refreshing;
574
575                (
576                    Some(element),
577                    ViewElementState {
578                        accessed_entities,
579                        prepaint_range: prepaint_start..prepaint_end,
580                        paint_range: PaintIndex::default()..PaintIndex::default(),
581                        cache_key: ViewElementCacheKey {
582                            bounds,
583                            content_mask,
584                            text_style,
585                        },
586                    },
587                )
588            },
589        )
590    })
591}
592
593#[inline(never)]
594fn prepaint_component(
595    name: &'static str,
596    element: &mut Option<AnyElement>,
597    window: &mut Window,
598    cx: &mut App,
599) -> Option<AnyElement> {
600    window.with_id(ElementId::from(name), |window| {
601        element.as_mut().unwrap().prepaint(window, cx);
602    });
603    Some(element.take().unwrap())
604}
605
606#[inline(never)]
607fn paint_view(
608    entity_id: EntityId,
609    cached: bool,
610    global_id: Option<&GlobalElementId>,
611    element: &mut Option<AnyElement>,
612    window: &mut Window,
613    cx: &mut App,
614) {
615    window.with_rendered_view(entity_id, |window| {
616        let caching_disabled = window.is_inspector_picking(cx);
617        if cached && !caching_disabled {
618            window.with_element_state::<ViewElementState, _>(
619                global_id.unwrap(),
620                |element_state, window| {
621                    let mut element_state = element_state.unwrap();
622
623                    let paint_start = window.paint_index();
624
625                    if let Some(element) = element {
626                        let refreshing = mem::replace(&mut window.refreshing, true);
627                        element.paint(window, cx);
628                        window.refreshing = refreshing;
629                    } else {
630                        window.reuse_paint(element_state.paint_range.clone());
631                    }
632
633                    let paint_end = window.paint_index();
634                    element_state.paint_range = paint_start..paint_end;
635
636                    ((), element_state)
637                },
638            )
639        } else {
640            element.as_mut().unwrap().paint(window, cx);
641        }
642    });
643}
644
645#[inline(never)]
646fn paint_component(
647    name: &'static str,
648    element: &mut Option<AnyElement>,
649    window: &mut Window,
650    cx: &mut App,
651) {
652    window.with_id(ElementId::Name(name.into()), |window| {
653        element.as_mut().unwrap().paint(window, cx);
654    });
655}