Show full size + working middle click to open new tab
目前為
// ==UserScript==
// @name Pinterest Plus
// @namespace https://greasyfork.org/users/102866
// @description Show full size + working middle click to open new tab
// @include https://*.pinterest.com/*
// @require https://code.jquery.com/jquery-3.2.1.min.js
// @author TiLied
// @version 0.1.03
// @grant GM_openInTab
// @grant GM_listValues
// @grant GM_getValue
// @grant GM_setValue
// @grant GM_deleteValue
// ==/UserScript==
var whatPage = 0,
fullSize = false,
oriMaxWidthOne,
oriMaxWidthTwo;
//prefs
var pFullSize;
Main();
function Main()
{
console.log("Pinterest Plus v" + GM_info.script.version + " Initialized");
document.addEventListener("click", function (e) { e.button === 1 && e.stopPropagation(); }, true);
UrlHandler();
SetCSS();
SetSettings();
SwitchPage();
console.log("Page number: " + whatPage);
}
function SetCSS()
{
$("head").append($("<!--Start of Pinterest Plus v" + GM_info.script.version + " CSS-->"));
$("head").append($("<style type=text/css></style>").text("button.ppTrue \
{ \
border:2px solid black!important; \
} \
"));
$("head").append($("<!--End of Pinterest Plus v" + GM_info.script.version + " CSS-->"));
}
function SetSettings()
{
//THIS IS ABOUT pFullSize
if (HasValue("ppFullSize", false))
{
pFullSize = GM_getValue("ppFullSize");
}
//Console log prefs with value
console.log("*prefs:");
console.log("*-----*");
var vals = [];
for (var i = 0; i < GM_listValues().length; i++)
{
vals[i] = GM_listValues()[i];
}
for (var i = 0; i < vals.length; i++)
{
console.log("*" + vals[i] + ":" + GM_getValue(vals[i]));
}
console.log("*-----*");
}
//Check if value exists or not. optValue = Optional
function HasValue(nameVal, optValue)
{
var vals = [];
for (var i = 0; i < GM_listValues().length; i++)
{
vals[i] = GM_listValues()[i];
}
if (vals.length === 0)
{
if (optValue != undefined)
{
GM_setValue(nameVal, optValue);
return true;
} else
{
return false;
}
}
if (typeof nameVal != "string")
{
return alert("name of value: '" + nameVal + "' are not string");
}
for (var i = 0; i < vals.length; i++)
{
if (vals[i] === nameVal)
{
return true;
}
}
if (optValue != undefined)
{
GM_setValue(nameVal, optValue);
return true;
} else
{
return false;
}
}
//Delete Values
function DeleteValues(nameVal)
{
var vals = [];
for (var i = 0; i < GM_listValues().length; i++)
{
vals[i] = GM_listValues()[i];
}
if (vals.length === 0 || typeof nameVal != "string")
{
return;
}
switch (nameVal)
{
case "all":
for (var i = 0; i < vals.length; i++)
{
GM_deleteValue(vals[i]);
}
break;
case "old":
for (var i = 0; i < vals.length; i++)
{
if (vals[i] === "debug" || vals[i] === "debugA")
{
GM_deleteValue(vals[i]);
}
}
break;
default:
for (var i = 0; i < vals.length; i++)
{
if (vals[i] === nameVal)
{
GM_deleteValue(nameVal);
}
}
break;
}
}
function SwitchPage()
{
switch (GetPage(document.URL))
{
case 1:
case 2:
case 4:
case 5:
case 6:
case 10:
break;
case 3:
SetUpForPin();
break;
default:
break;
}
}
//On what page are we?
function GetPage(url)
{
/*
1-front page
2-search page
3-pin page
4-topics page
5-news_hub page
6-categories page
10-board page
*/
if (document.location.pathname === "/")
{
whatPage = 1;
} else if (url.match(/https:\/\/[a-z]+\.pinterest\.com\/search/i))
{
whatPage = 2;
} else if (url.match(/https:\/\/[a-z]+\.pinterest\.com\/pin/i))
{
whatPage = 3;
} else if (url.match(/https:\/\/[a-z]+\.pinterest\.com\/topics/i))
{
whatPage = 4;
} else if (url.match(/https:\/\/[a-z]+\.pinterest\.com\/news_hub/i))
{
whatPage = 5;
} else if (url.match(/https:\/\/[a-z]+\.pinterest\.com\/categories/i))
{
whatPage = 6;
} else
{
whatPage = 10;
}
return whatPage;
}
//UI SETTING "Full size" AND FUNCTION AND SetUpForMiddleClick
function SetUpForPin()
{
//TODO
//*
const buttonDiv = document.createElement("div");
const buttonButton = document.createElement("button");
const buttonText = document.createTextNode("Full size");
const parentDiv = document.querySelector("div.flex.justify-between div");
const buttonAttr = document.createAttribute("style");
buttonAttr.value = "font-size: 14px; will-change: transform; margin-left: 8px;"
buttonButton.appendChild(buttonText);
buttonDiv.appendChild(buttonButton);
parentDiv.appendChild(buttonDiv);
buttonDiv.className += "items-center";
buttonButton.className += "isBrioFlat matchDenzel Button Module btn hasText rounded primary";
buttonButton.setAttributeNode(buttonAttr);
buttonButton.setAttribute('id', "myBtn");
if (pFullSize)
{
$(buttonButton).addClass("ppTrue");
}
//console.log(document.querySelector("div.flex.justify-between div"));
//*
setTimeout(function ()
{
ChangeSource(GetFullSizeURL(document.querySelectorAll("a.imageLink img.block")), document.querySelectorAll("a.imageLink img.block"));
SetEventButton(buttonButton, GetFullSizeURL(document.querySelectorAll("a.imageLink img.block")));
if (pFullSize)
{
ChangeImgTags(GetFullSizeURL(document.querySelectorAll("a.imageLink img.block")), document.querySelectorAll("a.imageLink img.block"));
}
}, 1000);
}
function SetEventButton(btn, url)
{
$(btn).on('mousedown', function (e)
{
if ((e.which == 3))
{
if (pFullSize)
{
GM_setValue("ppFullSize", false);
$(btn).removeClass("ppTrue");
pFullSize = GM_getValue("ppFullSize");
} else
{
GM_setValue("ppFullSize", true);
$(btn).addClass("ppTrue");
pFullSize = GM_getValue("ppFullSize");
}
console.log("right");
}
if ((e.which == 1))
{
if (fullSize)
{
ChangeImgTagsBack();
} else
{
ChangeImgTags(GetFullSizeURL(document.querySelectorAll("a.imageLink img.block")), document.querySelectorAll("a.imageLink img.block"));
}
console.log("left");
}
if ((e.which == 2))
{
console.log("middle");
GM_openInTab(url);
}
e.preventDefault();
});
}
function GetFullSizeURL(img)
{
var src = img[0].currentSrc;
src = src.replace(/[0-9]+x/, "originals");
//console.log(img);
return src;
}
function ChangeSource(irl, img)
{
for (var i = 0; i < img.length; i++)
{
img[i].src = irl;
}
}
function ChangeImgTags(irl, img)
{
var imgw = new Image();
imgw.onload = function ()
{
//alert(this.width + 'x' + this.height);
const closeUp = document.querySelector("div.closeupContainer");
const imageLink = document.querySelector("a.imageLink");
var mWidth = this.width + 64;
//console.log(mWidth);
//console.log(closeUp);
//console.log(closeUp.style.maxWidth);
oriMaxWidthOne = closeUp.style.maxWidth;
closeUp.style.maxWidth = mWidth + "px";
//console.log(oriMaxWidthOne);
oriMaxWidthTwo = imageLink.childNodes[0].style.maxWidth;
imageLink.childNodes[0].style.maxWidth = "none";
//console.log(oriMaxWidthTwo);
//console.log(imageLink.childNodes[0]);
}
imgw.src = irl;
fullSize = true;
}
function ChangeImgTagsBack()
{
const closeUp = document.querySelector("div.closeupContainer");
const imageLink = document.querySelector("a.imageLink");
closeUp.style.maxWidth = oriMaxWidthOne;
imageLink.childNodes[0].style.maxWidth = oriMaxWidthTwo;
fullSize = false;
}
//hHander for url
function UrlHandler()
{
this.oldHash = window.location.pathname;
this.Check;
var that = this;
var detect = function ()
{
if (that.oldHash != window.location.pathname)
{
//alert("pathname CHANGED - new has" + window.location.pathname);
that.oldHash = window.location.pathname;
setTimeout(function () { SwitchPage(); }, 1000);
}
};
this.Check = setInterval(function () { detect() }, 200);
}