Free

per

day

month * based on a 30 day month

"; if (document.body.contains(heading) && !heading.isReplaced) { heading.insertAdjacentElement('afterend', newDiv); heading.innerHTML= ""; heading.isReplaced = true; // Mark as replaced to prevent future replacements } myfunction(); } } function myfunction() { /** * Assign elements to variables */ var rangeElement = document.getElementById('request-value'); var requestElement = document.getElementById('requests'); var costElement = document.getElementById('cost'); var toggleElement = document.getElementById('day-month-toggle'); var dayElement = document.getElementById('day'); var monthElement = document.getElementById('month'); var dayMonthVariableElement = document.getElementsByClassName('day-month-variable'); var concSelectElement = document.getElementById('conc-calls'); /** * Variables to be accessible within the scope of the function */ var multiplier = 1; var freeRequestsPerDay = 25000; // Add event listener when input changes and re-calculate Api data rangeElement.addEventListener('input', function() { calculate(); }); concSelectElement.addEventListener('change', function() { calculate() }); // Toggle element so user can toggle between month and day toggleElement.addEventListener('click', toggleButtons); function toggleButtons() { dayElement.classList.toggle('active'); monthElement.classList.toggle('active'); multiplier = multiplier == 1 ? 30 : 1; for (var i = 0; i < dayMonthVariableElement.length; i++) { dayMonthVariableElement[i].classList.toggle('month-active'); } calculate(); } /** * Calculates the cost of the API based on the type of API */ function calculate() { // The value of the range var requestPerDayValue = (rangeElement.value); var concurrentRequests = concSelectElement.value; displayRequests(multiplier * requestPerDayValue); displayCost(Math.round(multiplier * (((Math.log(parseInt(concurrentRequests) + parseInt(1)) / Math.log(2)) * ((parseInt(requestPerDayValue) - parseInt(freeRequestsPerDay)) / 1000) * .227)))); } /** * Displays the cost inside of the costElement */ function displayCost(requestValue) { if (requestValue <= 0) { costElement.textContent = 'Free'; } else if (requestValue > 0) { var costPerThousand = formatNumber(requestValue); costElement.textContent = '\u20AC' + costPerThousand; } } /** * Displays the requests inside of the requestElement */ function displayRequests(requestValue) { requestElement.textContent = formatNumber(requestValue); } /** * Puts commas inside large numbers */ function formatNumber(num) { num = Math.ceil(num); var parts = num.toString().split('.'); parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ','); return parts.join('.'); } }; function addErrocodes(errorData) { console.log(errorData); // Select the section element with a specific data-href attribute const section = document.querySelector('[data-href="error-codes"]'); // Find the table body within that section const tableBody = section.querySelector('.slate-TableElement-tbody'); const fragment = document.createDocumentFragment(); if(tableBody.rows.length < 2){ // Loop through the error codes and generate table rows errorData.forEach(error => { // Create a new row const row = document.createElement('tr'); row.classList.add('slate-tr'); // Create and append cells for code, description, and HTTP status const codeCell = document.createElement('td'); codeCell.classList.add('slate-td'); codeCell.innerHTML = `

${error.errorCode}

`; // codeCell.style.paddingRight = '10px'; const descriptionCell = document.createElement('td'); descriptionCell.classList.add('slate-td'); descriptionCell.innerHTML = `

${error.errorDescription}

`; //descriptionCell.style.paddingRight = '30px'; const httpMethodCell = document.createElement('td'); httpMethodCell.classList.add('slate-td'); httpMethodCell.innerHTML = `

${error.httpCode}

