### JSONP AJAX Prefilter and Setup

Source: https://github.com/annelyng/rtsa/blob/master/vignettes/RSTA-SOP.html

Configures jQuery's AJAX to support JSONP requests, dynamically setting the JSONP callback function name and handling the conversion of script responses to JSON. It also manages the cleanup of the global callback.

```javascript
var _t, zt = [],
    Ut = /=(=)\?(?=&|$) |\?\? /;
S.ajaxSetup({
    jsonp: "callback",
    jsonpCallback: function() {
        var e = zt.pop() || S.expando + "_" + wt.guid++;
        return this[e] = !0, e
    }
}),
S.ajaxPrefilter("json jsonp", function(e, t, n) {
    var r, i, o, a = !1 !== e.jsonp && (Ut.test(e.url) ? "url" : "string" == typeof e.data && 0 === (e.contentType || "").indexOf("application/x-www-form-urlencoded") && Ut.test(e.data) && "data");
    if (a || "jsonp" === e.dataTypes[0])
        return r = e.jsonpCallback = m(e.jsonpCallback) ? e.jsonpCallback() : e.jsonpCallback,
        a ? e[a] = e[a].replace(Ut, "$1" + r) : !1 !== e.jsonp && (e.url += (Tt.test(e.url) ? "&" : "?") + e.jsonp + "=" + r),
        e.converters["script json"] = function() {
            return o || S.error(r + " was not called"), o[0]
        },
        e.dataTypes[0] = "json",
        i = C[r],
        C[r] = function() {
            o = arguments
        },
        n.always(function() {
            void 0 === i ? S(C).removeProp(r) : C[r] = i,
            e[r] && (e.jsonpCallback = t.jsonpCallback, zt.push(r)),
            o && m(i) && i(o[0]),
            o = i = void 0
        }), "script"
})
```

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

### Install RTSA Package from CRAN (R)

Source: https://github.com/annelyng/rtsa/blob/master/README.md

This snippet demonstrates how to install the released version of the RTSA package directly from CRAN using the install.packages() function in R. Ensure you have a stable internet connection and R installed.

```r
install.packages("RTSA")
```

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

### Check RTSA Package Version in R

Source: https://github.com/annelyng/rtsa/blob/master/vignettes/RSTA-SOP.html

This code snippet demonstrates how to load the RTSA package in R and retrieve its currently installed version. It's crucial for reproducibility to note the software version used for the analysis.

```r
library(RTSA)
packageVersion("RTSA")
#> [1] '0.2.0'
```

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

### Setting and Getting Element Offsets with jQuery

Source: https://github.com/annelyng/rtsa/blob/master/vignettes/RSTA-SOP.html

Provides methods for retrieving an element's position relative to the document (`offset`) and its position relative to its offset parent (`position`). It also includes functionality to set an element's position.

```javascript
S.offset = {
    setOffset: function(e, t, n) {
        var r, i, o, a, s, u, l = S.css(e, "position"), c = S(e), f = {};
        "static" === l && (e.style.position = "relative"), s = c.offset(), o = S.css(e, "top"), u = S.css(e, "left"), ("absolute" === l || "fixed" === l) && -1 < (o + u).indexOf("auto") ? (a = (r = c.position()).top, i = r.left) : (a = parseFloat(o) || 0, i = parseFloat(u) || 0),
        m(t) && (t = t.call(e, n, S.extend({}, s))),
        null != t.top && (f.top = t.top - s.top + a),
        null != t.left && (f.left = t.left - s.left + i),
        "using" in t ? t.using.call(e, f) : c.css(f)
    }
},
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
    },
    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)
            }
        }
    },
    offsetParent: function() {
        return this.map(function() {
            var e = this.offsetParent;
            while (e && "static" === S.css(e, "position")) e = e.offsetParent;
            return e || re
        })
    }
})
```

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

### Calculate Futility Boundaries in RTSA (R)

Source: https://github.com/annelyng/rtsa/blob/master/vignettes/futility.html

This R code demonstrates how to calculate different types of futility boundaries using the `boundaries()` function from the `RTSA` package. It includes examples for one-sided and two-sided designs, with and without futility, and shows the calculation for both 'none' and 'binding' futility types.

```r
library(RTSA)
bound_none <- boundaries(timing = c(0.5,0.75, 1), alpha  = 0.025, beta = 0.2,
                    side = 1, futility = "none", es_alpha = "esOF")
bound_bind <- boundaries(timing = c(0.5,0.75, 1), alpha  = 0.025, beta = 0.2,
                    side = 1, futility = "binding", es_alpha = "esOF",
                    es_beta = "esOF")
bound_none2 <- boundaries(timing = c(0.5,0.75, 1), alpha  = 0.05, beta = 0.2,
                     side = 2, futility = "none", es_alpha = "esOF")
bound_bind2 <- boundaries(timing = c(0.5,0.75, 1), alpha  = 0.05, beta = 0.2,
                     side = 2, futility = "binding", es_alpha = "esOF",
                     es_beta = "esOF")
```

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

