Userscripts for sb.ltn.fi

README.md

Userscripts for sb.ltn.fi (by Nanobyte)

• sb.ltn.fi.lastupdate.user.js
  Show the last update time on top center
• sb.ltn.fi.similarsegments.user.js
  Color highlights segments that are similar on sb.ltn.fi (Only works on video page sorted by starttime)
• sb.ltn.fi.coloredcategories.user.js
  Color highlights categories
• sb.ltn.fi.clickablestarttime.user.js
  Makes the startTime clickable
• SponsorBlock Paste YT-Link (sb.ltn.fi)
  Just paste the YT-Link into the videoID field
• sb.ltn.fi index page Restoring functionality

fi.ltn.sb.indexpage.user.js

// ==UserScript==
// @name         sb.ltn.fi index page
// @namespace    fi.ltn.sb.indexpage
// @version      1.0.0
// @description  Restoring functionality
// @author       Nanobyte
// @match        https://sb.ltn.fi/
// @icon         https://www.google.com/s2/favicons?domain=ltn.fi
// @updateURL    https://gist.github.com/MRuy/ca74d6a359c487d760f4a698e76fb0d6/raw/fi.ltn.sb.indexpage.user.js
// @downloadURL  https://gist.github.com/MRuy/ca74d6a359c487d760f4a698e76fb0d6/raw/fi.ltn.sb.indexpage.user.js
// @grant        GM_addStyle
// @run-at       document-start
// ==/UserScript==

(function() {
  'use strict';

  if (!document.documentElement.innerText.includes('Fuck off scrapers')) {
    return;
  }

  document.documentElement.innerHTML = `
  <form name="byvideoid" class="form" action="" method="GET">
    <label for="videoid">Video ID:</label>
    <input id="videoid" type="text" name="videoID" placeholder="YouTube video ID" required minlength="5">
    <button id="submitvideoid" type="button">View segments</button>
  </form>`;

  GM_addStyle(`
    .form {
      display: flex;
      flex-direction: row;
      place-items: center;
      align-items: stretch;
      width: clamp(200px, 100%, 600px);
      margin: 8vw auto;
      gap: 8px;
      justify-content: center;
    }
    .form input {
      padding: 4px 6px;
    }
    .form label {
      place-self: center;
    }`);

  const videoidEl = document.querySelector('#videoid');
  const submitvideoidEl = document.querySelector('#submitvideoid');
  videoidEl.addEventListener('paste', event => {
    const str = event.clipboardData.getData('text');
    if (str.startsWith('https') && str.includes('youtube.com')) {
      const url = new URL(str);
      videoidEl.value = url.searchParams.get('v');
      event.preventDefault();
    }
  });
  submitvideoidEl.addEventListener('click', event => {
    event.preventDefault();
    const form = document.forms.byvideoid;
    if (form.checkValidity()) {
      let videoID = form.videoid.value;
      if (videoID.startsWith('https') && videoID.includes('youtube.com')) {
        const url = new URL(videoID);
        videoID = url.searchParams.get('v');
      }
      window.location.href = `https://sb.ltn.fi/video/${videoID}/`;
    }
  });
})();

sb.ltn.fi.clickablestarttime.user.js

// ==UserScript==
// @name         SponsorBlock clickable startTime (sb.ltn.fi)
// @namespace    sb.ltn.fi.clickable.starttime
// @version      1.0.4
// @description  Makes the startTime clickable
// @author       Nanobyte
// @match        https://sb.ltn.fi/*
// @updateURL    https://gist.github.com/MRuy/ca74d6a359c487d760f4a698e76fb0d6/raw/sb.ltn.fi.clickablestarttime.user.js
// @downloadURL  https://gist.github.com/MRuy/ca74d6a359c487d760f4a698e76fb0d6/raw/sb.ltn.fi.clickablestarttime.user.js
// @grant        none
// ==/UserScript==

