ميدياويكي:Common.js: الفرق بين النسختين

المراجعة الحالية بتاريخ ١٨:٠٨، ١٨ أكتوبر ٢٠٢٦

/* أي جافاسكريبت هنا سيتم تحميلها لكل المستخدمين مع كل تحميل للصفحة. */

/* 1. محرك جدول المعرفات السيمانتكي الديناميكي والجميل بالكامل (محلي ومستقل 100% بدون أي كود خارجي) */
$(document).ready(function() {
    if (mw.config.get('wgPageName') === 'المعرفات') {
        var $table = $('#table-ids-mw');
        if ($table.length > 0) {
            // تنسيق رؤوس الجدول وإعطاؤها لمسة احترافية
            $table.find('th').eq(0).text('معرف الصفحة (ID)').css({'background-color': '#2a4b7c', 'color': '#ffffff', 'text-align': 'right', 'padding': '10px'});
            $table.find('th').eq(1).text('اسم الشخص (القناع)').css({'background-color': '#2a4b7c', 'color': '#ffffff', 'text-align': 'right', 'padding': '10px'});
            
            // إضافة خاصية التنسيق العام لـ وبنية الجدول
            $table.css({'border-collapse': 'collapse', 'width': '100%', 'margin-top': '15px'});
        }

        // استعلام دلالي موسع يدعم الفحص بالشرطة والمسافة لحماية المعرفات
        var askQuery = "[[معرف الشخص::+]]|[[معرف_الشخص::+]]|?معرف الشخص|?معرف_الشخص|?Display_title_of|?Display title of|limit=500";
        var apiUrl = '/api.php?action=ask&format=json&query=' + encodeURIComponent(askQuery);
        
        $.getJSON(apiUrl, function(data) {
            var results = (data && data.query) ? data.query.results : null;
            if (results && Object.keys(results).length > 0) {
                var rowsHtml = '';
                
                $.each(results, function(title, pageData) {
                    if (title === 'المعرفات' || title.indexOf('قالب:') !== -1) return;
                    
                    var printouts = pageData.printouts || {};
                    
                    // 💡 فصل وتأمين رقم الـ ID النقي مباشرة من عنوان الويكي الفعلي لحل خلل الفراغ
                    var pageId = title.replace(/Person_/g, '').replace(/Person:/g, '').trim();
                    pageId = pageId.toString().replace(/[^0-9]/g, '').trim();
                    
                    var pageTitleId = "Person:" + pageId;
                    
                    // 💡 طريقتك الذهبية الثابتة والناجحة: قنص واصطياد الاسم العربي النقي بدعم كامل لكافة التحديثات الدلالية للنظام
                    var displayMask = '';
                    var blobAttr = printouts["Display_title_of"] || printouts["Display title of"];
                    
                    if (blobAttr) {
                        if (Array.isArray(blobAttr) && blobAttr.length > 0) {
                            // إذا كانت مصفوفة كائنات، نلتقط النص أو الخانة الصافية المتاحة
                            var firstObj = blobAttr[1] || blobAttr[0];
                            displayMask = (firstObj && typeof firstObj === 'object') ? (firstObj.fulltext || firstObj.text || '') : firstObj;
                        } else if (typeof blobAttr === 'object' && blobAttr.fulltext) {
                            displayMask = blobAttr.fulltext;
                        } else if (typeof blobAttr === 'string') {
                            displayMask = blobAttr;
                        }
                    }
                    
                    // تنظيف الاسم المستخرج من أي لواحق أو عناوين برمجية متبقية
                    if (displayMask && typeof displayMask === 'string') {
                        displayMask = displayMask.replace(/Person_/g, '').replace(/Person:/g, '').replace(/\s*\(.*?\)\s*/g, '').trim();
                    }
                    
                    // خطة احتياطية فورية: تنظيف عنوان الصفحة الفعلي إذا كان حقل مصفوفة الـ BLOB فارغاً
                    if (!displayMask || displayMask === '' || !isNaN(displayMask) || displayMask.indexOf('Person:') !== -1) {
                        displayMask = title.replace(/Person_/g, '').replace(/Person:/g, '').replace(/\s*\(.*?\)\s*/g, '').trim();
                        if (!isNaN(displayMask) && displayMask !== '') {
                            displayMask = "فرد رقم (" + displayMask + ")";
                        }
                    }

                    // بناء الأسطر وتلوين الخلايا بشكل منسق ومريح للعين عند القراءة والفرز
                    rowsHtml += '<tr style="border-bottom: 1px solid #dddddd;">' +
                                '<td style="padding: 10px 12px; font-family: monospace; font-size: 14px; font-weight: bold; width: 40%;"><a href="/index.php?title=' + encodeURIComponent(title) + '" style="color: #2a4b7c; text-decoration: none;">' + pageTitleId + '</a></td>' +
                                '<td style="padding: 10px 12px; font-weight: bold; color: #27ae60; font-size: 14px; width: 60%;">' + displayMask + '</td>' +
                                '</tr>';
                });
                
                $table.find('tbody').html(rowsHtml);
                
                // تفعيل الفرز التلقائي والمؤثرات الجمالية عند تمرير الماوس فوق الأسطر
                $table.find('tbody tr').hover(
                    function() { $(this).css('background-color', '#f5f7fa'); },
                    function() { $(this).css('background-color', 'transparent'); }
                );
                if ($.fn.tablesorter) { $table.tablesorter(); }
            }
        });
    }
});




