### AJAX Request Setup

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

Configures default AJAX settings, including URL, method, data types, and content type. Use `ajaxSetup` to modify these defaults globally.

```javascript
S.ajaxSetup=function(e,t){
	return Ft(Ft(e,S.ajaxSettings),t)
}
```

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

### Download a VOD using TwitchDownloaderCLI

Source: https://github.com/lay295/twitchdownloader/blob/master/README.md

Example command to download a VOD using its ID and specify an output file. Replace <vod-id-here> with the actual VOD ID.

```bash
./TwitchDownloaderCLI videodownload --id <vod-id-here> -o out.mp4
```

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

### Download FFmpeg using TwitchDownloaderCLI

Source: https://github.com/lay295/twitchdownloader/blob/master/README.md

Use the TwitchDownloaderCLI to automatically download the FFmpeg executable. This is an alternative to manual installation.

```shell
TwitchDownloaderCLI.exe ffmpeg --download
```

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

### Render Chat with Custom Settings

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCLI/README.md

Render a chat log into a video with custom resolution, framerate, and message outline settings. Ensure FFmpeg is installed and configured.

```bash
./TwitchDownloaderCLI chatrender -i chat.json -h 1440 -w 720 --framerate 60 --outline -o chat.mp4
```

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

### jQuery GET and POST Helpers

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

Shorthand methods for making GET and POST requests. `jQuery.get` is a shortcut for `jQuery.ajax` with method 'GET', and `jQuery.post` is a shortcut for 'POST'.

```javascript
jQuery.each(["get", "post"], function(e, i) {
    jQuery[i] = function(e, t, n, r) {
        return m(t) && (r = r || n, n = t, t = void 0),
        S.ajax(S.extend({ url: e, type: i, dataType: r, data: t, success: n }, S.isPlainObject(e) && e))
    }
})
```

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

### Download FFmpeg using TwitchDownloaderCLI

Source: https://github.com/lay295/twitchdownloader/blob/master/README.md

Use TwitchDownloaderCLI to download the FFmpeg executable if it's not already installed. This is often required for video processing.

```bash
./TwitchDownloaderCLI ffmpeg --download
```

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

### Get Modal Configuration

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

Merges default options with provided configuration and performs type checking. Use this to get the validated configuration object.

```javascript
p._getConfig=function(t){return t=r({},a,t),P.typeCheckConfig(e,t,l),t}
```

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

### Flexible Pagination Initialization

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

Initializes a flexible pagination component on a container element. This setup includes options for controlling the number of items per page, search functionality, and custom CSS classes for pagination buttons.

```javascript
let flexiblePagination = $('#content').flexiblePagination({
    pagingControlsContainer: "#pagingControls",
    pagingContainer: "#content",
    itemSelector: ".comment-root:visible",
    itemsPerPageSelector: ".itemPerPageDropDown",
    /* Paragraphs Per Page */
    searchBoxSelector: '.searchBox',
    itemsPerPage: 100,
    currentPage: 1,
    css: {
        btnNumberingClass: "btn btn-sm btn-primary",
        btnActiveClass: "btn btn-sm btn-secondary"
    },
});
```

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

### Force Update

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCLI/README.md

Check for newer versions of TwitchDownloaderCLI and immediately download and install it if an update is available. The `--force` flag ensures the check and download occur.

```bash
./TwitchDownloaderCLI update --force
```

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

### Tooltip Event Listener Setup

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

Sets up event listeners for showing and hiding tooltips based on the configured trigger events (e.g., 'click', 'hover', 'focus'). It also handles closing tooltips when a parent modal is hidden.

```javascript
I._setListeners=function(){var e=this;this.config.trigger.split(" ").forEach(function(n){if("click"===n)t(e.element).on(e.constructor.Event.CLICK,e.config.selector,function(t){return e.toggle(t)});else if(n!==C){var i=n===E?e.constructor.Event.MOUSEENTER:e.constructor.Event.FOCUSIN,s=n===E?e.constructor.Event.MOUSELEAVE:e.constructor.Event.FOCUSOUT;t(e.element).on(i,e.config.selector,function(t){return e._enter(t)}).on(s,e.config.selector,function(t){return e._leave(t)})}t(e.element).closest(".modal").on("hide.bs.modal",function(){return e.hide()})}),this.config.selector?this.config=r({},this.config,{trigger:"manual",selector:""}):this._fixTitle()}
```

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

### Event Delegation Setup in jQuery

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

Sets up event delegation for events that bubble up the DOM tree. This is efficient for handling events on dynamically added elements.

