From e6e2fea8708feaf7fda31f868d5bb5c4d1b146e0 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Tue, 11 Mar 2025 13:26:44 +0600
Subject: [PATCH] web/layout: preload meowbalt assets

no more flickering i hope

is this rational? maybe not so much, but it makes cobalt feel like a native app
---
 web/src/routes/+layout.svelte | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index 722634fa..f624708a 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -75,6 +75,7 @@
     data-theme={browser ? $currentTheme : undefined}
     lang={$locale}
 >
+    <div id="preload-meowbalt" aria-hidden="true"></div>
     <div
         id="cobalt"
         class:loaded={browser}
@@ -644,4 +645,17 @@
             transform: rotate(360deg);
         }
     }
+
+    /* preload meowbalt assets to prevent flickering in dialogs */
+    #preload-meowbalt {
+        width: 0;
+        height: 0;
+        position: absolute;
+        z-index: -10;
+        content:
+            url(/meowbalt/smile.png)
+            url(/meowbalt/error.png)
+            url(/meowbalt/question.png)
+            url(/meowbalt/think.png);
+    }
 </style>