', '

', ' ', '

', '

' ].join(''); main.prepend(container); var wrapper = container.querySelector('.subscribeBoxContainer'); var btn = container.querySelector('#hs-release-subscribe-btn'); var box = container.querySelector('#subscribeBox'); btn.addEventListener('click', function () { var nowOpen = !wrapper.classList.contains('is-open'); wrapper.classList.toggle('is-open', nowOpen); btn.setAttribute('aria-expanded', String(nowOpen)); if (nowOpen) { box.scrollIntoView({ behavior: 'smooth', block: 'center' }); } }); ensureHubSpotForms().then(function () { if (!(window.hbspt && window.hbspt.forms && window.hbspt.forms.create)) return; window.hbspt.forms.create({ portalId: PORTAL_ID, formId: FORM_ID, region: REGION, target: '#hubspot-form-placeholder', cssClass: 'rm-hs-form' }); }); } function unmountForm() { if (isChangelogIndex()) return; var el = document.getElementById(WIDGET_ID); if (el && el.parentNode) { el.parentNode.removeChild(el); } } function initHubSpotForm() { if (isChangelogIndex()) { mountForm(); } else { unmountForm(); } } if (document.readyState !== 'loading') { initHubSpotForm(); } else { document.addEventListener('DOMContentLoaded', initHubSpotForm); } if (window.$) { $(window).on('pageLoad', initHubSpotForm); } })(); // Legacy pagenav support (function () { $('.pagenav li').each(function (i, el) { if ($(el).hasClass('current_page_item')) { $(el).parent().show().parent().addClass('open'); } }); })(); // Header Guides button redirect (function () { $(document) .off('click.customGuideRedirect', 'nav.Header-leftADQdGVqx1wqU a.Button:nth-child(2)') .on('click.customGuideRedirect', 'nav.Header-leftADQdGVqx1wqU a.Button:nth-child(2)', function (e) { e.preventDefault(); window.location.href = 'https://docs.ocrolus.com/docs/guide'; }); })(); // Wait for the document to be fully loaded $(window).on('pageLoad', function(e, state) { // Check if the script should run on this exact path const currentPath = window.location.pathname; if (!currentPath.includes("/docs/all-supported-documents")) { return; // Exit if not on the specified path } setTimeout(() => { // Create and insert the search input element const searchInput = document.createElement('input'); searchInput.type = 'text'; searchInput.id = 'searchInput'; searchInput.placeholder = 'Filter by Document type'; searchInput.style.marginBottom = '10px'; searchInput.style.padding = '0 10px'; // Consistent padding searchInput.style.width = '89%'; // Adjusted width searchInput.style.fontSize = '16px'; searchInput.style.border = '1px solid #ccc'; searchInput.style.borderRadius = '4px'; // Rounded edges searchInput.style.boxSizing = 'border-box'; searchInput.style.outline = 'none'; searchInput.style.appearance = 'none'; // Remove the arrow searchInput.style.height = '35px'; // Consistent height searchInput.style.lineHeight = '30px'; // Ensuring line height matches height const clearButton = document.createElement('button'); clearButton.id = 'clearButton'; clearButton.textContent = 'Clear'; clearButton.style.marginBottom = '10px'; clearButton.style.padding = '0 10px'; // Consistent padding clearButton.style.width = '10%'; // Adjusted width clearButton.style.fontSize = '16px'; clearButton.style.marginLeft = '5px'; // Small gap clearButton.style.backgroundColor = '#d3d3d3'; // Initially greyed out clearButton.style.color = 'white'; // White text clearButton.style.border = 'none'; // No border clearButton.style.borderRadius = '4px'; // Rounded edges clearButton.style.boxSizing = 'border-box'; clearButton.style.cursor = 'not-allowed'; // Indicate non-clickable state clearButton.style.height = '35px'; // Consistent height clearButton.style.lineHeight = '30px'; // Ensuring line height matches height clearButton.disabled = true; // Initially disabled const suggestionBox = document.createElement('div'); suggestionBox.id = 'suggestionBox'; suggestionBox.style.position = 'absolute'; suggestionBox.style.zIndex = '1000'; suggestionBox.style.backgroundColor = 'rgb(246, 247, 255)'; // Background color for suggestions suggestionBox.style.border = '1px solid #ccc'; suggestionBox.style.borderBottom = '2px solid #ccc'; suggestionBox.style.maxHeight = '305px'; suggestionBox.style.overflowY = 'auto'; suggestionBox.style.width = '100%'; suggestionBox.style.display = 'none'; suggestionBox.style.boxShadow = '0px 3px 10px #eaeaea'; suggestionBox.style.borderRadius = '0 0 4px 4px'; // Rounded edges // Create and style the close button for the suggestion box const closeButton = document.createElement('span'); closeButton.textContent = '×'; closeButton.style.position = 'absolute'; closeButton.style.top = '10px'; closeButton.style.right = '10px'; closeButton.style.cursor = 'pointer'; closeButton.style.fontSize = '20px'; closeButton.style.fontWeight = 'bold'; closeButton.style.backgroundColor = 'transparent'; suggestionBox.appendChild(closeButton); closeButton.addEventListener('click', () => { suggestionBox.style.display = 'none'; }); const noMatchMessage = document.createElement('div'); noMatchMessage.id = 'noMatchMessage'; noMatchMessage.textContent = 'No matches found'; noMatchMessage.style.display = 'none'; noMatchMessage.style.color = 'red'; noMatchMessage.style.marginTop = '10px'; const tableContainer = document.querySelector('.rdmd-table-inner'); tableContainer.insertBefore(searchInput, tableContainer.firstChild); tableContainer.insertBefore(clearButton, searchInput.nextSibling); tableContainer.insertBefore(suggestionBox, clearButton.nextSibling); tableContainer.insertBefore(noMatchMessage, suggestionBox.nextSibling); const table = document.querySelector('.rdmd-table-inner table'); const rows = table.querySelectorAll('tbody tr'); const documentNames = new Set(); const categoryClass = 'category-row'; // Add CSS to overwrite row background color const style = document.createElement('style'); style.textContent = ` .markdown-body table:not(.plain) tr.category-row { background-color: rgba(255, 255, 204, 0.5) !important; height: 30px !important; } .markdown-body table:not(.plain) tr:not(.category-row):nth-child(2n) { background-color: #fff !important; } .markdown-body table a { text-decoration: none !important; } `; document.head.appendChild(style); // Tag category rows rows.forEach(row => { const cell = row.querySelector('td:first-child'); if (cell && cell.querySelector('strong') && row.querySelectorAll('td:nth-child(2):empty').length > 0) { row.classList.add(categoryClass); } const text = cell.textContent || cell.innerText; documentNames.add(text.trim()); }); function updateSuggestions(filter) { suggestionBox.innerHTML = ''; suggestionBox.appendChild(closeButton); // Re-add the close button noMatchMessage.style.display = 'none'; let exactMatch = false; let anyMatch = false; if (filter.length >= 3) { documentNames.forEach(name => { if (name.toLowerCase() === filter) { exactMatch = true; } else if (name.toLowerCase().includes(filter)) { const suggestionItem = document.createElement('div'); suggestionItem.textContent = name; suggestionItem.style.padding = '10px'; suggestionItem.style.cursor = 'pointer'; suggestionItem.style.borderBottom = '1px solid #E6E6FA'; // Light purple separator suggestionItem.addEventListener('click', () => { searchInput.value = name; suggestionBox.style.display = 'none'; searchInput.dispatchEvent(new Event('input')); }); suggestionItem.addEventListener('mouseover', () => { suggestionItem.style.backgroundColor = 'rgb(253 255 201)'; // Highlight on hover }); suggestionItem.addEventListener('mouseout', () => { suggestionItem.style.backgroundColor = 'rgb(246, 247, 255)'; // Reset background color }); suggestionBox.appendChild(suggestionItem); anyMatch = true; } }); if (exactMatch && documentNames.has(filter)) { suggestionBox.innerHTML = ''; suggestionBox.appendChild(closeButton); // Re-add the close button } } if (filter.length < 3) { rows.forEach(row => { row.style.display = ''; row.style.backgroundColor = row.classList.contains(categoryClass) ? 'rgba(255, 255, 204, 0.5)' : 'inherit'; }); suggestionBox.style.display = 'none'; clearButton.style.backgroundColor = '#d3d3d3'; // Greyed out clearButton.style.cursor = 'not-allowed'; // Indicate non-clickable state clearButton.disabled = true; return; } let found = false; let currentCategory = null; rows.forEach((row, index) => { const cell = row.querySelector('td:first-child'); if (cell) { const text = cell.textContent || cell.innerText; if (row.classList.contains(categoryClass)) { currentCategory = row; row.style.display = 'none'; // Initially hide category rows } else if (text.toLowerCase().indexOf(filter) > -1) { row.style.display = ''; row.style.backgroundColor = 'inherit'; // Show the current category row if (currentCategory) { currentCategory.style.display = ''; } if (!found) { row.scrollIntoView({behavior: "smooth", block: "center"}); found = true; } anyMatch = true; } else { row.style.display = 'none'; row.style.backgroundColor = ''; } } }); clearButton.style.backgroundColor = '#000'; // Active state color clearButton.style.cursor = 'pointer'; // Indicate clickable state clearButton.disabled = false; if (!anyMatch) { noMatchMessage.style.display = 'block'; } suggestionBox.style.display = anyMatch ? 'block' : 'none'; } searchInput.addEventListener('input', function() { const filter = searchInput.value.toLowerCase(); updateSuggestions(filter); clearButton.style.backgroundColor = filter.length > 0 ? '#000' : '#d3d3d3'; clearButton.style.cursor = filter.length > 0 ? 'pointer' : 'not-allowed'; clearButton.disabled = filter.length === 0; }); searchInput.addEventListener('focus', function() { const filter = searchInput.value.toLowerCase(); if (filter.length >= 3) { suggestionBox.style.display = 'block'; } }); clearButton.addEventListener('click', function() { searchInput.value = ''; rows.forEach(row => { row.style.display = ''; row.style.backgroundColor = row.classList.contains(categoryClass) ? 'rgba(255, 255, 204, 0.5)' : 'inherit'; }); clearButton.style.backgroundColor = '#d3d3d3'; // Greyed out clearButton.style.cursor = 'not-allowed'; // Indicate non-clickable state clearButton.disabled = true; suggestionBox.style.display = 'none'; noMatchMessage.style.display = 'none'; }); document.addEventListener('click', function(event) { if (!searchInput.contains(event.target) && !suggestionBox.contains(event.target)) { suggestionBox.style.display = 'none'; } }); suggestionBox.addEventListener('click', function(event) { event.stopPropagation(); }); }, 1000); // 1-second timeout });

200Success

400Txn Limit Exceeded

403Permission Error

404Book Not Found Error

425Analytics Still Processing

500Internal server error