```javascript
function Se(e, i, o) {
    o ? (Y.set(e, i, !1), S.event.add(e, i, {
        namespace: !1,
        handler: function(e) {
            var t, n, r = Y.get(this, i);
            if (1 & e.isTrigger && this[i]) {
                if (r.length) (S.event.special[i] || {}).delegateType && e.stopPropagation();
                else if (r = s.call(arguments), Y.set(this, i, r), t = o(this, i), this[i](), r !== (n = Y.get(this, i)) || t ? Y.set(this, i, !1) : n = {},
                r !== n) return e.stopImmediatePropagation(), e.preventDefault(), n && n.value
            } else r.length && (Y.set(this, i, { value: S.event.trigger(S.extend(r[0], S.Event.prototype), r.slice(1), this) }), e.stopImmediatePropagation())
        }
    })) :
    void 0 === Y.get(e, i) && S.event.add(e, i, we)
}
```

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

### Run zsh under Rosetta 2 (macOS Apple Silicon)

Source: https://github.com/lay295/twitchdownloader/blob/master/README.md

Command to start a zsh terminal session under Rosetta 2 emulation. This is necessary to run x64 binaries on Apple Silicon Macs if not using the arm64 version.

```bash
arch -x86_64 zsh
```

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

### Display Help

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCLI/README.md

Print the available operations for TwitchDownloaderCLI. This is a general help command to see all possible actions.

```bash
./TwitchDownloaderCLI help
```

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

### Navigate to GUI Build Folder

Source: https://github.com/lay295/twitchdownloader/blob/master/README.md

Change directory to the publish output folder for the TwitchDownloaderWPF application on Windows x64.

```bash
cd TwitchDownloaderWPF/bin/Release/net10.0-windows/publish/win-x64
```

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

### Scrollspy Get Config Method

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

Gets and validates the configuration for the scrollspy. Ensures the target is a valid selector and merges with default options.

```javascript
g._getConfig=function(n){if("string"!=typeof(n=r({},a,n)).target){var i=t(n.target).attr("id");i||(i=P.getUID(e),t(n.target).attr("id",i)),n.target="#"+i}return P.typeCheckConfig(e,n,l),n}
```

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

### Display VOD Downloader Help

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCLI/README.md

Print the available options specifically for the VOD downloader. Use this to see all parameters for downloading VODs.

```bash
./TwitchDownloaderCLI videodownload --help
```

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

### Scrollspy Get Offset Height Method

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

Gets the visible height of the scroll element. Returns window height if the scroll element is the window, otherwise the element's bounding client rect height.

```javascript
g._getOffsetHeight=function(){return this._scrollElement===window?window.innerHeight:this._scrollElement.getBoundingClientRect().height}
```

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

### Build TwitchDownloader CLI

Source: https://github.com/lay295/twitchdownloader/blob/master/README.md

Publish the TwitchDownloaderCLI project. Replace <Profile> with the desired target platform (e.g., Windows, Linux, MacOS).

```bash
dotnet publish TwitchDownloaderCLI -p:PublishProfile=<Profile>
```

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

### Navigate to TwitchDownloader Solution Folder

Source: https://github.com/lay295/twitchdownloader/blob/master/README.md

Change the current directory to the root of the cloned TwitchDownloader repository. This is where the solution file is located.

```bash
cd TwitchDownloader
```

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

### Get and Set CSS Properties with jQuery

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

Use the .css() method to get or set CSS properties for elements. It accepts a property name and value, or an object of properties and values. For multiple properties, it returns an object.

```javascript
S.fn.extend({css:function(e,t){return $(this,function(e,t,n){var r,i,o={},a=0;if(Array.isArray(t)){for(r=Re(e),i=t.length;a<i;a++)o[t[a]]=S.css(e,t[a],!1,r);return o}return void 0!==n?S.style(e,t,n):S.css(e,t)},e,t,1<arguments.length)}})
```

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

### Scrollspy Get Scroll Height Method

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

Calculates the total scrollable height of the document or scroll element.

```javascript
g._getScrollHeight=function(){return this._scrollElement.scrollHeight||Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)}
```

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

### Build TwitchDownloader GUI

Source: https://github.com/lay295/twitchdownloader/blob/master/README.md

Publish the TwitchDownloaderWPF project for Windows. This command compiles and packages the GUI application.

```bash
dotnet publish TwitchDownloaderWPF -p:PublishProfile=Windows
```

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

### jQuery Height and Width Functions

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

Extends jQuery with functions to get and set inner, outer, and content dimensions of elements.

```javascript
S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,""Х:"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return $(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})})
```

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

### Navigate to CLI Build Folder

Source: https://github.com/lay295/twitchdownloader/blob/master/README.md

Change directory to the publish output folder for the TwitchDownloaderCLI application.

```bash
cd TwitchDownloaderCLI/bin/Release/net10.0/publish
```

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

