Arena.ai Chat Exporter — UNLIMITED Edition

JavaScript utility untuk mengekspor seluruh percakapan chat dari arena.ai (sebelumnya LMArena) ke format Markdown — tanpa batas karakter, tanpa batas panjang teks. Script ini berjalan langsung di browser console, mendeteksi pesan user dan assistant (lengkap dengan nama model), mengekstrak bagian thinking jika ada, lalu menyalin hasilnya melalui 4 metode fallback yang menjamin teks pasti bisa diambil.

✨ Fitur Unggulan

✅ TANPA BATAS KARAKTER — mau 100 karakter atau 10 juta karakter, semua ke-copy.
✅ 4 metode fallback otomatis:
1. 📋 Clipboard API (navigator.clipboard.writeText) — tanpa batas ukuran.
2. 📦 Blob + ClipboardItem — alternatif clipboard untuk browser yang lebih ketat.
3. 🌐 Tab baru — buka teks di tab baru dengan tombol Copy, Select All, dan Download.
4. 💾 Download file .md — langsung unduh sebagai file Markdown.
✅ Backup otomatis di console — teks selalu tersimpan di window.__CHAT_EXPORT__, tidak akan pernah hilang.
✅ Mendukung ketiga mode chat arena.ai: Direct, Battle, dan Side by Side.
✅ Deteksi cerdas pesan user dan assistant berdasarkan struktur HTML (bukan tebakan urutan).
✅ Nama model untuk setiap balasan assistant diambil langsung dari header pesan.
✅ Ekstraksi konten thinking (bagian "Thought for …") jika tombolnya sudah diklik.
✅ Pembersihan konten otomatis (whitespace berlebih, line break, dll.).
✅ Urutan pesan kronologis (dari paling lama ke terbaru).
✅ Informasi lengkap: mode chat, tanggal ekspor, total pesan, total karakter.
✅ Mudah digunakan — cukup paste di console browser.

🚀 Cara Penggunaan

Langkah 1: Buka Chat di arena.ai

Navigasi ke percakapan yang ingin diekspor.
Pastikan semua pesan sudah termuat (scroll ke atas untuk memuat pesan lama).
Jika Anda ingin menyertakan konten thinking, klik setiap tombol "Thought for …" untuk memperluasnya.

Langkah 2: Buka Browser Console

Chrome/Edge: F12 atau Ctrl+Shift+I → pilih tab Console
Firefox: F12 atau Ctrl+Shift+K
Safari: Cmd+Option+I (aktifkan Developer Menu di Preferences)

Langkah 3: Jalankan Script

Copy seluruh kode di bawah ini, paste ke console, lalu tekan Enter.

