89 lines
2.9 KiB
JavaScript
89 lines
2.9 KiB
JavaScript
import { callPopup } from "../../../script.js";
|
||
import { getContext } from "../../extensions.js";
|
||
import { registerSlashCommand } from "../../slash-commands.js";
|
||
export { MODULE_NAME };
|
||
|
||
const MODULE_NAME = 'dice';
|
||
const UPDATE_INTERVAL = 1000;
|
||
|
||
async function doDiceRoll(customDiceFormula) {
|
||
let value = typeof customDiceFormula === 'string' ? customDiceFormula.trim() : $(this).data('value');
|
||
|
||
if (value == 'custom') {
|
||
value = await callPopup('Enter the dice formula:<br><i>(for example, <tt>2d6</tt>)</i>', 'input');
|
||
}
|
||
|
||
if (!value) {
|
||
return;
|
||
}
|
||
|
||
const isValid = droll.validate(value);
|
||
|
||
if (isValid) {
|
||
const result = droll.roll(value);
|
||
const context = getContext();
|
||
context.sendSystemMessage('generic', `${context.name1} rolls a ${value}. The result is: ${result.total} (${result.rolls})`, { isSmallSys: true });
|
||
} else {
|
||
toastr.warning('Invalid dice formula');
|
||
}
|
||
}
|
||
|
||
function addDiceRollButton() {
|
||
const buttonHtml = `
|
||
<div id="roll_dice" class="list-group-item flex-container flexGap5">
|
||
<div class="fa-solid fa-dice extensionsMenuExtensionButton" title="Roll Dice" /></div>
|
||
Roll Dice
|
||
</div>
|
||
`;
|
||
const dropdownHtml = `
|
||
<div id="dice_dropdown">
|
||
<ul class="list-group">
|
||
<li class="list-group-item" data-value="d4">d4</li>
|
||
<li class="list-group-item" data-value="d6">d6</li>
|
||
<li class="list-group-item" data-value="d8">d8</li>
|
||
<li class="list-group-item" data-value="d10">d10</li>
|
||
<li class="list-group-item" data-value="d12">d12</li>
|
||
<li class="list-group-item" data-value="d20">d20</li>
|
||
<li class="list-group-item" data-value="d100">d100</li>
|
||
<li class="list-group-item" data-value="custom">...</li>
|
||
</ul>
|
||
</div>`;
|
||
|
||
$('#extensionsMenu').prepend(buttonHtml);
|
||
|
||
$(document.body).append(dropdownHtml)
|
||
$('#dice_dropdown li').on('click', doDiceRoll);
|
||
const button = $('#roll_dice');
|
||
const dropdown = $('#dice_dropdown');
|
||
dropdown.hide();
|
||
button.hide();
|
||
|
||
let popper = Popper.createPopper(button.get(0), dropdown.get(0), {
|
||
placement: 'top',
|
||
});
|
||
|
||
$(document).on('click touchend', function (e) {
|
||
const target = $(e.target);
|
||
if (target.is(dropdown)) return;
|
||
if (target.is(button) && !dropdown.is(":visible")) {
|
||
e.preventDefault();
|
||
|
||
dropdown.fadeIn(250);
|
||
popper.update();
|
||
} else {
|
||
dropdown.fadeOut(250);
|
||
}
|
||
});
|
||
}
|
||
|
||
async function moduleWorker() {
|
||
$('#roll_dice').toggle(getContext().onlineStatus !== 'no_connection');
|
||
}
|
||
|
||
jQuery(function () {
|
||
addDiceRollButton();
|
||
moduleWorker();
|
||
setInterval(moduleWorker, UPDATE_INTERVAL);
|
||
registerSlashCommand('roll', (_, value) => doDiceRoll(value), ['r'], "<span class='monospace'>(dice formula)</span> – roll the dice. For example, /roll 2d6", false, true);
|
||
});
|