GB Server Connection Display

Display the GoBattle server when connected with WS | Join us! - https://discord.gg/3xDbJ8QD8f

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

You will need to install an extension such as Tampermonkey to install this script.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         GB Server Connection Display
// @namespace    http://tampermonkey.net/
// @version      1.0.1
// @description  Display the GoBattle server when connected with WS | Join us! - https://discord.gg/3xDbJ8QD8f
// @author       GoBattle Hacks Official
// @match        *://gobattle.io/*
// @match        *://*.gobattle.io/*
// @run-at       document-start
// @grant        none
// @license      MIT
// ==/UserScript==

(function () {
  'use strict';

  const OriginalWS = window.WebSocket;

  const SERVER_NAMES = {
    'wss://france2.gobattle.io:10116/': 'France',
    'wss://us-west.gobattle.io:10116/': 'USA West',
    'wss://singapore2.gobattle.io:10116/': 'Singapore',
  };

  function getServerName(url) {
    if (url.endsWith('/')) url = url.slice(0, -1);
    return SERVER_NAMES[url + '/'] || url;
  }

  function showServerNotice(name) {
    const notice = document.createElement('div');
    notice.textContent = `Connected to: ${name}`;
    Object.assign(notice.style, {
      position: 'fixed',
      bottom: '20px',
      right: '20px',
      background: 'rgba(0,0,0,0.7)',
      color: 'yellow',
      padding: '10px 15px',
      borderRadius: '8px',
      fontSize: '16px',
      fontWeight: 'bold',
      zIndex: 999999,
      opacity: '1',
      transition: 'opacity 1s ease-out',
    });
    document.body.appendChild(notice);

    setTimeout(() => {
      notice.style.opacity = '0';
      setTimeout(() => notice.remove(), 1000);
    }, 5000);
  }

  const WSProxy = new Proxy(OriginalWS, {
    construct(target, args, newTarget) {
      const ws = Reflect.construct(target, args, newTarget);

      ws.addEventListener("open", () => {
        const serverName = getServerName(ws.url);
        showServerNotice(serverName);
      });

      return ws;
    },
    apply(target, thisArg, args) {
      return new target(...args);
    }
  });

  window.WebSocket = WSProxy;
})();