(function() {
    'use strict';

    console.log('🚀 arena.ai Chat Exporter — UNLIMITED Edition');

    function getMode() {
        const btn = document.querySelector('button[role="combobox"] p.text-base.font-normal');
        return btn ? btn.innerText.trim() : 'Unknown';
    }

    function extractThinking(container) {
        const thoughtBtn = Array.from(container.querySelectorAll('button')).find(b =>
            b.textContent.includes('Thought for')
        );
        if (!thoughtBtn) return null;
        const targetId = thoughtBtn.getAttribute('aria-controls');
        if (!targetId) return null;
        const contentDiv = document.getElementById(targetId);
        if (!contentDiv) return null;
        return contentDiv.innerText.trim().replace(/\n{3,}/g, '\n\n');
    }

    function getModelName(container) {
        const s = container.querySelector('span.truncate');
        return s ? s.innerText.trim() : 'Unknown Model';
    }

    function getMessageContent(container) {
        const prose = container.querySelector('.prose');
        if (!prose) return '';
        return prose.innerText.trim()
            .replace(/\n{3,}/g, '\n\n')
            .replace(/^\s+|\s+$/gm, '');
    }

    function buildMarkdown() {
        const assistantSel = 'div.bg-surface-primary';
        const userSel = 'div.bg-surface-raised';
        const containers = Array.from(document.querySelectorAll(`${assistantSel}, ${userSel}`));

        if (containers.length === 0) {
            alert('❌ Tidak ada pesan ditemukan.');
            return null;
        }

        containers.reverse();

        const messages = [];
        let uIdx = 1, aIdx = 1;

        containers.forEach(c => {
            const isAssistant = c.querySelector('.sticky.top-0') !== null;
            if (isAssistant) {
                messages.push({
                    role: 'assistant',
                    model: getModelName(c),
                    content: getMessageContent(c),
                    thinking: extractThinking(c),
                    index: aIdx++
                });
            } else {
                messages.push({
                    role: 'user',
                    content: getMessageContent(c),
                    index: uIdx++
                });
            }
        });

        const mode = getMode();
        const date = new Date().toLocaleString('id-ID', { timeZone: 'Asia/Jakarta' });
        const totalChars = messages.reduce((s, m) => s + (m.content || '').length + (m.thinking || '').length, 0);

        let md = `# Chat Export from arena.ai\n\n`;
        md += `**Mode:** ${mode}\n`;
        md += `**Export Date:** ${date}\n`;
        md += `**Total Messages:** ${messages.length}\n`;
        md += `**Total Characters:** ${totalChars.toLocaleString()}\n\n---\n\n`;

        messages.forEach(m => {
            if (m.role === 'user') {
                md += `## 👤 User (${m.index})\n\n${m.content}\n\n---\n\n`;
            } else {
                md += `## 🤖 Assistant (${m.index}) — **${m.model}**\n\n`;
                if (m.thinking) md += `**Thinking:**\n\n${m.thinking}\n\n`;
                md += `${m.content}\n\n---\n\n`;
            }
        });

        md += `*Exported with arena.ai Chat Exporter — UNLIMITED*`;

        console.log(`📦 ${messages.length} pesan, ${totalChars.toLocaleString()} karakter total`);
        return { markdown: md, count: messages.length, chars: totalChars };
    }

    async function copyViaClipboardAPI(text) {
        try {
            await navigator.clipboard.writeText(text);
            return true;
        } catch {
            return false;
        }
    }

    async function copyViaBlob(text) {
        try {
            const blob = new Blob([text], { type: 'text/plain' });
            const item = new ClipboardItem({ 'text/plain': blob });
            await navigator.clipboard.write([item]);
            return true;
        } catch {
            return false;
        }
    }

    function downloadAsFile(text, filename) {
        const blob = new Blob([text], { type: 'text/markdown;charset=utf-8' });
        const url = URL.createObjectURL(blob);
        const a = document.createElement('a');
        a.href = url;
        a.download = filename;
        a.style.display = 'none';
        document.body.appendChild(a);
        a.click();
        setTimeout(() => {
            document.body.removeChild(a);
            URL.revokeObjectURL(url);
        }, 1000);
    }

    function openInNewTab(text) {
        const w = window.open('', '_blank');
        if (!w) return false;
        w.document.write(`
            <!DOCTYPE html>
            <html>
            <head>
                <title>Chat Export</title>
                <style>
                    body {
                        background: #0d1117; color: #e6edf3;
                        font-family: 'Courier New', monospace;
                        padding: 20px; margin: 0;
                        white-space: pre-wrap; word-wrap: break-word;
                    }
                    .toolbar {
                        position: fixed; top: 0; left: 0; right: 0;
                        background: #161b22; padding: 12px 20px;
                        border-bottom: 1px solid #30363d;
                        display: flex; gap: 10px; align-items: center;
                        z-index: 9999;
                    }
                    .toolbar button {
                        background: #238636; color: white;
                        border: none; padding: 8px 16px;
                        border-radius: 6px; cursor: pointer;
                        font-size: 14px; font-weight: 600;
                    }
                    .toolbar button:hover { background: #2ea043; }
                    .toolbar button.secondary {
                        background: #30363d;
                    }
                    .toolbar button.secondary:hover { background: #484f58; }
                    .toolbar span { color: #8b949e; font-size: 13px; }
                    #content { margin-top: 60px; }
                </style>
            </head>
            <body>
                <div class="toolbar">
                    <button onclick="copyAll()">📋 Copy Semua</button>
                    <button class="secondary" onclick="selectAll()">🔍 Select All</button>
                    <button class="secondary" onclick="downloadMd()">💾 Download .md</button>
                    <span id="status"></span>
                </div>
                <div id="content"></div>
                <script>
                    const fullText = document.getElementById('content').innerText;

                    async function copyAll() {
                        try {
                            await navigator.clipboard.writeText(fullText);
                            document.getElementById('status').textContent = '✅ Berhasil dicopy!';
                        } catch(e) {
                            selectAll();
                            document.getElementById('status').textContent = '⚠️ Tekan Ctrl+C untuk copy';
                        }
                    }

                    function selectAll() {
                        const range = document.createRange();
                        range.selectNodeContents(document.getElementById('content'));
                        const sel = window.getSelection();
                        sel.removeAllRanges();
                        sel.addRange(range);
                    }

                    function downloadMd() {
                        const blob = new Blob([fullText], {type:'text/markdown'});
                        const a = document.createElement('a');
                        a.href = URL.createObjectURL(blob);
                        a.download = 'chat-export.md';
                        a.click();
                    }
                <\/script>
            </body>
            </html>
        `);
        w.document.getElementById('content').textContent = text;
        w.document.close();
        return true;
    }

    async function exportChat() {
        const result = buildMarkdown();
        if (!result) return;

        const { markdown, count, chars } = result;
        const sizeMB = (new Blob([markdown]).size / 1024 / 1024).toFixed(2);

        console.log(`📄 Markdown: ${markdown.length.toLocaleString()} chars, ~${sizeMB} MB`);

        window.__CHAT_EXPORT__ = markdown;
        console.log('💡 Teks juga tersimpan di: window.__CHAT_EXPORT__');

        let copied = await copyViaClipboardAPI(markdown);
        if (copied) {
            alert(
                `✅ BERHASIL DICOPY KE CLIPBOARD!\n\n` +
                `📦 ${count} pesan\n` +
                `📝 ${chars.toLocaleString()} karakter\n` +
                `💾 ~${sizeMB} MB\n\n` +
                `Langsung Ctrl+V untuk paste.`
            );
            return;
        }

        copied = await copyViaBlob(markdown);
        if (copied) {
            alert(
                `✅ BERHASIL DICOPY KE CLIPBOARD!\n\n` +
                `📦 ${count} pesan\n` +
                `📝 ${chars.toLocaleString()} karakter\n` +
                `💾 ~${sizeMB} MB`
            );
            return;
        }

        console.warn('⚠️ Clipboard API tidak tersedia, membuka alternatif...');

        const choice = confirm(
            `⚠️ Clipboard tidak bisa diakses langsung.\n\n` +
            `📦 ${count} pesan, ${chars.toLocaleString()} karakter (~${sizeMB} MB)\n\n` +
            `Klik OK  → Buka di tab baru (bisa copy dari sana)\n` +
            `Klik Cancel → Download sebagai file .md`
        );

        if (choice) {
            const opened = openInNewTab(markdown);
            if (!opened) {
                alert('Pop-up diblokir! Mendownload sebagai file...');
                downloadAsFile(markdown, `chat-export-${Date.now()}.md`);
            }
        } else {
            downloadAsFile(markdown, `chat-export-${Date.now()}.md`);
            alert(`✅ File sedang didownload!\n\n📄 chat-export-${Date.now()}.md`);
        }
    }

    if (confirm(
        '🚀 Export SEMUA chat dari arena.ai?\n\n' +
        '✅ Tanpa batas karakter\n' +
        '✅ Multi-metode (clipboard / file / tab baru)\n' +
        '✅ Backup otomatis di console\n\n' +
        'Pastikan semua pesan sudah termuat!'
    )) {
        exportChat();
    }

})();

