// ==UserScript== // @name Lovable Project Source Code Downloader // @namespace web.nextbyte.ai // @version 5.0 // @description Lovable Project Source Code Downloader on free plan. // @author NextByte // @match https://lovable.dev/* // @grant GM_xmlhttpRequest // @connect api.lovable.dev // ==/UserScript== (function () { 'use strict'; console.log('[LovableDL v5] Loaded - Header Button Mode'); // --- CONFIG --- const BUTTON_ID = 'lovable-download-header-btn'; let validToken = null; // --- 1. DYNAMIC DEPENDENCY LOADING --- function loadJSZip(callback) { if (typeof JSZip !== 'undefined') { callback(); return; } const script = document.createElement('script'); script.src = 'https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js'; script.onload = callback; script.onerror = () => console.error('Failed to load JSZip'); document.head.appendChild(script); } // --- 2. AUTH CAPTURE --- function isValidJwt(token) { return typeof token === 'string' && token.startsWith('eyJ') && token.split('.').length === 3; } function setToken(token) { if (!token || validToken === token) return; if (!isValidJwt(token)) return; console.log('[LovableDL] Token captured!'); validToken = token; updateButtonState(); } // Hook Fetch & XHR const originalFetch = window.fetch; window.fetch = async function (...args) { if (args[1]?.headers) { const h = args[1].headers; const auth = h['Authorization'] || h['authorization'] || h['x-auth-token']; if (auth) setToken(auth.replace('Bearer ', '')); } return originalFetch.apply(this, args); }; const originalXHRSetHeader = XMLHttpRequest.prototype.setRequestHeader; XMLHttpRequest.prototype.setRequestHeader = function (header, value) { if ((header.toLowerCase() === 'authorization' || header.toLowerCase() === 'x-auth-token') && value) { setToken(value.replace('Bearer ', '')); } return originalXHRSetHeader.apply(this, arguments); }; // Passive Scan function scanLocalStorage() { if (validToken) return; for (let i = 0; i < localStorage.length; i++) { const val = localStorage.getItem(localStorage.key(i)); if (!val) continue; if (isValidJwt(val)) { setToken(val); return; } if (val.startsWith('{')) { try { const p = JSON.parse(val); const c = [p.token, p.access_token, p.session?.access_token]; for (const t of c) if (isValidJwt(t)) { setToken(t); return; } } catch (e) { } } } } // --- 3. UI LOGIC (HEADER BUTTON) --- function createHeaderButton() { // Check if button already exists if (document.getElementById(BUTTON_ID)) return; // Find the "Read only" text element - be more specific const readOnlyElements = Array.from(document.querySelectorAll('p.text-sm.text-muted-foreground')).filter(p => p.textContent.trim() === 'Read only' ); if (readOnlyElements.length === 0) { console.log('[LovableDL] "Read only" text not found yet'); return; } const readOnlyElement = readOnlyElements[0]; const parentContainer = readOnlyElement.parentElement; // div.flex.items-center.gap-2 if (!parentContainer || !parentContainer.className.includes('flex')) { console.log('[LovableDL] Parent container not found or invalid'); return; } // Create the button with Lovable styling const btn = document.createElement('button'); btn.id = BUTTON_ID; btn.className = 'inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-colors duration-100 ease-in-out focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none bg-secondary text-secondary-foreground hover:bg-muted-hover h-7 rounded-md py-2 gap-1.5 px-2 shadow-none'; btn.innerHTML = ` Download Source `; btn.disabled = true; btn.style.opacity = '0.6'; btn.style.cursor = 'wait'; btn.addEventListener('click', handleDownload); // Insert button before the "Read only" text parentContainer.insertBefore(btn, readOnlyElement); console.log('[LovableDL] Header button injected before "Read only" text.'); updateButtonState(); } function updateButtonState() { const btn = document.getElementById(BUTTON_ID); if (!btn) return; if (validToken) { btn.style.opacity = '1'; btn.style.cursor = 'pointer'; btn.disabled = false; console.log('[LovableDL] Button enabled - token available'); } else { btn.style.opacity = '0.6'; btn.style.cursor = 'wait'; btn.disabled = true; } } // --- 4. DOWNLOAD LOGIC --- function getProjectId() { const match = window.location.pathname.match(/\/projects\/([a-f0-9-]+)/); return match ? match[1] : null; } async function handleDownload() { if (!validToken) { alert('Waiting for authentication...'); return; } const projectId = getProjectId(); if (!projectId) { alert('Go to a project page first!'); return; } const btn = document.getElementById(BUTTON_ID); const originalHTML = btn.innerHTML; btn.innerHTML = 'Processing...'; btn.disabled = true; try { // Using fetch directly as fallback if GM is not working for some reason // But preferring GM for CORS handling const useGM = typeof GM_xmlhttpRequest !== 'undefined'; const responseText = await new Promise((resolve, reject) => { const req = { method: 'GET', url: `https://api.lovable.dev/projects/${projectId}/source-code`, headers: { 'Authorization': `Bearer ${validToken}`, 'Content-Type': 'application/json' }, onload: (r) => r.status === 200 ? resolve(r.responseText) : reject(new Error(r.statusText)), onerror: reject }; if (useGM) GM_xmlhttpRequest(req); else { // Fetch fallback fetch(req.url, { headers: req.headers }) .then(r => r.text()) .then(resolve) .catch(reject); } }); const data = JSON.parse(responseText); if (!data.files?.length) throw new Error('No files found.'); const zip = new JSZip(); data.files.forEach(f => { const n = f.name || f.path; if (!n) return; if (f.binary && f.contents) zip.file(n, f.contents, { base64: true }); else if (f.contents) zip.file(n, f.contents); }); const blob = await zip.generateAsync({ type: 'blob' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = `lovable-${projectId}.zip`; document.body.appendChild(a); a.click(); setTimeout(() => URL.revokeObjectURL(url), 2000); btn.innerHTML = 'Done!'; setTimeout(() => { btn.innerHTML = originalHTML; btn.disabled = false; }, 3000); } catch (e) { alert('Error: ' + e.message); btn.innerHTML = 'Failed'; setTimeout(() => { btn.innerHTML = originalHTML; btn.disabled = false; }, 3000); } } // --- 5. INIT --- loadJSZip(() => { // Inject button and monitor for DOM changes createHeaderButton(); // Retry periodically in case the DOM hasn't loaded yet const retryInterval = setInterval(() => { if (!document.getElementById(BUTTON_ID)) { createHeaderButton(); } }, 500); // Stop retrying after 30 seconds setTimeout(() => clearInterval(retryInterval), 30000); scanLocalStorage(); setInterval(scanLocalStorage, 2000); }); })();