84 lines
3.6 KiB
JavaScript
84 lines
3.6 KiB
JavaScript
Hooks.once('init', () => {
|
|
const originalActivate = CONFIG.ux.TooltipManager.prototype.activate;
|
|
|
|
CONFIG.ux.TooltipManager.prototype.activate = async function(element, options = {}) {
|
|
if (element.dataset.tooltip?.startsWith('#dhcard#')) {
|
|
const uuid = element.dataset.tooltip.slice(8);
|
|
const item = await fromUuid(uuid);
|
|
if (item) {
|
|
// Use Daggerheart's enrichText to prepare the item's descriptions
|
|
if (typeof this.enrichText === 'function') {
|
|
await this.enrichText(item);
|
|
}
|
|
|
|
options.html = await renderTemplate('modules/dh-hotbar-cardview/templates/cardview.hbs', {
|
|
item: item,
|
|
description: item.system?.enrichedDescription ?? item.enrichedDescription ?? item.system?.description,
|
|
config: CONFIG.DH,
|
|
allDomains: CONFIG.DH.DOMAIN?.allDomains ? CONFIG.DH.DOMAIN.allDomains() : {}
|
|
});
|
|
|
|
options.direction = this.constructor.TOOLTIP_DIRECTIONS.UP;
|
|
options.cssClass = 'dh-hotbar-card-tooltip';
|
|
}
|
|
}
|
|
return originalActivate.call(this, element, options);
|
|
};
|
|
});
|
|
|
|
// Use a MutationObserver to aggressively update the hotbar tooltips as soon as the DOM changes.
|
|
// This ensures that the dataset is ready BEFORE the user hovers for the first time.
|
|
Hooks.once('ready', () => {
|
|
function processHotbar() {
|
|
const hotbarEls = document.querySelectorAll('#hotbar, .hotbar, [id^="hotbar"]');
|
|
for (const hotbarEl of hotbarEls) {
|
|
const slots = hotbarEl.querySelectorAll('[data-slot]');
|
|
for (const slotEl of slots) {
|
|
const slot = slotEl.dataset.slot;
|
|
if (!slot) continue;
|
|
|
|
const macroId = slotEl.dataset.macroId || game.user.hotbar[slot];
|
|
if (!macroId) continue;
|
|
|
|
const macro = game.macros.get(macroId);
|
|
if (macro && macro.command) {
|
|
const match = macro.command.match(/useItem\s*\(\s*["']([^"']+)["']\s*\)/);
|
|
if (match) {
|
|
const uuid = match[1];
|
|
const tooltipText = `#dhcard#${uuid}`;
|
|
|
|
// Overwrite the tooltip attribute on the slot and all inner elements
|
|
slotEl.dataset.tooltip = tooltipText;
|
|
const innerTooltips = slotEl.querySelectorAll('[data-tooltip]');
|
|
for (const inner of innerTooltips) {
|
|
inner.dataset.tooltip = tooltipText;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// Process immediately
|
|
processHotbar();
|
|
|
|
// Re-process on hotbar changes
|
|
Hooks.on('updateUser', processHotbar);
|
|
Hooks.on('updateMacro', processHotbar);
|
|
Hooks.on('renderDhHotbar', processHotbar);
|
|
|
|
// Watch for any dynamic DOM changes inside the hotbar container
|
|
const observer = new MutationObserver((mutations) => {
|
|
let shouldProcess = false;
|
|
for (const mutation of mutations) {
|
|
if (mutation.addedNodes.length > 0 || mutation.type === 'attributes') {
|
|
shouldProcess = true;
|
|
break;
|
|
}
|
|
}
|
|
if (shouldProcess) processHotbar();
|
|
});
|
|
|
|
const hotbarWrapper = document.getElementById('ui-bottom') || document.body;
|
|
observer.observe(hotbarWrapper, { childList: true, subtree: true, attributes: true, attributeFilter: ['data-slot', 'data-macro-id'] });
|
|
});
|