### Highlight.js Initialization for Code Syntax Highlighting

Source: https://github.com/annelyng/rtsa/blob/master/vignettes/RSTA-SOP.html

This code snippet initializes the highlight.js library for syntax highlighting on the page. It configures the languages to be highlighted and then triggers the highlighting process on page load. It includes a fallback for 'complete' document ready state.

```javascript
if (window.hljs) {
  hljs.configure({languages: []});
  hljs.initHighlightingOnLoad();
  if (document.readyState && document.readyState === "complete") {
    window.setTimeout(function() {
      hljs.initHighlighting();
    }, 0);
  }
}
```

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

### Scrolling Element Position with jQuery

Source: https://github.com/annelyng/rtsa/blob/master/vignettes/RSTA-SOP.html

Provides methods to get and set the horizontal (`scrollLeft`) and vertical (`scrollTop`) scroll positions of elements. It handles different browser implementations for accessing scroll offsets.

```javascript
S.each(S.extend({
    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.defaultView), void 0 === n) return r ? r[i] : e[t];
            r ? r.scrollTo(o ? r.pageXOffset : n, o ? n : r.pageYOffset) : e[t] = n
        }, t, e, arguments.length)
    }
}))
```

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

### File I/O Operations (Python)

Source: https://github.com/annelyng/rtsa/blob/master/vignettes/RSTA-SOP.html

This Python snippet demonstrates how to read from and write to files. It includes basic text file handling using context managers for safe file operations.

```python
# Writing to a file
file_path_write = "output.txt"
content_to_write = "This is line 1.\nThis is line 2.\nHello from RTSA!"

try:
    with open(file_path_write, "w") as file:
        file.write(content_to_write)
    print(f"Successfully wrote to {file_path_write}")
except IOError as e:
    print(f"Error writing to file: {e}")

# Reading from a file
file_path_read = "output.txt"

try:
    with open(file_path_read, "r") as file:
        read_content = file.read()
        print(f"\nContent read from {file_path_read}:")
        print(read_content)
except FileNotFoundError:
    print(f"Error: The file {file_path_read} was not found.")
except IOError as e:
    print(f"Error reading from file: {e}")

# Reading line by line
try:
    with open(file_path_read, "r") as file:
        print(f"\nReading {file_path_read} line by line:")
        for line in file:
            print(f"  {line.strip()}") # .strip() removes leading/trailing whitespace including newline
except FileNotFoundError:
    print(f"Error: The file {file_path_read} was not found.")
except IOError as e:
    print(f"Error reading from file: {e}")

```

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

### Creating and Using jQuery Deferred Objects

Source: https://github.com/annelyng/rtsa/blob/master/vignettes/RSTA-SOP.html

Demonstrates the creation of a Deferred object and the usage of its methods like 'resolve', 'reject', and 'notify' to control its state. It also shows how to attach callbacks using 'done', 'fail', and 'always'.

```javascript
var dfd = S.Deferred();

dfd.done(function( value ) {
  console.log( "Success: " + value );
}).fail(function( value ) {
  console.log( "Error: " + value );
}).progress(function( value ) {
  console.log( "Progress: " + value );
});

// To resolve the deferred object:
dfd.resolve( "Data" );

// To reject the deferred object:
dfd.reject( "Error Data" );

// To notify progress:
dfd.notify( "Progress Data" );
```

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

### Get Event Handlers in JavaScript

Source: https://github.com/annelyng/rtsa/blob/master/vignettes/futility.html

The `handlers` function retrieves the list of event handlers associated with a specific element and event type. It considers delegated events and ensures that only applicable handlers are returned, preparing them for dispatch.

```javascript
handlers: function(e, t) {
  var n, r, i, o, a, s = [],
    u = t.delegateCount,
    l = e.target;
  if (u && l.nodeType && ("click" === e.type && 1 <= e.button)) ;
  else
    for (; l !== this; l = l.parentNode || this)
      if (1 === l.nodeType && ("click" !== e.type || !0 !== l.disabled)) {
        for (o = [], a = {}, n = 0; n < u; n++)
          void 0 === a[i = (r = t[n]).selector + " "] && (a[i] = r.needsCont
```

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

### Initialize Tabsets and Load MathJax (JavaScript)

Source: https://github.com/annelyng/rtsa/blob/master/vignettes/RSTA-SOP.html

