Remove SpellTable player and search bar from the window for cleaner recordings.

00_README.md

SpellTable Chromeless

When recording content over SpellTable the title bar with the player's name, commander, and life total are not wanting to be shown as that content is added in post-production.

1. Open SpellTable link in spectate mode
2. Right-click to open the context menu
3. Select "Inspect"
4. From the DevTools window, select the "Console" tab
5. Copy and paste the JavaScript code

01_content.js

function removePlayerBars() {
  console.log("Remove all player bars")
  let playerBars = document.getElementsByClassName("absolute inset-x-0 top-0 block z-30")

  Array.from(playerBars).forEach(playerBar => playerBar.remove());
}

function removePlayerBarsInBeta() {
  console.log("Remove all player bars when on beta.spelltable.com")
  let playerBars = document.getElementsByClassName("w-full px-2 py-1 flex items-center bg-black-50 hover:bg-black-75 transition-colors ease-in-out duration-200")
  Array.from(playerBars).forEach(playerBar => playerBar.remove());
}

function removeSidebar() {
  console.log("Remove the sidebar")

  let sideBars = document.getElementsByClassName("h-full flex flex-col overflow-hidden bg-surface-medium transition-all ease-in-out duration-200 w-drawer-md-full md:w-drawer-lg-full")

  Array.from(sideBars).forEach(sideBar => sideBar.remove());
}

function removeCurrentTurnHighlightOnce() {
  console.log("Remove the current turn highlight once")

  const borderClassName = "border-st-orange-normal";
  let highlightBorder = document.getElementsByClassName(borderClassName);

  Array.from(highlightBorder).forEach(highlight => highlight.classList.remove(borderClassName))
}

removePlayerBars()
removePlayerBarsInBeta()
removeSidebar()
removeCurrentTurnHighlightOnce()