### CSS Property Prefixes and Aliases

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

Utility function to get vendor-prefixed CSS property names or aliases, ensuring cross-browser compatibility.

```javascript
function ze(e){var t=S.cssProps[e]||_e[e];return t||(e in $e?e:_e[e]=function(e){var t=e[0].toUpperCase()+e.slice(1),n=Be.length;while(n--)if((e=Be[n]+t)in $e)return e}(e)||e)}
```

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

### Scrollspy Get Scroll Top Method

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

Returns the current vertical scroll position. Handles both window scrolling and scrolling within a specific element.

```javascript
g._getScrollTop=function(){return this._scrollElement===window?this._scrollElement.pageYOffset:this._scrollElement.scrollTop}
```

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

### Flexible Pagination Initialization

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

Initializes the Flexible Pagination plugin with default or custom configuration options.

```javascript
var Flexible=void 0===Flexible?{}:Flexible;Flexible.Pagination=function(e){var g=this,a={};a.pagingControlsContainer="#pagingControls",a.pagingContainer="#content",a.itemSelector=".item:visible",a.itemsPerPageSelector=".itemPerPageDropDown",a.itemsPerPage=1,a.currentPage=1,a.searchBoxSelector=".searchBox",a.searchPhrase="",a.showingInfoSelector=".showingInfo",a.displayedPages=10,a.showGotoFirst=!0,a.showGotoLast=!0,a.showPrevious=!0,a.showNext=!0,a.btnFirstText="<<",a.btnLastText=">>",a.btnNextText=">",a.btnPreviousText="<",a.css={},a.css.paginationLayout="<style> "+a.pagingControlsContainer+" ul{display:inline; padding-left: 0.2em} "+a.pagingControlsContainer+" li{display:inline; padding-left: 0.2em}",a.css.btnNumberingClass="btn btn-sm btn-primary",a.css.btnActiveClass="btn btn-sm btn-default",a.css.btnFirstClass=a.css.btnNumberingClass,a.css.btnLastClass=a.css.btnNumberingClass,a.css.btnNextClass=a.css.btnNumberingClass,a.css.btnPreviousClass=a.css.btnNumberingClass,a.dataSource={},a.ajax={},a.ajax.params={},a.ajax.url="",a.ajax.onSuccessCallBack=function(a){return console.log(a),a},a.ajax.onFailureCallBack=function(a){alert("Ajax Error - See Console for details!"),console.log(a)},a.searchBox={},a.searchBox.onClick=!1,a.searchBox.onClickSelector="",void 0===e&&(e=a);var b=function(b){return void 0===e[b]?a[b]:e[b]},d=function(c){var d=b("ajax"),e=a.ajax;return void 0===d[c]?e[c]:d[c]},c=function(c){var d=b("css"),e=a.css;return void 0===d[c]?e[c]:d[c]},f=function(c){var d=b("searchBox"),e=a.searchBox;return void 0===d[c]?e[c]:d[c]};this.itemsPerPageSelector=b("itemsPerPageSelector"),this.itemsPerPage=b("itemsPerPage"),this.currentPage=b("currentPage"),this.pagingControlsContainer=b("pagingControlsContainer"),this.pagingContainer=b("pagingContainer"),this.itemSelector=b("itemSelector"),this.showingInfoSelector=b("showingInfoSelector"),this.displayedPages=b("displayedPages"),this.numOfPages=0,this.searchBoxSelector=b("searchBoxSelector"),this.searchPhrase=b("searchPhrase"),this.showGotoFirst=b("showGotoFirst"),this.showGotoLast=b("showGotoLast"),this.showPrevious=b("showPrevious"),this.showNext=b("showNext"),this.btnFirstText=b("btnFirstText"),this.btnLastText=b("btnLastText"),this.btnPreviousText=b("btnPreviousText"),this.btnNextText=b("btnNextText"),this.dataSource=b("dataSource"),this.ajax=b("ajax"),this.ajax.params=d("params"),this.ajax.url=d("url"),this.ajax.onSuccessCall}
```

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

### Download VOD with Defaults

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCLI/README.md

Use this command to download a VOD using default settings. Ensure you replace the ID with the actual VOD ID.

```bash
./TwitchDownloaderCLI videodownload --id 612942303 -o video.mp4
```

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

### jQuery Property Handling

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

Provides methods for getting and setting properties on elements. Includes specific property hooks for elements like inputs and selects.

