mini-prog/miniprogram/pages/result/result.ts

import { loadBackendAuthTokens, loadBackendBaseUrl } from '../../utils/backendAuth'
import { getSessionResult } from '../../utils/backendApi'
import type { MapEngineResultSnapshot } from '../../engine/map/mapEngine'
import type { GameLaunchEnvelope } from '../../utils/gameLaunch'

type ResultPageData = {
  sessionId: string
  eventId: string
  guestMode: boolean
  statusText: string
  sessionTitleText: string
  sessionSubtitleText: string
  activitySummaryText: string
  listButtonText: string
  rows: Array<{ label: string; value: string }>
}

function getAccessToken(): string | null {
  const app = getApp<IAppOption>()
  const tokens = app.globalData && app.globalData.backendAuthTokens
    ? app.globalData.backendAuthTokens
    : loadBackendAuthTokens()
  return tokens && tokens.accessToken ? tokens.accessToken : null
}

function formatValue(value: unknown): string {
  if (value === null || value === undefined || value === '') {
    return '--'
  }
  return String(value)
}

function formatRouteSummary(input: {
  variantName?: string | null
  routeCode?: string | null
}): string {
  if (input.variantName && input.routeCode) {
    return `${input.variantName} / ${input.routeCode}`
  }
  if (input.variantName) {
    return input.variantName
  }
  if (input.routeCode) {
    return input.routeCode
  }
  return '默认赛道'
}

function formatRuntimeValue(...candidates: Array<string | null | undefined>): string {
  for (let index = 0; index < candidates.length; index += 1) {
    const value = candidates[index]
    if (typeof value === 'string' && value.trim().length > 0) {
      return value.trim()
    }
  }
  return '--'
}

function appendRuntimeRows(
  rows: Array<{ label: string; value: string }>,
  options: {
    runtime?: {
      runtimeBindingId?: string | null
      placeId?: string | null
      placeName?: string | null
      mapId?: string | null
      mapName?: string | null
      tileReleaseId?: string | null
      courseSetId?: string | null
      courseVariantId?: string | null
      routeCode?: string | null
    } | null
    variantName?: string | null
    routeCode?: string | null
  },
) {
  if (!options.runtime) {
    return rows
  }

  return rows.concat([
    { label: '运行绑定', value: formatRuntimeValue(options.runtime.runtimeBindingId) },
    { label: '地点', value: formatRuntimeValue(options.runtime.placeName, options.runtime.placeId) },
    { label: '地图', value: formatRuntimeValue(options.runtime.mapName, options.runtime.mapId) },
    { label: '赛道集', value: formatRuntimeValue(options.runtime.courseSetId) },
    { label: '赛道版本', value: formatRuntimeValue(options.runtime.courseVariantId, options.variantName) },
    { label: 'RouteCode', value: formatRuntimeValue(options.runtime.routeCode, options.routeCode) },
    { label: '瓦片版本', value: formatRuntimeValue(options.runtime.tileReleaseId) },
  ])
}

function loadPendingResultLaunchEnvelope(): GameLaunchEnvelope | null {
  const app = getApp<IAppOption>()
  return app.globalData && app.globalData.pendingResultLaunchEnvelope
    ? app.globalData.pendingResultLaunchEnvelope
    : null
}

