Tiktok sort by view+

Click the video tab on tiktok user page to sort video by views and click again to restore order!

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:zh-CN         Tiktok 按点击排序 优化版
// @name               Tiktok sort by view+
// @namespace          http://tampermonkey.net/
// @version            0.1.0
// @description        Click the video tab on tiktok user page to sort video by views and click again to restore order!
// @description:zh-cn  点击用户主页的视频Tab按点击排序,再点一次取消排序!
// @author             You
// @match              https://www.tiktok.com/@*
// @icon               https://www.google.com/s2/favicons?sz=64&domain=tiktok.com
// @grant              none
// @license            MIT
// ==/UserScript==

const multiplierMap = {
  k: 10 ** 3,
  m: 10 ** 6,
  b: 10 ** 9,
}

const sort = () => {
  const box = document.querySelector('[data-e2e="user-post-item-list"]');
  const items = Array.from(box.children).map(v => {
      const viewsString = v.querySelector('[data-e2e="video-views"]').textContent.trim();
      const views = isNaN(viewsString) ? parseFloat(viewsString.slice(0, -1)) * multiplierMap[viewsString.at(-1).toLowerCase()] : parseFloat(viewsString)
      return [v, views]
    })
    .sort((a, b) => b[1] - a[1])

    const sorted = items.every(v => v[0].style.order)

    items.forEach((v, i) => {
      v[0].style.order = sorted
        ? ''
        : String(i + 1)
    })
}

const sleep = time => new Promise(rs => setTimeout(rs, time))
const main = async () => {
  while(true) {
    await sleep(500)
    const videoTab = document.querySelector('[data-e2e="videos-tab"]')
    if (!videoTab) continue
    videoTab.addEventListener('click', sort)
    break
  }
}
main()