This JavaScript code initializes tabset functionality for navigation and asynchronously loads the MathJax library. The `buildTabsets("TOC")` function likely sets up interactive tabbed content based on an element with the ID 'TOC'. The MathJax script is dynamically added to the document's head, enabling the rendering of mathematical equations in LaTeX or MathML format. This is crucial for displaying scientific and mathematical content.

```javascript
$(document).ready(function () {
  window.buildTabsets("TOC");
});
$(document).ready(function () {
  $('.tabset-dropdown > .nav-tabs > li').click(function () {
    $(this).parent().toggleClass('nav-tabs-open');
  });
});
(function () {
  var script = document.createElement("script");
  script.type = "text/javascript";
  script.src = "https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML";
  document.getElementsByTagName("head")[0].appendChild(script);
})();
```

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

### JavaScript: Build Tabsets from Markdown Sections

Source: https://github.com/annelyng/rtsa/blob/master/vignettes/futility.html

The `window.buildTabsets` function converts `div.section.tabset` elements into Bootstrap-compatible tab interfaces. It handles options like fading and pills, determines heading levels, and dynamically creates navigation lists and tab content panes. It also removes corresponding entries from a specified table of contents.

```javascript
window.buildTabsets = function(tocID) {
    function buildTabset(tabset) {
        var fade = tabset.hasClass("tabset-fade");
        var pills = tabset.hasClass("tabset-pills");
        var navClass = pills ? "nav-pills" : "nav-tabs";
        var match = tabset.attr('class').match(/level(\d) /);
        if (match === null) return;
        var tabsetLevel = Number(match[1]);
        var tabLevel = tabsetLevel + 1;
        var tabs = tabset.find("div.section.level" + tabLevel);
        if (!tabs.length) return;
        var tabList = $('<ul class="nav ' + navClass + '" role="tablist"></ul>');
        $(tabs[0]).before(tabList);
        var tabContent = $('<div class="tab-content"></div>');
        $(tabs[0]).before(tabContent);
        var activeTab = 0;
        tabs.each(function(i) {
            var tab = $(tabs[i]);
            var id = tab.attr('id');
            if (tab.hasClass('active')) activeTab = i;
            $("div#" + tocID + " li a[href='#" + id + "']").parent().remove();
            id = id.replace(/[\.\/?&!#<>]/g, '').replace(/\s/g, '_');
            tab.attr('id', id);
            var heading = tab.find('h' + tabLevel + ':first');
            var headingText = heading.html();
            heading.remove();
            var a = $('<a role="tab" data-toggle="tab">' + headingText + '</a>');
            a.attr('href', '#' + id);
            a.attr('aria-controls', id);
            var li = $('<li role="presentation"></li>');
            li.append(a);
            tabList.append(li);
            tab.attr('role', 'tabpanel');
            tab.addClass('tab-pane');
            tab.addClass('tabbed-pane');
            if (fade) tab.addClass('fade');
            tab.detach().appendTo(tabContent);
        });
        $(tabList.children('li')[activeTab]).addClass('active');
        var active = $(tabContent.children('div.section')[activeTab]);
        active.addClass('active');
        if (fade) active.addClass('in');
        if (tabset.hasClass("tabset-sticky")) tabset.rmarkdownStickyTabs();
    }
    var tabsets = $("div.section.tabset");
    tabsets.each(function(i) {
        buildTabset($(tabsets[i]));
    });
};
```

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

### AJAX Script Transport and Prefilter

Source: https://github.com/annelyng/rtsa/blob/master/vignettes/RSTA-SOP.html

Configures jQuery's AJAX to handle script transport, enabling GET requests for cross-domain script loading and setting cache to false by default. It also prefilters script requests to manage cross-domain scenarios.

```javascript
S.ajaxPrefilter(function(e){
    e.crossDomain && (e.contents.script = !1)
}),
S.ajaxSetup({
    accepts: {
        script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"
    },
    contents: {
        script: /\b(?:java|ecma)script\b/
    },
    converters: {
        "text script": function(e) {
            return S.globalEval(e), e
        }
    }
}),
S.ajaxPrefilter("script", function(e) {
    void 0 === e.cache && (e.cache = !1),
    e.crossDomain && (e.type = "GET")
}),
S.ajaxTransport("script", function(n) {
    var r, i
    if (n.crossDomain || n.scriptAttrs)
        return {
            send: function(e, t) {
                r = S("<script>").attr(n.scriptAttrs || {}).prop({
                    charset: n.scriptCharset,
                    src: n.url
                }).on("load error", i = function(e) {
                    r.remove(), i = null, e && t("error" === e.type ? 404 : 200, e.type)
                }), E.head.appendChild(r[0])
            },
            abort: function() {
                i && i()
            }
        }
})
```

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