/* 2. محرك شجرة الأنساب التكراري المطور والآمن المتكامل مع تميز الصفحة الحالية (مستقر 100% وبدون مسميات مختلطة) */
$(document).ready(function() {
    $('.family-tree-api-render').each(function() {
        var $container = $(this);
        var rootId = $container.data('rootid');
        
        // تطهير المعرف للتأكد من أنه رقم مجرد تماماً ومتوافق مع قاعدة البيانات
        if (rootId) {
            rootId = parseInt(rootId.toString().replace(/[^0-9]/g, ''), 10);
        }
        if (!rootId || isNaN(rootId)) return;

        var maxGenerations = 20;
        var pageTitle = mw.config.get("wgPageName").replace(/_/g, " ");

        // التقاط اسم المقالة الحالية الصريح من نظام ميدياويكي للمطابقة الدقيقة
        var currentPageName = mw.config.get("wgPageName");

        // التقاط اسم رأس الشجرة (الجذر) الافتراضي من عنوان المتصفح المرئي فوراً لضمان الثبات الكامل
        var rootCleanTitle = $('#firstHeading').text().replace(/Person_/g, '').replace(/Person:/g, '').trim();
        if (!rootCleanTitle || rootCleanTitle === '' || !isNaN(rootCleanTitle)) {
            rootCleanTitle = pageTitle.replace(/Person:/g, '').trim();
        }

        // الاستعلام الدلالي الشامل والموسع لـ 500 عنصر بالمسافات والشرطات معاً لضمان الأمان البنيوي
        var askQuery = "[[معرف الشخص::+]]|[[معرف_الشخص::+]]|?معرف الشخص|?معرف_الشخص|?معرف الأب|?معرف_الأب|?Display_title_of|limit=500";
        var apiUrl = '/api.php?action=ask&format=json&query=' + encodeURIComponent(askQuery);

        $.getJSON(apiUrl, function(data) {
            var results = (data && data.query && data.query.results) ? data.query.results : null;

            if (results && Object.keys(results).length > 0) {
                var rawNodes = [];

                $.each(results, function(title, pageData) {
                    var pageId = parseInt(pageData.pageid || pageData.id, 10);
                    var printouts = pageData.printouts || {};
                    
                    // طريقتك الذهبية الثابتة والناجحة: قنص واصطياد الاسم العربي النقي من الخانة الثانية داخل مصفوفة الـ BLOB
                    var cleanName = '';
                    var blobAttr = printouts["Display_title_of"] || printouts["Display title of"];
                    
                    if (blobAttr && blobAttr.length > 1) {
                        cleanName = blobAttr[1]; // استخلاص الكلمة العربية الصافية مباشرة بنجاح مؤكد
                    } else if (blobAttr && blobAttr.length > 0) {
                        cleanName = blobAttr[0].fulltext || blobAttr[0];
                    }
                    
                    // خطة احتياطية فورية: تنظيف عنوان الصفحة الفعلي إذا كان حقل مصفوفة الـ BLOB فارغاً
                    if (!cleanName || cleanName === '' || !isNaN(cleanName)) {
                        cleanName = title.replace(/Person_/g, '').replace(/Person:/g, '').replace(/\s*\(.*?\)\s*/g, '').trim();
                    }

                    // تنظيف النص النهائي المستخرج تماماً لضمان إزالة الصيغ البرمجية المختلطة مثل "Person:ID"
                    if (cleanName) {
                        cleanName = cleanName.toString().replace(/Person_/g, '').replace(/Person:/g, '').replace(/\s*\(.*?\)\s*/g, '').replace(/^[0-9]+$/g, '').trim();
                    }
                    
                    if (!cleanName || cleanName === '') {
                        cleanName = "فرد رقم (" + pageId + ")";
                    }

                    // شرطك المرن المبتكر: التحقق مما إذا كان المتغير "معرف الشخص" بالمسافة أو بالشرطة السفلية
                    var currentIdAttr = printouts["معرف الشخص"] || printouts["معرف_الشخص"];
                    var currentId = null;
                    if (currentIdAttr && currentIdAttr.length > 0) {
                        currentId = currentIdAttr[0].fulltext || currentIdAttr[0] || currentIdAttr;
                    }
                    if (!currentId) currentId = pageId;
                    currentId = parseInt(currentId.toString().replace(/[^0-9]/g, ''), 10);

                    // نفس الشرط المرن المبتكر لحماية متغير "معرف الأب" بالمسافة أو بالشرطة السفلية صراحة
                    var fatherIdAttr = printouts["معرف الأب"] || printouts["معرف_الأب"];
                    var fatherId = null;
                    if (fatherIdAttr && fatherIdAttr.length > 0) {
                        var rawFather = fatherIdAttr[0].fulltext || fatherIdAttr[0] || fatherIdAttr;
                        fatherId = parseInt(rawFather.toString().replace(/[^0-9]/g, ''), 10);
                        if (isNaN(fatherId)) fatherId = null;
                    }

                    if (currentId) {
                        rawNodes.push({ id: currentId, parentId: fatherId, title: cleanName, pageName: title });
                    }
                });

                // تحديث اسم الجذر (رأس الشجرة الحالية) إذا توازى المعرف مع عناصر الذاكرة لزيادة الكفاءة
                var rootNodeInfo = rawNodes.find(function(n) { return n.id == rootId; });
                if (rootNodeInfo) {
                    rootCleanTitle = rootNodeInfo.title;
                }

                // دالة البناء التكراري ورسم الأفرع والتسلسلات الشجرية الفورية عالية الكفاءة في ذاكرة المتصفح
                function buildTreeHtml(currentParentId, depth) {
                    if (depth > maxGenerations) return "";
                    
                    var children = rawNodes.filter(function(node) { return node.parentId == currentParentId; });
                    if (children.length === 0) return "";

                    children.sort(function(a, b) { return a.title.localeCompare(b.title, 'ar'); });

                    var html = "";
                    var indent = Array(depth + 1).join("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");

                    children.forEach(function(child) {
                        // المطابقة المرنة بالـ ID الرقمي لـ تميز الأبناء إذا كان أحدهم هو الصفحة الحالية
                        if (child.id == rootId || child.pageName === currentPageName) {
                            html += "<br />" + indent + "←&nbsp;<span style='color: #27ae60 !important; font-weight: bolder !important; font-size: 115% !important; display: inline-block;'>" + child.title + "</span>";
                        } else {
                            html += "<br />" + indent + "←&nbsp;<a href='/index.php?title=" + encodeURIComponent(child.pageName) + "' style='color: #2a4b7c; font-weight: bold;' data-personid='" + child.id + "'> " + child.title + "</a>";
                        }
                        html += buildTreeHtml(child.id, depth + 1);
                    });
                    return html;
                }
                
                var childrenHtml = buildTreeHtml(rootId, 1);
                
                // صياغة رأس الشجرة (الجذر الأكبر) بهيكلية ثابتة وتلوينها بالأخضر عند دخول صفحتها
                var finalRootTitleHtml = "• '''<span class='tree-root-span'>" + rootCleanTitle + "</span>'''";
                
                if (childrenHtml) {
                    $container.html(finalRootTitleHtml + childrenHtml);
                } else {
                    $container.html(finalRootTitleHtml + "<br />&nbsp;&nbsp;←&nbsp;<span style='color:#666;'>لا توجد فروع أو ذرية مسجلة نزولاً لهذا المعرف الرقمي في النظام.</span>");
                }

                // تفعيل التلوين الأخضر والتكبير الصارم بعد استقرار ومزامنة بناء كامل فروع الشجرة بالكامل في المتصفح
                if (rootId == parseInt(currentPageName.replace(/[^0-9]/g, ''), 10) || pageTitle === rootCleanTitle || currentPageName.indexOf(rootId.toString()) !== -1) {
                    $container.find('.tree-root-span').css({
                        'color': '#27ae60',
                        'font-weight': 'bolder',
                        'font-size': '115%',
                        'display': 'inline-block'
                    });
                }

            } else {
                var finalRootTitleHtml = "• <span style='color: #27ae60 !important; font-weight: bolder !important; font-size: 115% !important;'> " + rootCleanTitle + "</span>";
                $container.html(finalRootTitleHtml + "<br />&nbsp;&nbsp;←&nbsp;<span style='color:#666;'>لا توجد نتائج مسجلة.</span>");
            }
        }).fail(function() {
            var finalRootTitleHtml = "• '''" + rootCleanTitle + "'''";
            $container.html(finalRootTitleHtml + "<br />&nbsp;&nbsp;←&nbsp;<span style='color:red;'>❌ فشل جلب الشجرة عبر الـ API المحلي للموسوعة.</span>");
        });
    });
});