let videoId = '';
if (window.location.pathname.includes('/video/')) {
  const folders = window.location.pathname.split('/');
  const videoFolderIndex = folders.indexOf('video');
  if (videoFolderIndex !== -1) {
    videoId = folders[videoFolderIndex + 1];
  }
}
else {
  const searchParams = new URLSearchParams(window.location.search);
  if (searchParams.has('v')) {
    videoId = searchParams.get('v');
  }
}

(function() {
    'use strict';

    [...document.querySelectorAll('table')].forEach(table => {
      const headers = [...table.querySelectorAll('thead th')].map(item => item.textContent.trim());
      if (headers.includes('Start') && headers.includes('End')) {
        const startColumnIndex = headers.indexOf('Start');
        const videoIDColumnIndex = headers.indexOf('Video ID');
        const uuidColumnIndex = headers.indexOf('UUID');
        const rows = [...table.querySelectorAll('tbody tr')];

        rows.forEach(row => {
          const cellEl = row.children[startColumnIndex];
          if (videoIDColumnIndex !== -1) {
            videoId = row.children[videoIDColumnIndex].children[0].textContent.trim();
          }
          const UUID = row.children[uuidColumnIndex].querySelector('textarea').value;
          let content = cellEl.textContent.trim();
          const link = document.createElement('a');
          let startTimeSeconds = content.split('.')[0].split(':').map(s=>Number(s)).reverse().map((val,index) => {
            return [1, 60, 3600][index] * val;
          }).reduce((acc, curr)=>acc+curr, 0);
          link.textContent = content;
          link.style.color = 'inherit';
          const seekTime = Math.max(0, startTimeSeconds - 2);
          link.href = `https://www.youtube.com/watch?v=${videoId}${seekTime===0?'':'&t='+seekTime+'s'}#requiredSegment=${UUID}`;
          cellEl.innerHTML = '';
          cellEl.appendChild(link);
        });
      }
    });
})();

function wrapElement(target, el) {
  el.innerHTML = target.innerHTML;
  target.innerHTML = el.innerHTML
}

sb.ltn.fi.coloredcategories.user.js

// ==UserScript==
// @name         SponsorBlock colored categories (sb.ltn.fi)
// @namespace    sb.ltn.fi.sponsorblock.colored.categories
// @version      1.1.1
// @description  Color highlights categories
// @author       Nanobyte
// @match        https://sb.ltn.fi/*
// @updateURL    https://gist.github.com/MRuy/ca74d6a359c487d760f4a698e76fb0d6/raw/sb.ltn.fi.coloredcategories.user.js
// @downloadURL  https://gist.github.com/MRuy/ca74d6a359c487d760f4a698e76fb0d6/raw/sb.ltn.fi.coloredcategories.user.js
// @grant        GM_addStyle
// ==/UserScript==

const CATEGORIES = 'sponsor,intro,outro,interaction,selfpromo,music_offtopic,preview,poi_highlight,filler,exclusive_access'.split(',');
const COLORS = '#00d400,#00ffff,#0202ed,#cc00ff,#ffff00,#ff9900,#008fd6,#ff1684,#7300ff,#008a5c'.split(',');
const COLOR_LEN = COLORS.length;

let cssStyle = '.mruy_sbcc{padding:1px 4px;color:#000;display:inline-block;width:100%;border-radius:4px;}';
for (let i=0; i<COLOR_LEN; i++) {
  const color = COLORS[i];
  const category = CATEGORIES[i];
  cssStyle += `.mruy_sbcc_${category}{background-color:${color};}`;
}
GM_addStyle(cssStyle);

