import MarkdownIt from 'markdown-it'
import DOMPurify from 'isomorphic-dompurify'
import { stripFrontMatter } from './markdown-front-matter'

const md = new MarkdownIt({
  html: false,
  linkify: true,
  typographer: false,
  breaks: true,
  // // 开启代码块语言识别
  // highlight: function (str: string, lang: string) {
  //   // 处理语言标签（如果没有指定语言，默认 text）
  //   const language = lang || 'text'
  //   // 生成带语言标识 + 复制按钮的代码块外壳
  //   return `
  //     <div class="code-block-wrapper">
  //       <div class="code-header">
  //         <span class="code-lang">${language}</span>
  //         <button class="copy-btn" onclick="copyCode(this)">复制</button>
  //       </div>
  //       <pre><code class="language-${language}">${md.utils.escapeHtml(str)}</code></pre>
  //     </div>
  //   `
  // },
})

// /** 全局复制代码函数（挂载到 window，确保页面可调用） */
// declare global {
//   interface Window {
//     copyCode: (btn: HTMLButtonElement) => void
//   }
// }

// // 只在客户端环境注册复制函数
// if (typeof window !== 'undefined') {
//   window.copyCode = function (btn: HTMLButtonElement) {
//     const codeBlock = btn.closest('.code-block-wrapper')!.querySelector('code')!
//     const text = codeBlock.textContent || ''
    
//     navigator.clipboard.writeText(text).then(() => {
//       const originalText = btn.textContent
//       btn.textContent = '已复制'
//       btn.style.backgroundColor = '#10b981'
      
//       // 2秒后恢复按钮文字
//       setTimeout(() => {
//         btn.textContent = originalText
//         btn.style.backgroundColor = ''
//       }, 2000)
//     })
//   }
// }

/** 将 Markdown 转为可安全用于 `v-html` 的 HTML（禁用源码中的原始 HTML）。 */
export function renderSafeMarkdown(src: string): string {
  if (!src.trim()) {
    return ''
  }
  return DOMPurify.sanitize(md.render(stripFrontMatter(src)), { USE_PROFILES: { html: true } })
}