hsxtxxcykcds2026-frontend/src/utils/competitionBranding.ts

/**
 * 将设计文档中的 branding_json 拆为表单字段，供运营可视化编辑。
 */
import { DEFAULT_DOCUMENT_TITLE, DEFAULT_DOCUMENT_TITLE_EN, DEFAULT_EVENT_SHORT_NAME } from '../config/site'
import {
  cloneDefaultLoginConsultLines,
  type LoginConsultLine,
} from '../config/participantContact'

export interface BrandingForm {
  documentTitle: string
  login: {
    markLine: string
    headline: string
    slogan: string
    cardWelcome: string
    footerCopyright: string
    logoUrl: string
    faviconUrl: string
    themePrimary: string
    /** 是否展示登录/报名页咨询信息 */
    showConsult: boolean
    consultLines: LoginConsultLine[]
    /** 接口是否显式下发了 consultLines（空数组表示故意不展示默认两行） */
    consultLinesConfigured: boolean
  }
  apply: {
    pageTitle: string
    headerSubtitle: string
  }
  review: {
    pageTitle: string
    footerCopyright: string
  }
  admin: {
    loginTitle: string
    footerCopyright: string
    sidebarProductName: string
  }
}

export function emptyBrandingForm(): BrandingForm {
  return {
    documentTitle: '',
    login: {
      markLine: '',
      headline: '',
      slogan: '',
      cardWelcome: '',
      footerCopyright: '',
      logoUrl: '',
      faviconUrl: '',
      themePrimary: '',
      showConsult: true,
      consultLines: cloneDefaultLoginConsultLines(),
      consultLinesConfigured: false,
    },
    apply: { pageTitle: '', headerSubtitle: '' },
    review: { pageTitle: '', footerCopyright: '' },
    admin: { loginTitle: '', footerCopyright: '', sidebarProductName: '' },
  }
}

function asRecord(v: unknown): Record<string, unknown> {
  return v !== null && typeof v === 'object' && !Array.isArray(v) ? (v as Record<string, unknown>) : {}
}

/** 去掉零宽字符与首尾空白 */
export function normalizeDisplayWhitespace(s: string): string {
  return s.replace(/[\u200B-\u200D\uFEFF]/gu, '').trim()
}

/** 是否有可见字符（用于未配置、仅空格或零宽符时不覆盖端上默认文案） */
export function hasVisibleText(s: string): boolean {
  return /\S/u.test(normalizeDisplayWhitespace(s))
}

function str(r: Record<string, unknown>, key: string): string {
  const x = r[key]
  if (x == null) return ''
  if (typeof x === 'string') return x
  if (typeof x === 'number' && Number.isFinite(x)) return String(x)
  return ''
}

function parseConsultLines(raw: unknown): LoginConsultLine[] {
  if (!Array.isArray(raw)) return []
  const out: LoginConsultLine[] = []
  for (const item of raw) {
    if (item == null || typeof item !== 'object' || Array.isArray(item)) continue
    const row = item as Record<string, unknown>
    const label = normalizeDisplayWhitespace(str(row, 'label'))
    const text = normalizeDisplayWhitespace(str(row, 'text'))
    if (!label && !text) continue
    out.push({ label, text })
  }
  return out
}

export function brandingFormFromApi(
  json: unknown | null | undefined,
  locale: 'zh-CN' | 'en' = 'zh-CN',
): BrandingForm {
  const b = emptyBrandingForm()
  if (json == null) return b
  let parsed: unknown = json
  if (typeof parsed === 'string') {
    const t = parsed.trim()
    if (!t) return b
    try {
      parsed = JSON.parse(t) as unknown
    } catch {
      return b
    }
  }
  const root = asRecord(parsed)
  applyBrandingRoot(b, root)
  if (locale === 'en') {
    const enRoot = asRecord(root.en)
    if (Object.keys(enRoot).length) {
      applyBrandingRoot(b, enRoot, true)
    }
  }
  return b
}