```javascript
S.fn.extend({prop:function(e,t){return $(this,S.prop,e,t,1<arguments.length)},removeProp:function(e){return this.each(function(){delete this[S.propFix[e]||e]})}}),S.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&S.isXMLDoc(e)||(t=S.propFix[t]||t,i=S.propHooks[t]),void 0!==n?i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]}}),S.propHooks.tabIndex={get:function(e){var t=S.find.attr(e,"tabindex");return t?parseInt(t,10):pt.test(e.nodeName)||dt.test(e.nodeName)&&e.href?0:-1}},S.propFix={"for":"htmlFor","class":"className"}),y.optSelected||(S.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var t=e.parentN}})
```

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

### Navigate to TwitchDownloaderCLI Directory (Linux)

Source: https://github.com/lay295/twitchdownloader/blob/master/README.md

Change the current directory to where the TwitchDownloaderCLI binary is extracted. This is a common step after downloading the pre-compiled binary.

```bash
cd directory/containing/TwitchDownloaderCLI
```

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

### jQuery CSS Getter

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

Internal function for getting the computed value of a CSS property, utilizing CSS hooks and falling back to computed styles.

```javascript
S.css:function(e,t,n,r){var i,o,a,s=X(t);return Xe.test(t)||(t=ze(s)),(a=S.cssHooks[t]||S.cssHooks[s])&&"get"in a&&(i=a.get(e,!0,n)),void 0===i&&(i=We(e,t,r)),"normal"===i&&t in Ge&&(i=Ge[t]),""===n||n?(o=parseFloat(i),!0===n||isFinite(o)?o||0:i):i}}
```

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

### Tooltip Initialization and Event Handling

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

Initializes a tooltip with various configuration options including placement, modifiers, and event handlers for creation and updates. Handles touch events and transitions for showing tooltips.

```javascript
ip)||t(r).appendTo(c),t(this.element).trigger(this.constructor.Event.INSERTED),this._popper=new n(this.element,r,{placement:h,modifiers:{offset:{offset:this.config.offset},flip:{behavior:this.config.fallbackPlacement},arrow:{element:v},preventOverflow:{boundariesElement:this.config.boundary}},onCreate:function(t){t.originalPlacement!==t.placement&&e._handlePopperPlacementChange(t)},onUpdate:function(t){e._handlePopperPlacementChange(t)}}),t(r).addClass(p),"ontouchstart"in document.documentElement&&t("body").children().on("mouseover",null,t.noop);var u=function(){e.config.animation&&e._fixTransition();var n=e._hoverState;e._hoverState=null,t(e.element).trigger(e.constructor.Event.SHOWN),n===d&&e._leave(null,e)}
```

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

### jQuery Attribute Handling

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

Provides methods for getting and setting attributes on elements. Includes custom attribute hooks for specific elements like input types.

```javascript
S.fn.extend({attr:function(e,t){return $(this,S.attr,e,t,1<arguments.length)},removeAttr:function(e){return this.each(function(){S.removeAttr(this,e)})}}),S.extend({attr:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return"undefined"==typeof e.getAttribute?S.prop(e,t,n):("undefined"==typeof e.getAttribute?S.prop(e,t,n):(1===o&&S.isXMLDoc(e)||(i=S.attrHooks[t.toLowerCase()])||(S.expr.match.bool.test(t)?ct:void 0)),void 0!==n?null===n?void S.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+""),n):i&&"get"in i&&null!==(r=i.get(e,t))?r:null==(r=S.find.attr(e,t))?void 0:r)},attrHooks:{type:{set:function(e,t){if(!y.radioValue&&"radio"===t&&A(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},removeAttr:function(e,t){var n,r=0,i=t&&t.match(P);if(i&&1===e.nodeType)while(n=i[r++])e.removeAttribute(n)}}),ct={set:function(e,t,n){return!1===t?S.removeAttr(e,n):e.setAttribute(n,n),n}},S.each(S.expr.match.bool.source.match(/\w+/g),function(e,t){var a=ft[t]||S.find.attr;ft[t]=function(e,t,n){var r,i,o=t.toLowerCase();return n||(i=ft[o],ft[o]=r,r=null!=a(e,t,n)?o:null,ft[o]=i),r}})
```

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

### Make TwitchDownloaderCLI Executable (Linux)

Source: https://github.com/lay295/twitchdownloader/blob/master/README.md

Grant execute permissions to the TwitchDownloaderCLI binary. This is required before you can run the application from the command line.

```bash
sudo chmod +x TwitchDownloaderCLI
```

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

### Download VOD, Chat, and Render Chat using CLI

Source: https://github.com/lay295/twitchdownloader/blob/master/README.md

Automate the process of downloading a VOD, its chat, and rendering the chat into a video using a Windows batch file. Requires TwitchDownloaderCLI.exe and ffmpeg.exe.