### JavaScript Polyfill for matchMedia in IE8

Source: https://github.com/annelyng/rtsa/blob/master/vignettes/futility.html

This JavaScript code provides a polyfill for the `matchMedia` API, specifically targeting Internet Explorer 8. It enables the use of media queries in older browsers by simulating the functionality. Dependencies include the browser's DOM manipulation capabilities.

```javascript
!function(a){"use strict";a.matchMedia=a.matchMedia||function(a){var b,c=a.documentElement,d=c.firstElementChild||c.firstChild,e=a.createElement("body"),f=a.createElement("div");return f.id="mq-test-1",f.style.cssText="position:absolute;top:-100em",e.style.background="none",e.appendChild(f),function(a){return f.innerHTML='&shy;<style media="'+a+'"> #mq-test-1 { width: 42px; }</style>',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){u(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b,c=a.XMLHttpRequest;try{b=new c}catch(d){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))};if(c.ajax=f,c.queue=d,c.regex={media:/@media[^\\{\]+\\{(\\[^\\{\\}\\]*\\{\\[^\\}\\{\\]*\\)}+/gi,keyframes:/@(?:\\-(?:o|moz|webkit)\\-)?keyframes[^\\{\]+\\{(?:[^\\{\\}\\]*\\{\[^\\}\\{\\]*\\)}+[^\\}\]*\\}/gi,urls:/(url\(\)\[\'"\]?(\\[^\/\)'"\\]\[^:\)'"\\]+)\[\'"\]?(\'\))/g,findStyles:/@media *(\\[^\\{\]+)\\{(\[\\S\\s\]+?)$/,only:/(only\\s+)?(\\[a-zA-Z\]+)\\s?/,minw:/\\(\\[s\]\*min\\-width\\s*:\\s*(\\[s\]\*[0-9\.]+)(px|em)\\[s\]\*\)/,maxw:/\\(\\[s\]\*max\\-width\\s*:\\s*(\\[s\]\*[0-9\.]+)(px|em)\\[s\]\*\)/},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var g,h,i,j=a.document,k=j.documentElement,l=[],m=[],n=[],o={},p=30,q=j.getElementsByTagName("head")[0]||k,r=j.getElementsByTagName("base")[0],s=q.getElementsByTagName("link"),t=function(){var a,b=j.createElement("div"),c=j.body,d=k.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=j.createElement("body"),c.style.background="none"),k.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f?k.removeChild(c):c.removeChild(b),k.style.fontSize=d,e&&(c.style.fontSize=e),a=b.offsetWidth,i=parseFloat(a)},u=function(b){var c="clientWidth",d=k[c],e="CSS1Compat"===j.compatMode&&d||j.body[c]||d,f={},o=s[s.length-1],r=(new Date).getTime();if(b&&g&&p>r-g)return a.clearTimeout(h),h=a.setTimeout(u,p),void 0;g=r;for(var v in l)if(l.hasOwnProperty(v)){var w=l[v],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?i||t():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?i||t():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(m[w.rules]))}for(var C in n)n.hasOwnProperty(C)&&n[C]&&n[C].parentNode===q&&q.removeChild(n[C]);n.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=j.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,q.insertBefore(E,o.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(j.createTextNode(F)),n.push(E)}},v=function(a,b,d){var e=a.replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var g=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},h=!f&&d;b.length&&(b+="/"),h&&(f=1);for(var i=0;f>i;i++){var j,k,n,o;h?(j=d,m.push(g(a))):(j=e[i].match(c.regex.findStyles)&&RegExp.$1,m.push(RegExp.$2&&g(RegExp.$2))),n=j.split(","),o=n.length;for(var p=0;o>p;p++)k=n[p],l.push({media:k.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:m.length-1,hasquery:k.indexOf("(")>-1,minw:k.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:k.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}u()},w=function(){if(d.length){var b=d.shift();f(b.href,function(c){v(c,b.href,b.media),o[b.href]=!0,a.setTimeout(function(){w()},0)})}},x=function(){for(var b=0;b<s.length;b++){var c=s[b],e=c.href,f=c.media,g=c.rel&&"stylesheet"===c.rel.toLowerCase();e&&g&&!o[e]&&(c.styleSheet&&c.styleSheet.rawCssText?(v(c.styleSheet.rawCssText,e,f),o[e]=!0):("//"===e.substring(0,2)&&(e=a.location.protocol+e),d.push({href:e,media:f})))}}(),c.update=x,c.getEmValue=t,a.addEventListener?a.addEventListener("resize",b,!1):a.attachEvent&&a.attachEvent("onresize",b)}(this); 
```

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

### Chaining Deferred Objects with 'then' and 'pipe'