Langkah 4: Konfirmasi dan Hasil

Klik OK pada dialog konfirmasi.
Script akan bekerja, lalu muncul notifikasi sukses dengan info jumlah pesan, total karakter, dan ukuran file.
Skenario 1 (Clipboard berhasil): Hasil langsung di clipboard — tekan Ctrl+V untuk paste.
Skenario 2 (Clipboard gagal): Pilih buka di tab baru (ada tombol Copy, Select All, Download) atau langsung download file .md.
Skenario darurat: Ketik window.__CHAT_EXPORT__ di console — teks selalu tersimpan di sana.

📄 Contoh Format Output

# Chat Export from arena.ai

**Mode:** Battle
**Export Date:** 3 Maret 2026 14.32.10
**Total Messages:** 5
**Total Characters:** 12.847

---

## 👤 User (1)

Halo!! Test! i dari malaysia, you from?
ape model ai yang kau nak pake tu??

---

## 🤖 Assistant (1) — **claude-sonnet-4-5-20250929**

Halo! 👋

Saya Claude, AI assistant buatan Anthropic. ...

---

## 🤖 Assistant (2) — **pulse**

**Thinking:**

The user is asking about greetings for different regions. ...

Hai! Apa khabar, kawan dari Malaysia? ...

---

*Exported with arena.ai Chat Exporter — UNLIMITED*

🔄 Apa yang Berbeda dari Versi Sebelumnya?

Fitur	Versi Lama	Versi UNLIMITED
Batas karakter	❌ Maks 99.999 karakter (`setSelectionRange`)	✅ TANPA BATAS — berapapun panjangnya
Metode copy	❌ 1 metode (`execCommand`, deprecated)	✅ 4 metode fallback (Clipboard API → Blob → Tab Baru → Download)
Kalau copy gagal	❌ Alert error, teks hilang	✅ Teks selalu tersimpan di `window.__CHAT_EXPORT__`
Download file	❌ Tidak ada	✅ Download langsung sebagai `.md`
Tab baru	❌ Tidak ada	✅ Buka di tab baru dengan toolbar (Copy / Select All / Download)
Info ukuran	❌ Tidak ada	✅ Tampilkan total karakter dan ukuran MB
Deteksi user/assistant	✅ Class CSS	✅ Class CSS (sama)
Nama model	✅ Ada	✅ Ada
Konten thinking	✅ Ada	✅ Ada
Mode chat	✅ Ada	✅ Ada
Urutan kronologis	✅ Otomatis	✅ Otomatis