/* 3. محرك جلب وعرض جداول قاعدة البيانات الكلية من ملف الـ PHP مباشرة لصفحة كل المعرفات */
$(document).ready(function() {
    if (mw.config.get('wgPageName') === 'كل_المعرفات' || mw.config.get('wgPageName') === 'كل_المعرفات') {
        var $table = $('#table-all-database-ids');
        if ($table.length > 0) {
            
            // سحب محتوى الأسطر الصافية من ملف الـ PHP مباشرة وحقنها في الذاكرة اللحظية
            $.ajax({
                url: '/all-ids.php',
                type: 'GET',
                cache: false,
                success: function(rowsHtml) {
                    if (rowsHtml && rowsHtml.trim() !== '') {
                        $table.find('tbody').html(rowsHtml);
                        
                        // تفعيل تأثيرات التمرير الجمالية فوق الأسطر
                        $table.find('tbody tr').hover(
                            function() { $(this).css('background-color', '#f5f7fa'); },
                            function() { $(this).css('background-color', 'transparent'); }
                        );
                        // تفعيل الفرز التلقائي الفوري للأعمدة
                        if ($.fn.tablesorter) { $table.tablesorter(); }
                    } else {
                        $table.find('tbody').html('<tr><td colspan="2" style="text-align:center; color:red;">❌ عجز النظام عن العثور على أسطر صالحة في قاعدة البيانات.</td></tr>');
                    }
                },
                error: function() {
                    $table.find('tbody').html('<tr><td colspan="2" style="text-align:center; color:red;">❌ فشل الاتصال بملف all-ids.php في السيرفر.</td></tr>');
                }
            });
        }
    }
});




