(function () {

    "use strict";

    var generatedHTML = "";

    var code = document.getElementById("code");
    var compileButton = document.getElementById("compileButton");
    var copyButton = document.getElementById("copyButton");
    var output = document.getElementById("output");
    var message = document.getElementById("message");


    compileButton.onclick = function () {

        var source = code.value;

        output.textContent = "";
        message.textContent = "";
        message.className = "";

        copyButton.style.display = "none";

        if (source.trim() === "") {

            showError("לא הוזן קוד.");

            return;
        }

        try {

            var program = parseProgram(source);

            generatedHTML = createHTML(program);

            output.textContent = generatedHTML;

            copyButton.style.display = "inline-block";

            showSuccess("התרגום הצליח.");

        } catch (error) {

            showError(error.message);
        }
    };


    function parseProgram(source) {

        var lines = source.split(/\r?\n/);

        var result = [];

        var i = 0;

        while (i < lines.length) {

            var line = lines[i];

            var trimmedLine = line.trim();

            if (trimmedLine === "") {

                i++;

                continue;
            }

            if (trimmedLine.indexOf("*א1*") !== 0) {

                throw new Error(
                    "פקודה לא תקינה בשורה " +
                    (i + 1) +
                    ": " +
                    line
                );
            }

            var value = trimmedLine
                .substring(4)
                .trim();

            i++;

            if (value !== "") {

                result.push(value);

                continue;
            }

            var content = [];

            while (i < lines.length) {

                var nextLine = lines[i];

                var nextTrimmed = nextLine.trim();

                if (
                    nextTrimmed.indexOf("*א1*") === 0
                ) {
                    break;
                }

                content.push(nextLine);

                i++;
            }

            while (
                content.length > 0 &&
                content[0].trim() === ""
            ) {
                content.shift();
            }

            while (
                content.length > 0 &&
                content[content.length - 1].trim() === ""
            ) {
                content.pop();
            }

            if (content.length === 0) {

                throw new Error(
                    "חסר תוכן אחרי *א1*"
                );
            }

            value = content.join("\n");

            result.push(value);
        }

        if (result.length === 0) {

            throw new Error(
                "לא נמצאו פקודות *א1*"
            );
        }

        return result;
    }


    function createHTML(program) {

        var html = "";

        html += "<!DOCTYPE html>\n";
        html += "<html lang=\"he\" dir=\"rtl\">\n";
        html += "<head>
  <link rel="stylesheet" href="style.css">\n";

        html += "    <meta charset=\"UTF-8\">\n";

        html += "    <meta name=\"viewport\" ";
        html += "content=\"width=device-width, initial-scale=1.0\">\n";

        html += "    <title>אתר בשפת א</title>\n";

        html += "    <style>\n";

        html += "        body {\n";
        html += "            margin: 0;\n";
        html += "            padding: 40px;\n";
        html += "            background: #f2f2f2;\n";
        html += "            font-family: Arial, sans-serif;\n";
        html += "        }\n";

        html += "\n";

        html += "        .container {\n";
        html += "            max-width: 1000px;\n";
        html += "            margin: auto;\n";
        html += "        }\n";

        html += "\n";

        html += "        .content {\n";
        html += "            background: white;\n";
        html += "            padding: 25px;\n";
        html += "            margin-bottom: 20px;\n";
        html += "            border-radius: 12px;\n";
        html += "            box-shadow: 0 3px 12px rgba(0,0,0,.08);\n";
        html += "            white-space: pre-wrap;\n";
        html += "        }\n";

        html += "\n";

        html += "        .text-part {\n";
        html += "            white-space: pre-wrap;\n";
        html += "        }\n";

        html += "\n";

        html += "        .embed {\n";
        html += "            width: 100%;\n";
        html += "            min-height: 500px;\n";
        html += "            border: 0;\n";
        html += "            border-radius: 8px;\n";
        html += "            display: block;\n";
        html += "            margin: 20px 0;\n";
        html += "        }\n";

        html += "\n";

        html += "        .youtube {\n";
        html += "            width: 100%;\n";
        html += "            aspect-ratio: 16 / 9;\n";
        html += "            min-height: 400px;\n";
        html += "            border: 0;\n";
        html += "            border-radius: 8px;\n";
        html += "            display: block;\n";
        html += "            margin: 20px 0;\n";
        html += "        }\n";

        html += "\n";

        html += "        .image {\n";
        html += "            max-width: 100%;\n";
        html += "            height: auto;\n";
        html += "            border-radius: 8px;\n";
        html += "            display: block;\n";
        html += "            margin: 20px 0;\n";
        html += "        }\n";

        html += "\n";

        html += "        .video {\n";
        html += "            width: 100%;\n";
        html += "            max-height: 700px;\n";
        html += "            border-radius: 8px;\n";
        html += "            display: block;\n";
        html += "            margin: 20px 0;\n";
        html += "        }\n";

        html += "\n";

        html += "        .audio {\n";
        html += "            width: 100%;\n";
        html += "            margin: 20px 0;\n";
        html += "        }\n";

        html += "    </style>\n";

        html += "</head>\n";
        html += "<body>\n";

        html += "    <div class=\"container\">\n";

        for (var i = 0; i < program.length; i++) {

            html += createContent(program[i]);
        }

        html += "    </div>\n";

        html += "<div style="position:fixed;bottom:0;left:0;right:0;z-index:9999;height:20px;line-height:20px;text-align:center;background:#1e3a5f;font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#94a3b8">Hosted &amp; Compiled with <a href="https://htmlrunner.com/" target="_blank" rel="noopener" style="color:#ffffff;text-decoration:none;font-weight:600">HtmlRunner.com</a></div>
<script src="script.js"></script>
</body>\n";
        html += "</html>";

        return html;
    }


    function createContent(value) {

        var text = value.trim();

        /*
         * מפרידים בין טקסט לבין כתובות URL.
         *
         * כל URL מזוהה בפני עצמו,
         * גם אם הוא נמצא באמצע טקסט.
         */
        var urlPattern = /(https?:\/\/[^\s<>"']+)/gi;

        var parts = [];

        var lastIndex = 0;

        var match;


        while ((match = urlPattern.exec(text)) !== null) {

            /*
             * טקסט שלפני הקישור.
             */
            if (match.index > lastIndex) {

                var textBefore =
                    text.substring(
                        lastIndex,
                        match.index
                    );

                parts.push(
                    createTextPart(textBefore)
                );
            }


            /*
             * הקישור עצמו.
             */
            var url = cleanURL(match[0]);

            parts.push(
                createEmbeddedPart(url)
            );


            lastIndex =
                match.index +
                match[0].length;
        }


        /*
         * הטקסט שנשאר אחרי הקישור האחרון.
         */
        if (lastIndex < text.length) {

            var textAfter =
                text.substring(lastIndex);

            parts.push(
                createTextPart(textAfter)
            );
        }


        /*
         * אם לא נמצא אף קישור,
         * מחזירים טקסט רגיל.
         */
        if (parts.length === 0) {

            return (
                "        <div class=\"content\">\n" +
                "            <div class=\"text-part\">" +
                escapeHTML(text) +
                "</div>\n" +
                "        </div>\n"
            );
        }


        return (
            "        <div class=\"content\">\n" +
            parts.join("") +
            "        </div>\n"
        );
    }


    function createTextPart(text) {

        if (text === "") {
            return "";
        }

        return (
            "            <span class=\"text-part\">" +
            escapeHTML(text) +
            "</span>\n"
        );
    }


    function createEmbeddedPart(url) {

        /*
         * YouTube
         */
        var youtubeURL =
            getYouTubeEmbedURL(url);

        if (youtubeURL) {

            return (
                "            <iframe " +
                "class=\"youtube\" " +
                "src=\"" +
                escapeAttribute(youtubeURL) +
                "\" " +
                "title=\"YouTube video\" " +
                "allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" " +
                "allowfullscreen>" +
                "</iframe>\n"
            );
        }


        /*
         * תמונה
         */
        if (isImageURL(url)) {

            return (
                "            <img " +
                "class=\"image\" " +
                "src=\"" +
                escapeAttribute(url) +
                "\" " +
                "alt=\"\">\n"
            );
        }


        /*
         * וידאו
         */
        if (isVideoURL(url)) {

            return (
                "            <video " +
                "class=\"video\" " +
                "controls>\n" +
                "                <source src=\"" +
                escapeAttribute(url) +
                "\">\n" +
                "            </video>\n"
            );
        }


        /*
         * אודיו
         */
        if (isAudioURL(url)) {

            return (
                "            <audio " +
                "class=\"audio\" " +
                "controls>\n" +
                "                <source src=\"" +
                escapeAttribute(url) +
                "\">\n" +
                "            </audio>\n"
            );
        }


        /*
         * PDF
         */
        if (isPDFURL(url)) {

            return (
                "            <iframe " +
                "class=\"embed\" " +
                "src=\"" +
                escapeAttribute(url) +
                "\"></iframe>\n"
            );
        }


        /*
         * אתר רגיל
         */
        return (
            "            <iframe " +
            "class=\"embed\" " +
            "src=\"" +
            escapeAttribute(url) +
            "\"></iframe>\n"
        );
    }


    function cleanURL(url) {

        /*
         * הסרת סימני פיסוק נפוצים
         * שמופיעים אחרי כתובת בתוך משפט.
         */
        while (
            /[.,!?;:)\]}]$/.test(url)
        ) {

            url = url.substring(
                0,
                url.length - 1
            );
        }

        return url;
    }


    function getYouTubeEmbedURL(url) {

        var videoId = null;


        /*
         * youtu.be
         */
        var shortMatch = url.match(
            /^https?:\/\/(?:www\.)?youtu\.be\/([^?&#/]+)/i
        );

        if (shortMatch) {

            videoId = shortMatch[1];
        }


        /*
         * youtube.com/watch?v=
         */
        var watchMatch = url.match(
            /^https?:\/\/(?:www\.)?youtube\.com\/watch\?[^#]*v=([^&#]+)/i
        );

        if (watchMatch) {

            videoId = watchMatch[1];
        }


        /*
         * youtube.com/embed/
         */
        var embedMatch = url.match(
            /^https?:\/\/(?:www\.)?youtube\.com\/embed\/([^?&#/]+)/i
        );

        if (embedMatch) {

            videoId = embedMatch[1];
        }


        /*
         * youtube.com/shorts/
         */
        var shortsMatch = url.match(
            /^https?:\/\/(?:www\.)?youtube\.com\/shorts\/([^?&#/]+)/i
        );

        if (shortsMatch) {

            videoId = shortsMatch[1];
        }


        /*
         * youtube.com/live/
         */
        var liveMatch = url.match(
            /^https?:\/\/(?:www\.)?youtube\.com\/live\/([^?&#/]+)/i
        );

        if (liveMatch) {

            videoId = liveMatch[1];
        }


        if (!videoId) {

            return null;
        }


        if (!/^[A-Za-z0-9_-]{6,20}$/.test(videoId)) {

            return null;
        }


        return (
            "https://www.youtube.com/embed/" +
            encodeURIComponent(videoId)
        );
    }


    function isImageURL(url) {

        return /\.(jpg|jpeg|png|gif|webp|svg|bmp|avif)(\?.*)?$/i.test(url);
    }


    function isVideoURL(url) {

        return /\.(mp4|webm|ogv|mov|m4v)(\?.*)?$/i.test(url);
    }


    function isAudioURL(url) {

        return /\.(mp3|wav|ogg|m4a|aac|flac)(\?.*)?$/i.test(url);
    }


    function isPDFURL(url) {

        return /\.pdf(\?.*)?$/i.test(url);
    }


    function escapeHTML(text) {

        return String(text)
            .replace(/&/g, "&amp;")
            .replace(/</g, "&lt;")
            .replace(/>/g, "&gt;")
            .replace(/"/g, "&quot;")
            .replace(/'/g, "&#039;");
    }


    function escapeAttribute(text) {

        return String(text)
            .replace(/&/g, "&amp;")
            .replace(/"/g, "&quot;")
            .replace(/</g, "&lt;")
            .replace(/>/g, "&gt;");
    }


    copyButton.onclick = function () {

        if (!generatedHTML) {
            return;
        }

        if (navigator.clipboard) {

            navigator.clipboard
                .writeText(generatedHTML)
                .then(function () {

                    showSuccess(
                        "ה־HTML הועתק בהצלחה."
                    );

                })
                .catch(function () {

                    fallbackCopy();
                });

        } else {

            fallbackCopy();
        }
    };


    function fallbackCopy() {

        var box =
            document.createElement("textarea");

        box.value = generatedHTML;

        box.style.position = "fixed";
        box.style.left = "-9999px";

        document.body.appendChild(box);

        box.select();

        document.execCommand("copy");

        document.body.removeChild(box);

        showSuccess(
            "ה־HTML הועתק בהצלחה."
        );
    }


    function showSuccess(text) {

        message.textContent = text;
        message.className = "success";
    }


    function showError(text) {

        message.textContent = text;
        message.className = "error";
    }

})();