Specific mule runtime doc version

Change mule runtime doc version to specific version

คุณจะต้องติดตั้งส่วนขยาย เช่น Tampermonkey, Greasemonkey หรือ Violentmonkey เพื่อติดตั้งสคริปต์นี้

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

คุณจะต้องติดตั้งส่วนขยาย เช่น Tampermonkey หรือ Violentmonkey เพื่อติดตั้งสคริปต์นี้

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

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

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

// ==UserScript==
// @name         Specific mule runtime doc version
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Change mule runtime doc version to specific version
// @author       FM7077
// @match        *://docs.mulesoft.com/*
// @grant        none
// ==/UserScript==

var specificVersion = "4.1"
let storagedVersion = localStorage.getItem('storagedVersion')
if(storagedVersion !== null){
    specificVersion = storagedVersion
}

let myDiv = document.createElement('div');
myDiv.setAttribute("id", "myDiv");
myDiv.innerHTML = '<text>Mule Runtime Version: </text>'
myDiv.innerHTML += '<input id="myInput" type="number" placeholder="Specific Version" value="'+specificVersion + '">'
let aside = document.getElementsByTagName("aside")[0]
aside.insertBefore(myDiv, aside.firstChild)
let myInput = document.getElementById ("myInput")
myInput.addEventListener (
    "keyup", function(event){
        if (event.keyCode === 13){
            Change()
        }
    }
)
myDiv.style['margin-bottom'] = '15px'
myInput.setAttribute('class', 'flex shrink align-center button button-edit')
myInput.style.width = '169px'
myInput.style.height = '32px'

redirect(specificVersion)
changeListVersion(specificVersion)

// redirect to specific mule runtime doc version
function redirect(specificVersion){
    let oldUrl = window.location.href
    if(oldUrl.includes("https://docs.mulesoft.com/mule-runtime/")){
        const regex = new RegExp("\\d+.\\d")
        let newUrl = oldUrl.replace(regex, ""+specificVersion)
        if(!oldUrl.includes(specificVersion) && !oldUrl.includes("/latest")){
            location.href = newUrl;
        }
        if(document.body.className.includes("404")){
            location.href = "https://docs.mulesoft.com/mule-runtime/latest/"
        }
    }
}

// show specific mule runtime doc list version
function changeListVersion(specificVersion) {
    let navList = document.querySelectorAll('[data-product="mule-runtime"]')
    for (let i = 0; i< navList.length; i++){
        if(navList[i].tagName == "LI"){
            navList[i].setAttribute("data-pinned-version", specificVersion)
        } else if (navList[i].tagName == "OL") {
            if(navList[i].getAttribute("data-version") == specificVersion){
                navList[i].setAttribute("style", "")
            }else {
                navList[i].setAttribute("style", "display: none;")
            }
        } else if(navList[i].tagName == "BUTTON") {
            navList[i].children[0].innerText = specificVersion
        }
    }
}

function Change(){
    specificVersion = document.getElementById("myInput").value
    localStorage.setItem('storagedVersion', specificVersion);
    changeListVersion(specificVersion)
}