Source: https://github.com/annelyng/rtsa/blob/master/vignettes/RSTA-SOP.html

Illustrates how to chain Deferred objects using the 'then' and 'pipe' methods. 'then' allows specifying callbacks for resolve, reject, and notify, while 'pipe' enables transforming the resolved value and returning a new Deferred object.

```javascript
var deferred1 = S.Deferred();

var chainedDeferred = deferred1.then(
  function( value ) {
    console.log( "Resolved with: " + value );
    return "Processed: " + value;
  },
  function( reason ) {
    console.log( "Rejected with: " + reason );
    return S.Deferred().reject( "Error during processing" ); // Return a rejected deferred
  },
  function( progress ) {
    console.log( "Progress update: " + progress );
  }
);

chainedDeferred.done(function( newValue ) {
  console.log( "Chained success: " + newValue );
}).fail(function( error ) {
  console.log( "Chained error: " + error );
});

deferred1.resolve( "Initial Data" );
// Output:
// Resolved with: Initial Data
// Chained success: Processed: Initial Data

var deferred2 = S.Deferred();
var pipedDeferred = deferred2.pipe(function( value ) {
  console.log( "Piped with: " + value );
  return S.Deferred().resolve( "Further processed: " + value ); // Return a new deferred
});

pipedDeferred.done(function( finalValue ) {
  console.log( "Piped result: " + finalValue );
});

deferred2.resolve( "Data for pipe" );
// Output:
// Piped with: Data for pipe
// Piped result: Further processed: Data for pipe
```

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

### Power Level Configuration

Source: https://github.com/annelyng/rtsa/blob/master/vignettes/RSTA-SOP.html

Sets the desired power for the meta-analysis. Traditionally 80%, but 90% or higher is recommended for more precise estimates. The power is calculated as 1 - beta.

```APIDOC
## RTSA: Power Level Configuration

### Description
Sets the desired power for the meta-analysis. Traditionally 80%, but 90% or higher is recommended for more precise estimates. The power is calculated as 1 - beta. The default is 90% power (beta = 0.1).

### Method
`RTSA` function argument

### Parameters
#### Function Arguments
- **beta** (numeric) - Optional - The beta error rate. Power is calculated as 1 - beta. Default is 0.1 (for 90% power).

### Request Example
```R
RTSA(beta = 0.1, ...)
```

### Response
N/A (Configuration parameter)
```

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

### jQuery Form Value Handling: val

Source: https://github.com/annelyng/rtsa/blob/master/vignettes/futility.html

The `val()` method is used to get or set the value of form elements like input, select, and textarea. When used with arguments, it sets the value. Without arguments, it returns the current value. It handles various input types and select elements, including multi-select.

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

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

### Bootstrap Affix Plugin Implementation

Source: https://github.com/annelyng/rtsa/blob/master/vignettes/RSTA-SOP.html

This JavaScript code implements the Bootstrap Affix plugin, which enables elements to stick to the viewport when scrolling past a certain point. It handles positioning, state management (affix, affix-top, affix-bottom), and event triggering. Dependencies include jQuery.

