diff --git a/src/boss.ts b/src/boss.ts
index 03a5a8c..72b9f18 100644
--- a/src/boss.ts
+++ b/src/boss.ts
@@ -13,6 +13,7 @@
import { getEmbeddedDropTables } from './game/embedded-drop-tables.ts'
import { executeDropPipeline, type DropTables } from './game/drop-pipeline.ts'
import { formatItemTooltip, type FormattedItemTooltip } from './game/item-tooltip.ts'
+import { getTooltipLocale, setTooltipLocale, type TooltipLocale } from './game/tooltip-i18n.ts'
import type { Item } from './game/items.ts'
import { computeScaledNoDrop, computeEffectivePlayers } from './game/treasure-engine.ts'
@@ -148,6 +149,7 @@ interface DropSessionRecord {
}
const sessionHistory: DropSessionRecord[] = []
+let latestDroppedItems: Item[] = []
let totalKills = 0
let totalItemsDropped = 0
let totalUniques = 0
@@ -171,6 +173,7 @@ export function initBossApp(): void {
bindDifficultySelector()
bindSettings()
bindActionButtons()
+ bindLanguageSelector()
bindKeyboardShortcuts()
// 3. Initial UI update
@@ -369,11 +372,25 @@ function bindActionButtons(): void {
if (clearBtn) {
clearBtn.addEventListener('click', () => {
+ latestDroppedItems = []
renderLootShowcase([])
})
}
}
+function bindLanguageSelector(): void {
+ const pills = document.querySelectorAll
('.lang-pill')
+ pills.forEach(pill => {
+ pill.addEventListener('click', () => {
+ const lang = pill.dataset.lang as TooltipLocale | undefined
+ if (!lang) return
+ setTooltipLocale(lang)
+ pills.forEach(p => p.classList.toggle('active', p === pill))
+ renderLootShowcase(latestDroppedItems)
+ })
+ })
+}
+
function bindKeyboardShortcuts(): void {
window.addEventListener('keydown', (e: KeyboardEvent) => {
// Don't trigger if typing in an input
@@ -494,15 +511,19 @@ function renderKillBanner(times: number, dropCount: number, durationMs: string):
}
function renderLootShowcase(items: Item[]): void {
+ latestDroppedItems = items
const container = document.getElementById('loot-items-grid')
if (!container) return
+ const locale = getTooltipLocale()
+
if (items.length === 0) {
+ const isZh = locale === 'zh' || locale === 'bilingual'
container.innerHTML = `
⚔️
-
尚未击杀首领
-
点击左侧「模拟击杀 Boss」或按下 [空格键] 体验 1.13c 真实掉落与词缀属性生成
+
${isZh ? '尚未击杀首领' : 'No Boss Slain Yet'}
+
${isZh ? '点击左侧「模拟击杀 Boss」或按下 [空格键] 体验 1.13c 真实掉落与词缀属性生成' : 'Click "Kill Boss" on the left sidebar or press [Space] to simulate authentic 1.13c drops & affixes.'}
`
return
@@ -510,69 +531,80 @@ function renderLootShowcase(items: Item[]): void {
// Render Item Cards
container.innerHTML = items.map((item, idx) => {
- const tooltip = formatItemTooltip(item)
- return renderSingleItemCard(tooltip, idx + 1)
+ const tooltip = formatItemTooltip(item, locale)
+ return renderSingleItemCard(tooltip, idx + 1, locale)
}).join('')
}
-function renderSingleItemCard(t: FormattedItemTooltip, index: number): string {
+function renderSingleItemCard(t: FormattedItemTooltip, index: number, locale: TooltipLocale = getTooltipLocale()): string {
const linesHtml = t.lines.map(l => {
const colorClass = `line-${l.color || 'blue'}`
return `${escapeHtml(l.text)}
`
}).join('')
+ const isZh = locale === 'zh' || locale === 'bilingual'
+ const lblDefense = isZh ? '防御: ' : 'Defense: '
+ const lblOneHand = isZh ? '单手伤害: ' : 'One-Hand Damage: '
+ const lblTwoHand = isZh ? '双手伤害: ' : 'Two-Hand Damage: '
+ const lblDurability = isZh ? '耐久度: ' : 'Durability: '
+ const lblReqLevel = isZh ? '需要等级: ' : 'Required Level: '
+ const lblReqStr = isZh ? '需要力量: ' : 'Required Strength: '
+ const lblReqDex = isZh ? '需要敏捷: ' : 'Required Dexterity: '
+ const wordOf = isZh ? ' / ' : ' of '
+ const wordTo = isZh ? ' 至 ' : ' to '
+
const baseStatsHtml: string[] = []
if (t.defense !== undefined) {
const defText =
t.baseDefense !== undefined && t.baseDefense !== t.defense
? `${t.defense} (${t.baseDefense})`
: `${t.defense}`
- baseStatsHtml.push(`Defense: ${defText}
`)
+ baseStatsHtml.push(`${lblDefense}${defText}
`)
}
if (t.oneHandDamage) {
const d = t.oneHandDamage
const dmgText =
d.isEnhanced && d.baseMin !== undefined && d.baseMax !== undefined
- ? `${d.min} to ${d.max} (${d.baseMin} to ${d.baseMax})`
- : `${d.min} to ${d.max}`
- baseStatsHtml.push(`One-Hand Damage: ${dmgText}
`)
+ ? `${d.min}${wordTo}${d.max} (${d.baseMin}${wordTo}${d.baseMax})`
+ : `${d.min}${wordTo}${d.max}`
+ baseStatsHtml.push(`${lblOneHand}${dmgText}
`)
}
if (t.twoHandDamage) {
const d = t.twoHandDamage
const dmgText =
d.isEnhanced && d.baseMin !== undefined && d.baseMax !== undefined
- ? `${d.min} to ${d.max} (${d.baseMin} to ${d.baseMax})`
- : `${d.min} to ${d.max}`
- baseStatsHtml.push(`Two-Hand Damage: ${dmgText}
`)
+ ? `${d.min}${wordTo}${d.max} (${d.baseMin}${wordTo}${d.baseMax})`
+ : `${d.min}${wordTo}${d.max}`
+ baseStatsHtml.push(`${lblTwoHand}${dmgText}
`)
}
if (t.durability) {
const dur = t.durability
const durText =
dur.isEnhanced && dur.baseMax !== undefined
- ? `${dur.current} of ${dur.max} (${dur.baseMax})`
- : `${dur.current} of ${dur.max}`
- baseStatsHtml.push(`Durability: ${durText}
`)
+ ? `${dur.current}${wordOf}${dur.max} (${dur.baseMax})`
+ : `${dur.current}${wordOf}${dur.max}`
+ baseStatsHtml.push(`${lblDurability}${durText}
`)
}
if (t.reqLevel !== undefined) {
const lvlText =
t.baseReqLevel !== undefined && t.baseReqLevel !== t.reqLevel
? `${t.reqLevel} (${t.baseReqLevel})`
: `${t.reqLevel}`
- baseStatsHtml.push(`Required Level: ${lvlText}
`)
+ baseStatsHtml.push(`${lblReqLevel}${lvlText}
`)
}
if (t.reqStr !== undefined) {
const strText =
t.baseReqStr !== undefined && t.baseReqStr !== t.reqStr
? `${t.reqStr} (${t.baseReqStr})`
: `${t.reqStr}`
- baseStatsHtml.push(`Required Strength: ${strText}
`)
+ baseStatsHtml.push(`${lblReqStr}${strText}
`)
}
if (t.reqDex !== undefined) {
const dexText =
t.baseReqDex !== undefined && t.baseReqDex !== t.reqDex
? `${t.reqDex} (${t.baseReqDex})`
: `${t.reqDex}`
- baseStatsHtml.push(`Required Dexterity: ${dexText}
`)
+ baseStatsHtml.push(`${lblReqDex}${dexText}
`)
}
return `
@@ -581,7 +613,7 @@ function renderSingleItemCard(t: FormattedItemTooltip, index: number): string {
${escapeHtml(t.title)}
${t.subTitle ? `${escapeHtml(t.subTitle)}
` : ''}
- ${t.quality.toUpperCase()}
+ ${escapeHtml(t.quality.toUpperCase())}
ilvl ${t.ilvl}