(function() {
    'use strict';

    [...document.querySelectorAll('table')].forEach(table => {
      const headers = [...table.querySelectorAll('thead th')].map(item => item.textContent.trim());
      if (headers.includes('Start') && headers.includes('End')) {
        const columnIndex = headers.indexOf('Category');
        const rows = [...table.querySelectorAll('tbody tr')];

        rows.forEach(row => {
          const categoryEl = row.children[columnIndex];
          const category = categoryEl.textContent.trim();
          const colorIndex = CATEGORIES.indexOf(category);
          if (colorIndex !== -1) {
            wrapElementWithColor(categoryEl, category);
          }
        });
      }
    });
})();

function wrapElementWithColor(el, category) {
  el.innerHTML = `<span class="mruy_sbcc mruy_sbcc_${category}">${el.innerHTML}</span>`;
}

sb.ltn.fi.lastupdate.user.js

// ==UserScript==
// @name         SponsorBlock last update (sb.ltn.fi)
// @namespace    sponsorblock.sbltnfi.lastupdate
// @version      1.0.0
// @description  Show the last update time on top center
// @author       Nanobyte
// @match        https://sb.ltn.fi/*
// @updateURL    https://gist.github.com/MRuy/ca74d6a359c487d760f4a698e76fb0d6/raw/sb.ltn.fi.lastupdate.user.js
// @downloadURL  https://gist.github.com/MRuy/ca74d6a359c487d760f4a698e76fb0d6/raw/sb.ltn.fi.lastupdate.user.js
// @grant        none
// ==/UserScript==

let date, updateTimeEl;
const rtf = new Intl.RelativeTimeFormat('en', { style: 'long' });

(function() {
  'use strict';
  const col = document.querySelector('.container-fluid .row:last-child .col:first-child');
  const str = col.textContent.trim();
  if (str.includes('Last update:') && str.includes('All times UTC')) {
    const dateStr = str.split('Last update:')[1].split('All times UTC')[0].trim();
    let [_, year, month, day, hour, minute, second] = dateStr.match(/(\d+)\-(\d+)\-(\d+)\s(\d+)\:(\d+)\:(\d+)/);
    date = Date.UTC(year, Number(month) - 1, day, hour, minute, second);
    const div = document.createElement('div');
    div.style.position = 'fixed';
    div.style.left = '50%';
    div.style.top = '0';
    div.style.padding = '4px 8px';
    div.style.transform = 'translateX(-50%)';
    div.style.color = 'white';
    div.style.font = 'normal 16px sans-serif';
    div.style.textShadow = '0 0 6px black';
    div.textContent = `...`;
    document.body.appendChild(div);
    updateTimeEl = div;
    updateTime();
    setInterval(updateTime, 1000);
  }
})();

function updateTime() {
  const now = Date.now();
  const diffMs = now - date;
  const diffSeconds = Math.round(diffMs / 1000);
  let updatedText = '';
  if (diffSeconds < 60) {
    updatedText = rtf.format(-diffSeconds, 'second');
  } else {
    const diffMinutes = Math.round(diffSeconds / 60);
    updatedText = rtf.format(-diffMinutes, 'minute');
  }
  updateTimeEl.textContent = `Last update: ${updatedText}`;
}

sb.ltn.fi.similarsegments.user.js

// ==UserScript==
// @name         SponsorBlock similar segments (sb.ltn.fi)
// @namespace    sb.ltn.fi.sponsorblock.similar.segments
// @version      1.1.0
// @description  Color highlights segments that are similar on sb.ltn.fi (Only works on video page sorted by starttime)
// @author       Nanobyte
// @match        https://sb.ltn.fi/*videoid=*sort=*starttime*
// @match        https://sb.ltn.fi/video/*/*sort=*starttime*
// @match        https://sb.ltn.fi/uuid/*/*?sort=starttime*
// @updateURL    https://gist.github.com/MRuy/ca74d6a359c487d760f4a698e76fb0d6/raw/sb.ltn.fi.similarsegments.user.js
// @downloadURL  https://gist.github.com/MRuy/ca74d6a359c487d760f4a698e76fb0d6/raw/sb.ltn.fi.similarsegments.user.js
// @grant        none
// ==/UserScript==