`; // Append the cells to the row row.appendChild(codeCell); row.appendChild(descriptionCell); row.appendChild(httpMethodCell); // Append the row to the table body fragment.appendChild(row); }); tableBody.appendChild(fragment); } } function fetchAndDisplayErrorcodes() { // Replace this with the actual API endpoint URL const apiv2Url = 'https://api.maxxton.net/maxxton/v2/apidocs'; console.log("fetching error codes"); fetch(apiv2Url) .then(response => { // Check if the response is successful if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); }) .then(data => { if (data && Array.isArray(data['x-errorcode-metadata'])) { console.log("Error Codes:", data['x-errorcode-metadata']); // Log the error codes array addErrocodes(data['x-errorcode-metadata']); // Pass the array to addErrocodes function } else { console.error('x-errorcode-metadata is not found or is not an array:', data); } //addErrocodes(data.x-errorcode-metadata); // Pass the data to the addErrocodes function }) .catch(error => { console.error('Error fetching data:', error); }); removeEmptyRows(); } function applyDiffViewer() { // Get all table containers document.querySelectorAll(".table-container").forEach((tableContainer) => { console.log("inside diff"); // Iterate through each row in the table const rows = tableContainer.querySelectorAll("tr"); rows.forEach((row) => { const cells = row.querySelectorAll("td"); if (cells.length < 2) return; // Skip rows with fewer than 2 columns const firstCellContent = cells[0].textContent.trim(); const secondCellContent = cells[1].textContent.trim(); // Check for the "--diff" identifier in the first column if (!firstCellContent.startsWith("--diff")) return; try { // Remove the "--diff" identifier and parse JSON from the cells const firstJSON = JSON.parse(firstCellContent.replace("--diff", "").trim()); const secondJSON = JSON.parse(secondCellContent.trim()); // Generate the side-by-side diff viewer const diffHtml = generateDiffHTML(firstJSON, secondJSON); // Replace the cell content with formatted diff viewer wrapped in sync-scroll containers cells[0].innerHTML = `

${diffHtml.left}

`; cells[1].innerHTML = `

${diffHtml.right}

`; // Enable synchronized scrolling only for these two cells enableSyncScrolling(cells[0], cells[1]); } catch (error) { console.error("Error parsing JSON or generating diff:", error); } }); }); // scrollToFirstDifference(); } function generateDiffHTML(json1, json2) { // Format JSON with 2-space indentation const json1Lines = JSON.stringify(json1, null, 2).split("\n"); const json2Lines = JSON.stringify(json2, null, 2).split("\n"); const diffHtml = { left: "", right: "" }; json1Lines.forEach((line, index) => { const json2Line = json2Lines[index] || ""; if (line.includes("removedFieldFromV2")) { diffHtml.left += `
`; diffHtml.right += `+${json2Line}`; } else if (json2Line.includes("removedFieldFromV2")) { diffHtml.left += `-${line}`; diffHtml.right += `
`; } else if (line !== json2Line) { // Highlight differences diffHtml.left += `-${line}`; diffHtml.right += `+${json2Line}`; } else { // Highlight matching lines diffHtml.left += `${line}\n`; diffHtml.right += `${line}\n`; } }); return diffHtml; } function enableSyncScrolling(cell1, cell2) { const containers = [cell1.querySelector(".sync-scroll"), cell2.querySelector(".sync-scroll")]; containers.forEach((container, index) => { container.addEventListener("scroll", () => { const otherContainer = containers[1 - index]; otherContainer.scrollTop = container.scrollTop; otherContainer.scrollLeft = container.scrollLeft; }); }); } function scrollToFirstDifference() { // Find the first element with "diff-removed" or "diff-added" class const firstDiffLeft = document.querySelector(".diff-removed"); if (firstDiffLeft) { firstDiffLeft.scrollIntoView({ behavior: "smooth", block: "center" }); } const firstDiffRight = document.querySelector(".diff-added"); if (firstDiffRight) { firstDiffRight.scrollIntoView({ behavior: "smooth", block: "center" }); } } function setupMutationObserver(targetTags) { console.log("target tags" , targetTags); // Check if there are any target tags available if (targetTags.length > 0) { targetTags.forEach(tag => { // Create an observer for each tag const observer = new MutationObserver((mutationsList) => { console.log("mutation " , mutationsList); mutation = mutationsList[0]; // Check if new nodes are added to the target tag if (mutation.type === 'childList') { if (tag.hasAttribute('data-href')) { const hrefValue = tag.getAttribute('data-href'); if (hrefValue.includes('api-pricing') && mutationsList.length>3) { addPriceSlider(); } else if (hrefValue.includes('migration-guide')) { console.log("inside mutation to apply the diff") applyDiffViewer(); } } } observer.observe(tag, { childList: true, subtree: true }); }); observer.disconnect(); const config = { childList: true, subtree: true }; // Start observing the specific tag for changes observer.observe(tag, config); }); } } function removeEmptyRows() { // Select all rows with the class 'slate-tr' const rows = document.querySelectorAll('.slate-tr'); // Loop through each row rows.forEach(row => { // Select the paragraph inside the row const paragraph = row.querySelector('.slate-p'); // Check if the paragraph is empty (ignores whitespace) if (!paragraph.textContent.trim()) { // Remove the row if the paragraph is empty row.remove(); } }); }

Sections

Reservations

Endpoints