// ==UserScript== // @name Tweeks - Previously Installed Tab // @namespace tweeks.io // @version 1.2.0 // @description Adds a "Previously Installed" tab to the Tweeks dashboard that remembers tweeks downloaded from tweeks.io/t/ pages using localStorage // @author Tweeks // @match https://www.tweeks.io/dashboard/tweeks* // @match https://www.tweeks.io/t/* // @grant TW_notifications // ==/UserScript== (function () { 'use strict'; const STORAGE_KEY = 'tweeks_previously_installed'; // ----------------------------------------------------------------------- // Shared helpers // ----------------------------------------------------------------------- function getInstalled() { try { return JSON.parse(localStorage.getItem(STORAGE_KEY) || '[]'); } catch (e) { return []; } } function saveInstalled(list) { localStorage.setItem(STORAGE_KEY, JSON.stringify(list)); } function recordTweek(tweek) { const list = getInstalled(); const idx = list.findIndex(t => t.id === tweek.id); if (idx !== -1) { list[idx] = Object.assign({}, list[idx], tweek, { installedAt: list[idx].installedAt }); } else { list.unshift(tweek); } saveInstalled(list); } function removeTweek(id) { const list = getInstalled().filter(t => t.id !== id); saveInstalled(list); } function formatDate(ts) { if (!ts) return ''; const d = new Date(ts); return d.toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric' }); } function escapeHtml(str) { return String(str) .replace(/&/g, '&') .replace(//g, '>') .replace(/"/g, '"') .replace(/'/g, '''); } // ----------------------------------------------------------------------- // Tweek detail page (/t/:id) — detect install/download button clicks // ----------------------------------------------------------------------- function initDetailPage() { const pathParts = window.location.pathname.split('/').filter(Boolean); const tweekId = pathParts[pathParts.length - 1]; if (!tweekId) return; let debounce = false; function getTweekInfo() { const titleEl = document.querySelector('h1'); const ogTitleEl = document.querySelector('meta[property="og:title"]'); const descEl = document.querySelector('meta[name="description"]'); const title = (titleEl ? titleEl.innerText.trim() : null) || (ogTitleEl ? ogTitleEl.getAttribute('content') : null) || document.title.replace(/\s*[|\-\u2013]\s*Tweeks\s*$/i, '').trim(); const description = descEl ? descEl.getAttribute('content') : ''; return { title, description }; } // Use capture-phase delegation on document so React re-renders don't break detection document.addEventListener('click', async function onInstallClick(e) { const btn = e.target.closest('button'); if (!btn) return; const text = (btn.innerText || btn.textContent || '').trim(); if (!/install/i.test(text)) return; if (debounce) return; debounce = true; setTimeout(() => { debounce = false; }, 2000); const { title, description } = getTweekInfo(); const tweek = { id: tweekId, title: title, description: description, url: window.location.href, installedAt: Date.now() }; recordTweek(tweek); await TW_toast('Tweek saved to "Previously Installed"', 'success', 'Tweeks History', 3000); }, true); } // ----------------------------------------------------------------------- // Dashboard page (/dashboard/tweeks) — inject "Previously Installed" tab // ----------------------------------------------------------------------- function initDashboardPage() { let currentView = 'default'; // 'default' | 'previously-installed' function injectTab() { const tabBar = document.querySelector('div.flex.items-center.gap-1.border-b'); if (!tabBar || tabBar.dataset.piTabInjected) return false; tabBar.dataset.piTabInjected = '1'; const count = getInstalled().length; const btn = document.createElement('button'); btn.type = 'button'; btn.id = 'tweeks-pi-tab'; btn.className = 'inline-flex items-center gap-1.5 border-b-2 px-3 pb-2.5 text-sm font-medium transition-all border-transparent text-slate-400 hover:text-slate-700 hover:border-slate-200 cursor-pointer'; btn.innerHTML = 'Previously Installed' + count + ''; btn.addEventListener('click', () => { if (currentView === 'previously-installed') return; currentView = 'previously-installed'; setTabActive(btn); showPreviouslyInstalled(); }); tabBar.appendChild(btn); // When other tabs are clicked, restore default view tabBar.querySelectorAll('button[type="button"]:not(#tweeks-pi-tab)').forEach(existingBtn => { existingBtn.addEventListener('click', () => { if (currentView === 'previously-installed') { currentView = 'default'; hidePreviouslyInstalled(); } }); }); return true; } function setTabActive(activeBtn) { const tabBar = document.querySelector('div.flex.items-center.gap-1.border-b'); if (!tabBar) return; tabBar.querySelectorAll('button[type="button"]').forEach(b => { b.classList.remove('border-slate-900', 'text-slate-900'); b.classList.add('border-transparent', 'text-slate-400'); b.setAttribute('aria-pressed', 'false'); }); activeBtn.classList.remove('border-transparent', 'text-slate-400'); activeBtn.classList.add('border-slate-900', 'text-slate-900'); activeBtn.setAttribute('aria-pressed', 'true'); } function getContentGrid() { return document.querySelector('div.grid.gap-3'); } function showPreviouslyInstalled() { const grid = getContentGrid(); if (!grid) return; // Hide existing grid content grid.dataset.piOrigDisplay = grid.style.display || ''; grid.style.display = 'none'; // Remove old panel if present const old = document.getElementById('tweeks-pi-panel'); if (old) old.remove(); const list = getInstalled(); const panel = document.createElement('div'); panel.id = 'tweeks-pi-panel'; if (list.length === 0) { panel.innerHTML = '