/* 4. محرك شجرة الأنساب الهرمية التفاعلية (Mermaid) الشامل مع استدعاء مكتبة الرسم وتكبير الصناديق */
$(document).ready(function() {
    $('.family-tree-mermaid-render').each(function() {
        var $container = $(this);
        var $pre = $container.find('pre.mermaid');
        var $loader = $container.find('.mermaid-loader');
        
        var currentPersonId = parseInt($container.data('personid'), 10);
        if (!currentPersonId || isNaN(currentPersonId)) return;

        // تأمين تحميل مكتبة Mermaid وتفعيلها في المتصفح فوراً قبل بناء الاستعلام
        mw.loader.using(['ext.mermaid']).then(function() {

            var askQuery = "[[معرف الشخص::+]]|[[معرف_الشخص::+]]|?معرف الشخص|?معرف_الشخص|?معرف الأب|?معرف_الأب|?Display_title_of|limit=1000";
            var apiUrl = '/api.php?action=ask&format=json&query=' + encodeURIComponent(askQuery);

            $.getJSON(apiUrl, function(data) {
                var results = (data && data.query && data.query.results) ? data.query.results : null;
                if (results && Object.keys(results).length > 0) {
                    var rawNodes = [];

                    $.each(results, function(title, pageData) {
                        var pageId = parseInt(pageData.pageid || pageData.id, 10);
                        var printouts = pageData.printouts || {};
                        
                        var cleanName = '';
                        var blobAttr = printouts["Display_title_of"] || printouts["Display title of"];
                        if (blobAttr && blobAttr.length > 1) { cleanName = blobAttr[1]; }
                        else if (blobAttr && blobAttr.length > 0) { cleanName = blobAttr[0].fulltext || blobAttr[0]; }
                        
                        if (cleanName && typeof cleanName === 'string') {
                            cleanName = cleanName.replace(/Person_/g, '').replace(/Person:/g, '').replace(/\s*\(.*?\)\s*/g, '').replace(/^[0-9]+$/g, '').trim();
                        }
                        if (!cleanName || cleanName === '') {
                            cleanName = title.replace(/Person_/g, '').replace(/Person:/g, '').replace(/\s*\(.*?\)\s*/g, '').trim();
                        }

                        var currentIdAttr = printouts["معرف الشخص"] || printouts["معرف_الشخص"];
                        var currentId = (currentIdAttr && currentIdAttr.length > 0) ? (currentIdAttr[0].fulltext || currentIdAttr[0] || currentIdAttr) : pageId;
                        currentId = parseInt(currentId.toString().replace(/[^0-9]/g, ''), 10);

                        var fatherIdAttr = printouts["معرف الأب"] || printouts["معرف_الأب"];
                        var fatherId = null;
                        if (fatherIdAttr && fatherIdAttr.length > 0) {
                            var rawFather = fatherIdAttr[0].fulltext || fatherIdAttr[0] || fatherIdAttr;
                            fatherId = parseInt(rawFather.toString().replace(/[^0-9]/g, ''), 10);
                            if (isNaN(fatherId)) fatherId = null;
                        }

                        if (currentId) {
                            rawNodes.push({ id: currentId, parentId: fatherId, title: cleanName, pageName: title });
                        }
                    });

                    var ancestorNodes = [];
                    var ancestorIds = new Set();
                    var loopId = currentPersonId;
                    var safetyGuard = 0;

                    while (loopId && safetyGuard < 25) {
                        var matchedNode = rawNodes.find(function(n) { return n.id == loopId; });
                        if (matchedNode) {
                            if (matchedNode.id !== currentPersonId) {
                                ancestorNodes.push(matchedNode);
                                ancestorIds.add(matchedNode.id);
                            }
                            loopId = matchedNode.parentId;
                        } else {
                            loopId = null;
                        }
                        safetyGuard++;
                    }

                    var descendantNodes = [];
                    var descendantIds = new Set();

                    function collectDescendants(parentId) {
                        var children = rawNodes.filter(function(node) { return node.parentId == parentId; });
                        children.forEach(function(child) {
                            if (!descendantIds.has(child.id)) {
                                descendantNodes.push(child);
                                descendantIds.add(child.id);
                                collectDescendants(child.id);
                            }
                        });
                    }
                    collectDescendants(currentPersonId);

                    var mermaidCode = "graph TD\n";
                    
                    // 🌟 التعديل التجميلي الحصري: زيادة حجم الخط والـ padding لتكبير المربعات وحماية الأسماء من الانضغاط
                    mermaidCode += "classDef default fill:#f8f9fa,stroke:#dddddd,stroke-width:1px,color:#2c3e50,font-weight:bold,font-size:15px,padding:12px;\n";
                    mermaidCode += "classDef ancestor fill:#f4f7fb,stroke:#2a4b7c,stroke-width:2px,color:#2a4b7c,font-size:15px,font-weight:bold,padding:15px;\n";
                    mermaidCode += "classDef current fill:#27ae60,stroke:#219653,stroke-width:3px,color:#ffffff,font-size:18px,font-weight:bolder,padding:18px;\n";
                    mermaidCode += "classDef descendant fill:#ffffff,stroke:#27ae60,stroke-width:2px,color:#2c3e50,font-size:15px,font-weight:bold,padding:12px;\n";

                    if (ancestorNodes.length > 0) {
                        ancestorNodes.reverse();
                        for (var i = 0; i < ancestorNodes.length; i++) {
                            var node = ancestorNodes[i];
                            var nextNodeId = (i === ancestorNodes.length - 1) ? currentPersonId : ancestorNodes[i+1].id;
                            mermaidCode += "  N" + node.id + "[\"" + node.title + "\"] --> N" + nextNodeId + "\n";
                            mermaidCode += "  class N" + node.id + " ancestor;\n";
                            mermaidCode += "  click N" + node.id + " \"/index.php?title=" + encodeURIComponent(node.pageName) + "\" \"تصفح صفحة " + node.title + "\"\n";
                        }
                    }

                    var currNode = rawNodes.find(function(n) { return n.id == currentPersonId; });
                    var currTitle = currNode ? currNode.title : $('#firstHeading').text().trim();
                    mermaidCode += "  N" + currentPersonId + "[\"" + currTitle + "\"]\n";
                    mermaidCode += "  class N" + currentPersonId + " current;\n";

                    if (descendantNodes.length > 0) {
                        descendantNodes.forEach(function(node) {
                            mermaidCode += "  N" + node.parentId + " --> N" + node.id + "[\"" + node.title + "\"]\n";
                            mermaidCode += "  class N" + node.id + " descendant;\n";
                            mermaidCode += "  click N" + node.id + " \"/index.php?title=" + encodeURIComponent(node.pageName) + "\" \"تصفح صفحة " + node.title + "\"\n";
                        });
                    }

                    $loader.hide();
                    $pre.text(mermaidCode).show();

                    // استدعاء نظام الإنعاش وإعادة الرسم الشجري في المتصفح فوراً
                    if (window.mermaid) {
                        window.mermaid.init(undefined, $pre);
                    } else if (typeof mermaid !== 'undefined') {
                        mermaid.init(undefined, $pre);
                    }
                } else {
                    $loader.html("⚠️ لا توجد صلات قرابة مسجلة لهذا المعرف.");
                }
            }).fail(function() {
                $loader.html("❌ فشل الاتصال بقاعدة البيانات لتوليد اللوحة الهرمية.");
            });

        });
    });
});