```javascript
!function(a){"use strict";function b(d){var e=this,f=a(d),g=a.extend({},c.DEFAULTS,f.data()),h=a.extend({},a.fn.affix.Constructor.DEFAULTS,g);this.$element=f,this.options=h,this.$target=a(h.targetAffix),this.checkPosition=a.proxy(this.checkPosition,this),this.checkPositionWithEventLoop=a.proxy(this.checkPositionWithEventLoop,this),this.$element.on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.affixed=null,this.unpin=null,this.pinnedOffset=null,this.checkPosition()};function c(b){this.$element=a(b),this.options=a.extend({},c.DEFAULTS,a(b).data()),this.$target=a(this.options.target),this.checkPosition=a.proxy(this.checkPosition,this),this.checkPositionWithEventLoop=a.proxy(this.checkPositionWithEventLoop,this),this.$element.on("scroll.bs.affix.data-api",a.proxy(this.checkPosition,this)).on("click.bs.affix.data-api",a.proxy(this.checkPositionWithEventLoop,this)),this.affixed=null,this.unpin=null,this.pinnedOffset=null,this.checkPosition()};c.VERSION="3.3.5",c.RESET="affix affix-top affix-bottom",c.DEFAULTS={offset:0,target:window},c.prototype.getState=function(a,b,c,d){var e=this.$target.scrollTop(),f=this.$element.offset(),g=this.$target.height();if(null!=c&&"top"==this.affixed)return c>e?"top":!1;if("bottom"==this.affixed)return null!=c?e+this.unpin<=f.top?!1:"bottom":a-d>=e+g?!1:"bottom";var h=null==this.affixed,i=h?e:f.top,j=h?g:b;return null!=c&&c>=e?"top":null!=d&&i+j>=a-d?"bottom":!1},c.prototype.getPinnedOffset=function(){if(this.pinnedOffset)return this.pinnedOffset;this.$element.removeClass(c.RESET).addClass("affix");var a=this.$target.scrollTop(),b=this.$element.offset();return this.pinnedOffset=b.top-a},c.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},c.prototype.checkPosition=function(){if(this.$element.is(":visible")){var b=this.$element.height(),d=this.options.offset,e=d.top,f=d.bottom,g=Math.max(a(document).height(),a(document.body).height());"object"!=typeof d&&(f=e=d),"function"==typeof e&&(e=d.top(this.$element)),"function"==typeof f&&(f=d.bottom(this.$element));var h=this.getState(g,b,e,f);if(this.affixed!=h){null!=this.unpin&&this.$element.css("top","");var i="affix"+(h?"-"+h:""),j=a.Event(i+".bs.affix");if(this.$element.trigger(j),j.isDefaultPrevented())return;this.affixed=h,this.unpin="bottom"==h?this.getPinnedOffset():null,this.$element.removeClass(c.RESET).addClass(i).trigger(i.replace("affix","affixed")+".bs.affix")}"bottom"==h&&this.$element.offset({top:g-b-f})}};var d=a.fn.affix;a.fn.affix=b,a.fn.affix.Constructor=c,a.fn.affix.noConflict=function(){return a.fn.affix=d,this},a(window).on("load",function(){a('\\[data-spy="affix"\\]').each(function(){var c=a(this),d=c.data();d.offset=d.offset||{},null!=d.offsetBottom&&(d.offset.bottom=d.offsetBottom),null!=d.offsetTop&&(d.offset.top=d.offsetTop),b.call(c,d)})})}(jQuery);
```

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

### IE 8 Media Query Polyfill (Respond.js)

Source: https://github.com/annelyng/rtsa/blob/master/vignettes/RSTA-SOP.html

This JavaScript code snippet is the core of Respond.js, designed to run specifically in Internet Explorer 8. It provides a polyfill for CSS media queries by simulating their behavior using JavaScript, enabling responsive design features in older browsers.

