From c69a965dcea43b4a4f859a4e5b25e0e12e76a81c Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sun, 2 Feb 2025 22:19:31 -0600
Subject: [PATCH 1/5] Warm functions instead of calling db on first page load

---
 src/photo/InfinitePhotoScroll.tsx | 21 ++++++++++++++++----
 src/photo/PhotoGridPage.tsx       |  4 ++--
 src/photo/PhotosLargeInfinite.tsx |  4 ++--
 src/photo/actions.ts              | 32 +++++++++++++++++++++++--------
 4 files changed, 45 insertions(+), 16 deletions(-)

diff --git a/src/photo/InfinitePhotoScroll.tsx b/src/photo/InfinitePhotoScroll.tsx
index 23bd10c5..28d85b2d 100644
--- a/src/photo/InfinitePhotoScroll.tsx
+++ b/src/photo/InfinitePhotoScroll.tsx
@@ -4,6 +4,7 @@ import useSwrInfinite from 'swr/infinite';
 import {
   ReactNode,
   useCallback,
+  useEffect,
   useMemo,
   useRef,
 } from 'react';
@@ -14,6 +15,7 @@ import { Photo, PhotoSetCategory } from '.';
 import { clsx } from 'clsx/lite';
 import { useAppState } from '@/state/AppState';
 import { GetPhotosOptions } from './db';