' + '' + '

No previously installed tweeks yet

' + '

When you install tweeks from tweeks.io/t/... pages, they will appear here.

' + '

'; } else { const gridEl = document.createElement('div'); gridEl.className = 'grid gap-3 xl:grid-cols-2'; list.forEach(tweek => { const card = document.createElement('article'); card.className = 'cursor-pointer rounded-xl border border-black/[0.06] bg-white p-4 transition hover:border-black/[0.12]'; card.style.position = 'relative'; const safeTitle = escapeHtml(tweek.title || 'Untitled Tweek'); const safeDesc = escapeHtml(tweek.description || ''); const dateStr = formatDate(tweek.installedAt); const safeUrl = escapeHtml(tweek.url || 'https://www.tweeks.io/t/' + tweek.id); card.innerHTML = '

' + '

' + safeTitle + '

' + '

' + (safeDesc ? '

' + safeDesc + '

' : '') + '

' + 'Installed ' + dateStr + '' + '

' + '

' + 'View' + '' + '

' + '

'; // Remove button card.querySelector('[data-remove-id]').addEventListener('click', async (e) => { e.stopPropagation(); removeTweek(tweek.id); card.style.transition = 'opacity 0.2s'; card.style.opacity = '0'; setTimeout(() => { card.remove(); updateTabCount(); if (gridEl.querySelectorAll('article').length === 0) { showPreviouslyInstalled(); } }, 200); await TW_toast('Tweek removed from history', 'info', null, 2500); }); gridEl.appendChild(card); }); panel.appendChild(gridEl); } grid.parentNode.insertBefore(panel, grid.nextSibling); } function hidePreviouslyInstalled() { const panel = document.getElementById('tweeks-pi-panel'); if (panel) panel.remove(); const grid = getContentGrid(); if (grid && grid.dataset.piOrigDisplay !== undefined) { grid.style.display = grid.dataset.piOrigDisplay; delete grid.dataset.piOrigDisplay; } } function updateTabCount() { const countEl = document.getElementById('tweeks-pi-count'); if (countEl) countEl.textContent = getInstalled().length; } // Try to inject immediately const injected = injectTab(); if (!injected) { // Tab bar not ready yet — observe only until it appears, then disconnect const observer = new MutationObserver((_mutations, obs) => { const done = injectTab(); if (done) { obs.disconnect(); } }); observer.observe(document.body, { childList: true, subtree: true }); // Safety: disconnect after 15 seconds setTimeout(() => observer.disconnect(), 15000); } } // ----------------------------------------------------------------------- // Route detection // ----------------------------------------------------------------------- const path = window.location.pathname; if (/^\/t\//.test(path)) { initDetailPage(); } else if (/^\/dashboard\/tweeks/.test(path)) { initDashboardPage(); } // ----------------------------------------------------------------------- // NextByte onboarding reporting // ----------------------------------------------------------------------- setTimeout(() => { window.postMessage({ type: 'NEXTBYTE_SCRIPT_EXECUTED', requestId: 'onboarding-generation' }, window.location.origin); window.postMessage({ type: 'NEXTBYTE_SCRIPT_EXECUTED', requestId: 'onboarding-update' }, window.location.origin); console.log('[NextByte Onboarding] Script execution reported (update mode)'); }, 200); })();