```bat
@echo off
set /p vodid="Enter VOD ID: "
TwitchDownloaderCLI.exe videodownload --id %vodid% --ffmpeg-path "ffmpeg.exe" -o %vodid%.mp4
TwitchDownloaderCLI.exe chatdownload --id %vodid% -o %vodid%_chat.json -E
TwitchDownloaderCLI.exe chatrender -i %vodid%_chat.json -h 1080 -w 422 --framerate 30 --update-rate 0 --font-size 18 -o %vodid%_chat.mp4
```

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

### Render Chat with Custom FFmpeg Arguments

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCLI/README.md

Render a chat log to video, providing custom FFmpeg arguments for advanced encoding control. The save path is automatically inserted into the provided arguments.

```bash
./TwitchDownloaderCLI chatrender -i chat.json --output-args='-c:v libx264 -preset veryfast -crf 18 -pix_fmt yuv420p "{save_path}"' -o chat.mp4
```

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

### Get Filtered Data

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

Retrieves and filters data based on a search phrase. If a search phrase is provided, it filters the data source; otherwise, it returns the entire data source.

```javascript
this.getData=function(){var b=g.searchPhrase.toLowerCase().split(" "),a=g.itemSelector;return(g.dataSource.length>0&&(a=g.dataSource),g.searchPhrase.length>0)?a.filter(function(c,a){return g.search($(a).html().replace(/<[^>]+>/g,"").toLowerCase(),b)}):a}
```

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

### Initialize Pagination Controller

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

Initializes the pagination controller if it's null and returns the controller instance. This function ensures that pagination is set up before it's used.

```javascript
this.getController=function(){return null==this.controller&&(this.init(),this.controller=new Flexible.PaginationController(this)),this.controller}
```

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

### AJAX Prefilter for Script Requests

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

This prefilter is applied to script requests. It ensures caching is disabled if not explicitly set and forces the request type to GET for cross-domain script requests.

```javascript
S.ajaxPrefilter("script", function(e) {
  void 0 === e.cache && (e.cache = !1),
  e.crossDomain && (e.type = "GET")
})
```

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

### jQuery valHooks for Select Elements

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

Provides custom logic for getting and setting the value of select elements. It handles single and multiple selections, returning an array for multiple selects.

```javascript
S.extend({valHooks:{option:{get:function(e){var t=S.find.attr(e,"value");return null!=t?t:ht(S.text(e))}},select:{get:function(e){var t,n,r,i=e.options,o=e.selectedIndex,a="select-one"===e.type,s=a?null:[],u=a?o+1:i.length;for(r=o<0?u:a?o:0;r<u;r++)if(((n=i[r]).selected||r===o)&&!n.disabled&&(!n.parentNode.disabled||!A(n.parentNode,"optgroup"))){if(t=S(n).val(),a)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=S.makeArray(t),a=i.length;while(a--)((r=i[a]).selected=-1<S.inArray(S.valHooks.option.get(r),o))&&(n=!0);return n||(e.selectedIndex=-1),a}}}})
```

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

### Make FFmpeg Executable (Standalone)

Source: https://github.com/lay295/twitchdownloader/blob/master/README.md

Grant execute permissions to the FFmpeg binary if it was downloaded as a standalone file. This is necessary for the system to run FFmpeg.

```bash
sudo chmod +x ffmpeg
```

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

### Restore .NET Project Dependencies

Source: https://github.com/lay295/twitchdownloader/blob/master/README.md

Restore the necessary NuGet packages and dependencies for the .NET solution. This command should be run from the root of the repository.

```bash
dotnet restore
```

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

### jQuery AJAX Helper Functions

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

Convenience methods for common AJAX requests. `getJSON` fetches JSON data, `getScript` loads and executes JavaScript. Use these for simpler GET requests.

```javascript
jQuery.getJSON = function(e, t, n) {
    return S.get(e, t, n, "json")
}
```

```javascript
jQuery.getScript = function(e, t) {
    return S.get(e, void 0, t, "script")
}
```

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

### Build URL Query String

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

The `S.param()` function creates a URL-encoded string from a JavaScript object or array. It handles nested objects and arrays appropriately for use in GET requests or POST data.

```javascript
S.param=function(e,t){
	var n,r=[],i=function(e,t){
		var n=m(t)?t():t;
		r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(null==n?"":n)
	};
	if(null==e)return "";
	if(Array.isArray(e)||e.jquery&&!S.isPlainObject(e))S.each(e,function(){
		i(this.name,this.value)
	});
	else
	for(n in e)
		At(n,e[n],t,i);
	return r.join("&")
},
S.fn.extend({
	serialize:function(){
		return S.param(this.serializeArray())
	},
	serializeArray:function(){
		return this.map(function(){
			var e=S.prop(this,"elements");
			return e?S.makeArray(e):this
		}).filter(function(){
			var e=this.type;
			return this.name&&!S(this).is(":disabled")&&kt.test(this.nodeName)&&!St.test(e)&&(this.checked||!pe.test(e))
		}).map(function(e,t){
			var n=S(this).val();
			return null==n?null:Array.isArray(n)?S.map(n,function(e){
				return{name:t.name,value:e.replace(Et,"\r\n")}
			}):{name:t.name,value:n.replace(Et,"\r\n")}
		}).get()
	}
});
```

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

