@actuate-media/cms-admin 0.61.0 → 0.63.0

package/src/views/settings/useSeoSettings.ts

@@ -39,6 +39,14 @@ export interface SeoSettingsForm {
   autoGenerateSitemap: boolean
   /** Notify Google/Bing when the sitemap changes (`module`). */
   pingOnPublish: boolean
+  /** Schema.org Organization name (falls back to site name when empty). */
+  organizationName: string
+  /** Canonical organization URL (falls back to site URL when empty). */
+  organizationUrl: string
+  /** Absolute logo URL for Organization JSON-LD. */
+  organizationLogo: string
+  /** Social profile URLs, one per line (`sameAs`). */
+  organizationSameAs: string
 }
 
 export interface SitemapSummary {
@@ -61,6 +69,10 @@ const EMPTY_FORM: SeoSettingsForm = {
   facebookDomainVerification: '',
   autoGenerateSitemap: true,
   pingOnPublish: true,
+  organizationName: '',
+  organizationUrl: '',
+  organizationLogo: '',
+  organizationSameAs: '',
 }
 
 /** Recommended max length for the default meta description (SERP truncation). */
@@ -93,6 +105,31 @@ export function validateTitleTemplateClient(template: string): {
   return { valid: true, unknownTokens: [] }
 }
 
+function parseSameAsLines(raw: string): string[] {
+  return raw
+    .split('\n')
+    .map((line) => line.trim())
+    .filter(Boolean)
+}
+
+function validateUrlField(
+  value: string,
+  field: keyof SeoSettingsForm,
+  label: string,
+): ValidationIssue[] {
+  const trimmed = value.trim()
+  if (!trimmed) return []
+  try {
+    const u = new URL(trimmed)
+    if (u.protocol !== 'https:' && u.protocol !== 'http:') {
+      return [{ field, message: `${label} must use http:// or https://`, severity: 'error' }]
+    }
+  } catch {
+    return [{ field, message: `${label} is not a valid URL.`, severity: 'error' }]
+  }
+  return []
+}
+
 function validate(form: SeoSettingsForm): ValidationIssue[] {
   const issues: ValidationIssue[] = []
   const tpl = validateTitleTemplateClient(form.titleTemplate)
@@ -122,6 +159,11 @@ function validate(form: SeoSettingsForm): ValidationIssue[] {
       severity: 'warning',
     })
   }
+  issues.push(...validateUrlField(form.organizationUrl, 'organizationUrl', 'Organization URL'))
+  issues.push(...validateUrlField(form.organizationLogo, 'organizationLogo', 'Organization logo'))
+  for (const url of parseSameAsLines(form.organizationSameAs)) {
+    issues.push(...validateUrlField(url, 'organizationSameAs', 'Social profile URL'))
+  }
   return issues
 }
 
@@ -192,6 +234,7 @@ export function useSeoSettings(canEdit: boolean): UseSeoSettings {
         const staticSite = seo.static?.site ?? {}
         const overSite = seo.overrides?.site ?? {}
         const verification = effectiveSite.verification ?? {}
+        const organization = effectiveSite.organization ?? {}
         const crawl = crawlRes.data ?? {}
 
         const loaded: SeoSettingsForm = {
@@ -206,6 +249,14 @@ export function useSeoSettings(canEdit: boolean): UseSeoSettings {
           facebookDomainVerification: String(verification.facebookDomain ?? ''),
           autoGenerateSitemap: crawl.autoRegenerateSitemapOnPublish !== false,
           pingOnPublish: crawl.pingSearchEnginesOnPublish !== false,
+          organizationName: String(organization.name ?? ''),
+          organizationUrl: String(organization.url ?? ''),
+          organizationLogo: String(organization.logo ?? ''),
+          organizationSameAs: Array.isArray(organization.sameAs)
+            ? (organization.sameAs as unknown[])
+                .filter((u): u is string => typeof u === 'string')
+                .join('\n')
+            : '',
         }
 
         // `editable` reflects the field's MANAGEMENT source (config vs database),
@@ -216,11 +267,19 @@ export function useSeoSettings(canEdit: boolean): UseSeoSettings {
           staticSite[key]
             ? { source: 'config', editable: false, reason: 'Set in actuate.config.ts' }
             : { source: 'database', editable: true }
+        const orgConfigManaged = (): SettingsSourceMetadata =>
+          staticSite.organization
+            ? { source: 'config', editable: false, reason: 'Set in actuate.config.ts' }
+            : { source: 'database', editable: true }
 
         setSources({
           titleTemplate: configManaged('titleTemplate'),
           defaultMetaDescription: configManaged('defaultMetaDescription'),
           defaultOgImage: configManaged('defaultOgImage'),
+          organizationName: orgConfigManaged(),
+          organizationUrl: orgConfigManaged(),
+          organizationLogo: orgConfigManaged(),
+          organizationSameAs: orgConfigManaged(),
           verification: { source: 'database', editable: true },
           sitemap: { source: 'database', editable: true },
         })
@@ -279,7 +338,11 @@ export function useSeoSettings(canEdit: boolean): UseSeoSettings {
       form.bingVerification !== baseline.bingVerification ||
       form.yandexVerification !== baseline.yandexVerification ||
       form.pinterestVerification !== baseline.pinterestVerification ||
-      form.facebookDomainVerification !== baseline.facebookDomainVerification
+      form.facebookDomainVerification !== baseline.facebookDomainVerification ||
+      form.organizationName !== baseline.organizationName ||
+      form.organizationUrl !== baseline.organizationUrl ||
+      form.organizationLogo !== baseline.organizationLogo ||
+      form.organizationSameAs !== baseline.organizationSameAs
     const sitemapChanged =
       form.autoGenerateSitemap !== baseline.autoGenerateSitemap ||
       form.pingOnPublish !== baseline.pingOnPublish
@@ -302,6 +365,16 @@ export function useSeoSettings(canEdit: boolean): UseSeoSettings {
             pinterest: form.pinterestVerification.trim() || undefined,
             facebookDomain: form.facebookDomainVerification.trim() || undefined,
           },
+          organization: {
+            ...(overrideSite.organization ?? {}),
+            name: form.organizationName.trim() || undefined,
+            url: form.organizationUrl.trim() || undefined,
+            logo: form.organizationLogo.trim() || undefined,
+            sameAs: (() => {
+              const urls = parseSameAsLines(form.organizationSameAs)
+              return urls.length > 0 ? urls : undefined
+            })(),
+          },
         }
         const res = await cmsApi('/seo/config', {
           method: 'PUT',