From 94258cf5badb94233d0c5dbddb45c86531bda963 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@windmill.dev>
Date: Wed, 19 Mar 2025 17:47:20 +0100
Subject: [PATCH] improve eager mode

---
 .../lib/components/apps/editor/component/Component.svelte    | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/apps/editor/component/Component.svelte b/frontend/src/lib/components/apps/editor/component/Component.svelte
index 748a04991b..129f1e2329 100644
--- a/frontend/src/lib/components/apps/editor/component/Component.svelte
+++ b/frontend/src/lib/components/apps/editor/component/Component.svelte
@@ -1,7 +1,9 @@
 <script lang="ts">
+	import { getContext } from 'svelte'
 	import ComponentInner from './ComponentInner.svelte'
 	import ComponentRendered from './ComponentRendered.svelte'
 	import type { AppComponent } from './components'
+	import type { AppViewerContext } from '../../types'
 
 	export let component: AppComponent
 	export let selected: boolean
@@ -11,13 +13,14 @@
 	export let overlapped: string | undefined = undefined
 	export let componentDraggedId: string | undefined = undefined
 
+	const { app } = getContext<AppViewerContext>('AppViewerContext')
 	export let moveMode: string | undefined = undefined
 	let everRender = render
 
 	$: render && !everRender && (everRender = true)
 </script>
 
-{#if everRender}
+{#if everRender || $app.eagerRendering}
 	<ComponentRendered
 		on:expand
 		on:lock