+25

website/sass/style.scss

reviewed

··· 422 422 border-color: var(--accent); 423 423 } 424 424 425 425 + .share-btn { 426 426 + padding: 0.375rem 1rem; 427 427 + background: var(--accent); 428 428 + color: white; 429 429 + border: none; 430 430 + border-radius: 0.25rem; 431 431 + font-size: 0.875rem; 432 432 + font-weight: 500; 433 433 + cursor: pointer; 434 434 + transition: background 0.2s, transform 0.1s; 435 435 + } 436 436 + 437 437 + .share-btn:hover { 438 438 + background: var(--accent-hover); 439 439 + transform: translateY(-1px); 440 440 + } 441 441 + 442 442 + .share-btn:active { 443 443 + transform: translateY(0); 444 444 + } 445 445 + 446 446 + .share-btn.copied { 447 447 + background: #10b981; 448 448 + } 449 449 + 425 450 .tabs { 426 451 display: flex; 427 452 gap: 0.5rem;

+71

website/static/js/app.js

reviewed

··· 131 131 initEditor(); 132 132 setupEventListeners(); 133 133 134 134 + // Load from URL if share parameter exists 135 135 + loadFromUrl(); 136 136 + 134 137 // Generate initial output 135 138 handleCheck(); 136 139 } catch (error) { ··· 419 422 timeout = setTimeout(handleCheck, 500); 420 423 }); 421 424 } 425 425 + 426 426 + // Share button 427 427 + const shareBtn = document.getElementById('share-btn'); 428 428 + if (shareBtn) { 429 429 + shareBtn.addEventListener('click', handleShare); 430 430 + } 422 431 } 423 432 424 433 function switchTab(tabName) { ··· 545 554 resultDiv.textContent = message; 546 555 resultDiv.className = 'error'; 547 556 resultDiv.style.display = 'block'; 557 557 + } 558 558 + 559 559 + // Base64url encoding (URL-safe base64) 560 560 + function base64urlEncode(str) { 561 561 + // Convert string to base64 562 562 + const base64 = btoa(unescape(encodeURIComponent(str))); 563 563 + // Make it URL-safe by replacing +/= with -_~ 564 564 + return base64.replace(/\+/g, '-').replace(/\//g, '_').replace(/=/g, '~'); 565 565 + } 566 566 + 567 567 + function base64urlDecode(str) { 568 568 + // Convert URL-safe base64 back to regular base64 569 569 + const base64 = str.replace(/-/g, '+').replace(/_/g, '/').replace(/~/g, '='); 570 570 + // Decode base64 to string 571 571 + return decodeURIComponent(escape(atob(base64))); 572 572 + } 573 573 + 574 574 + function loadFromUrl() { 575 575 + const urlParams = new URLSearchParams(window.location.search); 576 576 + const shareParam = urlParams.get('share'); 577 577 + 578 578 + if (shareParam) { 579 579 + try { 580 580 + const decoded = base64urlDecode(shareParam); 581 581 + const textarea = document.getElementById('mlf-editor'); 582 582 + if (textarea) { 583 583 + textarea.value = decoded; 584 584 + updateLineNumbers(decoded); 585 585 + updateHighlighting(decoded); 586 586 + } 587 587 + } catch (error) { 588 588 + console.error('Failed to load shared code:', error); 589 589 + showError('Failed to load shared code. The link may be corrupted.'); 590 590 + } 591 591 + } 592 592 + } 593 593 + 594 594 + function handleShare() { 595 595 + const source = getEditorContent(); 596 596 + const encoded = base64urlEncode(source); 597 597 + 598 598 + // Build share URL 599 599 + const baseUrl = window.location.origin + window.location.pathname; 600 600 + const shareUrl = `${baseUrl}?share=${encoded}`; 601 601 + 602 602 + // Copy to clipboard 603 603 + navigator.clipboard.writeText(shareUrl).then(() => { 604 604 + // Show success feedback 605 605 + const shareBtn = document.getElementById('share-btn'); 606 606 + const originalText = shareBtn.textContent; 607 607 + shareBtn.textContent = 'Copied!'; 608 608 + shareBtn.classList.add('copied'); 609 609 + 610 610 + setTimeout(() => { 611 611 + shareBtn.textContent = originalText; 612 612 + shareBtn.classList.remove('copied'); 613 613 + }, 2000); 614 614 + }).catch(err => { 615 615 + console.error('Failed to copy to clipboard:', err); 616 616 + // Fallback: show the URL in a prompt 617 617 + prompt('Copy this URL to share:', shareUrl); 618 618 + }); 548 619 } 549 620 550 621 // Initialize when DOM is ready

+1

website/templates/playground.html

reviewed

··· 8 8 <div class="file-path-container"> 9 9 <input type="text" id="file-path" value="com/example/forum/thread.mlf" spellcheck="false" /> 10 10 </div> 11 11 + <button id="share-btn" class="share-btn" title="Share this code">Share</button> 11 12 </div> 12 13 <textarea id="mlf-editor" spellcheck="false">/// A forum thread 13 14 record thread {