Page({
  data: {
    sessionId: '',
    eventId: '',
    guestMode: false,
    statusText: '准备加载结果',
    sessionTitleText: '结果页',
    sessionSubtitleText: '未加载',
    activitySummaryText: '你可以查看本局结果，也可以回到活动继续查看详情。',
    listButtonText: '查看历史结果',
    rows: [],
  } as ResultPageData,

  onLoad(query: { sessionId?: string }) {
    const sessionId = query && query.sessionId ? decodeURIComponent(query.sessionId) : ''
    this.setData({ sessionId })
    this.applyPendingResultSnapshot()
    if (sessionId) {
      this.loadSingleResult(sessionId)
      return
    }
    this.setData({
      statusText: '未提供单局会话，已跳转历史结果',
    })
    wx.redirectTo({
      url: '/pages/results/results',
    })
  },

  applyPendingResultSnapshot() {
    const app = getApp<IAppOption>()
    const snapshot = app.globalData && app.globalData.pendingResultSnapshot
      ? app.globalData.pendingResultSnapshot as MapEngineResultSnapshot
      : null
    if (!snapshot) {
      return
    }

    const pendingLaunchEnvelope = loadPendingResultLaunchEnvelope()
    this.setData({
      statusText: '正在加载结果',
      sessionTitleText: snapshot.title,
      sessionSubtitleText: snapshot.subtitle,
      guestMode: !getAccessToken(),
      eventId: pendingLaunchEnvelope && pendingLaunchEnvelope.business && pendingLaunchEnvelope.business.eventId
        ? pendingLaunchEnvelope.business.eventId
        : '',
      activitySummaryText: pendingLaunchEnvelope && pendingLaunchEnvelope.business && pendingLaunchEnvelope.business.eventId
        ? (!getAccessToken()
          ? '本局游客体验已结束，你可以回到活动继续查看，或返回地图体验。'
          : '本局结果已生成，你可以继续查看详情，或回到活动页。')
        : (!getAccessToken() ? '本局游客体验已结束，你可以返回地图体验。' : '本局结果已生成，你可以继续查看历史结果。'),
      listButtonText: getAccessToken() ? '查看历史结果' : '返回地图体验',
      rows: appendRuntimeRows([
        { label: snapshot.heroLabel, value: snapshot.heroValue },
        ...snapshot.rows.map((row) => ({
          label: row.label,
          value: row.value,
        })),
      ], {
        runtime: pendingLaunchEnvelope && pendingLaunchEnvelope.runtime ? pendingLaunchEnvelope.runtime : null,
        variantName: pendingLaunchEnvelope && pendingLaunchEnvelope.variant ? pendingLaunchEnvelope.variant.variantName : null,
        routeCode: pendingLaunchEnvelope && pendingLaunchEnvelope.variant ? pendingLaunchEnvelope.variant.routeCode : null,
      }),
    })

    if (app.globalData) {
      app.globalData.pendingResultSnapshot = null
    }
  },

  async loadSingleResult(sessionId: string) {
    const accessToken = getAccessToken()
    if (!accessToken) {
      this.setData({
        guestMode: true,
        statusText: '游客模式当前不加载后端单局结果，先展示本地结果摘要',
        listButtonText: '返回地图体验',
      })
      return
    }

    this.setData({
      statusText: '正在加载单局结果',
    })

    try {
      const result = await getSessionResult({
        baseUrl: loadBackendBaseUrl(),
        accessToken,
        sessionId,
      })
      const pendingLaunchEnvelope = loadPendingResultLaunchEnvelope()
      this.setData({
        statusText: '单局结果加载完成',
        eventId: result.session.eventId || '',
        sessionTitleText: result.session.eventName || result.session.eventDisplayName || result.session.eventId || result.session.id || result.session.sessionId,
        sessionSubtitleText: `${result.session.status || result.session.sessionStatus} / ${result.result.status} / ${formatRouteSummary(result.session)}`,
        activitySummaryText: result.session.eventId
          ? '你可以继续查看这场活动的详情，或回看历史结果。'
          : '你可以继续回看历史结果。',
        rows: appendRuntimeRows([
          { label: '赛道版本', value: formatRouteSummary(result.session) },
          { label: '最终得分', value: formatValue(result.result.finalScore) },
          { label: '最终用时(秒)', value: formatValue(result.result.finalDurationSec) },
          { label: '完成点数', value: formatValue(result.result.completedControls) },
          { label: '总点数', value: formatValue(result.result.totalControls) },
          { label: '累计里程(m)', value: formatValue(result.result.distanceMeters) },
          { label: '平均速度(km/h)', value: formatValue(result.result.averageSpeedKmh) },
          { label: '最大心率', value: formatValue(result.result.maxHeartRateBpm) },
        ], {
          runtime: result.session.runtime || (pendingLaunchEnvelope && pendingLaunchEnvelope.runtime ? pendingLaunchEnvelope.runtime : null),
          variantName: result.session.variantName || (pendingLaunchEnvelope && pendingLaunchEnvelope.variant ? pendingLaunchEnvelope.variant.variantName : null),
          routeCode: result.session.routeCode || (pendingLaunchEnvelope && pendingLaunchEnvelope.variant ? pendingLaunchEnvelope.variant.routeCode : null),
        }),
      })
      const app = getApp<IAppOption>()
      if (app.globalData) {
        app.globalData.pendingResultLaunchEnvelope = null
      }
    } catch (error) {
      const message = error && (error as { message?: string }).message ? (error as { message: string }).message : '未知错误'
      this.setData({
        statusText: `结果加载失败：${message}`,
      })
    }
  },

  handleBackToList() {
    if (this.data.guestMode) {
      wx.redirectTo({
        url: '/pages/experience-maps/experience-maps',
      })
      return
    }
    wx.redirectTo({
      url: '/pages/results/results',
    })
  },

  handleBackToEvent() {
    if (!this.data.eventId) {
      wx.showToast({
        title: '当前结果未关联活动',
        icon: 'none',
      })
      return
    }
    wx.redirectTo({
      url: `/pages/event/event?eventId=${encodeURIComponent(this.data.eventId)}`,
    })
  },
})