DON'T replace files in the bundle with files created by somebody else (especially if you don't trust sender OR you don't know the origin of those files)

0. Prerequisites

• HTTP Status - https://github.com/opl-/beatsaber-http-status/releases
  • HTTP Status has own (2) dependencies! (https://github.com/opl-/beatsaber-http-status#manual)
    • BS Utils (most likely you already have this if you have modded beatsaber)
    • websocket-sharp (https://beatmods.com/#/mods)

1. Download release from releases page (https://github.com/Duelsik/beatsaber-counter-widget/releases/)
2. Unzip to empty (separate) folder
3. Add (drag&drop works) index.html from unpacked folder to obs scene.

(I am thinking about adding support for datapuller)

No configuration required, but you might want to change styles.css and/or config.js.

• Configuration basics (you can open css and js files in notepad or pretty much any text editor):
  • To change colors/appearance use styles.css
  • To change the text displayed in widget:
    • Go to config.js
    • Locate line with return `Bloqs booped ${notesCut}`;
    • Replace content between backticks (`) and use ${notesCut} as a place where number will be displayed.
      • For example:
        • If you want to display "Box destroyed: 12312 (and counting)"
        • Then this line should be return `Box destroyed: ${notesCut} (and counting)`;
  • To change colors/appearance of "perfect cuts" use stylesPerfectCuts.css
  • To change bahavior of "perfect cuts" use configPerfectCuts.js (note it doesn't fully work, I need to add more params to perfect cuts to make it fully customisable, but I am starting stream in 5 minutes so I wanted to just push out 0.0.2, sorry <3)

If you add "?dev" at the end of address - widget will automagically generate events.

• Have node@16 installed, or use nvm and run nvm use in project root dir
• Install packages using yarn
• Build project via yarn build or start dev server via yarn start

Feel free to write to me if you want to request some feature or you have problems with config.

Discord server: https://discord.gg/vKAsUUs discord channel: #overlay-widget-bloq-counter