```javascript

// Only run this code in IE 8
if (!!window.navigator.userAgent.match("MSIE 8")) {
  !function(a){
    "use strict";
    a.matchMedia=a.matchMedia||function(a){
      var b,c=a.documentElement,
          d=c.firstElementChild||c.firstChild,
          e=a.createElement("body"),
          f=a.createElement("div");
      return f.id="mq-test-1",f.style.cssText="position:absolute;top:-100em",e.style.background="none",e.appendChild(f),
      function(a){
        return f.innerHTML='&shy;<style media="'+a+'"> #mq-test-1 { width: 42px; }</style>',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),
        {matches:b,media:a}}
    }(a.document)
  }(this),
  function(a){
    "use strict";
    function b(){
      u(!0)
    }
    var c={};
    a.respond=c,
    c.update=function(){};
    var d=[],e=function(){
      var b;
      try {
        b=new a.XMLHttpRequest
      } catch (c) {
        b=new a.ActiveXObject("Microsoft.XMLHTTP")
      }
      return function(){
        return b
      }}
    }(),
    f=function(a,b){
      var c=e();
      c&&(c.open("GET",a,!0),c.onreadystatechange=function(){
        4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)
      },4!==c.readyState&&c.send(null))
    };
    if(c.ajax=f,c.queue=d,c.regex={
      media:/(^|\s\()@media[^\\{\\]+\\{(\\[^\\{\\}\\]*\\{\\[^\\}\\{\\]*\\)}+)\\[^\\}\\]*\\}/gi,
      keyframes:/(@(?:\\-\\-(?:o|moz|webkit)\\-\\-)?keyframes[^\\{\\]+\\{(\\[^\\{\\}\\]*\\{\\[^\\}\\{\\]*\\)}+)\\[^\\}\\]*\\}/gi,
      urls:/(url\(\s*['"]?([^'"\\)]+?)['"]?\s*\))/g,
      findStyles:/@media \*([^\\{\\]+)\\{(\\[\\S\\s]+?)$/,
      only:/^(only\\s+)?(\\[a-zA-Z\]+)\\s?/,
      minw:/\\(\\[\\s\\]*min\\-width\\s*:\\s*(\\[\\s\\]*(\\[\\s\\]*[0-9\\.]+(?:px|em)\\]*)\\]*)\\]*\\)/,
      maxw:/\\(\\[\\s\\]*max\\-width\\s*:\\s*(\\[\\s\\]*(\\[\\s\\]*[0-9\\.]+(?:px|em)\\]*)\\]*)\\]*\\)/
    },c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){
      var g,h,i,j=a.document,
          k=j.documentElement,
          l=[],m=[],n=[],o={},
          p=30,
          q=j.getElementsByTagName("head")[0]||k,
          r=j.getElementsByTagName("base")[0],
          s=q.getElementsByTagName("link"),
          t=function(){
            var a,b=j.createElement("div"),c=j.body,
                d=k.style.fontSize,
                e=c&&c.style.fontSize,
                f=!1;
            return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=j.createElement("body"),c.style.background="none"),k.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&k.insertBefore(c,k.firstChild),a=b.offsetWidth,f?k.removeChild(c):c.removeChild(b),k.style.fontSize=d,e&&(c.style.fontSize=e),
            a=i=parseFloat(a)}
          },
          u=function(b){
            var c="clientWidth",d=k[c],
                e="CSS1Compat"===j.compatMode&&d||j.body[c]||d,
                f={},
                o=s[s.length-1],
                r=(new Date).getTime();
            if(b&&g&&p>r-g)return a.clearTimeout(h),h=a.setTimeout(u,p),void 0;
            g=r;
            for(var v in l)if(l.hasOwnProperty(v)){
              var w=l[v],
                  x=w.minw,
                  y=w.maxw,
                  z=null===x,
                  A=null===y,
                  B="em";
              x&&(x=parseFloat(x)*(x.indexOf(B)>-1?i||t():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?i||t():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(m[w.rules]))}
            for(var C in n)n.hasOwnProperty(C)&&n[C]&&n[C].parentNode===q&&q.removeChild(n[C]);
            n.length=0;
            for(var D in f)if(f.hasOwnProperty(D)){
              var E=j.createElement("style"),F=f[D].join("\n");
              E.type="text/css",E.media=D,q.insertBefore(E,o.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(j.createTextNode(F)),n.push(E)}
          },
          v=function(a,b,d){
            var e=a.replace(c.regex.keyframes,"").match(c.regex.media),
                f=e&&e.length||0;
            b=b.substring(0,b.lastIndexOf("/"));
            var g=function(a){
              return a.replace(c.regex.urls,"$1"+b+"$2$3")}
              ,
              h=!f&&d;
            b.length&&(b+="/"),h&&(f=1);
            for(var i=0;f>i;i++){
              var j,k,n,o;
              h?(j=d,m.push(g(a))):(j=e[i].match(c.regex.findStyles)&&RegExp.$1,m.push(RegExp.$2&&g(RegExp.$2))),
              n=j.split(","),o=n.length;
              for(var p=0;o>p;p++){
                k=n[p],
                l.push({
                  media:k.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",
                  rules:m.length-1,
                  hasquery:k.indexOf("(")>-1,
                  minw:k.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),
                  maxw:k.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})
              }}
          },
          w=function(){
            if(d.length){
              var b=d.shift();
              f(b.href,function(c){
                v(c,b.href,b.media),o[b.href]=!0,
                a.setTimeout(function(){
                  w()
                },0)})
            }}
          },
          x=function(){
            for(var b=0;b<s.length;b++){
              var c=s[b],
                  e=c.href,
                  f=c.media,
                  g=c.rel&&"stylesheet"===c.rel.toLowerCase();
              e&&g&&!o[e]&&(
                c.styleSheet&&c.styleSheet.rawCssText?(v(c.styleSheet.rawCssText,e,f),o[e]=!0):(
                  !/^(\\[a-zA-Z:\]*\\/\\/)/.test(e)&&!r||e.replace(RegExp.$1,"").split("/")[0]===a.location.host
                )&&(
                  "//"===e.substring(0,2)&&(e=a.location.protocol+e),
                  d.push({href:e,media:f})
                ))
            }}
            w()
          };
      x(),c.update=x,c.getEmValue=t,a.addEventListener?a.addEventListener("resize",b,!1):a.attachEvent&&a.attachEvent("onresize",b)}}
    }(this);
}

```

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

### Bootstrap Affix Plugin Implementation (jQuery)

Source: https://github.com/annelyng/rtsa/blob/master/vignettes/futility.html

This snippet implements the Bootstrap Affix plugin, which makes elements stick to the viewport when scrolling. It handles different offset configurations and responsiveness. It requires jQuery.