### Change Directory to TwitchDownloaderCLI Folder

Source: https://github.com/lay295/twitchdownloader/blob/master/README.md

Navigate to the directory where TwitchDownloaderCLI.exe is extracted. This is a prerequisite for running CLI commands.

```shell
cd C:\folder\containing\TwitchDownloaderCLI
```

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

### Download Chat with Embeds

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCLI/README.md

Download chat logs as a JSON file, including embedded images from Twitch, BTTV, and FFZ. Set `bttv`, `ffz`, and `stv` flags as needed.

```bash
./TwitchDownloaderCLI chatdownload --id 612942303 --embed-images --bttv=true --ffz=false --stv=false -o chat.json
```

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

### Serialize Form Data to String

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

Use the `serialize()` method on a jQuery object representing a form to get a URL-encoded string of its form elements. This is useful for sending form data via AJAX.

```javascript
S.fn.extend({
	serialize:function(){
		return S.param(this.serializeArray())
	},
	serializeArray:function(){
		return this.map(function(){
			var e=S.prop(this,"elements");
			return e?S.makeArray(e):this
		}).filter(function(){
			var e=this.type;
			return this.name&&!S(this).is(":disabled")&&kt.test(this.nodeName)&&!St.test(e)&&(this.checked||!pe.test(e))
		}).map(function(e,t){
			var n=S(this).val();
			return null==n?null:Array.isArray(n)?S.map(n,function(e){
				return{name:t.name,value:e.replace(Et,"\r\n")}
			}):{name:t.name,value:n.replace(Et,"\r\n")}
		}).get()
	}
});
```

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

### Scrolling element with jQuery

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

This code snippet demonstrates how to get or set the scrollLeft and scrollTop properties of elements. It handles both window scrolling and element scrolling, using appropriate properties based on the element type.

```javascript
S.each({
  scrollLeft: "pageXOffset",
  scrollTop: "pageYOffset"
}, function(t, i) {
  var o = "pageYOffset" === i;
  S.fn[t] = function(e) {
    return $(this, function(e, t, n) {
      var r;
      if (x(e) ? r = e : 9 === e.nodeType && (r = e.document.documentElement),
      void 0 === r) return e[i];
      r ? e.scrollLeft = e.scrollTop = r : e[i] = r
    })
  }
})
```

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

### Get and Set Form Element Values with jQuery

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

Retrieves the current value of the first element in the set of matched elements or sets the value for each element in the set. Handles various form element types and custom valHooks.

```javascript
S.fn.extend({val:function(n){var r,e,i,t=this[0];return arguments.length?(i=m(n),this.each(function(e){var t;1===this.nodeType&&(null==(t=i?n.call(this,e,S(this).val()):n)?t="":"number"==typeof t?t+="":Array.isArray(t)&&(t=S.map(t,function(e){return null==e?"":e+""})),(r=S.valHooks[this.type]||S.valHooks[this.nodeName.toLowerCase()])&&"set"in r&&void 0!==r.set(this,t,"value")||(this.value=t)})):t?(r=S.valHooks[t.type]||S.valHooks[t.nodeName.toLowerCase()])&&"get"in r&&void 0!==(e=r.get(t,"value"))?e:"string"==typeof(e=t.value)?e.replace(yt,""):null==e?"":e:void 0}})
```

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

### Make TwitchDownloaderCLI Executable (macOS)

Source: https://github.com/lay295/twitchdownloader/blob/master/README.md

Grant execute permissions to the TwitchDownloaderCLI binary on macOS. This allows the application to be run from the terminal.

```bash
chmod +x TwitchDownloaderCLI
```

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

### Show Modal Backdrop

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

Creates and displays the modal backdrop, handling transitions and click dismissals. Manages the backdrop's visibility and behavior.

