Web Script Lain

Make me sad. Make me mad. Make me feel alright?

Versione datata 09/07/2021. Vedi la nuova versione l'ultima versione.

Dovrai installare un'estensione come Tampermonkey, Greasemonkey o Violentmonkey per installare questo script.

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

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Userscripts per installare questo script.

Dovrai installare un'estensione come ad esempio Tampermonkey per installare questo script.

Dovrai installare un gestore di script utente per installare questo script.

(Ho già un gestore di script utente, lasciamelo installare!)

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

(Ho già un gestore di stile utente, lasciamelo installare!)

// ==UserScript==
// @name         Web Script Lain
// @namespace    http://cyle.xyz
// @version      1.18
// @description  Make me sad. Make me mad. Make me feel alright?
// @author       Cyle
// @match        https://3d.laingame.net/
// @icon         https://www.google.com/s2/favicons?domain=laingame.net
// @grant        GM_addStyle
// ==/UserScript==

GM_addStyle ( "@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);" );
GM_addStyle ( "#subtitle { font-family: Nanum Gothic; font-size: 28px !important; word-break: keep-all;}" );

const vttLink = 'https://raw.githubusercontent.com/CyleAR/web-script-lain/master/Translations/';
const clareLink = 'https://raw.githubusercontent.com/nvfclaire/translain/master/Translations/'
const flagLink = 'https://raw.githubusercontent.com/CyleAR/web-script-lain/master/miscs/';
const locales = new Map([
    ['Korean', 'ko'],
    ['French', 'fr'],
    ['English', 'en'],
    ['Portuguese', 'pt-BR'],
    ['Polish', 'pl'],
    ['Italian', 'it'],
    ['Greek', 'el'],
    ['Spanish', 'es-ES'],
    ['Ukrainian', 'uk'],
    ['Arabic', 'ar'],
    ['German', 'de'],
    ['Japanese', 'ja'],
    ['Romanian', 'ro'],
    ['Chinese Simplified', 'zh-CN'],
    ['Clare', 'cl']
])
var currentLang = 'en';

function replaceVTT()
{
    //let lang = languageChecker();
    document.querySelector('#media').crossOrigin = 'anonymous';
    const trackName = document.querySelector('#track').src.substr(37,).split(`.`)[0]
    const trackType = trackName.replace(/[0-9]/g,'');
    let newVTT = vttLink + currentLang + '/' + trackType + '/' + trackName + '.vtt';
    if(currentLang == 'cl'){
        newVTT = clareLink + currentLang + '/' + trackType + '/' + trackName + '.vtt'; 
    }
    document.querySelector("#track").src = newVTT;
    return;
}

function waitTrackSrc()
{
    //console.log('F waittracksrc started')
    let waitTrack = setInterval(() => {
        let target = document.querySelector('#track');
        try{
            if(!target.src == ''){
                clearInterval(waitTrack);
                replaceVTT();
                return;
            }
        }catch{clearInterval(waitTrack)}
    }, 100);
}

function addButtons(div){
    locales.forEach((value, key)=>{
        let button = document.createElement('button');
        let addButtons = () => {
            button.id = value;
            button.style.background = 'none';
            button.style.border = 'none';
            button.style.borderRadius = '10px';
            button.innerText = key;
            button.innerHTML = `<img src="${flagLink + key + '.png'}">`
            button.onclick = function(event){
                button.style.backgroundColor = 'white';
                currentLang = value;
                if(value == 'cl'){
                    alert(`Note: This English translation is from Clare's new translation - Translain.\n It's a work in progress and incomplete`);
                }else{
                    alert('Locale changed into ' + key);
                }
            };
        }
        addButtons();
        div.appendChild(button);
    })
    return;
}

function currentLangScanner(){ //key : Korean, value : ko
    let target = document.querySelector('#' + currentLang);
    target.style.background = 'white';
    setInterval(()=>{
        locales.forEach((value,key)=>{
            let target = document.querySelector('#' + value);
            if(value !== currentLang){
                target.style.background = 'none';
            }
        })
    },500)
}

function createUI(){ // Add new UI div for locale buttons
    let langDiv = document.createElement('div');
    let addDiv = () =>{
        langDiv.className = 'locales';
        langDiv.style.height = '48px';
        langDiv.style.width = '800px'
    }
    let tweakRootDiv = () =>{
        let target = document.querySelector('#root');
        target.style.transform = 'translate(-50%, -50%)';
        target.style.position = 'absolute';
        target.style.top = '50%';
        target.style.left = '50%'
        target.prepend(langDiv);
    }
    let UIScanner = setInterval(() => {
        let target = document.querySelector('#root > div.game');
        if(target){
            clearInterval(UIScanner);
            target.style.position = 'initial';
            target.style.webkitTransform = 'translate(0)';
            target.style.transform = 'translate(0)';
            tweakRootDiv();
            addDiv();
            addButtons(langDiv);
            currentLangScanner();
            return;
        }
    }, 100);
}

(function() {
    function scanner(){
        let scanInterval = setInterval(() => {
            let target = document.querySelector('#track');
            if(!target){
                clearInterval(scanInterval);
                startFirstScan();
                return;
            }
        },100 );
    }

    function startFirstScan(){
        let startScanInterval = setInterval(() => {
            let target = document.querySelector('#track');
            if(target){
                clearInterval(startScanInterval);
                scanner();
                waitTrackSrc(target);
                return;
            }
        },100)
    }

    createUI()
    startFirstScan();
})();