MediaWiki:Common.js

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

/* Any JavaScript here will be loaded for all users on every page load. */

// Wait for document ready
$(function() {
	var htmle = function(str) {
		return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
	};

	if ($('body').hasClass('page-Summertime_Saga_Wiki') && $('body').hasClass('action-view') && $('body').hasClass('skin-vector') && $('#ajax-posts').length && $('#ajax-version').length) {
		var maxPosts = 5;

		$.getJSON('/ssdata.json', function(data) {
			$('#ajax-version').text(data.version);
			$('#ajax-posts').html('');

			data.posts.forEach(function(post, i) {
				if (i >= maxPosts) {
					return;
				}

				$('#ajax-posts').append('<dd><b>▪ ' + htmle(post.date) + ':</b> <a rel="nofollow" class="external text" href="https://www.patreon.com' + htmle(post.url) + '">' + htmle(post.title) + '</a></dd>');
			});
		});
	}
}());

mw.hook('wikipage.content').add(function ($content) {
  // Manage the Preview / Stable tabs

  const $tabs = $content.find('ul.version-tabs');

  if (!$tabs) return;

  const allow = ['21', '0.20.16'];

  const pref = location.hash
               ? location.hash.endsWith('-0.20.16') ? '0.20.16' : '21'
               : localStorage.getItem('preferredVersion') || 'current';

  function activateTab(tab) {
    if (allow.indexOf(tab) === -1) return;

    $content.find('div.vt-content').hide();
    $content.find('div.vt-' + tab.replaceAll('.', '-')).show();

    $tabs.find('li').removeClass('active');
    $tabs.find('li[data-tab="' + tab + '"]').addClass('active');

    localStorage.setItem('preferredVersion', tab);
  }

  function rewriteAnchors(scopeSelector, suffix) {
    const $scope = $(scopeSelector);
    const idMap = {};
    const baselines = {}; // lowest index seen

    // Regex to parse base and numeric suffix
    const headingIdRegex = /^(.*?)(?:_(\d+))?$/;

    function getBaseAndIndex(id) {
      const match = id.match(headingIdRegex);
      const base = match[1];
      const index = match[2] ? parseInt(match[2], 10) : 1;
      return [base, index];
    }

    // Determine baseline MediaWiki suffixes
    $scope.find('[id]').each(function () {
      const [base, index] = getBaseAndIndex(this.id);
      if (!(base in baselines) || index < baselines[base]) {
        baselines[base] = index;
      }
    });

    // Rewrite all elements with 'id'
    $scope.find('[id]').each(function () {
      const $el = $(this);
      const oldId = $el.attr('id');
      const [base, index] = getBaseAndIndex(oldId);
      const baseline = baselines[base];

      const newIndex = index - baseline + 1;

      const newId = newIndex === 1 ? base + suffix : `${base}_${newIndex}${suffix}`;
      $el.attr('id', newId);
      idMap[oldId] = newId;
    });

    // Rewrite links
    $scope.find('a[href^="#"]').each(function () {
      const $a = $(this);
      const href = $a.attr('href').substring(1); // strip leading #
      if (idMap[href]) {
        $a.attr('href', '#' + idMap[href]);
      }
    });

    // Rewrite labels
    $scope.find('label[for]').each(function () {
      const $label = $(this);
      const forId = $label.attr('for');
      if (idMap[forId]) {
        $label.attr('for', idMap[forId]);
      }
    });
  }

  $content.find('ul.version-tabs li').click(function (e) {
    e.preventDefault();
    const selected = this.dataset.tab;
    activateTab(selected);
  });

  activateTab(pref);
  rewriteAnchors('div.vt-0-20-16', '-0.20.16');

  if (location.hash) {
    location.hash = location.hash;
  }
});