+import useVisible from '@/utility/useVisible';
 
 export type RevalidatePhoto = (
   photoId: string,
@@ -56,7 +58,10 @@ export default function InfinitePhotoScroll({
       : [key, size]
     , [key]);
 
-  const fetcher = useCallback(([_key, size]: [string, number]) =>
+  const fetcher = useCallback((
+    [_key, size]: [string, number],
+    warmOnly?: boolean,
+  ) =>
     (useCachedPhotos ? getPhotosCachedAction : getPhotosAction)({
       offset: initialOffset + size * itemsPerPage,
       sortBy,
@@ -65,7 +70,7 @@ export default function InfinitePhotoScroll({
       tag,
       camera,
       simulation,
-    })
+    }, warmOnly)
   , [
     useCachedPhotos,
     sortBy,
@@ -77,18 +82,22 @@ export default function InfinitePhotoScroll({
     simulation,
   ]);
 
-  const { data, isLoading, isValidating, error, mutate, setSize } =
+  const { data, isLoading, isValidating, error, mutate, size, setSize } =
     useSwrInfinite<Photo[]>(
       keyGenerator,
       fetcher,
       {
-        initialSize: 2,
+        initialSize: 0,
         revalidateFirstPage: false,
         revalidateOnFocus: Boolean(isUserSignedIn),
         revalidateOnReconnect: Boolean(isUserSignedIn),
       },
     );
 
+  useEffect(() => {
+    fetcher(['', 0], true);
+  }, [fetcher]);
+
   const buttonContainerRef = useRef<HTMLDivElement>(null);
   
   const isLoadingOrValidating = isLoading || isValidating;
@@ -116,6 +125,10 @@ export default function InfinitePhotoScroll({
     },
   } as any), [data, mutate]);
 
+  useVisible({ ref: buttonContainerRef, onVisible: () => {
+    if (size === 0) { advance(); }
+  }});
+
   const renderMoreButton = () =>
     <div ref={buttonContainerRef}>
       <button
diff --git a/src/photo/PhotoGridPage.tsx b/src/photo/PhotoGridPage.tsx
index a69eba06..389d9322 100644
--- a/src/photo/PhotoGridPage.tsx
+++ b/src/photo/PhotoGridPage.tsx
@@ -4,7 +4,7 @@ import { Tags } from '@/tag';
 import { Photo } from '.';
 import { Cameras } from '@/camera';
 import { FilmSimulations } from '@/simulation';
-import { PATH_GRID } from '@/site/paths';
+import { PATH_GRID_INFERRED } from '@/site/paths';
 import PhotoGridSidebar from './PhotoGridSidebar';
 import PhotoGridContainer from './PhotoGridContainer';
 import { useEffect } from 'react';
@@ -33,7 +33,7 @@ export default function PhotoGridPage({
 
   return (
     <PhotoGridContainer
-      cacheKey={`page-${PATH_GRID}`}
+      cacheKey={`page-${PATH_GRID_INFERRED}`}
       photos={photos}
       count={photosCount}
       sidebar={
diff --git a/src/photo/PhotosLargeInfinite.tsx b/src/photo/PhotosLargeInfinite.tsx
index 0c80c0a9..8309d6a0 100644
--- a/src/photo/PhotosLargeInfinite.tsx
+++ b/src/photo/PhotosLargeInfinite.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { PATH_ROOT } from '@/site/paths';
+import { PATH_FEED_INFERRED } from '@/site/paths';
 import InfinitePhotoScroll from './InfinitePhotoScroll';
 import PhotosLarge from './PhotosLarge';
 
@@ -13,7 +13,7 @@ export default function PhotosLargeInfinite({
 }) {
   return (
     <InfinitePhotoScroll
-      cacheKey={`page-${PATH_ROOT}`}
+      cacheKey={`page-${PATH_FEED_INFERRED}`}
       initialOffset={initialOffset}
       itemsPerPage={itemsPerPage}
       wrapMoreButtonInGrid
diff --git a/src/photo/actions.ts b/src/photo/actions.ts
index 9a0176b5..219c477f 100644
--- a/src/photo/actions.ts
+++ b/src/photo/actions.ts
@@ -406,15 +406,31 @@ export const getPhotosHiddenMetaCachedAction = async () =>
 
 // Public/Private actions
 
-export const getPhotosAction = async (options: GetPhotosOptions) =>
-  areOptionsSensitive(options)
-    ? runAuthenticatedAdminServerAction(() => getPhotos(options))
-    : getPhotos(options);
+export const getPhotosAction = async (
+  options: GetPhotosOptions,
+  warmOnly?: boolean,
+) => {
+  if (warmOnly) {
+    return [];
+  } else {
+    return areOptionsSensitive(options)
+      ? runAuthenticatedAdminServerAction(() => getPhotos(options))
+      : getPhotos(options);
+  }
+};
 
-export const getPhotosCachedAction = async (options: GetPhotosOptions) =>
-  areOptionsSensitive(options)
-    ? runAuthenticatedAdminServerAction(() => getPhotosCached(options))
-    : getPhotosCached(options);
+export const getPhotosCachedAction = async (
+  options: GetPhotosOptions,
+  warmOnly?: boolean,
+) => {
+  if (warmOnly) {
+    return [];
+  } else {
+    return areOptionsSensitive(options)
+      ? runAuthenticatedAdminServerAction(() => getPhotosCached(options))
+      : getPhotosCached(options);
+  }
+};
 
 // Public actions
 

From 23e5a4393f0ad5ed99de6b3d8e2684cf78181fb2 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sun, 2 Feb 2025 23:05:52 -0600
Subject: [PATCH 2/5] Temporarily enable sql debugging

---
 src/site/config.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/site/config.ts b/src/site/config.ts
index 4be0edc7..aa61b86d 100644
--- a/src/site/config.ts
+++ b/src/site/config.ts
@@ -4,7 +4,7 @@ import { makeUrlAbsolute, shortenUrl } from '@/utility/url';
 
 // HARD-CODED GLOBAL CONFIGURATION
 export const SHOULD_PREFETCH_ALL_LINKS: boolean | undefined = undefined;
-export const SHOULD_DEBUG_SQL = false;
+export const SHOULD_DEBUG_SQL = true;
 
 // META / SOURCE / DOMAINS
 export const SITE_TITLE =

From e03c3d58ceae1e0a6ec4478edb0a212aae3b56e7 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Mon, 3 Feb 2025 08:52:07 -0600
Subject: [PATCH 3/5] Optimize db calls based on configuration

---
 src/photo/InfinitePhotoScroll.tsx | 7 +++++--
 src/photo/db/query.ts             | 4 ++--
 src/site/config.ts                | 1 +
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/photo/InfinitePhotoScroll.tsx b/src/photo/InfinitePhotoScroll.tsx
index 28d85b2d..ea8cfdbf 100644
--- a/src/photo/InfinitePhotoScroll.tsx
+++ b/src/photo/InfinitePhotoScroll.tsx
@@ -16,6 +16,7 @@ import { clsx } from 'clsx/lite';
 import { useAppState } from '@/state/AppState';
 import { GetPhotosOptions } from './db';
 import useVisible from '@/utility/useVisible';
+import { ADMIN_DB_OPTIMIZE_ENABLED } from '@/site/config';
 
 export type RevalidatePhoto = (
   photoId: string,
@@ -87,7 +88,7 @@ export default function InfinitePhotoScroll({
       keyGenerator,
       fetcher,
       {
-        initialSize: 0,
+        initialSize: ADMIN_DB_OPTIMIZE_ENABLED ? 0 : 2,
         revalidateFirstPage: false,
         revalidateOnFocus: Boolean(isUserSignedIn),
         revalidateOnReconnect: Boolean(isUserSignedIn),
@@ -95,7 +96,9 @@ export default function InfinitePhotoScroll({
     );
 
   useEffect(() => {
-    fetcher(['', 0], true);
+    if (ADMIN_DB_OPTIMIZE_ENABLED) {
+      fetcher(['', 0], true);
+    }
   }, [fetcher]);
 
   const buttonContainerRef = useRef<HTMLDivElement>(null);
diff --git a/src/photo/db/query.ts b/src/photo/db/query.ts
index 82059919..46a6c398 100644
--- a/src/photo/db/query.ts
+++ b/src/photo/db/query.ts
@@ -14,7 +14,7 @@ import {
 import { Cameras, createCameraKey } from '@/camera';
 import { Tags } from '@/tag';
 import { FilmSimulation, FilmSimulations } from '@/simulation';
-import { SHOULD_DEBUG_SQL } from '@/site/config';
+import { ADMIN_DB_OPTIMIZE_ENABLED } from '@/site/config';
 import {
   GetPhotosOptions,
   getLimitAndOffsetFromOptions,
@@ -127,7 +127,7 @@ const safelyQueryPhotos = async <T>(
     }
   }
 
-  if (SHOULD_DEBUG_SQL && debugMessage) {
+  if (ADMIN_DB_OPTIMIZE_ENABLED && debugMessage) {
     const time =
       (((new Date()).getTime() - start.getTime()) / 1000).toFixed(2);
     console.log(`Executing sql query: ${debugMessage} (${time} seconds)`);
diff --git a/src/site/config.ts b/src/site/config.ts
index aa61b86d..8db1cfad 100644
--- a/src/site/config.ts
+++ b/src/site/config.ts
@@ -227,6 +227,7 @@ export const OG_TEXT_BOTTOM_ALIGNMENT =
 // INTERNAL
 
 export const ADMIN_DEBUG_TOOLS_ENABLED = process.env.ADMIN_DEBUG_TOOLS === '1';
+export const ADMIN_DB_OPTIMIZE_ENABLED = process.env.ADMIN_DB_OPTIMIZE === '1';
 
 export const CONFIG_CHECKLIST_STATUS = {
   // Storage

From 531d4efcb5f7905fa26e982f34343f558a4b6d06 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Mon, 3 Feb 2025 08:56:04 -0600
Subject: [PATCH 4/5] Update infinite scroll for db optimize configuration

---
 src/photo/InfinitePhotoScroll.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/photo/InfinitePhotoScroll.tsx b/src/photo/InfinitePhotoScroll.tsx
index ea8cfdbf..a42d41bf 100644
--- a/src/photo/InfinitePhotoScroll.tsx
+++ b/src/photo/InfinitePhotoScroll.tsx
@@ -129,7 +129,9 @@ export default function InfinitePhotoScroll({
   } as any), [data, mutate]);
 
   useVisible({ ref: buttonContainerRef, onVisible: () => {
-    if (size === 0) { advance(); }
+    if (ADMIN_DB_OPTIMIZE_ENABLED && size === 0) {
+      advance();
+    }
   }});
 
   const renderMoreButton = () =>

From 843afa44524bf2524795794a512064a0ccaafd79 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Mon, 3 Feb 2025 08:57:39 -0600
Subject: [PATCH 5/5] Disable global sql debugging

---
 src/site/config.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/site/config.ts b/src/site/config.ts
index 8db1cfad..a7121d59 100644
--- a/src/site/config.ts
+++ b/src/site/config.ts
@@ -4,7 +4,7 @@ import { makeUrlAbsolute, shortenUrl } from '@/utility/url';
 
 // HARD-CODED GLOBAL CONFIGURATION
 export const SHOULD_PREFETCH_ALL_LINKS: boolean | undefined = undefined;
-export const SHOULD_DEBUG_SQL = true;
+export const SHOULD_DEBUG_SQL = false;
 
 // META / SOURCE / DOMAINS
 export const SITE_TITLE =