```javascript
p._showBackdrop=function(e){var n=this,i=t(this._element).hasClass(d)?d:"";if(this._isShown&&this._config.backdrop){var s=P.supportsTransitionEnd()&&i;if(this._backdrop=document.createElement("div"),this._backdrop.className=u,i&&t(this._backdrop).addClass(i),t(this._backdrop).appendTo(document.body),t(this._element).on(h.CLICK_DISMISS,function(t){n._ignoreBackdropClick?n._ignoreBackdropClick=!1:t.target===t.currentTarget&&("static"===n._config.backdrop?n._element.focus():n.hide())}),s&&P.reflow(this._backdrop),t(this._backdrop).addClass(_),!e)return;if(!s)return void e();t(this._backdrop).one(P.TRANSITION_END,e).emulateTransitionEnd(150)}else if(!this._isShown&&this._backdrop){t(this._backdrop).removeClass(_);var r=function(){n._removeBackdrop(),e&&e()};P.supportsTransitionEnd()&&t(this._element).hasClass(d)?t(this._backdrop).one(P.TRANSITION_END,r).emulateTransitionEnd(150):r()}else e&&e()}
```

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

### jQuery valHooks for Radio and Checkbox Elements

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

Custom valHooks for radio and checkbox inputs. The 'set' hook allows setting checked state based on an array of values. The 'get' hook handles cases where the value attribute is not explicitly set.

```javascript
S.each(["radio","checkbox"],function(){S.valHooks[this]={set:function(e,t){if(Array.isArray(t))return e.checked=-1<S.inArray(S(e).val(),t)}},y.checkOn||(S.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})})
```

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

### Tooltip Plugin Initialization

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

Initializes the tooltip plugin, allowing for dynamic tooltips on elements. Supports various triggers like hover, focus, and click.

```javascript
var a=t.fn[e],l=new RegExp("(^|\\s)bs-tooltip\\S+","g"),h={animation:"boolean",template:"string",title:"(string|element|function)",trigger:"string",delay:"(number|object)",html:"boolean",selector:"(string|boolean)",placement:"(string|function)",offset:"(number|string)",container:"(string|element|boolean)",fallbackPlacement:"(string|array)",boundary:"(string|element)"},c={AUTO:"auto",TOP:"top",RIGHT:"right",BOTTOM:"bottom",LEFT:"left"},u={animation:!0,template:'<div class="tooltip" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,selector:!1,placement:"top",offset:0,container:!1,fallbackPlacement:"flip",boundary:"scrollParent"},f="show",d="out",_={"HIDE":"hide"+o,HIDDEN:"hidden"+o,SHOW:"show"+o,SHOWN:"shown"+o,INSERTED:"inserted"+o,CLICK:"click"+o,FOCUSIN:"focusin"+o,FOCUSOUT:"focusout"+o,MOUSEENTER:"mouseenter"+o,MOUSELEAVE:"mouseleave"+o},g="fade",p="show",m=".tooltip-inner",v=".arrow",E="hover",T="focus",y="click",C="manual",I=function(){function a(t,e){if("undefined"==typeof n)throw new TypeError("Bootstrap tooltips require Popper.js (https://popper.js.org)");this._isEnabled=!0,this._timeout=0,this._hoverState="",this._activeTrigger={},this._popper=null,this.element=t,this.config=this._getConfig(e),this.tip=null,this._setListeners()}var I=a.prototype;return I.enable=function(){this._isEnabled=!0},I.disable=function(){this._isEnabled=!1},I.toggleEnabled=function(){this._isEnabled=!this._isEnabled},I.toggle=function(e){if(this._isEnabled)if(e){var n=this.constructor.DATA_KEY,i=t(e.currentTarget).data(n);i||(i=new this.constructor(e.currentTarget,this._getDelegateConfig()),t(e.currentTarget).data(n,i)),i._activeTrigger.click=!i._activeTrigger.click,i._isWithActiveTrigger()?i._enter(null,i):i._leave(null,i)}else{if(t(this.getTipElement()).hasClass(p))return void this._leave(null,this);this._enter(null,this)}},I.dispose=function(){clearTimeout(this._timeout),t.removeData(this.element,this.constructor.DATA_KEY),t(this.element).off(this.constructor.EVENT_KEY),t(this.element).closest(".modal").off("hide.bs.modal"),this.tip&&t(this.tip).remove(),this._isEnabled=null,this._timeout=null,this._hoverState=null,this._activeTrigger=null,null!==this._popper&&this._popper.destroy(),this._popper=null,this.element=null,this.config=null,this.tip=null},I.show=function(){var e=this;if("none"===t(this.element).css("display"))throw new Error("Please use show on visible elements");var i=t.Event(this.constructor.Event.SHOW);if(this.isWithContent()&&this._isEnabled){t(this.element).trigger(i);var s=t.contains(this.element.ownerDocument.documentElement,this.element);if(i.isDefaultPrevented()||!s)return;var r=this.getTipElement(),o=P.getUID(this.constructor.NAME);r.setAttribute("id",o),this.element.setAttribute("aria-describedby",o),this.setContent(),this.config.animation&&t(r).addClass(g);var l="function"==typeof this.config.placement?this.config.placement.call(this,r,this.element):this.config.placement,h=this._getAttachment(l);this.addAttachmentClass(h);var c=!1===this.config.container?document.body:t(this.config.container);t(r).data(this.constructor.DATA_KEY,this),t.contains(this.element.ownerDocument.documentElement,this.t
```

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

