`;
-
- const defaultTruncateWordNum = 20;
-
- function truncateWords(str, numWords = defaultTruncateWordNum) {
- return str.split(' ').splice(0, numWords).join(' ');
- }
-
- function templateMiddleware(prop, text) {
- $('.page-title').text(() => `Search results for "${searchInput.value}"`);
-
- if (prop === 'desc') {
- const searchInputValue = searchInput.value.toLowerCase();
- const matchValueAndSiblings = new RegExp(
- '.(' + searchInputValue + ')\\b.*.',
- 'ig',
- );
- const decodedText = decodeURIComponent(text);
-
- const result = [...decodedText.matchAll(matchValueAndSiblings)];
-
- if (!result || result.length < 1) {
- // No match found, so we cannot skip ahead to that.
- // Instead we simply return the text from the start.
- const truncatedDesc = truncateWords(text);
- const truncatedResult = `
${truncatedDesc}
`;
- return truncatedResult;
- }
-
- //only shows the first result and its first few words
- const resultString = truncateWords(result[0][0]);
- const isUniqueResult = result[0].length == 1;
- const otherResults = `
- `;
- originalElem.parentNode.replaceChild(newElem, originalElem);
- document
- .querySelector('.pegin-address-verifier .check')
- .addEventListener('click', render2WayPegVerifierCheck);
-}
-
-function render2WayPegVerifierCheck() {
- var result;
- var address = document.querySelector(
- '.pegin-address-verifier .address',
- ).value;
- var info = RskPegInAddressVerifier.getAddressInformation(address);
- // e.g. {"network":"testnet","type":"p2pkh"}
- var displayAddress = `${address}`;
- if (!info) {
- result = `The address ${displayAddress} is not valid.`;
- } else {
- var displayAddressType = `${info.type.toUpperCase()}`;
- var displayNetwork = `${info.network
- .charAt(0)
- .toUpperCase()}${info.network.slice(1)}`;
- var canPegIn = RskPegInAddressVerifier.canPegIn(info);
- if (canPegIn) {
- if (info.type == 'p2pkh') {
- result = `The address ${displayAddress} is a valid ${displayAddressType} address, and may peg in on ${displayNetwork}.`;
- } else {
- result = `The address ${displayAddress} is a valid ${displayAddressType} address, however, may not peg in on ${displayNetwork}. Please check the compatibility matrix.`;
- }
- } else {
- result = `The address ${displayAddress} is a valid ${displayAddressType} address, however, will not peg in on ${displayNetwork}. Do not use this wallet, your BTC will be lost. Please check the compatibility matrix.`;
- }
- }
- document.querySelector('.pegin-address-verifier .result').innerHTML = result;
-}
-
-// render feature: custom terminals
-
-function insertDomNodeRelativeTo(node, newNode, isAfter) {
- if (isAfter) {
- if (node.nextSibling) {
- // newNode will be after node, and before node's current next node
- node.parentNode.insertBefore(newNode, node.nextSibling);
- } else {
- // newNode is after node, but node is the last child
- node.parentNode.appendChild(newNode);
- }
- } else {
- // newNode is before node
- node.parentNode.insertBefore(newNode, node);
- }
-}
-
-function removeAllEmptyTextNodes(node) {
- if (!node) {
- return;
- }
- const childNodes = node.childNodes;
- var el;
- for (var i = 0; i < childNodes.length; ++i) {
- el = childNodes[i];
- if (el.nodeType === Node.TEXT_NODE && !el.textContent.trim()) {
- node.removeChild(el);
- }
- }
-}
-
-function savedOsSelection(os) {
- if (!localStorage) {
- // older browsers simply skip this feature
- return undefined;
- }
- if (os) {
- // set value
- return localStorage.setItem('multi-terminal-renderer--selected-os', os);
- } else {
- // get value
- return localStorage.getItem('multi-terminal-renderer--selected-os');
- }
-}
-
-function renderCustomTerminalsSetup() {
- setupFeature('a[title="multiple-terminals"]', renderMultipleTerminals);
- renderCustomTerminalsFrames();
-}
-
-function renderMultipleTerminals(el) {
- let nextEl = el.parentNode.nextSibling;
- while (nextEl && nextEl.nodeType === Node.TEXT_NODE) {
- nextEl = nextEl.nextSibling;
- }
- if (!nextEl && nextEl.tagName !== 'UL') {
- console.warn('Expected an
element:', el);
- return;
- }
- var ul = nextEl;
- var childNodeList = ul.querySelectorAll('li');
- var children = Array.prototype.slice.call(childNodeList);
- console.log(children);
- if (children.length === 0) {
- console.warn('Expected at least 1
element:', ul);
- return;
- }
- var errorIndices = children.reduce(function (acc, li, liIdx) {
- if (!li.querySelector('code')) {
- acc.push(liIdx);
- }
- return acc;
- }, []);
- if (errorIndices.length > 0) {
- console.error(
- 'Cannot render multi-terminal group, no element within
at indices:',
- errorIndices,
- );
- return;
- }
- ul.classList.add('multi-terminal-group');
- children.forEach(function (li, liIdx) {
- renderMultipleTerminalsListElem(ul, li, liIdx);
- });
- document.body.addEventListener(
- 'click',
- renderMultipleTerminalsOnClickTabTitle,
- false,
- );
-}
-
-function renderMultipleTerminalsListElem(ul, li, liIdx) {
- // validation
- if (
- li.childNodes.length < 2 ||
- li.childNodes[0].nodeType !== Node.TEXT_NODE ||
- li.childNodes[1].nodeType !== Node.ELEMENT_NODE
- ) {
- console.warn(
- `Child element #${liIdx} does not contain expected elements.`,
- ul,
- li,
- );
- return;
- }
- var tabText = li.childNodes[0].textContent.trim();
- var oses = tabText.split(', ').map(function (s) {
- return s.trim();
- });
- oses.forEach(function (osText, osIdx) {
- renderMultipleTerminalsListElemOs(osText, osIdx, oses, li, liIdx, ul);
- });
-}
-
-function renderMultipleTerminalsListElemOs(osText, osIdx, oses, li, liIdx, ul) {
- var os = osText.split(' ')[0].toLowerCase();
- if (['linux', 'mac', 'windows'].indexOf(os) < 0) {
- console.warn(
- `Child element #${liIdx} does not reference a supported OS terminal.`,
- ul,
- li,
- );
- return;
- }
- var isLastOs = osIdx === oses.length - 1;
- var tab = li;
-
- // create a tabTitle to replace the text node in
,
- // in order to apply classes
- var tabTitle = document.createElement('span');
- tabTitle.textContent = osText;
- tabTitle.classList.add('multi-terminal-tabtitle');
- tabTitle.classList.add(`multi-terminal-tabtitle-${os}`);
- tabTitle.setAttribute('data-os', os);
- if (isLastOs) {
- tab.replaceChild(tabTitle, tab.childNodes[0]);
- } else {
- // we have to create a new list element as well
- var newTab = document.createElement('li');
- newTab.appendChild(tabTitle);
- insertDomNodeRelativeTo(tab, newTab, false);
- tab = newTab;
- }
-
- // create a new tabContent
- // and move rest of contents of the
into this
- var tabContent = document.createElement('div');
- tabContent.classList.add('multi-terminal-tabcontent');
- tabContent.classList.add(`multi-terminal-tabcontent-${os}`);
- tabContent.setAttribute('data-os', os);
- for (let childIdx = 1; childIdx < li.childNodes.length; ++childIdx) {
- if (isLastOs) {
- tabContent.appendChild(li.childNodes[childIdx]);
- } else {
- tabContent.appendChild(li.childNodes[childIdx].cloneNode(true));
- }
- }
- removeAllEmptyTextNodes(tabContent);
- removeAllEmptyTextNodes(tabContent.querySelector('.language-shell'));
- removeAllEmptyTextNodes(
- tabContent.querySelector('.language-shell > .highlight'),
- );
-
- // place the tabContent
immediately subsequent to the
- // to which this
belongs
- // also set the 1st one among them to be active,
- // otherwise none will be visible by default
- tab.classList.add('multi-terminal-tab');
- tab.classList.add(`multi-terminal-tab-${os}`);
- tab.setAttribute('data-os', os);
- var prevOs = savedOsSelection();
- var isActiveTab = prevOs === os || (!prevOs && liIdx === 0 && osIdx === 0);
- tab.classList.toggle('active', isActiveTab);
- tabTitle.classList.toggle('active', isActiveTab);
- tabContent.classList.toggle('active', isActiveTab);
- insertDomNodeRelativeTo(ul, tabContent, true);
-}
-
-function renderMultipleTerminalsOnClickTabTitle(e) {
- var tabTitle = e.target;
- if (tabTitle.classList.contains('multi-terminal-tabtitle')) {
- var tab = tabTitle.parentNode;
- var os = tab.getAttribute('data-os');
- var allTabsNodeList = document.querySelectorAll('.multi-terminal-tab');
- var allTabs = Array.prototype.slice.call(allTabsNodeList);
- allTabs.forEach(function (currTab) {
- currTab.classList.toggle(
- 'active',
- currTab.getAttribute('data-os') === os,
- );
- });
- var allTabsContentNodeList = document.querySelectorAll(
- '.multi-terminal-tabcontent',
- );
- var allTabsContent = Array.prototype.slice.call(allTabsContentNodeList);
- allTabsContent.forEach(function (currTabContent) {
- currTabContent.classList.toggle(
- 'active',
- currTabContent.getAttribute('data-os') === os,
- );
- });
- savedOsSelection(os);
- }
-}
-
-function renderCustomTerminalsFrames() {
- var elemNodeList = document.querySelectorAll(
- '.language-windows-command-prompt',
- );
- var elems = Array.prototype.slice.call(elemNodeList);
- elems.forEach(function (el) {
- el.parentNode.classList.add('windows-command-prompt');
- });
-}
-
-// render feature: tables with borders
-
-function renderTablesWithBorders() {
- $('table').addClass('table-with-border');
-}
-
-// render feature: next elem class
-
-function renderNextElemClassSetup() {
- setupFeature('a[title^="next-elem-class "]', renderNextElemClass);
-}
-
-function renderNextElemClass(el) {
- var classNames = el
- .getAttribute('title')
- .slice('next-elem-class '.length)
- .split(/\s+/);
- let nextEl = el.nextSibling;
- while (true) {
- if (nextEl && nextEl.nodeType === Node.TEXT_NODE) {
- const textContent = nextEl.textContent;
- if (!textContent || !textContent.trim()) {
- // skip empty or whitespace only text nodes
- nextEl = nextEl.nextSibling;
- } else {
- // convert text node to a
- // in order to be able to apply classes to it
- const span = document.createElement('span');
- span.textContent = textContent;
- nextEl.parentNode.replaceChild(span, nextEl);
- nextEl = span;
- break;
- }
- } else {
- break;
- }
- }
- console.log(el, nextEl);
- if (!nextEl) {
- return;
- }
- el.parentNode.replaceChild(nextEl, el);
- classNames.map((className) => {
- nextEl.classList.add(className);
- });
-}
-
-$('#newsletter-form').submit(function () {
- var output = jQuery
- .map($(':checkbox[name=skillscb]:checked'), function (n, i) {
- return n.value;
- })
- .join(',');
-
- $('#mce-SKILLS').val(output);
-
- return true;
-});
-
-function setupFeature(querySelector, featureRenderer) {
- const elemNodeList = document.querySelectorAll(querySelector);
- const elems = Array.prototype.slice.call(elemNodeList);
- elems.forEach(featureRenderer);
-}
-
-// render features: 'collapsible'
-
-function renderCollapsibleSetup() {
- setupFeature('a[title="collapsible"]', renderCollapsible);
-}
-
-function renderAccordionHeader(li, headerId, bodyId, isOpen) {
- if (!li.firstChild) {
- console.warn('Missing li child used as accordion header');
- return;
- }
- const headerContainer = document.createElement('div');
- headerContainer.setAttribute('id', headerId);
- headerContainer.classList.add('card-header');
- const a = document.createElement('a');
- a.classList.add('btn');
-
- a.setAttribute('data-toggle', 'collapse');
- a.setAttribute('data-target', `#${bodyId}`);
- if (isOpen) {
- a.setAttribute('aria-expanded', 'true');
- } else {
- a.classList.add('collapsed');
- }
- a.textContent = li.firstChild.textContent;
- const hint = document.createElement('span');
- hint.classList.add('hint');
- a.appendChild(hint);
- headerContainer.appendChild(a);
- return headerContainer;
-}
-
-function renderAccordionBody(li, headerId, bodyId, isOpen) {
- if (!li.children) {
- // we don't return here, we render the empty body
- console.warn('Accordion body empty');
- }
- const bodyContainer = document.createElement('div');
- bodyContainer.setAttribute('id', bodyId);
- bodyContainer.classList.add('collapse');
- if (isOpen) {
- bodyContainer.classList.add('show');
- }
- bodyContainer.setAttribute('aria-labelledby', headerId);
- const body = document.createElement('div');
- body.append(...li.children);
- body.classList.add('card-body');
- bodyContainer.appendChild(body);
- return bodyContainer;
-}
-
-function renderAccordionItem(li, liIndex, collapsibleIndex, isOpen) {
- const headerId = `collapsible-${collapsibleIndex}-header-${liIndex}`;
- const bodyId = `collapsible-${collapsibleIndex}-body-${liIndex}`;
-
- const headerContainer = renderAccordionHeader(li, headerId, bodyId, isOpen);
- const bodyContainer = renderAccordionBody(li, headerId, bodyId, isOpen);
- const card = document.createElement('div');
- card.classList.add('card');
- card.classList.add('accordion__rsk');
- card.appendChild(headerContainer);
- card.appendChild(bodyContainer);
- return card;
-}
-
-function renderCollapsible(elem, collapsibleIndex) {
- const ul = elem.parentNode.nextElementSibling;
- if (!ul && ul.tagName !== 'UL') {
- console.warn('Expected an
element:', el);
- return;
- }
- // use the class 'open' to set the initial status of the accordion
- const isOpen = elem.classList.contains('open');
- const children = Array.prototype.slice.call(ul.children);
- if (children.length === 0) {
- console.warn('Expected at least 1