Stop displaying 0ev exposure compensation by default

README.md

@@ -165,6 +165,7 @@ Create Upstash Redis store from storage tab of Vercel dashboard and link to your
 - `NEXT_PUBLIC_HIDE_ABOUT_PAGE = 1` hides `/about` page
 - `NEXT_PUBLIC_HIDE_KEYBOARD_SHORTCUT_TOOLTIPS = 1` hides keyboard shortcut hints in areas like the main nav, and previous/next photo links
 - `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)
+- `NEXT_PUBLIC_ALWAYS_SHOW_EXPOSURE_COMP = 1` displays exposure compensation even when it's 0ev
 - `NEXT_PUBLIC_HIDE_ZOOM_CONTROLS = 1` hides fullscreen photo zoom controls
 - `NEXT_PUBLIC_HIDE_TAKEN_AT_TIME = 1` hides taken at time from photo meta
 - `NEXT_PUBLIC_HIDE_REPO_LINK = 1` removes footer link to repo

src/admin/config/AdminAppConfigurationClient.tsx

@@ -109,6 +109,7 @@ export default function AdminAppConfigurationClient({
   showAboutPage,
   showKeyboardShortcutTooltips,
   showExifInfo,
+  alwaysShowExposureComp,
   showZoomControls,
   showTakenAtTimeHidden,
   showRepoLink,
@@ -803,6 +804,15 @@ export default function AdminAppConfigurationClient({
             Set environment variable to {'"1"'} to hide EXIF data
             {renderEnvVars(['NEXT_PUBLIC_HIDE_EXIF_DATA'])}
           </ChecklistRow>
+          <ChecklistRow
+            title="Always show exposure compensation"
+            status={alwaysShowExposureComp}
+            optional
+          >
+            Set environment variable to {'"1"'} to always show
+            exposure compensation even when {'it\'s'} 0ev
+            {renderEnvVars(['NEXT_PUBLIC_ALWAYS_SHOW_EXPOSURE_COMP'])}
+          </ChecklistRow>
           <ChecklistRow
             title="Show zoom controls"
             status={showZoomControls}

src/app/config.ts

@@ -334,6 +334,8 @@ export const SHOW_KEYBOARD_SHORTCUT_TOOLTIPS =
   process.env.NEXT_PUBLIC_HIDE_KEYBOARD_SHORTCUT_TOOLTIPS !== '1';
 export const SHOW_EXIF_DATA =
   process.env.NEXT_PUBLIC_HIDE_EXIF_DATA !== '1';
+export const ALWAYS_SHOW_EXPOSURE_COMP =
+  process.env.NEXT_PUBLIC_ALWAYS_SHOW_EXPOSURE_COMP === '1';
 export const SHOW_ZOOM_CONTROLS =
   process.env.NEXT_PUBLIC_HIDE_ZOOM_CONTROLS !== '1';
 export const SHOW_TAKEN_AT_TIME =
@@ -499,6 +501,7 @@ export const APP_CONFIGURATION = {
   showAboutPage: SHOW_ABOUT_PAGE,
   showKeyboardShortcutTooltips: SHOW_KEYBOARD_SHORTCUT_TOOLTIPS,
   showExifInfo: SHOW_EXIF_DATA,
+  alwaysShowExposureComp: ALWAYS_SHOW_EXPOSURE_COMP,
   showZoomControls: SHOW_ZOOM_CONTROLS,
   showTakenAtTimeHidden: SHOW_TAKEN_AT_TIME,
   showRepoLink: SHOW_REPO_LINK,

src/photo/PhotoLarge.tsx

@@ -30,6 +30,7 @@ import {
   SHOW_TAKEN_AT_TIME,
   MATTE_COLOR,
   MATTE_COLOR_DARK,
+  ALWAYS_SHOW_EXPOSURE_COMP,
 } from '@/app/config';
 import AdminPhotoMenu from '@/admin/AdminPhotoMenu';
 import { RevalidatePhoto } from './InfinitePhotoScroll';
@@ -401,7 +402,9 @@ export default function PhotoLarge({
                       <li>{photo.fNumberFormatted}</li>
                       <li>{photo.exposureTimeFormatted}</li>
                       <li>{photo.isoFormatted}</li>
-                      <li>{photo.exposureCompensationFormatted ?? '0ev'}</li>
+                      {photo.exposureCompensationFormatted
+                        ? <li>{photo.exposureCompensationFormatted}</li>
+                        : ALWAYS_SHOW_EXPOSURE_COMP && <li>0ev</li>}
                     </ul>
                     {showFilmContent && photo.film &&
                       <PhotoFilm