import { createHash } from 'node:crypto'
import { mkdir, readFile, stat, writeFile } from 'node:fs/promises'
import path from 'node:path'
import { fileURLToPath } from 'node:url'
import sharp from 'sharp'

const scriptDirectory = path.dirname(fileURLToPath(import.meta.url))
const workspace = path.resolve(scriptDirectory, '..', '..')
const manifestPath = path.join(workspace, 'design-pipeline', 'manifests', 'a01.json')
const manifest = JSON.parse(await readFile(manifestPath, 'utf8'))
const generatedDirectory = path.join(workspace, 'design-pipeline', 'generated', 'a01')

const resolveWorkspacePath = (relativePath) => {
  const absolutePath = path.resolve(workspace, relativePath)
  const relative = path.relative(workspace, absolutePath)
  if (relative.startsWith('..') || path.isAbsolute(relative)) {
    throw new Error(`路径越出工作区：${relativePath}`)
  }
  return absolutePath
}

const sha256 = (buffer) => createHash('sha256').update(buffer).digest('hex')

const writeVersionedFile = async (outputPath, buffer) => {
  await mkdir(path.dirname(outputPath), { recursive: true })
  try {
    const current = await readFile(outputPath)
    if (sha256(current) !== sha256(buffer)) {
      throw new Error(`拒绝覆盖内容不同的版本化输出：${path.relative(workspace, outputPath)}`)
    }
    return
  } catch (error) {
    if (error.code !== 'ENOENT') throw error
  }
  await writeFile(outputPath, buffer)
}

const runtimeAssets = new Map()
const reportAssets = []

for (const asset of manifest.assets) {
  const sourcePath = resolveWorkspacePath(asset.source)
  const outputPath = resolveWorkspacePath(asset.output)
  await stat(sourcePath)
  const pipeline = sharp(sourcePath).resize(asset.width, asset.height, { fit: 'fill' })
  if (!asset.alpha) pipeline.flatten({ background: '#f4eadc' })
  const buffer = await pipeline.png({ compressionLevel: 9, adaptiveFiltering: true, palette: false }).toBuffer()
  await writeVersionedFile(outputPath, buffer)
  runtimeAssets.set(asset.id, buffer)
  const metadata = await sharp(buffer).metadata()
  reportAssets.push({
    id: asset.id,
    output: asset.output,
    width: metadata.width,
    height: metadata.height,
    bytes: buffer.length,
    sha256: sha256(buffer)
  })
}

const loadShared = async (key) => readFile(resolveWorkspacePath(manifest.shared[key]))
const shared = {
  brandSeal: await loadShared('brandSeal'),
  lock: await loadShared('lock'),
  wechat: await loadShared('wechat'),
  agreementUnchecked: await loadShared('agreementUnchecked')
}

const svgLayer = (mode) => Buffer.from(`
<svg width="412" height="915" xmlns="http://www.w3.org/2000/svg">
  <style>
    .k { font-family: KaiTi, STKaiti, serif; }
    .red { fill: #9f1717; }
    .gold { fill: #a97936; }
    .body { fill: #51443b; }
    .muted { fill: #9a8e84; }
  </style>
  <text x="206" y="321" text-anchor="middle" class="k red" font-size="36">登录家谱</text>
  <text x="130" y="389" text-anchor="middle" class="k ${mode === 'password' ? 'red' : 'gold'}" font-size="20">密码登录</text>
  <text x="282" y="389" text-anchor="middle" class="k ${mode === 'sms' ? 'red' : 'gold'}" font-size="20">验证码登录</text>
  <line x1="61" y1="404" x2="351" y2="404" stroke="#d1a965" stroke-width="1"/>
  <line x1="${mode === 'password' ? 99 : 251}" y1="401" x2="${mode === 'password' ? 161 : 313}" y2="401" stroke="#bd151b" stroke-width="4"/>
  <text x="112" y="449" class="k muted" font-size="18">手机号</text>
  <line x1="61" y1="481" x2="351" y2="481" stroke="#d1a965" stroke-width="1"/>
  <text x="112" y="559" class="k muted" font-size="18">${mode === 'password' ? '密码' : '验证码'}</text>
  ${mode === 'password'
    ? '<text x="349" y="590" text-anchor="end" class="k red" font-size="15">忘记密码</text>'
    : '<text x="349" y="559" text-anchor="end" class="k red" font-size="15">获取验证码</text>'}
  <line x1="61" y1="576" x2="351" y2="576" stroke="#d1a965" stroke-width="1"/>
  <text x="206" y="646" text-anchor="middle" class="k" fill="#fffaf2" font-size="26">登录</text>
  <line x1="62" y1="692" x2="151" y2="692" stroke="#d1a965"/>
  <line x1="261" y1="692" x2="350" y2="692" stroke="#d1a965"/>
  <text x="206" y="699" text-anchor="middle" class="k gold" font-size="15">其他登录方式</text>
  <text x="219" y="761" text-anchor="middle" class="k body" font-size="20">微信登录</text>
  <text x="206" y="812" text-anchor="middle" class="k body" font-size="14">还没有账号？  <tspan class="red">注册账号</tspan></text>
  <text x="93" y="851" class="k body" font-size="11">我已阅读并同意《用户协议》与《隐私政策》</text>
</svg>`)

