MediaWiki:Common.js: Difference between revisions

     'en': '🇺🇸 English-speaking',

    'de': '🇩🇪 Germany / German-speaking',

     'fr': '🇫🇷 France / French-speaking',

    'es': '🇪🇸 Spain / Spanish-speaking',

     'pt': '🇵🇹 Portugal / Portuguese-speaking',

    'it': '🇮🇹 Italy / Italian-speaking',

     'nl': '🇳🇱 Netherlands / Dutch-speaking',

    'pl': '🇵🇱 Poland / Polish-speaking',

     'ru': '🇷🇺 Russia / Russian-speaking',

    'ja': '🇯🇵 Japan',

     'zh': '🇨🇳 China / Chinese-speaking',

    'ar': '🇸🇦 Arabic-speaking',

     'tr': '🇹🇷 Turkey / Turkish-speaking',

    'sv': '🇸🇪 Sweden / Swedish-speaking',

     'da': '🇩🇰 Denmark / Danish-speaking',

    'fi': '🇫🇮 Finland / Finnish-speaking',

     'nb': '🇳🇴 Norway / Norwegian-speaking',

    'cs': '🇨🇿 Czech Republic',

     'hu': '🇭🇺 Hungary',

    'ro': '🇷🇴 Romania',

    'el': '🇬🇷 Greece / Greek-speaking',

     'ko': '🇰🇷 Korea / Korean-speaking',

    'uk': '🇺🇦 Ukraine / Ukrainian-speaking',

     'he': '🇮🇱 Israel / Hebrew-speaking',

    'id': '🇮🇩 Indonesia',

     'vi': '🇻🇳 Vietnam',

    'th': '🇹🇭 Thailand',

    'hi': '🇮🇳 India / Hindi-speaking',

     'bn': '🇧🇩 Bangladesh / Bengali-speaking',

    'fa': '🇮🇷 Iran / Persian-speaking'

   function buildCounter() {

     container.innerHTML = '<p style="color:#aaa; font-style:italic;">⏳ Fetching user data...</p>';

     // Step 1: Get all users

    var allUsers = [];

     function fetchUsers(aufrom) {

      var params = {

        action: 'query',

        list: 'allusers',

        aulimit: 500,

        format: 'json'

      };

      if (aufrom) params.aufrom = aufrom;

       return $.getJSON(mw.util.wikiScript('api'), params).then(function(data) {

         var users = (data.query && data.query.allusers) || [];

         allUsers = allUsers.concat(users);

         if (data.continue && data.continue.aufrom) {

          return fetchUsers(data.continue.aufrom);

         }

     // Step 2: For each user, get their language preference

    function fetchUserLanguages() {

      var userNames = allUsers.map(function(u) { return u.name; });

      var batches = [];

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

        batches.push(userNames.slice(i, i + batchSize));

      }

      function processBatch(idx) {

        if (idx >= batches.length) {

          renderResults(langCounts, allUsers.length);

          return;

        var batch = batches[idx];

        return $.getJSON(mw.util.wikiScript('api'), {

          action: 'query',

          list: 'users',

          ususers: batch.join('|'),

        }).then(function() {

          // Language isn't directly available via users list

      processBatch(0);

     // Step 3: Get language data from Babel extension categories

     function fetchBabelData() {

      var langCounts = {};

      var promises = [];

       // Fetch members of language categories (e.g., Category:User_en, Category:User_de, etc.)

       var langs = Object.keys(langToCountry);

 

       function fetchLangCategory(lang, offset) {

        return $.getJSON(mw.util.wikiScript('api'), {

        }).then(function(data) {

          var members = (data.query && data.query.categorymembers) || [];

          if (!langCounts[lang]) langCounts[lang] = 0;

          if (data.continue && data.continue.cmcontinue) {

            return fetchLangCategory(lang, data.continue.cmcontinue);

 

      var chain = $.Deferred().resolve();

 

        return langCounts;

     function renderResults(langCounts, totalUsers) {

       var sorted = Object.keys(langCounts)

        .filter(function(l) { return langCounts[l] > 0; })

         .sort(function(a, b) { return langCounts[b] - langCounts[a]; });

 

      html += '#country-counter-table { width:100%; border-collapse:collapse; margin-top:10px; }';

      html += '#country-counter-table th { background:#2a2a2a; color:#e07000; padding:8px 12px; text-align:left; border:1px solid #444; }';

      html += '#country-counter-table td { padding:7px 12px; border:1px solid #333; color:#ddd; }';

      html += '#country-counter-table tr:nth-child(even) td { background:#1a1a1a; }';

      html += '#country-counter-table tr:hover td { background:#252525; }';

      html += '.bar-cell { width:40%; }';

      html += '.bar { height:14px; background:#e07000; border-radius:3px; display:inline-block; min-width:2px; }';

      html += '</style>';

 

      html += '<p style="color:#ccc; margin-bottom:8px;">📊 <strong>Total registered users:</strong> ' + totalUsers + '</p>';

 

       if (sorted.length === 0) {

         html += '<p style="color:#aaa;">No Babel language categories found. Users can add their language to their profile using <code>{{#babel:en}}</code> on their user page.</p>';

        html += '<p style="color:#888; font-size:0.9em;">💡 Tip: To enable country tracking, ask users to add babel tags to their user pages.</p>';

        var maxCount = langCounts[sorted[0]] || 1;

         html += '<table id="country-counter-table"><thead><tr><th>#</th><th>Country / Region</th><th>Users</th><th class="bar-cell">Distribution</th></tr></thead><tbody>';

        sorted.forEach(function(lang, idx) {

          var count = langCounts[lang];

          var label = langToCountry[lang] || lang.toUpperCase();

          var barWidth = Math.round((count / maxCount) * 200);

        });

 

      html += '<p style="color:#666; font-size:0.85em; margin-top:10px;">ℹ️ Based on Babel language categories. Last loaded: ' + new Date().toLocaleString() + '</p>';

 

      container.innerHTML = html;

       return fetchBabelData();

     }).then(function(langCounts) {

     }).catch(function(err) {

       container.innerHTML = '<p style="color:#f66;">Error loading data: ' + (err && err.message ? err.message : String(err)) + '</p>';

   $(document).ready(function() {

    buildCounter();

  });