halfMax

Author: leo60228

lib/content.js

@@ -17,7 +17,7 @@ async function observe(mutations) {
         }
 
         for (const node of mutation.removedNodes) {
-            if (node.classList.contains('ModalItem')) {
+            if (node.classList && node.classList.contains('ModalItem')) {
                 removeAttributes();
             }
         }

lib/patches.js

@@ -2,7 +2,8 @@ import playerStats from './patches/playerStats.js';
 import abslveLink from './patches/abslveLink.js';
 import colorEmoji from './patches/colorEmoji.js';
 import currencyEndpoint from './patches/currencyEndpoint.js';
+import halfMax from './patches/halfMax.js';
 
-const patches = [playerStats, abslveLink, colorEmoji, currencyEndpoint];
+const patches = [playerStats, abslveLink, colorEmoji, currencyEndpoint, halfMax];
 
 export default patches;

lib/patches/halfMax.js

@@ -0,0 +1,37 @@
+import runOnPage from '../runOnPage.js';
+import { eventHandlers } from '../react.js';
+
+async function patch(maxButton) {
+    let betForm = maxButton.closest('.ModalForm-Form-Inputs-Amount');
+    let betInput = betForm.querySelector('.form-control');
+
+    const maxBet = Number(/ ([0-9]+)$/.exec(maxButton.textContent)[1]);
+    const halfMax = maxBet / 2;
+
+    let betContainer = document.createElement('div');
+    betContainer.classList.add('ModalForm-Form-Inputs-Amount-MaxContainer');
+    betContainer.append(maxButton);
+
+    let halfButton = document.createElement('a');
+    halfButton.classList.add('ModalForm-Form-Inputs-Amount-Max');
+    halfButton.addEventListener('click', event => {
+        event.preventDefault();
+        runOnPage((betInput, halfMax, eventHandlers) => {
+            betInput.value = halfMax;
+            eventHandlers(betInput).onChange({ target: betInput });
+        })(betInput, halfMax, eventHandlers);
+    });
+    halfButton.textContent = `50% Bet: ${halfMax}`;
+    betContainer.append(halfButton);
+
+    betForm.append(betContainer);
+}
+
+const halfMax = {
+    name: 'halfMax',
+    selector: '.ModalForm-Form-Inputs-Amount > .ModalForm-Form-Inputs-Amount-Max',
+    path: /^\/bet\//,
+    apply: patch
+};
+
+export default halfMax;

lib/react.js

@@ -6,6 +6,14 @@ export function fiber(node) {
     }
 }
 
+export function eventHandlers(node) {
+    for (const key in node) {
+        if (key.startsWith('__reactEventHandlers$')) {
+            return node[key];
+        }
+    }
+}
+
 export function state(fiber) {
     if (fiber.memoizedState.memoizedState) {
         return fiber.memoizedState.memoizedState;

lib/style.css

@@ -48,3 +48,39 @@ div.Player-Info-Line-Triple {
 .Player-Info-Line-Category {
     text-align: center;
 }
+
+#root div.ModalForm-Form-Inputs-Amount {
+    display: grid;
+    grid-template-columns: 1fr min-content;
+    grid-template-rows: min-content max-content;
+}
+
+#root .ModalForm-Form-Inputs-Amount > * {
+    grid-column: 1 / 3;
+}
+
+#root div.ModalForm-Form-Inputs-Amount input[type="range"] {
+    height: auto;
+    width: 100%;
+    position: static;
+    grid-column: 1;
+}
+
+#root div.ModalForm-Form-Inputs-Amount-MaxContainer {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    grid-column: 2;
+}
+
+#root .ModalForm-Form-Inputs-Amount-Max {
+    position: static;
+    bottom: 0;
+    right: 0;
+    white-space: nowrap;
+}
+
+#root div.ModalForm {
+    max-height: auto;
+    overflow: auto;
+}