/* 5. محرك المشجرة الكبرى البانورامية الشاملة المطور لتوسيع كافة الصناديق بالستايل الصريح */
$(document).ready(function() {
    if ($('#global-family-tree-panzoom').length === 0) return;

    // تأمين تحميل مكتبة Mermaid وتفعيلها في المتصفح فوراً قبل بناء الاستعلام
    mw.loader.using(['ext.mermaid']).then(function() {
        var askQuery = "[[معرف الشخص::+]]|[[معرف_الشخص::+]]|?معرف الشخص|?معرف_الشخص|?معرف الأب|?معرف_الأب|?Display_title_of|limit=2000";
        var apiUrl = '/api.php?action=ask&format=json&query=' + encodeURIComponent(askQuery);

        $.getJSON(apiUrl, function(data) {
            var results = (data && data.query && data.query.results) ? data.query.results : null;
            if (results && Object.keys(results).length > 0) {
                var rawNodes = [];

                $.each(results, function(title, pageData) {
                    var pageId = parseInt(pageData.pageid || pageData.id, 10);
                    var printouts = pageData.printouts || {};
                    
                    var cleanName = '';
                    var blobAttr = printouts["Display_title_of"] || printouts["Display title of"];
                    if (blobAttr && blobAttr.length > 1) { cleanName = blobAttr[1]; }
                    else if (blobAttr && blobAttr.length > 0) { cleanName = blobAttr[0].fulltext || blobAttr[0]; }
                    
                    if (cleanName && typeof cleanName === 'string') {
                        cleanName = cleanName.replace(/Person_/g, '').replace(/Person:/g, '').replace(/\s*\(.*?\)\s*/g, '').replace(/^[0-9]+$/g, '').trim();
                    }
                    if (!cleanName || cleanName === '') {
                        cleanName = title.replace(/Person_/g, '').replace(/Person:/g, '').replace(/\s*\(.*?\)\s*/g, '').trim();
                    }

                    var currentIdAttr = printouts["معرف الشخص"] || printouts["معرف_الشخص"];
                    var currentId = (currentIdAttr && currentIdAttr.length > 0) ? (currentIdAttr[0].fulltext || currentIdAttr[0] || currentIdAttr) : pageId;
                    currentId = parseInt(currentId.toString().replace(/[^0-9]/g, ''), 10);

                    var fatherIdAttr = printouts["معرف الأب"] || printouts["معرف_الأب"];
                    var fatherId = null;
                    if (fatherIdAttr && fatherIdAttr.length > 0) {
                        var rawFather = fatherIdAttr[0].fulltext || fatherIdAttr[0] || fatherIdAttr;
                        fatherId = parseInt(rawFather.toString().replace(/[^0-9]/g, ''), 10);
                        if (isNaN(fatherId)) fatherId = null;
                    }

                    if (currentId) {
                        rawNodes.push({ id: currentId, parentId: fatherId, title: cleanName, pageName: title });
                    }
                });

                var mermaidCode = "graph TD\n";
                
                // 🌟 إنشاء كلاسات صريحة وموسعة بالـ padding لضمان قراءتها في كافة مستويات الشجرة
                mermaidCode += "classDef familyNode fill:#ffffff,stroke:#27ae60,stroke-width:2px,color:#2c3e50,font-weight:bold,font-size:15px,padding:15px;\n";
                mermaidCode += "classDef topRoot fill:#f4f7fb,stroke:#2a4b7c,stroke-width:3px,color:#2a4b7c,font-size:16px,font-weight:bolder,padding:15px;\n";

                var registeredIds = rawNodes.map(function(n) { return n.id; });
                
                rawNodes.forEach(function(node) {
                    mermaidCode += "  N" + node.id + "[\"" + node.title + "\"]\n";
                    mermaidCode += "  click N" + node.id + " \"/index.php?title=" + encodeURIComponent(node.pageName) + "\" \"تصفح صفحة " + node.title + "\"\n";
                    
                    if (node.parentId && registeredIds.indexOf(node.parentId) !== -1) {
                        mermaidCode += "  N" + node.parentId + " --> N" + node.id + "\n";
                        // 🌟 سطر القوة: إلزام المحرك بتطبيق كلاس التوسيع الصريح على جميع الأبناء والأحفاد تلقائياً
                        mermaidCode += "  class N" + node.id + " familyNode;\n";
                    } else {
                        mermaidCode += "  class N" + node.id + " topRoot;\n";
                    }
                });

                $('#tree-canvas-holder').html('<pre class="mermaid" style="background:none; border:none; text-align:center; margin:0; padding:20px;"></pre>');
                var $pre = $('#tree-canvas-holder').find('pre.mermaid');
                
                $('.tree-loading-overlay').hide();
                $pre.text(mermaidCode).show();

                if (window.mermaid) {
                    window.mermaid.init(undefined, $pre);
                } else if (typeof mermaid !== 'undefined') {
                    mermaid.init(undefined, $pre);
                }

                // نظام التحريك والتكبير بالماوس الحصري
                setTimeout(function() {
                    var $svg = $('#tree-canvas-holder').find('svg');
                    if ($svg.length > 0) {
                        $svg.css({ 'transform-origin': 'top center', 'cursor': 'grab', 'transition': 'transform 0.1s ease-out' });
                        var scale = 1, isDragging = false, startX, startY, translateX = 0, translateY = 0;

                        $('#global-family-tree-panzoom').on('mousedown', function(e) {
                            if ($(e.target).closest('a').length > 0) return;
                            isDragging = true;
                            $svg.css('cursor', 'grabbing');
                            startX = e.clientX - translateX;
                            startY = e.clientY - translateY;
                        });

                        $(document).on('mousemove', function(e) {
                            if (!isDragging) return;
                            translateX = e.clientX - startX;
                            translateY = e.clientY - startY;
                            $svg.css('transform', 'translate(' + translateX + 'px, ' + translateY + 'px) scale(' + scale + ')');
                        }).on('mouseup', function() {
                            isDragging = false;
                            $svg.css('cursor', 'grab');
                        });

                        $('#global-family-tree-panzoom').on('wheel', function(e) {
                            e.preventDefault();
                            var delta = e.originalEvent.deltaY;
                            if (delta < 0) { scale = Math.min(scale + 0.08, 3); } 
                            else { scale = Math.max(scale - 0.08, 0.3); }
                            $svg.css('transform', 'translate(' + translateX + 'px, ' + translateY + 'px) scale(' + scale + ')');
                        });
                    }
                }, 1200);

            } else {
                $('.tree-loading-overlay').html("⚠️ لم يتم العثور على أي بيانات أفراد مسجلة لبناء المشجرة الكبرى.");
            }
        }).fail(function() {
            $('.tree-loading-overlay').html("❌ فشل الاتصال بقاعدة البيانات لتوليد المشجرة الكبرى.");
        });
    });
});