Move original upload configuration into 'performance'

README.md

@@ -106,11 +106,11 @@ Application behavior can be changed by configuring the following environment var
 - `NEXT_PUBLIC_STATICALLY_OPTIMIZE_PHOTOS = 1` enables static optimization for photo pages (`p/[photoId]`), i.e., renders pages at build time
 - `NEXT_PUBLIC_STATICALLY_OPTIMIZE_PHOTO_OG_IMAGES = 1` enables static optimization for OG images, i.e., renders images at build time
 - `NEXT_PUBLIC_STATICALLY_OPTIMIZE_PHOTO_CATEGORIES = 1` enables static optimization for photo categories (`tag/[tag]`, `shot-on/[make]/[model]`, etc.), i.e., renders pages at build time
+- `NEXT_PUBLIC_PRESERVE_ORIGINAL_UPLOADS = 1` do not compress photo uploads before storing
 
 #### Site behavior
 - `NEXT_PUBLIC_GRID_HOMEPAGE = 1` shows grid layout on homepage
 - `NEXT_PUBLIC_DEFAULT_THEME = light | dark` sets preferred initial theme (defaults to `system` when not configured)
-- `NEXT_PUBLIC_PRESERVE_ORIGINAL_UPLOADS = 1` do not optimize photo uploads before storing (⚠️ results in increased storage usage)
 - `NEXT_PUBLIC_MATTE_PHOTOS = 1` constrains the size of each photo, and enables a surrounding border (potentially useful for photos with tall aspect ratios)
 - `NEXT_PUBLIC_BLUR_DISABLED = 1` prevents image blur data being stored and displayed (potentially useful for limiting Postgres usage)
 - `NEXT_PUBLIC_GEO_PRIVACY = 1` disables collection/display of location-based data (⚠️ re-compresses uploaded images in order to remove GPS information)

src/site/SiteChecklistClient.tsx

@@ -55,9 +55,9 @@ export default function SiteChecklistClient({
   arePhotosStaticallyOptimized,
   arePhotoOGImagesStaticallyOptimized,
   arePhotoCategoriesStaticallyOptimized,
+  areOriginalUploadsPreserved,
   isGridHomepageEnabled,
   defaultTheme,
-  areOriginalUploadsPreserved,
   arePhotosMatted,
   isBlurEnabled,
   isGeoPrivacyEnabled,
@@ -447,8 +447,9 @@ export default function SiteChecklistClient({
               status={isStaticallyOptimized}
               optional
             >
-              Set environment variable to {'"1"'} to enable static optimization,
-              i.e., render pages and images at build time:
+              Set environment variable to {'"1"'} to make site more responsive
+              by enabling static optimization
+              (i.e., rendering pages and images at build time):
               {renderSubStatusWithEnvVar(
                 arePhotosStaticallyOptimized ? 'checked' : 'optional',
                 'NEXT_PUBLIC_STATICALLY_OPTIMIZE_PHOTOS',
@@ -462,6 +463,15 @@ export default function SiteChecklistClient({
                 'NEXT_PUBLIC_STATICALLY_OPTIMIZE_PHOTO_CATEGORIES',
               )}
             </ChecklistRow>
+            <ChecklistRow
+              title="Preserve original uploads"
+              status={areOriginalUploadsPreserved}
+              optional
+            >
+              Set environment variable to {'"1"'} to prevent
+              image uploads being compressed before storing:
+              {renderEnvVars(['NEXT_PUBLIC_PRESERVE_ORIGINAL_UPLOADS'])}
+            </ChecklistRow>
           </Checklist>
           <Checklist
             title="Settings"
@@ -489,15 +499,6 @@ export default function SiteChecklistClient({
               (defaults to {'\'system\''}):
               {renderEnvVars(['NEXT_PUBLIC_DEFAULT_THEME'])}
             </ChecklistRow>
-            <ChecklistRow
-              title="Preserve original uploads"
-              status={areOriginalUploadsPreserved}
-              optional
-            >
-              Set environment variable to {'"1"'} to prevent
-              image uploads being optimized before storing:
-              {renderEnvVars(['NEXT_PUBLIC_PRESERVE_ORIGINAL_UPLOADS'])}
-            </ChecklistRow>
             <ChecklistRow
               title="Photo matting"
               status={arePhotosMatted}

src/site/config.ts

@@ -134,6 +134,10 @@ export const STATICALLY_OPTIMIZED_PHOTO_OG_IMAGES =
   process.env.NEXT_PUBLIC_STATICALLY_OPTIMIZE_OG_IMAGES === '1';
 export const STATICALLY_OPTIMIZED_PHOTO_CATEGORIES =
   process.env.NEXT_PUBLIC_STATICALLY_OPTIMIZE_PHOTO_CATEGORIES === '1';
+export const PRESERVE_ORIGINAL_UPLOADS =
+  process.env.NEXT_PUBLIC_PRESERVE_ORIGINAL_UPLOADS === '1' ||
+  // Legacy environment variable name
+  process.env.NEXT_PUBLIC_PRO_MODE === '1';
 
 // SETTINGS
 
@@ -145,10 +149,6 @@ export const DEFAULT_THEME =
     : process.env.NEXT_PUBLIC_DEFAULT_THEME === 'light'
       ? 'light'
       : 'system';
-export const PRESERVE_ORIGINAL_UPLOADS =
-  process.env.NEXT_PUBLIC_PRESERVE_ORIGINAL_UPLOADS === '1' ||
-  // Legacy environment variable name
-  process.env.NEXT_PUBLIC_PRO_MODE === '1';
 export const MATTE_PHOTOS =
   process.env.NEXT_PUBLIC_MATTE_PHOTOS === '1';
 export const BLUR_ENABLED =
@@ -227,9 +227,9 @@ export const CONFIG_CHECKLIST_STATUS = {
   arePhotosStaticallyOptimized: STATICALLY_OPTIMIZED_PHOTOS,
   arePhotoOGImagesStaticallyOptimized: STATICALLY_OPTIMIZED_PHOTO_OG_IMAGES,
   arePhotoCategoriesStaticallyOptimized: STATICALLY_OPTIMIZED_PHOTO_CATEGORIES,
+  areOriginalUploadsPreserved: PRESERVE_ORIGINAL_UPLOADS,
   isGridHomepageEnabled: GRID_HOMEPAGE_ENABLED,
   defaultTheme: DEFAULT_THEME,
-  areOriginalUploadsPreserved: PRESERVE_ORIGINAL_UPLOADS,
   arePhotosMatted: MATTE_PHOTOS,
   isBlurEnabled: BLUR_ENABLED,
   isGeoPrivacyEnabled: GEO_PRIVACY_ENABLED,