const sized = async (input, width, height) => sharp(input).resize(width, height, { fit: 'fill' }).png().toBuffer()

const buildBasePreview = async (mode) => {
  const stateIcon = mode === 'password' ? shared.lock : runtimeAssets.get('smsThreeDots')
  const rightIcon = mode === 'password' ? runtimeAssets.get('eyeClosedPupil') : null
  const layers = [
    { input: await sized(runtimeAssets.get('header'), 412, 170), left: 0, top: 0 },
    { input: await sized(runtimeAssets.get('scroll'), 392, 772), left: 10, top: 143 },
    { input: await sized(shared.brandSeal, 72, 86), left: 170, top: 35 },
    { input: await sized(runtimeAssets.get('titleOrnament'), 126, 44), left: 143, top: 235 },
    { input: await sized(runtimeAssets.get('divider'), 180, 30), left: 116, top: 330 },
    { input: await sized(runtimeAssets.get('phone'), 40, 40), left: 68, top: 420 },
    { input: await sized(stateIcon, 40, 40), left: 68, top: 522 },
    { input: await sized(runtimeAssets.get('primaryButton'), 292, 65), left: 60, top: 608 },
    { input: await sized(runtimeAssets.get('secondaryButton'), 292, 60), left: 60, top: 718 },
    { input: await sized(shared.wechat, 36, 36), left: 126, top: 730 },
    { input: await sized(shared.agreementUnchecked, 24, 24), left: 62, top: 831 },
    { input: svgLayer(mode), left: 0, top: 0 }
  ]
  if (rightIcon) layers.splice(7, 0, { input: await sized(rightIcon, 42, 35), left: 312, top: 525 })
  return sharp({ create: { width: 412, height: 915, channels: 4, background: '#f4eadc' } })
    .composite(layers)
    .png({ compressionLevel: 9, adaptiveFiltering: true })
    .toBuffer()
}

await mkdir(generatedDirectory, { recursive: true })
const passwordPreview = await buildBasePreview('password')
const smsPreview = await buildBasePreview('sms')

const writeGenerated = async (relativePath, buffer) => {
  const outputPath = resolveWorkspacePath(relativePath)
  await mkdir(path.dirname(outputPath), { recursive: true })
  await writeFile(outputPath, buffer)
}

await writeGenerated('design-pipeline/generated/a01/A01-password-412x915.png', passwordPreview)
await writeGenerated('design-pipeline/generated/a01/A01-sms-412x915.png', smsPreview)
const contact = await sharp({ create: { width: 824, height: 915, channels: 4, background: '#ffffff' } })
  .composite([{ input: passwordPreview, left: 0, top: 0 }, { input: smsPreview, left: 412, top: 0 }])
  .png({ compressionLevel: 9, adaptiveFiltering: true })
  .toBuffer()
await writeGenerated('design-pipeline/generated/a01/A01-password-sms-contact-824x915.png', contact)

for (const preview of manifest.previews.filter((item) => item.width !== 412 && item.width !== 824)) {
  const compact = await sharp(passwordPreview)
    .resize(preview.width, preview.height, { fit: 'fill' })
    .png({ compressionLevel: 9, adaptiveFiltering: true })
    .toBuffer()
  await writeGenerated(preview.output, compact)
}

const buildReport = {
  schemaVersion: 1,
  manifest: path.relative(workspace, manifestPath).replaceAll('\\', '/'),
  assets: reportAssets,
  generatedAt: new Date().toISOString()
}
await writeGenerated('design-pipeline/generated/a01/build-report.json', Buffer.from(`${JSON.stringify(buildReport, null, 2)}\n`))

console.log('A01-CODE-PIPELINE BUILD PASS')