### Render Chat to Video

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCLI/README.md

Render a chat log (JSON file) into a video file (MP4). This uses default settings for rendering.

```bash
./TwitchDownloaderCLI chatrender -i chat.json -o chat.mp4
```

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

### Getting element offset parent with jQuery

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

The offsetParent method returns the element's closest positioned ancestor. An element's offset parent is the closest ancestor that has a CSS position other than 'static'. If no positioned ancestor is found, it returns the root element.

```javascript
S.fn.extend({
  offsetParent: function() {
    return this.map(function() {
      var e = this.offsetParent;
      while (e && "static" === S.css(e, "position")) e = e.offsetParent;
      return e || re
    })
  }
})
```

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

### Getting element position with jQuery

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

The position method computes the position of the first element in the set of matched elements relative to the offset parent. It accounts for margins and borders of the offset parent. If an element has a fixed position, its position is calculated relative to the viewport.

```javascript
S.fn.extend({
  position: function() {
    if (this[0]) {
      var e, t, n, r = this[0],
        i = {
          top: 0,
          left: 0
        };
      if ("fixed" === S.css(r, "position")) t = r.getBoundingClientRect();
      else {
        t = this.offset(), n = r.ownerDocument, e = r.offsetParent || n.documentElement;
        while (e && (e === n.body || e === n.documentElement) && "static" === S.css(e, "position")) e = e.parentNode;
        e && e !== r && 1 === e.nodeType && (i = S(e).offset()).top += S.css(e, "borderTopWidth", !0), i.left += S.css(e, "borderLeftWidth", !0)
      }
      return {
        top: t.top - i.top - S.css(r, "marginTop", !0),
        left: t.left - i.left - S.css(r, "marginLeft", !0)
      }
    }
  }
})
```

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

### jQuery.ready() Method

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

A method to be called when the DOM is ready to be given, including any data that has been loaded in HTML, as well as any other sets of scripts that have been run. This method is deprecated and should not be used.

```javascript
S.fn.ready(function(e){...})
```

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

### Getting element offset with jQuery

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

The offset method returns the position of the first element in the set of matched elements relative to the document. If an object is passed, it sets the position of each element in the set relative to the document. This method accounts for CSS positioning and document scrolling.

```javascript
S.fn.extend({
  offset: function(t) {
    if (arguments.length) return void 0 === t ? this : this.each(function(e) {
      S.offset.setOffset(this, t, e)
    });
    var e, n, r = this[0];
    return r ? r.getClientRects().length ? (e = r.getBoundingClientRect(), n = r.ownerDocument.defaultView, {
      top: e.top + n.pageYOffset,
      left: e.left + n.pageXOffset
    }) : {
      top: 0,
      left: 0
    } : void 0
  }
})
```

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

### Accessing and Setting Element Data with jQuery

Source: https://github.com/lay295/twitchdownloader/blob/master/TwitchDownloaderCore/Resources/chat-template.html

Use .data() to get or set arbitrary data associated with the first element in the set of matched elements. For setting, it accepts an object of key-value pairs. When retrieving, if no data is found, it attempts to retrieve data from HTML5 data-* attributes.

```javascript
S.extend({hasData:function(e){return Q.hasData(e)||Y.hasData(e)},data:function(e,t,n){return Q.access(e,t,n)},removeData:function(e,t){Q.remove(e,t)},
_data:function(e,t,n){return Y.access(e,t,n)},
_removeData:function(e,t){Y.remove(e,t)}}),S.fn.extend({data:function(n,e){var t,r,i=this[0],a=i&&i.attributes;
if(void 0===n){if(this.length&&(i=Q.get(i),1===i.nodeType&&!Y.get(i,"hasDataAttrs"))){t=a.length;while(t--)a[t]&&0===(r=a[t].name).indexOf("data-")&&(r=X(r.slice(5))),Z(i,r,i[r])
;Y.set(i,"hasDataAttrs",!0)}return i}
return"object"==typeof n?this.each(function(){Q.set(this,n)}):$(this,function(e){var t;
if(i&&void 0===e)return void 0!==(t=Q.get(i,n))?t:void 0!==(t=Z(i,n))?t:void 0;
this.each(function(){Q.set(this,n,e)})},null,e,1<arguments.length,null,!0)}),removeData:function(e){return this.each(function(){Q.remove(this,e)})}})
```