```javascript
!function(a){"use strict";function b(d){var e=this,f=a.extend({},c.DEFAULTS,this.options,this.element.data()),g=a(d.currentTarget),h=g.data('bs.affix')||this.element.data('bs.affix');if(!h)return g.data('bs.affix',h=new c(this,f)),void 0;h.options=f,h.element=g,h.target=a(f.target),h.affixed=null,h.unpin=null,h.pinnedOffset=null,h.checkPosition()}var c=function(b,d){this.element=a(b),this.options=a.extend({},c.DEFAULTS,d),this.checkPosition()};c.VERSION="3.3.5",c.RESET="affix affix-top affix-bottom",c.DEFAULTS={offset:0,target:window},c.prototype.getState=function(a,b,c,d){var e=this.$target.scrollTop(),f=this.$element.offset(),g=this.$target.height();if(null!=c&&"top"==this.affixed)return c>e?"top":!1;if("bottom"==this.affixed)return null!=c?e+this.unpin<=f.top?!1:"bottom":a-d>=e+g?!1:"bottom";var h=null==this.affixed,i=h?e:f.top,j=h?g:b;return null!=c&&c>=e?"top":null!=d&&i+j>=a-d?"bottom":!1},c.prototype.getPinnedOffset=function(){if(this.pinnedOffset)return this.pinnedOffset;this.$element.removeClass(c.RESET).addClass("affix");var a=this.$target.scrollTop(),b=this.$element.offset();return this.pinnedOffset=b.top-a},c.prototype.checkPositionWithEventLoop=function(){setTimeout(a.proxy(this.checkPosition,this),1)},c.prototype.checkPosition=function(){if(this.$element.is(":visible")){var b=this.$element.height(),d=this.options.offset,e=d.top,f=d.bottom,g=Math.max(a(document).height(),a(document.body).height());"object"!=typeof d&&(f=e=d),"function"==typeof e&&(e=d.top(this.$element)),"function"==typeof f&&(f=d.bottom(this.$element));var h=this.getState(g,b,e,f);if(this.affixed!=h){null!=this.unpin&&this.$element.css("top","");var i="affix"+(h?"-"+h:""),j=a.Event(i+".bs.affix");if(this.$element.trigger(j),j.isDefaultPrevented())return;this.affixed=h,this.unpin="bottom"==h?this.getPinnedOffset():null,this.$element.removeClass(c.RESET).addClass(i).trigger(i.replace("affix","affixed")+
        ".bs.affix")}}{"bottom"==h&&this.$element.offset({top:g-b-f})}}};var d=a.fn.affix;a.fn.affix=b,a.fn.affix.Constructor=c,a.fn.affix.noConflict=function(){return a.fn.affix=d,this},a(window).on("load",function(){a('\\[data-spy="affix"\\]').each(function(){var c=a(this),d=c.data();d.offset=d.offset||{};null!=d.offsetBottom&&(d.offset.bottom=d.offsetBottom),null!=d.offsetTop&&(d.offset.top=d.offsetTop),b.call(c,d)})})}(jQuery);
```

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

### String Manipulation and Conversion (C++)

Source: https://github.com/annelyng/rtsa/blob/master/vignettes/RSTA-SOP.html

This C++ snippet demonstrates string manipulation, including converting strings to integers and vice versa. It handles potential errors during conversion.

```c++
#include <iostream>
#include <string>
#include <vector>
#include <sstream>

int main() {
    // Example string manipulation
    std::string message = "Hello, RTSA!";
    std::cout << "Original message: " << message << std::endl;

    // Convert string to integer
    std::string numStr = "12345";
    try {
        int num = std::stoi(numStr);
        std::cout << "Converted integer: " << num << std::endl;
    } catch (const std::invalid_argument& ia) {
        std::cerr << "Invalid argument: " << ia.what() << std::endl;
    } catch (const std::out_of_range& oor) {
        std::cerr << "Out of range: " << oor.what() << std::endl;
    }

    // Convert integer to string
    int value = 67890;
    std::string strValue = std::to_string(value);
    std::cout << "Converted string: " << strValue << std::endl;

    // Using stringstream for more complex conversions
    std::stringstream ss;
    ss << "Data: " << 100 << ", " << 200.5;
    std::string streamStr = ss.str();
    std::cout << "Stringstream output: " << streamStr << std::endl;

    // Parsing a string with multiple values
    std::string dataLine = "10,20,30,40";
    std::stringstream dataStream(dataLine);
    std::string segment;
    std::vector<int> numbers;

    while(std::getline(dataStream, segment, ',')) {
        try {
            numbers.push_back(std::stoi(segment));
        } catch (const std::invalid_argument& ia) {
            std::cerr << "Invalid segment: " << segment << std::endl;
        } catch (const std::out_of_range& oor) {
            std::cerr << "Segment out of range: " << segment << std::endl;
        }
    }

    std::cout << "Parsed numbers: ";
    for (int n : numbers) {
        std::cout << n << " ";
    }
    std::cout << std::endl;

    return 0;
}
```