PoinTru Master Suite | Builder, CRO Audit & Tru Theme Minifier (100% Offline)

✅ Prompt berhasil disalin ke clipboard!

\n"; function switchAppTool(tool) { currentAppMode = tool; var btnBuilder = document.getElementById('btnToolBuilder'); var btnAudit = document.getElementById('btnToolAudit'); var btnMinifier = document.getElementById('btnToolMinifier'); var formBuilder = document.getElementById('formBuilderSection'); var formAudit = document.getElementById('formAuditSection'); var formMinifier = document.getElementById('formMinifierSection'); var outputHeaderTitle = document.getElementById('outputHeaderTitle'); var outputHeaderSubtitle = document.getElementById('outputHeaderSubtitle'); var copyBtn = document.getElementById('copyBtn'); btnBuilder.className = "btn-mode-inactive"; btnAudit.className = "btn-mode-inactive"; if (btnMinifier) btnMinifier.className = "btn-mode-inactive"; formBuilder.classList.add('hidden'); formAudit.classList.add('hidden'); if (formMinifier) formMinifier.classList.add('hidden'); if (tool === 'builder') { btnBuilder.className = "btn-mode-builder-active"; formBuilder.classList.remove('hidden'); outputHeaderTitle.textContent = "✨ Hasil Master Prompt AI Siap Pakai"; outputHeaderTitle.style.color = "var(--tru-deep-ocean)"; outputHeaderSubtitle.textContent = "Salin dan tempelkan langsung ke Gemini 1.5/2.0, Claude 3.5 Sonnet, atau ChatGPT-4o."; copyBtn.style.background = "var(--tru-burnt-sienna)"; generatePrompt(false); } else if (tool === 'audit') { btnAudit.className = "btn-mode-audit-active"; formAudit.classList.remove('hidden'); outputHeaderTitle.textContent = "🔍 Hasil Master Prompt CRO Audit Siap Pakai"; outputHeaderTitle.style.color = "var(--tru-burnt-sienna)"; outputHeaderSubtitle.textContent = "Prompt khusus untuk meminta AI mengaudit skor konversi, mendeteksi red flags, dan memperbaiki kode landing page."; copyBtn.style.background = "var(--tru-burnt-sienna)"; var auditInput = document.getElementById('auditInputData'); if (auditInput && !auditInput.value.trim()) { auditInput.value = AUDIT_SAMPLE; updateAuditCounters(); } generateAuditPrompt(false); } else if (tool === 'minifier') { if (btnMinifier) btnMinifier.className = "btn-mode-minifier-active"; if (formMinifier) formMinifier.classList.remove('hidden'); outputHeaderTitle.textContent = "⚡ Hasil Master Prompt Standarisasi & Minifikasi"; outputHeaderTitle.style.color = "var(--tru-persian-green)"; outputHeaderSubtitle.textContent = "Prompt untuk meminta AI mengonversi HTML ke Design System Tru Theme (Sunny Beach Day) & minifikasi 1-baris ultra-ringan."; copyBtn.style.background = "var(--tru-burnt-sienna)"; var minifierInput = document.getElementById('minifierInputData'); if (minifierInput && !minifierInput.value.trim()) { minifierInput.value = AUDIT_SAMPLE; updateMinifierCounters(); } generateMinifierPrompt(false); } } function loadMinifierPreset(type) { if (type === 'sample' || type === 'sunny_full') { document.getElementById('minifierTheme').value = 'Tru Theme (Sunny Beach Day Edition)'; document.getElementById('minifierPerformance').value = 'FCP < 0.8s, skor 100/100'; document.getElementById('chkWatermark').checked = true; document.getElementById('chkZeroFonts').checked = true; document.getElementById('chkImageOpt').checked = true; document.getElementById('chkStrictMinify').checked = true; document.getElementById('minifierInputData').value = AUDIT_SAMPLE; } else if (type === 'cwv_strict') { document.getElementById('minifierTheme').value = 'Tru Theme (Sunny Beach Day Edition)'; document.getElementById('minifierPerformance').value = 'FCP < 0.8s, skor 100/100'; document.getElementById('chkWatermark').checked = true; document.getElementById('chkZeroFonts').checked = true; document.getElementById('chkImageOpt').checked = true; document.getElementById('chkStrictMinify').checked = true; } else if (type === 'clean_only') { document.getElementById('minifierTheme').value = 'Tru Theme (Sunny Beach Day Edition)'; document.getElementById('minifierPerformance').value = 'Ultra-Lightweight Static HTML Production'; document.getElementById('chkStrictMinify').checked = true; } updateMinifierCounters(); generateMinifierPrompt(false); showToast('Preset Minifier berhasil dimuat!'); } function resetMinifierForm() { document.getElementById('minifierTheme').value = 'Tru Theme (Sunny Beach Day Edition)'; document.getElementById('minifierPerformance').value = 'FCP < 0.8s, skor 100/100'; document.getElementById('chkWatermark').checked = true; document.getElementById('chkZeroFonts').checked = true; document.getElementById('chkImageOpt').checked = true; document.getElementById('chkStrictMinify').checked = true; document.getElementById('minifierInputData').value = ''; updateMinifierCounters(); generateMinifierPrompt(false); showToast('Form Minifier direset!'); } function updateMinifierCounters() { var input = document.getElementById('minifierInputData'); var counter = document.getElementById('minifierCharCounter'); var len = input ? input.value.length : 0; if (counter) counter.textContent = len.toLocaleString('id-ID') + ' karakter'; } function generateMinifierPrompt(fromButtonClick) { var theme = document.getElementById('minifierTheme').value; var perf = document.getElementById('minifierPerformance').value; var rawHtml = (document.getElementById('minifierInputData').value || '').trim() || AUDIT_SAMPLE; var badgeLayout = document.getElementById('badgeLayout'); var badgePalette = document.getElementById('badgePalette'); var badgeVisual = document.getElementById('badgeVisual'); var badgeCopy = document.getElementById('badgeCopy'); if (badgeLayout && badgePalette && badgeVisual && badgeCopy) { badgeLayout.textContent = '🏖️ Tru Theme Sunny Beach'; badgePalette.textContent = '⚡ Core Web Vitals (FCP < 0.8s)'; badgeVisual.textContent = '📦 0 KB Font Overhead'; badgeCopy.textContent = '✨ Strict Single-Block Minify'; } var template = "# ==============================================================================\n" + "# MASTER PROMPT: STANDARISASI, ADAPTASI DESIGN SYSTEM & MINIFIKASI LANDING PAGE HTML\n" + "# ROLE: Senior Front-End Performance Engineer & UI/UX Architect\n" + "# TARGET: Single-File / Static HTML Landing Page Optimization & Direct Minification\n" + "# ==============================================================================\n\n" + "Bertindaklah sebagai Senior Front-End Performance Engineer. Tugas Anda adalah mengonversi, menyesuaikan struktur, menerapkan Design System resmi **" + theme + "**, dan meminifikasi kode HTML landing page berikut menjadi satu aliran kode produksi ultra-ringan (" + perf + ").\n\n" + "---\n\n" + "### 1. STANDAR STRUKTUR & METADATA\n" + "- Gunakan `` dan ``.\n" + "- Deklarasikan `` dan ``.\n" + "- Sisipkan tanda air arsitektur di bagian paling atas:\n" + " ```html\n" + " \n" + " ```\n\n" + "---\n\n" + "### 2. DESIGN SYSTEM & TOKEN WARNA (SUNNY BEACH DAY)\n\n" + "Gunakan token CSS variabel berikut di dalam tag `