OldTwitch

A browser extension to bring back the old Twitch look.

For the moment, please download OldTwitch from the Actions page for more recent builds, or the Releases page for older builds

Screenshots

Screenshots taken from dev3:0.0.4

The Twitch index/home page, displaying featured streams & games.


The Twitch watch page, showing the streamer, "fightinggm_tk", playing, "Like a Dragon: Pirate Yakuza in Hawaii" in the center, & their chat on the right.


The Twitch category page, showing streams, videos (known as VODs) & clips of the Twitch category, "Software and Game Development".


The Twitch discovery page, showing categories that the current user follows & other categories that Twitch recommends.

Installing for YOU!

1. ⚠️ IMPORTANTE!!! ⚠️ Make sure you're logged into a GitHub account, or else you can't download any files from the Actions tab, which is where the Beta / Dev builds are stored.
2. Go to the OldTwitch build-n-pack workflow in the Actions tab and click on the latest workflow run at the top of the list.
3. Download the Artifact for your browser (For Chrome, Opera, Brave, etc. users: get the Chromium-based Build. For Firefox, Zen, Waterfox, etc. users: get the Firefox-based build).
4. If you're not using a Firefox-based browser, extract all the files from the ZIP file into a folder.
5. Load the extension on your browser, which is explained below.

Chromium browsers (Chrome, Opera, Brave).

• For Chromium-based browsers, open a new tab and go to chrome://extensions.
• Make sure the Developer mode switch is enabled at the top right.
• Click on Load unpacked at the top left, and navigate to the folder which has the extension.

Firefox-based browsers!!!

Before going about this, please make sure you disable xpinstall.signatures.required in your about:config.

• Go to about:addons
• Click on the gear icon below the search bar at the top right of the page, and click on Install Add-on From Files...
• Navigate to the ZIP file of the extension.

Want to learn about stuff behind the scenes?

• Learn about the GQL operations & Hermes WebSocket

Todo

• add the whole 2018 & 2015 twitch site.

  • 2018: https://web.archive.org/web/20180223002421mp_/https://www.twitch.tv/, https://web.archive.org/web/20180223010527/https://www.twitch.tv/xqcow & https://youtu.be/DdQM-YauwJk?t=90s
  • 2014/15: https://web.archive.org/web/20140430170345_/http://www.twitch.tv/, https://web.archive.org/web/20130930055945/http://www.twitch.tv/imaqtpie

• remove/replace unused css within 2018/css/main.css. (might just remove the unused ones tbh)

• make the extension replace the select pages with custom ones.

  • make the page replacer better, aka no need to fully replace or refresh the current page.

• update noticer when user updates to a newer version of the extension

  • show different update notices for dev builds?

• multi-language support

  • get the basis down
  • make documentation
  • make a pirate talk language as a "sample" language lmao

• get an api key or something to get the user's stats, such as following, recommends, etc. and also use for streamer stats.

• figure out how to get PubSub to worky

• figure out how to get Hermes WS to worky

• finish home page.

• get channel list working.

  • channel list show all button.
  • figure out why the following list in the channel list doesn't fetch sometimes.
  • channel list show more & less buttons.

• stream page.

  • optional: make custom stream player using hls.js or some shit.
  • figure out why channel points can't be redeemed over time while watching a stream.
  • show list of streamer's vods & clips via a little category page added within the watch page.
  • make the stupid svgs for the stuff on the stream info thingy idk what to call it lmao.
  • sort bar working for this page.
    • find clips by one day to all time & find videos, highlights, & archives
    • save selected option for each sort bar.
    • (possible addition) allow user to set amount of edges (vods/clips/etc.) to get back.
  • follow & unfollow. (might be impossible cuz of the client-integrity value)

• discovery page.

  • game pages.
    • sort bar working for this page.
  • the "all" discovery page found via home page or the "Browse" button.
  • sort bar working for this page.

• vods & clips. (base page, not like viewing a list of em on a channel)

  • make clips.twitch.tv/[clip] go to OldTwitch clips page
  • download page? (maybe for clips, not sure about vods)

• subscribe button for those with sub page.

• share button.

• sidebar minimize buttons.

• detect if a user is logged in

  • make custom balloon with list of buttons that would appear when clicking

• search page &/or bar.

• settings page.

• get 7tv to somehow inject into a embeds. (just use the ffz extension & install the 7tv plugin, works like a charm)

• make scripts & css for embedded video & chat. (video & live stream css is up, chat - not yet - have to make)