Change YouTube leftbar's subscription links to channel/user video page. This script can optionally also move updated links to top of the list (if there's enough space), optionally uncollapse all updated links which may extend the non collapsible links, and optionally display the number of updated & total links following the "SUBSCRIPTION" section label. All features can be enabled/disabled from the script code. For new YouTube layout only.
// ==UserScript==
// @name Change YouTube Leftbar Subscription Links To Channel/User Video Page
// @namespace ChangeYouTubeLeftbarSubscriptionLinksToChannelUserVideoPage
// @version 1.4.33
// @license AGPL v3
// @author jcunews
// @description Change YouTube leftbar's subscription links to channel/user video page. This script can optionally also move updated links to top of the list (if there's enough space), optionally uncollapse all updated links which may extend the non collapsible links, and optionally display the number of updated & total links following the "SUBSCRIPTION" section label. All features can be enabled/disabled from the script code. For new YouTube layout only.
// @website https://greasyfork.org/en/users/85671-jcunews
// @match *://www.youtube.com/*
// @grant none
// @run-at document-start
// ==/UserScript==
(yigd => {
//===== Configuration Start ===
var changeLinksURL = true; //Change links' URLs from the Home tab, to the Videos tab.
var moveUpdatedLinksToTop = true; //Move updated links to top of list without uncollapsing them.
var UncollapseUpdatedLinks = true; //Uncollapse updated links. This may extend the length of uncollapsed links.
//If enabled, it will implicitly enable moveUpdatedLinksToTop.
var showLinksCount = true; //Display number of updated links and total links following the "SUBSCRIPTION" section label.
//===== Configuration End ===
var to = {createHTML: s => s}, tp = window.trustedTypes?.createPolicy ? trustedTypes.createPolicy("", to) : to, html = s => tp.createHTML(s);
function changeUrl(url, m) {
return url;
if (m = url.match(/^\/feed\/subscriptions\/([^\/]+)$/)) {
return "/channel/" + m[1] + "/videos";
} else return url + "/videos";
}
function updateSubscriptionCount(a, b, u, t) {
function count(v, w) {
if ((w = v.guideEntryRenderer) && w.entryData) {
t++;
if (w.presentationStyle === "GUIDE_ENTRY_PRESENTATION_STYLE_NEW_CONTENT") u++;
} else if ((w = v.guideCollapsibleEntryRenderer) && (w = w.expandableItems) && w.forEach) {
w.forEach(count)
}
}
if ((a = document.querySelector("ytd-guide-section-renderer:nth-child(2) #guide-section-title")) && !window.ytlssc_ujs) {
a.insertAdjacentHTML("beforeend", html(' (<span id=ytlssc_ujs>-/-</span>)'))
}
if (window.ytlssc_ujs) {
u = 0; t = 0;
if (a && (a = a.parentNode.__shady_native_parentNode.__data || a.parentNode.__dataHost?.__data) && (a = a.shownItems) && a.forEach) a.forEach(count);
ytlssc_ujs.textContent = u + "/" + t
} else setTimeout(updateSubscriptionCount, 500)
}
function updateEndpoint(ep, gd, si) {
function processPage(h, url, o) {
if ((h = h.match(/var ytInitialData = (\{.*?\});/)) && (h = JSON.parse(h[1]).contents.twoColumnBrowseResultsRenderer.tabs)) {
h.some((a, i, b) => {
if (!(b = a.tabRenderer).content && (/^\/(@|[^\/]+\/)[^\/]+\/videos$/).test((b = b.endpoint).commandMetadata.webCommandMetadata.url)) {
ep.browseEndpoint = b.browseEndpoint;
ep.clickTrackingParams = b.clickTrackingParams;
ep.commandMetadata = b.commandMetadata;
if (url) b.commandMetadata.webCommandMetadata.url = url + "/videos";
gd.some((d, i) => {
if (d.browseEndpoint.browseId === b.browseEndpoint.browseId) {
d.browseEndpoint = b.browseEndpoint;
d.clickTrackingParams = b.clickTrackingParams;
d.commandMetadata = b.commandMetadata;
if (i = document.querySelector(`ytd-guide-section-renderer:nth-child(${si + 1}) a[href="${d.browseEndpoint.canonicalBaseUrl}"]`)) {
i.href = b.commandMetadata.webCommandMetadata.url
}
return true
}
});
return true
}
})
}
}
function processResponse(r, url) {
if ((r.status >= 400) && !url) { //yt bugfix. STOOPEED YOUTUBE!
if (ep.commandMetadata.webCommandMetadata.webPageType === "WEB_PAGE_TYPE_CHANNEL") {
fetch(url = "/channel/" + ep.browseEndpoint.browseId, {credentials: "omit"}).then(r => processResponse(r, url))
}
return
} else r.text().then(h => processPage(h, url))
}
ep.commandMetadata.webCommandMetadata.url = changeUrl(ep.commandMetadata.webCommandMetadata.url);
if (ep.webNavigationEndpointData) ep.webNavigationEndpointData.url = changeUrl(ep.webNavigationEndpointData.url);
(function waitGD() {
if ((gd = window["guide-renderer"].__data || document.querySelector("#guide-renderer #sections")?.__dataHost) && (gd = gd.data) && (gd = gd.items) && (gd = gd.reduce(
(r, v, i) => {
if (!r && (v = v.guideSubscriptionsSectionRenderer) && (v = v.items)) {
si = i;
r = v.reduce((r, e) => {
if (e.guideCollapsibleEntryRenderer) {
e.guideCollapsibleEntryRenderer.expandableItems.forEach(t => {
if (!t.guideEntryRenderer.icon || (t.guideEntryRenderer.icon.iconType !== "ADD_CIRCLE")) r.push(t.guideEntryRenderer.navigationEndpoint)
});
} else r.push(e.guideEntryRenderer.navigationEndpoint);
return r;
}, []);
}
return r;
}, null
))) {
fetch(ep.commandMetadata.webCommandMetadata.url, {credentials: "omit"}).then(processResponse)
} else setTimeout(waitGD, 100)
})()
}
function patchGuide(guide, z) {
if (guide && guide.items && !guide.cysl_done) try {
guide.cysl_done = 1;
guide.items.forEach((v, vc, l, w, x, c, i, u) => {
if (v.guideSubscriptionsSectionRenderer) {
//change links' URL
if (changeLinksURL) {
v.guideSubscriptionsSectionRenderer.items.forEach(w => {
if (w.guideCollapsibleEntryRenderer) {
w.guideCollapsibleEntryRenderer.expandableItems.forEach(x => {
if (x.guideEntryRenderer.badges && (x = x.guideEntryRenderer.navigationEndpoint)) updateEndpoint(x);
});
} else if (w = w.guideEntryRenderer.navigationEndpoint) updateEndpoint(w);
});
}
//move links with new uploads to top
if (moveUpdatedLinksToTop) {
v = v.guideSubscriptionsSectionRenderer.items; //v = main links container. includes collapsed links container wrapper at end
vc = v.length - 1; //vc = main links count
x = w = v[vc].guideCollapsibleEntryRenderer; //w = collapsed links container wrapper
l = v.splice(0, vc); //l = list1. move main links into list1. list1 now: mainLinks
c = -1;
if (w) { //has collapsed links container? w = collapsed links container
(w = w.expandableItems).some((e, i) => { //count collapsed links
if (!e.guideEntryRenderer.entryData) {
c = i;
return true;
}
});
l.push.apply(l, w.splice(0, c)); //append collapsed links to list1. list1 now: mainLinks, collapsedLinks
}
c = []; //c = list2 = collapsed new links
for (i = l.length - 1; i >= 0; i--) { //move new links in list1 into main links container
u = l[i].guideEntryRenderer.presentationStyle === "GUIDE_ENTRY_PRESENTATION_STYLE_NEW_CONTENT";
if (l[i].guideEntryRenderer.count || u) {
if ((u = UncollapseUpdatedLinks && u) || vc--) {
v.unshift(l.splice(i, 1)[0]);
if (u) vc--;
} else c.unshift(l.splice(i, 1)[0]);
}
}
c.push.apply(c, l); //append any remaining list1 links (non updated links) into list2
if (vc > 0) { //original-length main links container still has free slot?
l = c.splice(0, vc); //move collapsed links in list2 into list1. same count as main links container free slots
l.unshift.apply(l, [v.length - 1, 0]); //prepare arguments for below task
v.splice.apply(v, l); //move collapsed links in list1 into main links container
}
if (w) w.unshift.apply(w, c); //if has collapsed links container, move remaining collapsed links in list2 into it
if ((w = x.expandableItems) && (x = x.expanderItem?.guideEntryRenderer)) { //update collapsed link count
if (x?.formattedTitle?.simpleText) x.formattedTitle.simpleText = x.formattedTitle.simpleText.replace(/\d+/, w.length - 1);
if (x?.accessibility?.accessibilityData?.label) x.accessibility.accessibilityData.label = x.accessibility.accessibilityData.label.replace(/\d+/, w.length - 1);
}
}
}
});
if (showLinksCount) updateSubscriptionCount();
return true;
} catch(z) {}
return false;
}
Object.defineProperty(window, "ytInitialGuideData", {
get(v) {
return yigd;
},
set(v) {
delete window.ytInitialGuideData;
patchGuide(v);
return yigd = v;
}
});
JSON.parse_cylslcvp = JSON.parse;
JSON.parse = function(txt) {
var res = JSON.parse_cylslcvp.apply(this, arguments);
if ((/\/youtubei\/v1\/guide\?/).test(JSON.url_cylslcvp)) patchGuide(res);
return res;
};
var fetch_ = window.fetch;
window.fetch = function(opts) {
var fres = fetch_.apply(this, arguments), fthen = fres.then;
if ((/\/youtubei\/v1\/guide\?/).test(opts.url)) {
JSON.url_cylslcvp = opts.url;
fres.then = function(fn) {
var fthenfn = fn;
fn = function(fresp) {
var frtext = fresp.text;
fresp.text = function() {
var tres = frtext.apply(this, arguments), tthen = tres.then;
tres.then = function(tfn) {
var tthenfn = tfn;
tfn = function(tresp) {
var z, tr;
try {
tr = JSON.parse_cylslcvp(tresp);
patchGuide(tr);
tresp = JSON.stringify(tr);
} catch(z) {}
return tthenfn.apply(this, arguments);
};
return tthen.apply(this, arguments);
};
return tres;
}
var frjson = fresp.json;
fresp.json = function() {
var jres = frjson.apply(this, arguments), jthen = jres.then;
jres.then = function(jfn) {
var jthenfn = jfn;
jfn = function(jresp) {
patchGuide(jresp);
return jthenfn.apply(this, arguments);
};
return jthen.apply(this, arguments);
};
return jres;
}
return fthenfn.apply(this, arguments);
};
return fthen.apply(this, arguments);
};
} else JSON.url_cylslcvp = "";
return fres;
};
var nac = Node.prototype.appendChild;
Node.prototype.appendChild = function(e) {
var z;
if ((this.tagName === "BODY") && (e?.tagName === "IFRAME")) {
var r = nac.apply(this, arguments);
try {
if (/^about:blank\b/.test(e.contentWindow.location.href)) e.contentWindow.fetch = fetch
} catch(z) {}
return r
} else return nac.apply(this, arguments)
}
addEventListener("click", (ev, a, b) => {
if ((a = ev.target) && a.matches && a.matches("ytd-guide-section-renderer:nth-child(2) ytd-guide-entry-renderer *")) {
while (a.tagName !== "A") a = a.parentNode;
if (/^\/((c|channel|u|user)|@[^\\]+)\//.test(a.pathname)) {
if (a.__dataHost) {
(b = a.__dataHost.__data.data).navigationEndpoint;
if (b.presentationStyle === "GUIDE_ENTRY_PRESENTATION_STYLE_NEW_CONTENT") {
(function usc() {
if (b.presentationStyle !== "GUIDE_ENTRY_PRESENTATION_STYLE_NEW_CONTENT") {
updateSubscriptionCount()
} else setTimeout(usc, 500)
})();
}
} else if (b = a.closest('ytd-guide-entry-renderer[line-end-style="dot"]')) {
(function usc2() {
if (b.getAttribute("line-end-style") !== "dot") {
updateSubscriptionCount()
} else setTimeout(usc2, 500)
})();
}
}
}
}, true);
})()