MediaWiki:Gadget-GlobalGlossaryGraph.js

$(function() {
    'use strict';
    mw.loader.using(['ext.gadget.d3', 'mediawiki.api'], function() {
        $('.global-glossary-graph').each(function() {
            var $container = $(this);
            new mw.Api().get({
                action: 'askargs',
                conditions: 'Category:Glossary Entries',
                printouts: 'Glossary-Term|Glossary-Definition',
                parameters: 'limit=100', // Increased limit for global graph
                format: 'json',
                formatversion: 2
            }).done(function(data) {
                console.log('SMW API response:', JSON.stringify(data, null, 2));
                var results = data.query.results || {};
                var nodes = [];
                var edges = [];
                var nodeIndex = {};

                // Build nodes
                for (var page in results) {
                    if (results.hasOwnProperty(page)) {
                        var term = results[page].printouts['Glossary-Term'][0] || page.split(':').pop();
                        nodes.push({ id: page, label: term });
                        nodeIndex[page] = term;
                    }
                }

                // Build edges
                for (var page in results) {
                    if (results.hasOwnProperty(page)) {
                        var definitions = results[page].printouts['Glossary-Definition'] || [];
                        definitions.forEach(function(def) {
                            nodes.forEach(function(node) {
                                if (node.id !== page && def.toLowerCase().indexOf(node.label.toLowerCase()) !== -1) {
                                    edges.push({ source: page, target: node.id });
                                }
                            });
                        });
                    }
                }

                if (nodes.length === 0) {
                    $container.text('No glossary terms found.');
                    console.log('No glossary terms found.');
                    return;
                }

                $container.empty();
                var width = 800, height = 600; // Larger canvas for global graph
                var svg = d3.select($container[0])
                    .append('svg')
                    .attr('width', width)
                    .attr('height', height)
                    .style('background-color', '#000000');

                var simulation = d3.forceSimulation(nodes)
                    .force('link', d3.forceLink(edges).id(d => d.id).distance(150))
                    .force('charge', d3.forceManyBody().strength(-300))
                    .force('center', d3.forceCenter(width / 2, height / 2));

                var link = svg.append('g')
                    .selectAll('line')
                    .data(edges)
                    .enter().append('line')
                    .attr('stroke', '#00FF00')
                    .attr('stroke-width', 2);

                var node = svg.append('g')
                    .selectAll('g')
                    .data(nodes)
                    .enter().append('g')
                    .call(d3.drag()
                        .on('start', function(event, d) {
                            if (!event.active) simulation.alphaTarget(0.3).restart();
                            d.fx = d.x;
                            d.fy = d.y;
                        })
                        .on('drag', function(event, d) {
                            d.fx = event.x;
                            d.fy = event.y;
                        })
                        .on('end', function(event, d) {
                            if (!event.active) simulation.alphaTarget(0);
                            d.fx = null;
                            d.fy = null;
                        }));

                node.append('circle')
                    .attr('r', 10)
                    .attr('fill', '#00CC00');

                node.append('text')
                    .attr('dx', 12)
                    .attr('dy', '.35em')
                    .text(d => d.label)
                    .style('fill', '#00FF00')
                    .style('font-family', 'IBMPlexMono, "Courier New", monospace')
                    .style('font-size', '12px');

                node.append('title').text(d => d.id);

                simulation.on('tick', function() {
                    link.attr('x1', d => d.source.x)
                        .attr('y1', d => d.source.y)
                        .attr('x2', d => d.target.x)
                        .attr('y2', d => d.target.y);
                    node.attr('transform', d => `translate(${d.x},${d.y})`);
                });
            }).fail(function(jqXHR, textStatus, errorThrown) {
                $container.text('Error: API request failed');
                console.error('SMW API error details:', {
                    status: textStatus,
                    error: errorThrown,
                    responseText: jqXHR.responseText,
                    statusCode: jqXHR.status,
                    url: 'https://www.ooda.wiki/api.php?action=askargs&conditions=Category:Glossary%20Entries&printouts=Glossary-Term|Glossary-Definition&parameters=limit=100&format=json&formatversion=2'
                });
            });
        });
    });
});