Changeset 3b4095f in Klonkt for src/services

Timestamp:

07/01/2026 10:28:08 PM (2 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

5e52448

Parents:

7f265ce

Message:

feat(seo): og:image light/dark override setting

The auto-generated share card followed the site's default theme (1.2.0); Admin →
SEO now has an explicit override: Auto (follow site theme) / Light / Dark.

• src/config/database.js — sites.og_theme column (NULL = auto).
• src/services/OgImageService.js — og_theme wins over theme_override when set.
• src/routes/og.js — select og_theme for the card route.
• src/routes/admin-seo.js — save og_theme (validated to light/dark, else auto).
• src/views/pages/admin-seo.ejs — select under the share-image field.
• src/services/i18n.js — aseo.og_theme* (nl/en/de).
• CHANGELOG(.nl/.de).md — under Added.

Closes prutfolio-src-krm.

Co-Authored-By: Claude <noreply@…>

Location:

src/services

Files:

• OgImageService.js (modified) (1 diff)
• i18n.js (modified) (3 diffs)

src/services/OgImageService.js

@@ -90 +90 @@
 
   const palette = ThemeService.PALETTES[site.palette] ? site.palette : 'klonkt';
-  // Follow the site's "default theme for new visitors" (theme_override): a light card when the site
-  // is set to Light, otherwise dark (an OG image is static, so Auto/Dark → dark).
-  const theme = site.theme_override === 'light' ? 'light' : 'dark';
+  // Card variant: an explicit SEO override (og_theme) wins; else follow the site's "default
+  // theme for new visitors" (theme_override) — light when the site is set to Light, otherwise
+  // dark (an OG image is static, so Auto/Dark → dark).
+  const theme = (site.og_theme === 'light' || site.og_theme === 'dark')
+    ? site.og_theme
+    : (site.theme_override === 'light' ? 'light' : 'dark');
   const accent = site.accent || ((ThemeService.PALETTES[palette] || ThemeService.PALETTES.klonkt)[theme] || ThemeService.PALETTES.klonkt.dark).accent;
   const key = crypto.createHash('sha1')

src/services/i18n.js

@@ -285 +285 @@
     'aseo.og_image': 'Standaard deel-afbeelding (URL)',
     'aseo.og_image_hint': 'og:image / Twitter-card; ~1200×630px',
+    'aseo.og_theme': 'Deel-kaart licht of donker',
+    'aseo.og_theme_hint': 'de automatisch gemaakte deel-afbeelding',
+    'aseo.og_theme_auto': 'Automatisch (volgt site-thema)',
+    'aseo.og_theme_light': 'Licht',
+    'aseo.og_theme_dark': 'Donker',
     'aseo.og_locale': 'Taal-locale',
     'aseo.og_locale_hint_pre': 'og:locale, bv.',
@@ -1208 +1213 @@
     'aseo.og_image': 'Default share image (URL)',
     'aseo.og_image_hint': 'og:image / Twitter card; ~1200×630px',
+    'aseo.og_theme': 'Share card light or dark',
+    'aseo.og_theme_hint': 'the auto-generated share image',
+    'aseo.og_theme_auto': 'Auto (follows site theme)',
+    'aseo.og_theme_light': 'Light',
+    'aseo.og_theme_dark': 'Dark',
     'aseo.og_locale': 'Language locale',
     'aseo.og_locale_hint_pre': 'og:locale, e.g.',
@@ -2130 +2140 @@
     'aseo.og_image': 'Standard-Teilbild (URL)',
     'aseo.og_image_hint': 'og:image / Twitter-Card; ~1200×630px',
+    'aseo.og_theme': 'Teilen-Karte hell oder dunkel',
+    'aseo.og_theme_hint': 'das automatisch erzeugte Teilbild',
+    'aseo.og_theme_auto': 'Automatisch (folgt dem Site-Thema)',
+    'aseo.og_theme_light': 'Hell',
+    'aseo.og_theme_dark': 'Dunkel',
     'aseo.og_locale': 'Sprach-Locale',
     'aseo.og_locale_hint_pre': 'og:locale, z. B.',