☰

Bubble.am+

Mod that adds useful things to the game

目前为 2021-05-25 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name         Bubble.am+
  3. // @namespace    https://discord.gg/p56aQHNU9U
  4. // @version      1.2
  5. // @description  Mod that adds useful things to the game
  6. // @author       DD7
  7. // @require      https://cdn.jsdelivr.net/npm/@simonwep/pickr/dist/pickr.min.js
  8. // @match        *://bubble.am/*
  9. // @run-at       document-start
  10. // @grant        none
  11. // ==/UserScript==
  12.  
  13. const modName = 'plus';
  14. if((location.host === 'bubble.am' && location.pathname === '/') || location.pathname.length > 10) {
  15.     window.stop();
  16.     document.documentElement.innerHTML = "";
  17.     location.href = `http://bubble.am/${modName}${location.hash}`;
  18. }
  19.  
  20. window.customColor = false;
  21. window.transparentMines = false;
  22. window.noGrid = false;
  23. window.macro = false;
  24.  
  25. const getColorValue = getCookie("cellsColor");
  26. if(getColorValue === null) setCookie("cellsColor", "rgba(31, 95, 255, 1)", 30);
  27. window.cellsColor = getColorValue;
  28.  
  29. let splitInterval = null;
  30. let splitSwitch = false;
  31. const keys = {
  32.     q: false,
  33.     a: false,
  34.     s: false,
  35.     d: false
  36. }
  37.  
  38. const styles = `
  39.     body.dark-mode ::-webkit-scrollbar {
  40.         width: 5px;
  41.         height: 5px;
  42.     }
  43.  
  44.     body.dark-mode ::-webkit-scrollbar-button {
  45.         width: 0px;
  46.         height: 0px;
  47.     }
  48.  
  49.     body.dark-mode ::-webkit-scrollbar-thumb {
  50.         background: #38a2ff;
  51.         border: 0px none #ffffff;
  52.         border-radius: 50px;
  53.     }
  54.  
  55.     body.dark-mode ::-webkit-scrollbar-thumb:hover {
  56.         background: #0082f4;
  57.     }
  58.  
  59.     body.dark-mode ::-webkit-scrollbar-thumb:active {
  60.         background: #005fb2;
  61.     }
  62.  
  63.     body.dark-mode ::-webkit-scrollbar-track {
  64.         background: #505050;
  65.         border: 0px none #ffffff;
  66.         border-radius: 50px;
  67.     }
  68.     
  69.     body.dark-mode ::-webkit-scrollbar-track:hover {
  70.         background: #505050;
  71.     }
  72.  
  73.     body.dark-mode ::-webkit-scrollbar-track:active {
  74.         background: #505050;
  75.     }
  76.  
  77.     body.dark-mode ::-webkit-scrollbar-corner {
  78.         background: transparent;
  79.     }
  80.  
  81.     body.dark-mode {
  82.         color: #EDEDED !important;
  83.     }
  84.  
  85.     body.dark-mode .main-panel {
  86.         color: #EDEDED !important;
  87.         background: #111111;
  88.     }
  89.  
  90.     body.dark-mode .form-control {
  91.         color: #fff !important;
  92.         background: #222222;
  93.         border: none !important;
  94.     }
  95.  
  96.     body.dark-mode #radio_mode .gm-s {
  97.         background: #222222;
  98.         border: 1px solid #555555;
  99.     }
  100.  
  101.     body.dark-mode .bb-panel {
  102.         background: #111111;
  103.     }
  104.  
  105.     body.dark-mode .btn-primary {
  106.         background-color: #2753CC;
  107.         border: none;
  108.     }
  109.  
  110.     body.dark-mode .btn-primary:hover {
  111.         background-color: #1F42A2;
  112.     }
  113.  
  114.     body.dark-mode .btn-success {
  115.         background-color: #45CB27;
  116.         border: none;
  117.     }
  118.  
  119.     body.dark-mode .btn-success:hover {
  120.         background-color: #369E1E;
  121.     }
  122.  
  123.     body.dark-mode .btn-settings {
  124.         background-color: #27CCC9;
  125.         border: none;
  126.         height: auto;
  127.     }
  128.  
  129.     body.dark-mode .btn-settings:hover {
  130.         background-color: #1FA29F;
  131.     }
  132.  
  133.     body.dark-mode .btn-warning {
  134.         background-color: #CCA027;
  135.         border: none;
  136.     }
  137.  
  138.     body.dark-mode .btn-warning:hover {
  139.         background-color: #A27F1F;
  140.     }
  141.  
  142.     body.dark-mode .btn-danger {
  143.         background-color: #CC2727;
  144.         border: none;
  145.     }
  146.  
  147.     body.dark-mode .btn-danger:hover {
  148.         background-color: #A21F1F;
  149.     }
  150.  
  151.     body.dark-mode .friends-online {
  152.         background: #111111;
  153.     }
  154.  
  155.     body.dark-mode .bub-table-list {
  156.         border: 1px solid #333333;
  157.     }
  158.  
  159.     body.dark-mode .table-striped>tbody>tr:nth-child(odd) {
  160.         background-color: #161616;
  161.     }
  162.  
  163.     body.dark-mode .table-striped>tbody>tr:nth-child(even) {
  164.         background-color: #111111 !important;
  165.     }
  166.  
  167.     body.dark-mode .table>thead>tr>th, body.dark-mode .table>tbody>tr>th, body.dark-mode .table>tfoot>tr>th, body.dark-mode .table>thead>tr>td, body.dark-mode .table>tbody>tr>td, body.dark-mode .table>tfoot>tr>td {
  168.         border: none;
  169.     }
  170.  
  171.     body.dark-mode .dropdown-menu {
  172.         background: #111111 !important;
  173.     }
  174.  
  175.     body.dark-mode .dropdown-menu>li>a {
  176.         color: #EDEDED;
  177.     }
  178.  
  179.     body.dark-mode .dropdown-menu>li>a:hover, body.dark-mode .dropdown-menu>li>a:focus {
  180.         color: #EDEDED;
  181.         background: #222222;
  182.     }
  183.  
  184.     body.dark-mode .table>thead>tr>td.warning,body.dark-mode .table>tbody>tr>td.warning,body.dark-mode .table>tfoot>tr>td.warning,body.dark-mode .table>thead>tr>th.warning,body.dark-mode .table>tbody>tr>th.warning,body.dark-mode .table>tfoot>tr>th.warning, body.dark-mode .table>thead>tr.warning>td, body.dark-mode .table>tbody>tr.warning>td, body.dark-mode .table>tfoot>tr.warning>td,body.dark-mode .table>thead>tr.warning>th,body.dark-mode .table>tbody>tr.warning>th,body.dark-mode .table>tfoot>tr.warning>th {
  185.         background: #ae8800 !important;
  186.     }
  187.  
  188.     body.dark-mode .nav-tabs>li.active>a, body.dark-mode .nav-tabs>li.active>a:hover, body.dark-mode .nav-tabs>li.active>a:focus {
  189.         color: #EDEDED;
  190.         background: #222222;
  191.         border: 1px solid transparent;
  192.     }
  193.  
  194.     body.dark-mode .nav>li>a:hover, body.dark-mode .nav>li>a:focus {
  195.         color: #EDEDED;
  196.         background: #222222;
  197.         border: 1px solid transparent;
  198.     }
  199.  
  200.     body.dark-mode .modal-content {
  201.         background: #111111;
  202.     }
  203.  
  204.     body.dark-mode .modal-header {
  205.         border-bottom: 1px solid #555555;
  206.     }
  207.  
  208.     body.dark-mode .panel-default {
  209.         border: 1px solid #555555;
  210.     }
  211.  
  212.     body.dark-mode .panel-default>.panel-heading {
  213.         background: #111111;
  214.         border: none;
  215.     }
  216.  
  217.     body.dark-mode #tournament-modal .panel-body {
  218.         background: #161616;
  219.     }
  220.  
  221.     body.dark-mode .tright {
  222.         color: #EDEDED;
  223.     }
  224.  
  225.     body.dark-mode .modeinfo {
  226.         color: #385DFF;
  227.     }
  228.  
  229.     body.dark-mode #battle_chat {
  230.         background: #111111;
  231.         color: #EDEDED;
  232.     }
  233.  
  234.     body.dark-mode .close {
  235.         color: #EDEDED;
  236.         opacity: 1;
  237.     }
  238.  
  239.     body.dark-mode #connecting div {
  240.         background: #111111 !important;
  241.     }
  242.  
  243.     body.dark-mode #statsChartText, body.dark-mode #statsText {
  244.         color: #EDEDED;
  245.     }
  246.  
  247.     body.dark-mode #statsSubtext {
  248.         color: #ccc;
  249.     }
  250.  
  251.     body.dark-mode .user-notif div.info {
  252.         background: #111111;
  253.         border: none;
  254.     }
  255.  
  256.     body.dark-mode .user-notif div.warning {
  257.         background: #ae8800;
  258.         border: none;
  259.     }
  260.  
  261.     body.dark-mode .user-notif div:hover, body.dark-mode .user-notif div.odd {
  262.         border-left: 1px solid #0083e8 !important;
  263.     }
  264.  
  265.     body.dark-mode .exp-bar .progress-bar {
  266.         background-color: #1e6db7;
  267.     }
  268.  
  269.     body.dark-mode #tournament-modal .panel-heading {
  270.         color: #DEDEDE !important;
  271.     }
  272.  
  273.     body.dark-mode .nav-tabs>li {
  274.         margin-bottom: 0;
  275.     }
  276.  
  277.     body.dark-mode hr {
  278.         border-top: 1px solid #555555;
  279.     }
  280. `
  281.  
  282. function getCookie(name) {
  283.     let v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
  284.     return v ? v[2] : null;
  285. }
  286.  
  287. function setCookie(name, value, days) {
  288.     const d = new Date;
  289.     d.setTime(d.getTime() + 24*60*60*1000*days);
  290.     document.cookie = name + "=" + value + ";path=/;expires=" + d.toGMTString();
  291. }
  292.  
  293. function addStyle(styleString) {
  294.     const style = document.createElement("style");
  295.     style.textContent = styleString;
  296.     document.head.append(style);
  297. }
  298.  
  299. function getModConfig(cookie) {
  300.     cookie = cookie || "mod";
  301.     var config = $.cookie(cookie);
  302.     if (typeof (config) != "undefined") {
  303.         config = atob(config);
  304.         return $.parseJSON(config);
  305.     }
  306.     return false;
  307. }
  308.  
  309. function setModConfig(option, value, cookie, expires, path) {
  310.     if(typeof (option) == "undefined" || typeof (value) == "undefined") {
  311.         return false;
  312.     }
  313.  
  314.     cookie = cookie || "mod";
  315.     expires = expires || 356;
  316.     path = path || '/';
  317.     config = getModConfig(cookie);
  318.  
  319.     if(config) {
  320.         config[option] = value;
  321.     } else {
  322.         config = {};
  323.         config[option] = value;
  324.     }
  325.     
  326.     config = JSON.stringify(config);
  327.     config = btoa(config);
  328.     $.cookie(cookie, config, {
  329.         expires: expires,
  330.         path: path
  331.     });
  332.  
  333.     return true;
  334. }
  335.  
  336. function restoreModConfig() {
  337.     const modConfig = getModConfig();
  338.  
  339.     if(modConfig) {
  340.         for(let prop in modConfig) {
  341.             if(modConfig.hasOwnProperty(prop)) $("#mod_" + prop).prop("checked", modConfig[prop]).change();
  342.         } 
  343.     }
  344. }
  345.  
  346. window.setCustomColor = function(a) {
  347.     window.customColor = a;
  348.     a === true ? $("#colorPanel").show() : $("#colorPanel").hide()
  349.     setModConfig("CustomColor", a);
  350. }
  351.  
  352. window.setTransparentMines = function(a) {
  353.     window.transparentMines = a;
  354.     setModConfig("TransparentMines", a);
  355. }
  356.  
  357. window.setNoGrid = function(a) {
  358.     window.noGrid = a;
  359.     setModConfig("NoGrid", a);
  360. }
  361.  
  362. window.setMacro = function(a) {
  363.     window.macro = a;
  364.     setModConfig("Macro", a);
  365. }
  366.  
  367. window.setDarkMenu = function(a) {
  368.     window.darkMenu = a;
  369.     a === true ? $("body").addClass("dark-mode") : $("body").removeClass("dark-mode")
  370.     setModConfig("DarkMenu", a);
  371. }
  372.  
  373. function modifyCore(core) {
  374.     core = core.replace(/(.*)(m\.color)(.*)/, `
  375.         $&
  376.  
  377.         if(h.length > 0 && m.name === h[0].name && !m.f && cellsColor !== undefined && cellsColor !== null && window.customColor === true) {
  378.             m.color = window.cellsColor;
  379.         }
  380.     `)
  381.  
  382.     core = core.replace(/(bb\s\?)(.*)/, `
  383.         if(bb) {
  384.             a.fillStyle = "#FFFFFF";
  385.             a.strokeStyle = "#AAAAAA";
  386.             if(this.f && window.transparentMines === true) a.globalAlpha = 0.2;
  387.         } else {
  388.             a.fillStyle = this.color;
  389.             a.strokeStyle = this.color;
  390.             if(this.f && window.transparentMines === true) a.globalAlpha = 0.2;
  391.         }
  392.     `);
  393.  
  394.     core = core.replace(/(.*)(var\sa\s=\sl\s\/\sg)(.+)(\n.*\n.*)/gm, `
  395.         if(window.noGrid === false) {
  396.             $&
  397.         }
  398.     `);
  399.  
  400.     return core;
  401. }
  402.  
  403. function split(times) {
  404. 	for(let i = 0; i < times; i++) {
  405. 		setTimeout(function() {
  406. 			$("body").trigger($.Event("keydown", { keyCode: 32 }));
  407. 			$("body").trigger($.Event("keyup", { keyCode: 32 }));
  408. 		}, 50 * i);
  409. 	}
  410. }
  411.  
  412. function goTo(x, y) {
  413. 	x = window.innerWidth / x; y = window.innerHeight / y;
  414. 	$("canvas").trigger($.Event("mousemove", {clientX: x, clientY: y}));
  415. }
  416.  
  417. function keydown(e) {
  418.     const chat = document.querySelector("#chat_textbox");
  419.     if(chat === document.activeElement || !window.macro) return;
  420.  
  421.     const key = e.key.toString().toLowerCase();
  422.  
  423. 	if(keys.hasOwnProperty(key)) {
  424. 		keys[key] = true;
  425. 	}
  426.     
  427.     switch(key) {
  428.         case "shift":
  429.             if(splitSwitch) break;
  430.  
  431.             splitSwitch = true;
  432.             splitInterval = setInterval(() => {
  433.                 $("body").trigger($.Event("keydown", { keyCode: 32 }));
  434.                 $("body").trigger($.Event("keyup", { keyCode: 32 }));
  435.             }, 4);
  436.             break;
  437.         
  438.         case "1":
  439.             split(1);
  440.             break;
  441.  
  442.         case "2":
  443.             split(2);
  444.             break;
  445.  
  446.         case "3":
  447.             split(3);
  448.             break;
  449.  
  450.         case "4":
  451.             split(4);
  452.             break;
  453.  
  454.         case "5":
  455.             split(5);
  456.             break;
  457.  
  458.         case "q":
  459.             goTo(3, -0);
  460.             break;
  461.         
  462.         case "a":
  463.             goTo(-0, 8);
  464.             break;
  465.             
  466.         case "s":
  467.             goTo(2, 0.6);
  468.             break;
  469.  
  470.         case "d":
  471.             goTo(0, 5);
  472.             break;
  473.     }
  474.  
  475.     switch(true) {
  476.         case keys["a"] && keys["q"]:
  477.             goTo(-0, -0);
  478.             break;
  479.  
  480.         case keys["a"] && keys["s"]:
  481.             goTo(-0, 0);
  482.             break;
  483.  
  484.         case keys["q"] && keys["d"]:
  485.             goTo(0, -0);
  486.             break;
  487.  
  488.         case keys["s"] && keys["d"]:
  489.             goTo(0, 0);
  490.             break;
  491.     }
  492. }
  493.  
  494. function keyup(e) {
  495.     const chat = document.querySelector("#chat_textbox");
  496.     if(chat === document.activeElement || !window.macro) return;
  497.  
  498.     const key = e.key.toString().toLowerCase();
  499.  
  500. 	if(keys.hasOwnProperty(key)) {
  501. 		keys[key] = false;
  502. 	}
  503.  
  504.     switch(key) {
  505.         case "shift":
  506.             clearInterval(splitInterval);
  507.             splitSwitch = false;
  508.             break;
  509.     }
  510. }
  511.  
  512. function initMacro() {
  513.     document.addEventListener("keydown", keydown);
  514.     document.addEventListener("keyup", keyup);
  515. }
  516.  
  517. function initUI() {
  518.     $("#formStd h2").html("Bubble.am+");
  519.     $(".settings_checkboxes").append(`
  520.         <label>
  521.             <input id="mod_Macro" type="checkbox" onchange="setMacro($(this).is(':checked'));"> Makro
  522.         </label>
  523.         <label>
  524.             <input id="mod_TransparentMines" type="checkbox" onchange="setTransparentMines($(this).is(':checked'));"> Przezroczyste miny
  525.         </label>
  526.         <label>
  527.             <input id="mod_NoGrid" type="checkbox" onchange="setNoGrid($(this).is(':checked'));"> Bez siatki
  528.         </label>
  529.         <label>
  530.             <input id="mod_CustomColor" type="checkbox" onchange="setCustomColor($(this).is(':checked'));"> Niestandardowy kolor kulki
  531.         </label>
  532.         <label>
  533.             <input id="mod_DarkMenu" type="checkbox" onchange="setDarkMenu($(this).is(':checked'));"> Ciemna wersja menu
  534.         </label>
  535.     `);
  536. }
  537.  
  538. function initStyles() {
  539.     addStyle(styles);
  540.     $("head").append("<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/@simonwep/pickr/dist/themes/nano.min.css'/>");
  541. }
  542.  
  543. function initColorPicker() {
  544.     $('.settings_checkboxes').after(`<div id="colorPanel" style="display: none;"><p style="float: left; line-height: 2.6rem; margin-right: 0.8rem;">Wybierz swój kolor: </p> <div id="colorMod"></div></div>`);
  545.  
  546.     const pickr = Pickr.create({
  547.         el: "#colorMod",
  548.         theme: "nano",
  549.         container: "body",
  550.         swatches: null,
  551.         default: cellsColor,
  552.         components: {
  553.             preview: true,
  554.             opacity: false,
  555.             hue: true,
  556.     
  557.             interaction: {
  558.                 hex: true,
  559.                 rgba: true,
  560.                 hsla: false,
  561.                 hsva: false,
  562.                 cmyk: false,
  563.                 input: true,
  564.                 clear: false,
  565.                 save: true
  566.             }
  567.         }
  568.     });
  569.  
  570.     pickr.on("save", (color, instance) => {
  571.         cellsColor = color.toRGBA().toString(3);
  572.         setCookie("cellsColor", cellsColor);
  573.     }).on("change", (color, instance) => {
  574.         setCookie("cellsColor", cellsColor);
  575.     });
  576. }
  577.  
  578. function init() {
  579.     initMacro();
  580.     initUI();
  581.     initStyles();
  582.     initColorPicker();
  583. }
  584.  
  585. const request = new XMLHttpRequest();
  586. const url = "http://bubble.am";
  587. request.open("get", url, true);
  588. request.send();
  589. request.onload = function(e) {
  590.     const newCore = modifyCore(this.responseText);
  591.  
  592.     document.open();
  593.     document.write(newCore);
  594.     document.close();
  595.  
  596.     window.onload = function() {
  597.         init();
  598.         restoreModConfig();
  599.     }
  600. }
  601.  
  602. console.log("Created by DD7");