${systemText[systemLanguage][1]}
${systemText[systemLanguage][2]}
${systemText[systemLanguage][3]}
${systemText[systemLanguage][4]}
${systemText[systemLanguage][5]}
${systemText[systemLanguage][6]}
Boost
Duolingo
PRO 3.1
${versionName}
${systemText[systemLanguage][8]}
${systemText[systemLanguage][9]}
${systemText[systemLanguage][10]}
${systemText[systemLanguage][9]}
${systemText[systemLanguage][15]}
${systemText[systemLanguage][14]}
${systemText[systemLanguage][7]}
AUTOSERVER
Mute
${previewAuthor}
${message.author}
${message.role}
${formatTimeAgo(message.send_time)}
${message.message}
`; const newElement = temp.firstElementChild; lastChatChild.appendChild(newElement); } createAttachmentMessage(message); } function expandAttachment(lastAttachment) { let expanded = false; function getElementPosition(element) { if (!element || !(element instanceof Element)) { return false; } const rect = element.getBoundingClientRect(); return { top: rect.top, right: rect.right, bottom: rect.bottom, left: rect.left, width: rect.width, height: rect.height }; } async function getElementDimensions(element) { return new Promise((resolve, reject) => { if (!(element instanceof HTMLImageElement) && !(element instanceof HTMLVideoElement)) { return reject(new Error('Element must be an image or video')); } if (element instanceof HTMLImageElement) { if (element.complete) { return resolve({ width: element.naturalWidth, height: element.naturalHeight }); } element.addEventListener('load', () => { resolve({ width: element.naturalWidth, height: element.naturalHeight }); }, { once: true }); element.addEventListener('error', () => { reject(new Error('Failed to load image')); }, { once: true }); } else if (element instanceof HTMLVideoElement) { if (element.readyState >= 1) { return resolve({ width: element.videoWidth, height: element.videoHeight }); } element.addEventListener('loadedmetadata', () => { resolve({ width: element.videoWidth, height: element.videoHeight }); }, { once: true }); element.addEventListener('error', () => { reject(new Error('Failed to load video')); }, { once: true }); } }); } function getMaxDimensions(element) { const computedStyle = window.getComputedStyle(element); const maxWidth = computedStyle.maxWidth; const maxHeight = computedStyle.maxHeight; const result = { width: null, height: null }; function parseCalcOrPixel(value, dimension) { // If value is in pixels, return it if (value.endsWith('px')) { return parseFloat(value); } // Handle calc(100% - Npx) if (value.includes('calc')) { const match = value.match(/calc\(100% - (\d+\.?\d*?)px\)/); if (match) { const subtractedPx = parseFloat(match[1]); const parent = element.parentElement; if (dimension === 'width') { return parent ? parent.getBoundingClientRect().width - subtractedPx : window.innerWidth - subtractedPx; } else if (dimension === 'height') { return parent ? parent.getBoundingClientRect().height - subtractedPx : window.innerHeight - subtractedPx; } } } return false; // Fallback } // Calculate max-width and max-height in pixels result.width = parseCalcOrPixel(maxWidth, 'width'); result.height = parseCalcOrPixel(maxHeight, 'height'); return result; } async function fitToWindow() { const max = getMaxDimensions(lastAttachment); const lastAttachmentContent = lastAttachment.querySelector('.DLP_Attachment_Box_1_Content'); const orig = await getElementDimensions(lastAttachmentContent); const scale = Math.min(max.width / orig.width, max.height / orig.height); const w = Math.floor(orig.width * scale); const h = Math.floor(orig.height * scale); lastAttachment.style.width = `${w}px`; lastAttachment.style.height = `${h}px`; } lastAttachment.addEventListener('mouseenter', () => { if (expanded) return; lastAttachment.querySelector('.DLP_Attachment_Box_1_Hover').style.display = ''; }); lastAttachment.addEventListener('mouseleave', () => { if (expanded) return; lastAttachment.querySelector('.DLP_Attachment_Box_1_Hover').style.display = 'none'; }); lastAttachment.querySelector('.DLP_Attachment_Box_1_Hover p').addEventListener('click', async () => { expanded = true; lastAttachment.querySelector('.DLP_Attachment_Box_1_Hover').style.display = 'none'; let pos = getElementPosition(lastAttachment); const tempHover = document.createElement('div'); tempHover.style.width = pos.width + 'px'; tempHover.style.height = pos.height + 'px'; tempHover.style.opacity = '0'; // append tempHover right before lastAttachment lastAttachment.parentNode.insertBefore(tempHover, lastAttachment); const largeViewMotherBox = document.createElement('div'); largeViewMotherBox.className = 'DLP_Attachment_Box_Large_View_1'; document.body.appendChild(largeViewMotherBox); let closeBtn = `
Close
File
${warning.head}
${warning.tag}
${warning.body}