function applyBrandingRoot(b: BrandingForm, root: Record<string, unknown>, overlay = false): void {
  const documentTitle = normalizeDisplayWhitespace(str(root, 'documentTitle'))
  if (documentTitle || !overlay) b.documentTitle = documentTitle
  const login = asRecord(root.login)
  if (Object.keys(login).length || !overlay) {
    const markLine = normalizeDisplayWhitespace(str(login, 'markLine'))
    const headline = normalizeDisplayWhitespace(str(login, 'headline'))
    const slogan = normalizeDisplayWhitespace(str(login, 'slogan'))
    const cardWelcome = normalizeDisplayWhitespace(str(login, 'cardWelcome'))
    const footerCopyright = normalizeDisplayWhitespace(str(login, 'footerCopyright'))
    if (markLine || !overlay) b.login.markLine = markLine
    if (headline || !overlay) b.login.headline = headline
    if (slogan || !overlay) b.login.slogan = slogan
    if (cardWelcome || !overlay) b.login.cardWelcome = cardWelcome
    if (footerCopyright || !overlay) b.login.footerCopyright = footerCopyright
    if (overlay) {
      if (Object.prototype.hasOwnProperty.call(login, 'consultLines')) {
        const enLines = parseConsultLines(login.consultLines)
        if (enLines.length) {
          b.login.consultLinesConfigured = true
          b.login.consultLines = enLines
        }
      }
    } else {
      b.login.logoUrl = normalizeDisplayWhitespace(str(login, 'logoUrl'))
      b.login.faviconUrl = normalizeDisplayWhitespace(str(login, 'faviconUrl'))
      b.login.themePrimary = normalizeDisplayWhitespace(str(login, 'themePrimary'))
      if (Object.prototype.hasOwnProperty.call(login, 'showConsult')) {
        b.login.showConsult = login.showConsult !== false && login.showConsult !== 0 && login.showConsult !== 'false'
      }
      if (Object.prototype.hasOwnProperty.call(login, 'consultLines')) {
        b.login.consultLinesConfigured = true
        b.login.consultLines = parseConsultLines(login.consultLines)
      }
    }
  }
  const apply = asRecord(root.apply)
  if (Object.keys(apply).length || !overlay) {
    const pageTitle = normalizeDisplayWhitespace(str(apply, 'pageTitle'))
    const headerSubtitle = normalizeDisplayWhitespace(str(apply, 'headerSubtitle'))
    if (pageTitle || !overlay) b.apply.pageTitle = pageTitle
    if (headerSubtitle || !overlay) b.apply.headerSubtitle = headerSubtitle
  }
  if (overlay) return
  const review = asRecord(root.review)
  b.review.pageTitle = normalizeDisplayWhitespace(str(review, 'pageTitle'))
  b.review.footerCopyright = normalizeDisplayWhitespace(str(review, 'footerCopyright'))
  const admin = asRecord(root.admin)
  b.admin.loginTitle = normalizeDisplayWhitespace(str(admin, 'loginTitle'))
  b.admin.footerCopyright = normalizeDisplayWhitespace(str(admin, 'footerCopyright'))
  b.admin.sidebarProductName = normalizeDisplayWhitespace(str(admin, 'sidebarProductName'))
}

/** 选手端顶栏系统名（浏览器标题 / 导航栏） */
export function participantNavbarTitle(brand: BrandingForm): string {
  if (hasVisibleText(brand.documentTitle)) return normalizeDisplayWhitespace(brand.documentTitle)
  return DEFAULT_DOCUMENT_TITLE
}

/** 登录页与各端口顶栏共用的默认图形标志（未上传 Logo 时回退） */
export const DEFAULT_COMPETITION_MARK = '/frontend/assets/competition-radial-mark.png'

