NipahTV

https://github.com/xzensi/nipahtv
Admin
NipahTV is a browser extension that enhances the Kick chat experience by integrating emotes from...
Tokens:2,267
Snippets:26
Trust Score:4.8
Update:3 months ago
Show doc for...
Tokens:
Raw
### Google Analytics Initialization

Source: https://github.com/xzensi/nipahtv/blob/master/web/seventv_compatibility.html

Configures the global dataLayer and initializes Google Analytics tracking.

```javascript
window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments) } gtag('js', new Date()) gtag('config', 'G-ZK75GYKWMX')
```

--------------------------------

### Configure VS Code Build Task

Source: https://github.com/xzensi/nipahtv/blob/master/readme.md

Keybinding configuration to trigger formatting, saving, and building on file save for TypeScript files.

```json
[
	{
		"key": "ctrl+s",
		"command": "runCommands",
		"when": "editorTextFocus && !editorReadonly && resourceExtname == .ts",
		"args": {
			"commands": [
				"editor.action.formatDocument",
				"workbench.action.files.saveAll",
				"workbench.action.tasks.build"
			]
		}
	}
]
```

--------------------------------

### Initialize Google Analytics and Emote Animation

Source: https://github.com/xzensi/nipahtv/blob/master/web/index.html

Configures Google Analytics and initializes a randomized emote animation loop for the banner section.

```javascript
window.dataLayer = window.dataLayer || [] function gtag() { dataLayer.push(arguments) } gtag('js', new Date()) gtag('config', 'G-ZK75GYKWMX') const emojis = [ 'peped', 'petthemods', 'pog', 'pogu', 'prayge', 'ratjam', 'sniffa', 'sussy', 'xdd', 'bedge', 'booba', 'clueless', 'donowall', 'gigachad', 'hmm', 'huh', 'letsgo', 'monkasteer', 'noooo', 'omegalul', 'ooo', 'peepodj', 'peepohey', 'peeporiot', 'peeposhy' ] function debounce(func, wait, immediate) { let timeout return function () { const context = this const args = arguments const later = function () { timeout = null if (!immediate) func.apply(context, args) } const callNow = immediate && !timeout clearTimeout(timeout) timeout = setTimeout(later, wait) if (callNow) func.apply(context, args) } } function splitmix32(a) { return function () { a |= 0 a = (a + 0x9e3779b9) | 0 let t = a ^ (a >>> 16) t = Math.imul(t, 0x21f0aaad) t = t ^ (t >>> 15) t = Math.imul(t, 0x735a2d97) return ((t = t ^ (t >>> 15)) >>> 0) / 4294967296 } } const prng = splitmix32((Math.random() * 2 ** 32) >>> 0) const interval = 500 const imgSize = 48 const rand = Math.random let clientWidth = document.body.clientWidth const emotesBox = document.querySelector('#banner .emotes_box') const createElement = document.createElement.bind(document) function loop(width) { if (width !== clientWidth) return const emoji = emojis[(prng() * emojis.length) << 0] const img = createElement('img') img.src = `img/emotes/${emoji}.webp` img.style.position = 'absolute' img.style.left = `${prng() * 100}%` img.addEventListener('animationend', img.remove) emotesBox.appendChild(img) requestAnimationFrame(() => { setTimeout(loop.bind(this, width), prng() * interval + interval / 2) }) } const loopCount = document.body.clientWidth / 700 for (let i = loopCount; i > 0; i--) loop(clientWidth) function resize() { if (clientWidth === document.body.clientWidth) return clientWidth = document.body.clientWidth const loopCount = document.body.clientWidth / 700 + 0.5 for (let i = loopCount; i > 0; i--) loop(clientWidth) } window.addEventListener('resize', debounce(resize, 500))
```

--------------------------------

### Git Feature Branch Workflow

Source: https://github.com/xzensi/nipahtv/blob/master/readme.md

Standard commands for creating and pushing a new feature branch during contribution.

```bash
git checkout -b feature/AmazingFeature
```

```bash
git commit -m 'Add some AmazingFeature'
```

```bash
git push origin feature/AmazingFeature
```

--------------------------------

### Detect Browser and Initialize Analytics

Source: https://github.com/xzensi/nipahtv/blob/master/web/userscript.html

Determines the current browser to set the active UI tab and configures the Google Analytics data layer.

```javascript
const browser = (function (agent) { switch (true) { case agent.indexOf("edge") > -1: return "ms\_edge" case agent.indexOf("edg") > -1: return "ms\_edge" case agent.indexOf("opr") > -1 && !!window.opr: return "opera" case agent.indexOf("chrome") > -1 && !!window.chrome: return "chrome" case agent.indexOf("firefox") > -1: return "firefox" case agent.indexOf("safari") > -1: return "safari" } })(window.navigator.userAgent.toLowerCase()); if (browser === 'firefox') { document.getElementById('tab2').checked = true } else if (browser === 'ms\_edge') { document.getElementById('tab3').checked = true } else if (browser === 'opera') { document.getElementById('tab4').checked = true } else if (browser === 'safari') { document.getElementById('tab5').checked = true } window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-ZK75GYKWMX');
```

--------------------------------

### Browser Detection and Tab Selection

Source: https://github.com/xzensi/nipahtv/blob/master/web/seventv_compatibility.html

Detects the current browser via user agent and automatically selects the corresponding UI tab.

```javascript
;(async () => { const browser = await (async function (agent) { if ((navigator.brave && (await navigator.brave.isBrave())) || false) return 'brave' switch (true) { case agent.indexOf('edge') > -1: return 'ms_edge' case agent.indexOf('edg') > -1: return 'ms_edge' case agent.indexOf('opr') > -1 && !!window.opr: return 'opera' case agent.indexOf('chrome') > -1 && !!window.chrome: return 'chrome' case agent.indexOf('firefox') > -1: return 'firefox' case agent.indexOf('safari') > -1: return 'safari' } })(window.navigator.userAgent.toLowerCase()) if (browser === 'brave') { document.getElementById('tab1').checked = true } else if (browser === 'chrome') { document.getElementById('tab2').checked = true } else if (browser === 'firefox') { document.getElementById('tab3').checked = true } else if (browser === 'ms_edge') { document.getElementById('tab4').checked = true } else if (browser === 'opera') { document.getElementById('tab5').checked = true } })()
```
Tokens:
Raw