const COLORS = '#278ecf,#4bd762,#ffca1f,#ff9416,#d42ae8,#535ad7,#ff402c,#83bfff,#6edb8f,#ffe366,#ffc266,#d284bd,#8784db,#ff7b65,#caeefc,#9adbad,#fff1b2,#ffe0b2,#ffbeb2,#b1afdb'.split(',');
const COLOR_LEN = COLORS.length;

(function() {
    'use strict';

    [...document.querySelectorAll('table')].forEach(table => {
      const headers = [...table.querySelectorAll('thead th')].map(item => item.textContent.trim());
      if (headers.includes('Start') && headers.includes('End')) {
        const startIndex = headers.indexOf('Start');
        const endIndex = headers.indexOf('End');
        const rows = [...table.querySelectorAll('tbody tr')];

        let lastStarttime = 0;
        let lastEndtime = 0;
        let matchGroupIndex = 0;
        rows.forEach(row => {
          const startEl = row.children[startIndex];
          const endEl = row.children[endIndex];
          const start = parseTime(startEl.textContent.trim());
          const end = parseTime(endEl.textContent.trim());

          if (isInRange(lastStarttime, start) && isInRange(lastEndtime, end)) {
            let color = COLORS[matchGroupIndex % COLOR_LEN];
            wrapElementWithColor(startEl, color);
            wrapElementWithColor(endEl, color);
          } else {
            matchGroupIndex++;
            let color = COLORS[matchGroupIndex % COLOR_LEN];
            wrapElementWithColor(startEl, color);
            wrapElementWithColor(endEl, color);
          }
          lastStarttime = start;
          lastEndtime = end;
        });
      }
    });
})();

function parseTime(str) {
  const [hours, minutes, seconds] = str.split(':').map(str => parseFloat(str));
  return seconds + (minutes * 60) + (hours * 3600);
}

function isInRange(val1, val2, offset=2) {
  if (val1 > val2 - offset && val1 < val2 + offset) {
    return true;
  }
  return false;
}

function wrapElementWithColor(el, color) {
  let wrapper = document.createElement("td");
  el.parentNode.insertBefore(wrapper, el);
  el.style = `padding:1px 4px;color:#000;width:100%;border-radius:4px;background:${color}`
  wrapper.appendChild(el)
}

sb.ltn.fi.sponsorblock.paste.ytlink.user.js

// ==UserScript==
// @name         SponsorBlock Paste YT-Link (sb.ltn.fi)
// @namespace    sb.ltn.fi.sponsorblock.paste.ytlink
// @version      1.0.1
// @description  Just paste the YT-Link into the videoID field
// @author       Nanobyte
// @match        https://sb.ltn.fi/*
// @updateURL    https://gist.github.com/MRuy/ca74d6a359c487d760f4a698e76fb0d6/raw/sb.ltn.fi.sponsorblock.paste.ytlink.user.js
// @downloadURL  https://gist.github.com/MRuy/ca74d6a359c487d760f4a698e76fb0d6/raw/sb.ltn.fi.sponsorblock.paste.ytlink.user.js
// @grant        none
// ==/UserScript==

(function() {
  'use strict';
  const YT_VIDEOID_REGEXP = new RegExp('^[0-9A-Za-z_-]{10}[048AEIMQUYcgkosw]$');
  const videoIdField = document.getElementById('id_videoid');
  if (!videoIdField) return false;
  videoIdField.addEventListener('input', event => {
    let str = videoIdField.value;
    if (str.includes('http')) {
      const url = new URL(str);
      if (url.searchParams.has('v')) {
        str = url.searchParams.get('v');
      }
      if (url.host === 'youtu.be') {
        str = url.pathname.substring(1);
      }
      if (YT_VIDEOID_REGEXP.test(str)) {
        videoIdField.value = str;
      }
    }
  });
})();