Copy extensions from extras project to main

public/scripts/extensions/dice/index.js

@@ -0,0 +1,95 @@
+import { getContext } from "../../extensions.js";
+export { MODULE_NAME };
+
+const MODULE_NAME = 'dice';
+const UPDATE_INTERVAL = 1000;
+
+function setDiceIcon() {
+    const sendButton = document.getElementById('roll_dice');
+    sendButton.style.backgroundImage = `url(/img/dice-solid.svg)`;
+    sendButton.classList.remove('spin');
+}
+
+function doDiceRoll() {
+    const value = $(this).data('value');
+    const isValid = droll.validate(value);
+
+    if (isValid) {
+        const result = droll.roll(value);
+        const context = getContext();
+        context.sendSystemMessage('generic', `${context.name1} rolls the ${value}. The result is: ${result.total}`);
+    }
+}
+
+function addDiceRollButton() {
+    const buttonHtml = `
+        <input id="roll_dice" type="button" />
+        <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>
+            </ul>
+        </div>
+        `;
+
+    $('#send_but_sheld').prepend(buttonHtml);
+    $('#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-start',
+    });
+
+    $(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.show();
+            popper.update();
+        } else {
+            dropdown.hide();
+        }
+    });
+}
+
+function addDiceScript() {
+    if (!window.droll) {
+        const script = document.createElement('script');
+        script.src = "/scripts/extensions/dice/droll.js";
+        document.body.appendChild(script);
+    }
+}
+
+function patchSendForm() {
+    const columns = $('#send_form').css('grid-template-columns').split(' ');
+    columns[columns.length - 1] = `${parseInt(columns[columns.length - 1]) + 40}px`;
+    columns[1] = 'auto';
+    $('#send_form').css('grid-template-columns', columns.join(' '));
+}
+
+async function moduleWorker() {
+    const context = getContext();
+
+    context.onlineStatus === 'no_connection'
+        ? $('#roll_dice').hide(200)
+        : $('#roll_dice').show(200);
+}
+
+$(document).ready(function () {
+    addDiceScript();
+    addDiceRollButton();
+    patchSendForm();
+    setDiceIcon();
+    moduleWorker();
+    setInterval(moduleWorker, UPDATE_INTERVAL);
+});