Move blur configuration to performance section

README.md

@@ -107,6 +107,7 @@ Application behavior can be changed by configuring the following environment var
 - `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` prevents photo uploads being compressed before storing
+- `NEXT_PUBLIC_BLUR_DISABLED = 1` prevents image blur data being stored and displayed (potentially useful for limiting Postgres usage)
 
 #### Display
 - `NEXT_PUBLIC_HIDE_EXIF_DATA = 1` hides EXIF data in photo details and OG images (potentially useful for portfolios, which don't focus on photography)
@@ -119,7 +120,6 @@ Application behavior can be changed by configuring the following environment var
 - `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_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)
 - `NEXT_PUBLIC_ALLOW_PUBLIC_DOWNLOADS = 1` enables public photo downloads for all visitors (⚠️ may result in increased bandwidth usage)
 - `NEXT_PUBLIC_PUBLIC_API = 1` enables public API available at `/api`

src/site/SiteChecklistClient.tsx

@@ -59,6 +59,7 @@ export default function SiteChecklistClient({
   arePhotoOGImagesStaticallyOptimized,
   arePhotoCategoriesStaticallyOptimized,
   areOriginalUploadsPreserved,
+  isBlurEnabled,
   // Display
   showExifInfo,
   showTakenAtTimeHidden,
@@ -70,7 +71,6 @@ export default function SiteChecklistClient({
   hasDefaultTheme,
   defaultTheme,
   arePhotosMatted,
-  isBlurEnabled,
   isGeoPrivacyEnabled,
   gridAspectRatio,
   hasGridAspectRatio,
@@ -319,7 +319,7 @@ export default function SiteChecklistClient({
             isPending={!hasAuthSecret && isTestingConnections}
           >
             Store auth secret in environment variable:
-            {!hasAuthSecret &&
+            {!hasAuthSecret || true &&
               <div className="overflow-x-auto">
                 <Container className="my-1.5 inline-flex" padding="tight">
                   <div className={clsx(
@@ -481,6 +481,15 @@ export default function SiteChecklistClient({
               image uploads being compressed before storing:
               {renderEnvVars(['NEXT_PUBLIC_PRESERVE_ORIGINAL_UPLOADS'])}
             </ChecklistRow>
+            <ChecklistRow
+              title="Image blur"
+              status={isBlurEnabled}
+              optional
+            >
+              Set environment variable to {'"1"'} to prevent
+              image blur data being stored and displayed:
+              {renderEnvVars(['NEXT_PUBLIC_BLUR_DISABLED'])}
+            </ChecklistRow>
           </Checklist>
           <Checklist
             title="Display"
@@ -569,15 +578,6 @@ export default function SiteChecklistClient({
               of each photo, and enable a surrounding border:
               {renderEnvVars(['NEXT_PUBLIC_MATTE_PHOTOS'])}
             </ChecklistRow>
-            <ChecklistRow
-              title="Image blur"
-              status={isBlurEnabled}
-              optional
-            >
-              Set environment variable to {'"1"'} to prevent
-              image blur data being stored and displayed:
-              {renderEnvVars(['NEXT_PUBLIC_BLUR_DISABLED'])}
-            </ChecklistRow>
             <ChecklistRow
               title="Geo privacy"
               status={isGeoPrivacyEnabled}

src/site/config.ts

@@ -145,6 +145,8 @@ 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 BLUR_ENABLED =
+  process.env.NEXT_PUBLIC_BLUR_DISABLED !== '1';
 
 // DISPLAY
 
@@ -171,8 +173,6 @@ export const DEFAULT_THEME =
       : 'system';
 export const MATTE_PHOTOS =
   process.env.NEXT_PUBLIC_MATTE_PHOTOS === '1';
-export const BLUR_ENABLED =
-  process.env.NEXT_PUBLIC_BLUR_DISABLED !== '1';
 export const GEO_PRIVACY_ENABLED =
   process.env.NEXT_PUBLIC_GEO_PRIVACY === '1';
 export const GRID_ASPECT_RATIO =
@@ -246,6 +246,7 @@ export const CONFIG_CHECKLIST_STATUS = {
   arePhotoOGImagesStaticallyOptimized: STATICALLY_OPTIMIZED_PHOTO_OG_IMAGES,
   arePhotoCategoriesStaticallyOptimized: STATICALLY_OPTIMIZED_PHOTO_CATEGORIES,
   areOriginalUploadsPreserved: PRESERVE_ORIGINAL_UPLOADS,
+  isBlurEnabled: BLUR_ENABLED,
   // DISPLAY
   showExifInfo: SHOW_EXIF_DATA,
   showTakenAtTimeHidden: SHOW_TAKEN_AT_TIME,
@@ -257,7 +258,6 @@ export const CONFIG_CHECKLIST_STATUS = {
   hasDefaultTheme: Boolean(process.env.NEXT_PUBLIC_DEFAULT_THEME),
   defaultTheme: DEFAULT_THEME,
   arePhotosMatted: MATTE_PHOTOS,
-  isBlurEnabled: BLUR_ENABLED,
   isGeoPrivacyEnabled: GEO_PRIVACY_ENABLED,
   gridAspectRatio: GRID_ASPECT_RATIO,
   hasGridAspectRatio: Boolean(process.env.NEXT_PUBLIC_GRID_ASPECT_RATIO),