// vita-global.js - Place in /content directory // Mintlify-optimized global utilities for Vita Protocol documentation (function() { 'use strict'; // Vita Protocol utilities for Mintlify docs window.VitaUtils = { // Configuration config: { decimals: { NEAR: 24, VITA: 18, xVITA: 18, USDC: 6, USDT: 6 } }, // Format utilities (essential only) format: { // Format numbers with proper decimals number: function(num, decimals = 2) { if (typeof num === 'string') num = parseFloat(num); if (isNaN(num)) return '0'; return new Intl.NumberFormat('en-US', { minimumFractionDigits: decimals, maximumFractionDigits: decimals }).format(num); }, // Format token amounts token: function(amount, token, displayDecimals = 4) { const decimals = VitaUtils.config.decimals[token] || 18; const value = amount / Math.pow(10, decimals); return VitaUtils.format.number(value, displayDecimals); }, // Shorten addresses address: function(address, start = 6, end = 4) { if (!address || address.length < start + end) return address; return `${address.slice(0, start)}...${address.slice(-end)}`; }, // Format percentage changes percentage: function(value, showSign = true) { const formatted = Math.abs(value).toFixed(2); if (!showSign) return `${formatted}%`; return value >= 0 ? `+${formatted}%` : `-${formatted}%`; } }, // Simple animations animate: { // Count up animation countUp: function(element, endValue, duration = 1000) { if (!element) return; const startValue = 0; const startTime = performance.now(); function update(currentTime) { const elapsed = currentTime - startTime; const progress = Math.min(elapsed / duration, 1); // Ease-out-quad const eased = 1 - Math.pow(1 - progress, 2); const current = startValue + (endValue - startValue) * eased; element.textContent = VitaUtils.format.number(current, 2); if (progress < 1) { requestAnimationFrame(update); } } requestAnimationFrame(update); } }, // Enhanced code block features codeEnhancements: { // Add copy functionality to code blocks addCopyButtons: function() { // Find all code blocks document.querySelectorAll('pre code').forEach(block => { // Skip if already has copy button if (block.parentElement.querySelector('.copy-button')) return; // Create wrapper if needed const pre = block.parentElement; pre.style.position = 'relative'; // Create copy button const button = document.createElement('button'); button.className = 'copy-button'; button.innerHTML = ` `; button.style.cssText = ` position: absolute; top: 8px; right: 8px; padding: 4px 8px; background: rgba(255, 175, 133, 0.1); border: 1px solid rgba(255, 175, 133, 0.3); border-radius: 4px; color: #ffaf85; cursor: pointer; opacity: 0; transition: opacity 0.2s; font-size: 12px; display: flex; align-items: center; gap: 4px; `; // Show on hover pre.addEventListener('mouseenter', () => { button.style.opacity = '1'; }); pre.addEventListener('mouseleave', () => { if (!button.classList.contains('copied')) { button.style.opacity = '0'; } }); // Copy functionality button.addEventListener('click', async () => { try { await navigator.clipboard.writeText(block.textContent); button.innerHTML = ` Copied! `; button.classList.add('copied'); button.style.color = '#3ca66b'; button.style.borderColor = '#3ca66b'; setTimeout(() => { button.innerHTML = ` `; button.classList.remove('copied'); button.style.color = '#ffaf85'; button.style.borderColor = 'rgba(255, 175, 133, 0.3)'; button.style.opacity = '0'; }, 2000); } catch (err) { console.error('Failed to copy:', err); } }); pre.appendChild(button); }); } }, // Initialize number animations on scroll observeNumbers: function() { const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting && !entry.target.dataset.animated) { const value = parseFloat(entry.target.dataset.value); if (!isNaN(value)) { VitaUtils.animate.countUp(entry.target, value); entry.target.dataset.animated = 'true'; } } }); }, { threshold: 0.5 }); // Observe elements with data-animate-number document.querySelectorAll('[data-animate-number]').forEach(el => { observer.observe(el); }); }, // Custom tooltips for special terms addGlossaryTooltips: function() { const glossary = { 'xVITA': 'Staked VITA token that earns rewards and governance power', 'APY': 'Annual Percentage Yield - yearly return rate including compound interest', 'TVL': 'Total Value Locked - total assets deposited in the protocol', 'IL': 'Impermanent Loss - temporary loss from providing liquidity' }; // Find glossary terms in text Object.keys(glossary).forEach(term => { const regex = new RegExp(`\\b${term}\\b`, 'g'); const walker = document.createTreeWalker( document.body, NodeFilter.SHOW_TEXT, { acceptNode: function(node) { // Skip if already in a tooltip or code block const parent = node.parentElement; if (parent.tagName === 'CODE' || parent.tagName === 'PRE' || parent.classList.contains('glossary-term')) { return NodeFilter.FILTER_REJECT; } return regex.test(node.nodeValue) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT; } } ); const nodes = []; let node; while (node = walker.nextNode()) { nodes.push(node); } // Replace terms with tooltips nodes.forEach(textNode => { const span = document.createElement('span'); span.innerHTML = textNode.nodeValue.replace(regex, match => { return `${match}`; }); textNode.parentNode.replaceChild(span, textNode); }); }); }, // Initialize all features init: function() { // Wait for DOM ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', VitaUtils.init); return; } // Add copy buttons to code blocks VitaUtils.codeEnhancements.addCopyButtons(); // Observe number animations VitaUtils.observeNumbers(); // Add glossary tooltips (optional - can be disabled) // VitaUtils.addGlossaryTooltips(); // Re-run on navigation (for SPAs) let lastPath = window.location.pathname; const checkNavigation = setInterval(() => { if (window.location.pathname !== lastPath) { lastPath = window.location.pathname; setTimeout(() => { VitaUtils.codeEnhancements.addCopyButtons(); VitaUtils.observeNumbers(); }, 100); } }, 500); console.log('VitaUtils initialized for Mintlify docs'); } }; // Initialize VitaUtils.init(); // Expose utilities globally window.VitaUtils = VitaUtils; // Example usage in MDX files: // 0 // VitaUtils.format.token('1000000000000000000', 'VITA') // VitaUtils.format.address('0x1234567890abcdef1234567890abcdef12345678') })();

Core Concepts

Page Not Found