ONE/frontend/src/utils.js

import DOMPurify from 'dompurify'

// 后端 goldmark 已转义原始 HTML，这里再过一道 DOMPurify 作纵深防御，
// 所有 v-html 出口必须经过它。
export function sanitizeHtml(html) {
  return DOMPurify.sanitize(html || '')
}

// 用 Intl.DateTimeFormat — locale 感知，未来要 i18n 只换 locale 即可
const longDateFmt = new Intl.DateTimeFormat('zh-CN', {
  year: 'numeric',
  month: 'long',
  day: 'numeric'
})
const shortDateFmt = new Intl.DateTimeFormat('sv-SE') // YYYY-MM-DD

export function formatDate(iso) {
  if (!iso) return ''
  const d = new Date(iso)
  if (Number.isNaN(d.getTime())) return iso
  return longDateFmt.format(d)
}

export function formatDateShort(iso) {
  if (!iso) return ''
  const d = new Date(iso)
  if (Number.isNaN(d.getTime())) return iso
  return shortDateFmt.format(d)
}

// 时间线上的相对时间：三天内用「几小时前」，同年省略年份
export function relativeDate(iso) {
  if (!iso) return ''
  const d = new Date(iso)
  if (Number.isNaN(d.getTime())) return iso
  const diff = Date.now() - d.getTime()
  const hour = 3600 * 1000
  if (diff < hour) return `${Math.max(1, Math.floor(diff / 60000))} 分钟前`
  if (diff < 24 * hour) return `${Math.floor(diff / hour)} 小时前`
  if (diff < 3 * 24 * hour) return `${Math.floor(diff / (24 * hour))} 天前`
  const sameYear = d.getFullYear() === new Date().getFullYear()
  return sameYear
    ? `${d.getMonth() + 1} 月 ${d.getDate()} 日`
    : `${d.getFullYear()}/${d.getMonth() + 1}/${d.getDate()}`
}

export function stripTags(html) {
  // 不用 div.innerHTML：那会真正解析并触发 <img onerror> 之类的事件
  return new DOMParser().parseFromString(html || '', 'text/html').body.textContent || ''
}

// 短文在列表里没有标题，用正文首句当索引
export function displayTitle(post) {
  if (post.kind === 'short') return ''
  return post.title || '无题'
}

export function excerpt(post, limit = 60) {
  if (post.summary) return post.summary
  const text = stripTags(post.content_html || '')
  return text.length > limit ? text.slice(0, limit) + '…' : text
}

export function minutesLabel(post) {
  if (post.kind === 'short') return '短文'
  return `${post.reading_minutes || 1} 分钟`
}

// 把 text 插进 textarea 光标处（没聚焦过就追加到末尾），返回新值和插入后的
// 光标位。光标重定位要在赋值后的 nextTick 里做（DOM 更新完 setSelectionRange
// 才不会被打断），所以这里只算，不动 DOM：
//   const r = insertAtCursor(ta, draft.value, text); draft.value = r.value
//   nextTick(() => placeCursor(ta, r.pos))
export function insertAtCursor(ta, value, text) {
  const focused = !!ta && document.activeElement === ta && typeof ta.selectionStart === 'number'
  const pos = focused ? ta.selectionStart : value.length
  return { value: value.slice(0, pos) + text + value.slice(pos), pos: pos + text.length }
}

export function placeCursor(ta, pos) {
  if (!ta) return
  ta.focus()
  try {
    ta.setSelectionRange(pos, pos)
  } catch (_) {
    /* 个别输入类型不支持 setSelectionRange，忽略 */
  }
}