export function resolveCompetitionLogoUrl(logoUrl?: string | null): string {
  const raw = normalizeDisplayWhitespace(String(logoUrl ?? ''))
  if (!raw) return DEFAULT_COMPETITION_MARK
  if (/^https?:\/\//i.test(raw) || raw.startsWith('data:') || raw.startsWith('/')) return raw
  return `/${raw.replace(/^\.?\//, '')}`
}

const CJK_RE = /[\u4e00-\u9fff]/u

/** 观众票证等处的赛事名称：英文页优先用英文品牌标题，避免仍显示中文赛事名 */
export function localizedEventDisplayName(
  brand: BrandingForm,
  competitionName: string,
  locale: 'zh-CN' | 'en' = 'zh-CN',
): string {
  const title = normalizeDisplayWhitespace(brand.documentTitle)
  const name = normalizeDisplayWhitespace(competitionName)
  if (locale === 'en') {
    if (title && !CJK_RE.test(title)) return title
    if (name && !CJK_RE.test(name)) return name
    return DEFAULT_DOCUMENT_TITLE_EN
  }
  return name || title || DEFAULT_EVENT_SHORT_NAME
}

/** 登录页左侧赛事名：优先品牌主标题，否则用赛事名称 */
export function loginBrandTitle(
  brand: BrandingForm,
  competitionName: string,
  locale: 'zh-CN' | 'en' = 'zh-CN',
): string {
  if (hasVisibleText(brand.login.headline)) return normalizeDisplayWhitespace(brand.login.headline)
  return localizedEventDisplayName(brand, competitionName, locale)
}

/** 登录后顶栏赛事名（不用浏览器标题，避免带上「报名系统」） */
export function portalHeaderEventName(
  brand: BrandingForm,
  competitionName: string,
  locale: 'zh-CN' | 'en' = 'zh-CN',
): string {
  return localizedEventDisplayName(brand, competitionName, locale)
}

/** 中文赛事名按「青年科创大赛」拆成两行，与原型 lockup 一致 */
export function competitionNameLines(name: string): string[] {
  const n = normalizeDisplayWhitespace(name)
  if (!n) return []
  if (/[A-Za-z]/.test(n) && !CJK_RE.test(n)) return [n]
  const idx = n.indexOf('青年科创大赛')
  if (idx > 0) return [n.slice(0, idx), n.slice(idx)]
  return [n]
}

/** 报名填报表单页内标题（固定「赛事报名」，与原型一致；顶栏赛事名由 participantNavbarTitle 负责） */
export function participantApplyFormTitle(_brand?: BrandingForm, fallback = '赛事报名'): string {
  return fallback
}

/** 选手端报名页主标题（导航栏 / 表单大标题共用，兼容旧调用） */
export function participantApplyPageTitle(brand: BrandingForm, competitionName: string): string {
  const a = brand.apply?.pageTitle
  if (hasVisibleText(a)) return normalizeDisplayWhitespace(a)
  const n = normalizeDisplayWhitespace(competitionName)
  return n ? `${n} · 赛事报名` : '赛事报名'
}

/** 评审工作台顶栏标题（对齐 branding.review.pageTitle） */
export function reviewWorkspacePageTitle(brand: BrandingForm, competitionName: string): string {
  const r = brand.review?.pageTitle
  if (hasVisibleText(r)) return normalizeDisplayWhitespace(r)
  const n = normalizeDisplayWhitespace(competitionName)
  return n ? `${n} · 项目评审` : '项目评审'
}

export function resolvedLoginConsultLines(brand: BrandingForm): LoginConsultLine[] {
  if (!brand.login.showConsult) return []
  if (brand.login.consultLinesConfigured) {
    return brand.login.consultLines.filter((line) => hasVisibleText(line.label) || hasVisibleText(line.text))
  }
  return cloneDefaultLoginConsultLines()
}

/** 去掉空字符串键，减少存储体积 */
function brandingJsonFromFormBase(form: BrandingForm): Record<string, unknown> | null {
  const out: Record<string, unknown> = {}
  if (form.documentTitle.trim()) out.documentTitle = form.documentTitle.trim()

  const login: Record<string, unknown> = {}
  if (form.login.markLine.trim()) login.markLine = form.login.markLine.trim()
  if (form.login.headline.trim()) login.headline = form.login.headline.trim()
  if (form.login.slogan.trim()) login.slogan = form.login.slogan.trim()
  if (form.login.cardWelcome.trim()) login.cardWelcome = form.login.cardWelcome.trim()
  if (form.login.footerCopyright.trim()) login.footerCopyright = form.login.footerCopyright.trim()
  if (form.login.logoUrl.trim()) login.logoUrl = form.login.logoUrl.trim()
  if (form.login.faviconUrl.trim()) login.faviconUrl = form.login.faviconUrl.trim()
  if (form.login.themePrimary.trim()) login.themePrimary = form.login.themePrimary.trim()
  if (!form.login.showConsult) {
    login.showConsult = false
  }
  const consultLines = form.login.consultLines
    .map((line) => ({
      label: line.label.trim(),
      text: line.text.trim(),
    }))
    .filter((line) => line.label !== '' || line.text !== '')
  login.consultLines = consultLines
  if (Object.keys(login).length) out.login = login

  const apply: Record<string, string> = {}
  if (form.apply.pageTitle.trim()) apply.pageTitle = form.apply.pageTitle.trim()
  if (form.apply.headerSubtitle.trim()) apply.headerSubtitle = form.apply.headerSubtitle.trim()
  if (Object.keys(apply).length) out.apply = apply

  const review: Record<string, string> = {}
  if (form.review.pageTitle.trim()) review.pageTitle = form.review.pageTitle.trim()
  if (form.review.footerCopyright.trim()) review.footerCopyright = form.review.footerCopyright.trim()
  if (Object.keys(review).length) out.review = review

  const admin: Record<string, string> = {}
  if (form.admin.loginTitle.trim()) admin.loginTitle = form.admin.loginTitle.trim()
  if (form.admin.footerCopyright.trim()) admin.footerCopyright = form.admin.footerCopyright.trim()
  if (form.admin.sidebarProductName.trim()) admin.sidebarProductName = form.admin.sidebarProductName.trim()
  if (Object.keys(admin).length) out.admin = admin

  return Object.keys(out).length ? out : null
}

export interface BrandingEnCopy {
  documentTitle: string
  login: {
    markLine: string
    headline: string
    slogan: string
    cardWelcome: string
    footerCopyright: string
    consultLines: LoginConsultLine[]
  }
  apply: {
    pageTitle: string
    headerSubtitle: string
  }
}

export function emptyBrandingEn(): BrandingEnCopy {
  return {
    documentTitle: '',
    login: {
      markLine: '',
      headline: '',
      slogan: '',
      cardWelcome: '',
      footerCopyright: '',
      consultLines: [],
    },
    apply: { pageTitle: '', headerSubtitle: '' },
  }
}

export function brandingEnFromApi(json: unknown | null | undefined): BrandingEnCopy {
  const out = emptyBrandingEn()
  if (json == null) return out
  let parsed: unknown = json
  if (typeof parsed === 'string') {
    const t = parsed.trim()
    if (!t) return out
    try {
      parsed = JSON.parse(t) as unknown
    } catch {
      return out
    }
  }
  const en = asRecord(asRecord(parsed).en)
  const login = asRecord(en.login)
  const apply = asRecord(en.apply)
  out.documentTitle = normalizeDisplayWhitespace(str(en, 'documentTitle'))
  out.login.markLine = normalizeDisplayWhitespace(str(login, 'markLine'))
  out.login.headline = normalizeDisplayWhitespace(str(login, 'headline'))
  out.login.slogan = normalizeDisplayWhitespace(str(login, 'slogan'))
  out.login.cardWelcome = normalizeDisplayWhitespace(str(login, 'cardWelcome'))
  out.login.footerCopyright = normalizeDisplayWhitespace(str(login, 'footerCopyright'))
  if (Object.prototype.hasOwnProperty.call(login, 'consultLines')) {
    out.login.consultLines = parseConsultLines(login.consultLines)
  }
  out.apply.pageTitle = normalizeDisplayWhitespace(str(apply, 'pageTitle'))
  out.apply.headerSubtitle = normalizeDisplayWhitespace(str(apply, 'headerSubtitle'))
  return out
}

export function brandingJsonFromForm(form: BrandingForm, en?: BrandingEnCopy): Record<string, unknown> | null {
  const out = brandingJsonFromFormBase(form)
  if (!en) return out
  const enOut: Record<string, unknown> = {}
  if (en.documentTitle.trim()) enOut.documentTitle = en.documentTitle.trim()
  const login: Record<string, unknown> = {}
  if (en.login.markLine.trim()) login.markLine = en.login.markLine.trim()
  if (en.login.headline.trim()) login.headline = en.login.headline.trim()
  if (en.login.slogan.trim()) login.slogan = en.login.slogan.trim()
  if (en.login.cardWelcome.trim()) login.cardWelcome = en.login.cardWelcome.trim()
  if (en.login.footerCopyright.trim()) login.footerCopyright = en.login.footerCopyright.trim()
  const enConsult = (en.login.consultLines ?? [])
    .map((line) => ({
      label: line.label.trim(),
      text: line.text.trim(),
    }))
    .filter((line) => line.label || line.text)
  if (enConsult.length) login.consultLines = enConsult
  if (Object.keys(login).length) enOut.login = login
  const apply: Record<string, string> = {}
  if (en.apply.pageTitle.trim()) apply.pageTitle = en.apply.pageTitle.trim()
  if (en.apply.headerSubtitle.trim()) apply.headerSubtitle = en.apply.headerSubtitle.trim()
  if (Object.keys(apply).length) enOut.apply = apply
  if (!Object.keys(enOut).length) return out
  const merged = out ? { ...out, en: enOut } : { en: enOut }
  return merged
}