🛟 Solusi Darurat (Kalau Semua Gagal)

Teks pasti tersimpan di memory browser. Buka console dan ketik:

// Copy manual via console
copy(window.__CHAT_EXPORT__)

Atau download manual:

// Download manual sebagai file
let b = new Blob([window.__CHAT_EXPORT__], {type:'text/markdown'});
let a = document.createElement('a');
a.href = URL.createObjectURL(b);
a.download = 'chat.md';
a.click();

⚠️ Troubleshooting

"Tidak ada pesan ditemukan"

Penyebab: Halaman belum dimuat lengkap, atau struktur DOM berubah.
Solusi:

Refresh halaman dan tunggu hingga semua pesan muncul.
Scroll ke atas untuk memicu lazy loading.
Pastikan Anda berada di halaman chat (bukan halaman lain).

Bagian thinking tidak muncul di hasil ekspor

Penyebab: Tombol "Thought for …" belum diklik sebelum menjalankan script.
Solusi: Klik setiap tombol tersebut untuk memperluas kontennya, lalu jalankan ulang script.

Clipboard tidak bisa diakses

Penyebab: Browser membatasi akses clipboard dari console.
Solusi: Script otomatis menawarkan alternatif — tab baru atau download file. Teks juga selalu tersimpan di window.__CHAT_EXPORT__.

Pop-up diblokir saat membuka tab baru

Penyebab: Browser memblokir pop-up.
Solusi: Script otomatis mendownload sebagai file .md jika pop-up diblokir.

Urutan pesan terbalik

Script sudah mengurutkan dari terlama ke terbaru. Jika urutan masih salah, pastikan Anda sudah scroll ke atas sebelum menjalankan script.

🌐 Browser Compatibility

✅ Chrome 66+ (Clipboard API)
✅ Firefox 63+
✅ Safari 13.1+
✅ Edge 79+
✅ Browser berbasis Chromium lainnya

📌 Limitasi

Hanya bekerja di halaman arena.ai dengan struktur HTML saat ini. Jika arena.ai mengubah tata letak, script mungkin perlu penyesuaian.
Tidak mendukung ekspor lampiran (gambar, file) — hanya teks.
Konten thinking hanya bisa diekspor jika sudah diperluas secara manual (klik tombol "Thought for …").

🤝 Contributing

Kontribusi sangat diterima! Silakan buka issue atau kirim pull request melalui repository GitHub. Pastikan untuk menguji perubahan Anda di berbagai browser sebelum mengirim PR.

📜 License

MIT License — Bebas digunakan, dimodifikasi, dan didistribusikan untuk keperluan apa pun, dengan syarat mencantumkan kredit asli.

Selamat mengekspor percakapan AI Anda — TANPA BATAS! 🚀

Name		Name	Last commit message	Last commit date
Latest commit History 16 Commits
LICENSE		LICENSE
README.md		README.md
lmarena-chat-exporter.js		lmarena-chat-exporter.js

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Repository files navigation

Arena.ai Chat Exporter — UNLIMITED Edition

✨ Fitur Unggulan

🚀 Cara Penggunaan

Langkah 1: Buka Chat di arena.ai

Langkah 2: Buka Browser Console

Langkah 3: Jalankan Script

Langkah 4: Konfirmasi dan Hasil

📄 Contoh Format Output

🔄 Apa yang Berbeda dari Versi Sebelumnya?

🛟 Solusi Darurat (Kalau Semua Gagal)

⚠️ Troubleshooting

"Tidak ada pesan ditemukan"

Bagian thinking tidak muncul di hasil ekspor

Clipboard tidak bisa diakses

Pop-up diblokir saat membuka tab baru

Urutan pesan terbalik

🌐 Browser Compatibility

📌 Limitasi

🤝 Contributing

📜 License

About

Uh oh!

Releases

Packages

Uh oh!

Contributors 1

Languages

Folders and files

Latest commit

History

Repository files navigation

Arena.ai Chat Exporter — UNLIMITED Edition

✨ Fitur Unggulan

🚀 Cara Penggunaan

Langkah 1: Buka Chat di arena.ai

Langkah 2: Buka Browser Console

Langkah 3: Jalankan Script

Langkah 4: Konfirmasi dan Hasil

📄 Contoh Format Output

🔄 Apa yang Berbeda dari Versi Sebelumnya?

🛟 Solusi Darurat (Kalau Semua Gagal)

⚠️ Troubleshooting

"Tidak ada pesan ditemukan"

Bagian thinking tidak muncul di hasil ekspor

Clipboard tidak bisa diakses

Pop-up diblokir saat membuka tab baru

Urutan pesan terbalik

🌐 Browser Compatibility

📌 Limitasi

🤝 Contributing

📜 License

About

Topics

Resources

License

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Uh oh!

Contributors 1

Languages

Packages