chore: DEBUG_SLOW_MO

src/routes/_client.tsx

@@ -16,7 +16,7 @@ export function GlobalPendingOverlay() {
     <div
       style={{
         pointerEvents: "none",
-        opacity: isPending ? 0.3 : 0,
+        opacity: isPending ? 0.5 : 0,
         transition: "opacity 200ms",
         transitionDelay: "200ms",
         background: "#fff",

src/routes/_data.ts

@@ -59,7 +59,11 @@ export const fakeContacts = {
 ////////////////////////////////////////////////////////////////////////////////
 // Handful of helper functions to be called from route loaders and actions
 export async function getContacts(query?: string | null) {
-  // await new Promise((resolve) => setTimeout(resolve, 500));
+  const slowMo = globalThis.process?.env["DEBUG_SLOW_MO"];
+  if (slowMo) {
+    await new Promise((resolve) => setTimeout(resolve, Number(slowMo)));
+  }
+
   let contacts = await fakeContacts.getAll();
   if (query) {
     const q = query.toLowerCase();