Ylilauta2Markdown

Export current Ylilauta thread as a Markdown (.md) file

K instalaci tototo skriptu si budete muset nainstalovat rozšíření jako Tampermonkey, Greasemonkey nebo Violentmonkey.

You will need to install an extension such as Tampermonkey to install this script.

K instalaci tohoto skriptu si budete muset nainstalovat rozšíření jako Tampermonkey nebo Violentmonkey.

K instalaci tohoto skriptu si budete muset nainstalovat rozšíření jako Tampermonkey nebo Userscripts.

You will need to install an extension such as Tampermonkey to install this script.

K instalaci tohoto skriptu si budete muset nainstalovat manažer uživatelských skriptů.

(Už mám manažer uživatelských skriptů, nechte mě ho nainstalovat!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(Už mám manažer uživatelských stylů, nechte mě ho nainstalovat!)

// ==UserScript==
// @name         Ylilauta2Markdown
// @name:fi      Ylilauta2Markdown
// @namespace    https://greasyfork.org/en/users/11903-eonmc2
// @namespace    https://greasyfork.org/en/users/1552401-chipfin
// @version      1.1.8
// @description  Export current Ylilauta thread as a Markdown (.md) file
// @description:fi Vie Ylilauta-lanka Markdown-tiedostoksi (.md)
// @author       Gemini 3 Flash Thinking + ChatGPT
// @icon         https://ylilauta.org/static/img/seal_of_ylilauta-icon.svg
// @match        https://ylilauta.org/*/*
// @exclude      https://ylilauta.org/*/
// @grant        none
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    const thread = document.querySelector('.card.thread');
    if (!thread) return;

    /**
     * Converts basic HTML to Markdown
     * @param {string} html 
     * @returns {string}
     */
    function htmlToMarkdown(html) {
        let text = html;
        text = text.replace(/<strong>(.*?)<\/strong>/gi, '**$1**');
        text = text.replace(/<em>(.*?)<\/em>/gi, '*$1*');
        text = text.replace(/<a [^>]*href="([^"]+)"[^>]*>(.*?)<\/a>/gi, '[$2]($1)');
        text = text.replace(/<br\s*\/?>/gi, '\n');
        text = text.replace(/<img [^>]*src="([^"]+)"[^>]*>/gi, '![]($1)');
        text = text.replace(/<[^>]+>/g, '');
        
        const temp = document.createElement('textarea');
        temp.innerHTML = text;
        text = temp.value;
        return text.trim();
    }

    /**
     * Scrapes the thread and triggers file download
     */
    function exportThread() {
        const threadId = thread.getAttribute('data-thread-id');
        const threadUrl = thread.getAttribute('data-url') || window.location.href;

        let rawTitle = document.querySelector('title')?.textContent?.trim() ||
                       document.querySelector('meta[name="description"]')?.content?.trim() || '';

        const safeTitle = rawTitle
            .replace(/\s+/g, ' ')
            .replace(/[\\/:*?"<>|]/g, '')
            .replace(/[\u{1F3FB}-\u{1F3FF}\u{1F900}-\u{1F9FF}\u{1F300}-\u{1FAFF}]/gu, '')
            .substring(0, 80)
            .trim();

        let md = `# ${rawTitle || 'Ylilauta Thread ' + threadId}\n\n[Original Thread](${threadUrl})\n\n`;

        const posts = thread.querySelectorAll('.post.id-fixed');
        posts.forEach(post => {
            const userId = post.querySelector('.userid')?.textContent || '???';
            const postId = post.querySelector('.post-id')?.textContent || '???';
            const time = post.querySelector('.time')?.textContent?.trim() || '';
            const messageHtml = post.querySelector('.post-message')?.innerHTML || '';
            const message = htmlToMarkdown(messageHtml);

            const media = post.querySelector('figure.file');
            let mediaLine = '';
            if (media) {
                const src = media.getAttribute('data-file-src');
                const type = media.getAttribute('data-file-type');
                if (['jpg','jpeg','png','gif','webp','avif'].includes(type)) {
                    mediaLine = `\n![](${src})\n`;
                } else if (['mp4','webm'].includes(type)) {
                    mediaLine = `\n[▶️ Video](${src})\n`;
                }
            }
            md += `---\n**#${userId}** | ID: ${postId} | ${time}\n\n${message}${mediaLine}\n`;
        });

        const filename = `ylilauta.org_${threadId}${safeTitle ? '_' + safeTitle : ''}.md`;

        const blob = new Blob([md], {type: 'text/markdown'});
        const url = URL.createObjectURL(blob);
        const a = document.createElement('a');
        a.href = url;
        a.download = filename;
        a.click();
        URL.revokeObjectURL(url);
    }

    /**
     * UI observer to inject the export button
     */
    const observer = new MutationObserver(() => {
        const dropdownNav = document.querySelector('.dropdown-container nav');
        if (!dropdownNav) return;
        if (dropdownNav.querySelector('.export-md-button')) return;

        const exportButton = document.createElement('button');
        exportButton.className = 'text-button export-md-button';
        exportButton.innerHTML = '<span class="icon-download2"></span>Export .md';
        exportButton.onclick = () => {
            exportThread();
            document.querySelector('.dropdown-container')?.remove();
        };

        const threadSection = Array.from(dropdownNav.querySelectorAll('h4')).find(h4 => /lanka/i.test(h4.textContent));
        if (threadSection) {
            const ref = threadSection.nextElementSibling;
            ref?.parentNode.insertBefore(exportButton, ref);
        } else {
            dropdownNav.appendChild(exportButton);
        }
    });

    observer.observe(document.body, { childList: true, subtree: true });
})();