So, I have made a few scripts, and I wanted community input on what you'd want to be added.

• https://dev.fandom.com/wiki/CustomTheme

• https://dev.fandom.com/wiki/DynamicCountdown

• https://dev.fandom.com/wiki/PinMessages

• https://dev.fandom.com/wiki/DynamicClocks

• https://dev.fandom.com/wiki/CollapsibleHeaders

As I said - what would you want added to any of these! I know a few things I could do - such as allowing you to change the color and font of the text for CustomTheme, but I just want to have any ideas you have!

I’m unsure if I’m allowed, and before I go doing anything I’d want to ask how and if I can.

I’d like to add my script as a dev script:

$(document).ready(function () {
    $('.mw-parser-output h2, .mw-parser-output h3').not('aside h2, aside h3').each(function () {
        var header = $(this);
        var content = [];

        var next = header.next();
        var stopAt = header.is('h2') ? 'h2' : 'h2, h3';
        while (next.length && !next.is(stopAt)) {
            content.push(next);
            next = next.next();
        }

        if (content.length === 0) return;

        var toggle = $('<span>')
            .text('▼')
            .css({
                cursor: 'pointer',
                fontSize: '12px',
                color: 'gray',
                float: 'right',
                marginRight: '8px',
                userSelect: 'none'
            })
            .on('click', function () {
                var collapsed = $(this).data('collapsed');
                $.each(content, function () { $(this).toggle(collapsed); });
                $(this).text(collapsed ? '▼' : '►');
                $(this).data('collapsed', !collapsed);
            })
            .data('collapsed', false);

        header.prepend(toggle);
    });
});

Suggested name?: CollapsibleHeaders

What does it do?: On the far right of headers, adds a small arrow to collapse/expand them, this includes all contents in them, such as sub headings.

Uh… so yeah!

.sitenotice-wrapper__read-more > * {
  font-size: 0px;
}

.sitenotice-wrapper__read-more:after {
  content: 'VIEW NOTICE';
  display: flex;
  justify-content: center;
  font-weight: bold;
  font-family: ITC_Bauhaus_Heavy_Regular;
  font-size: 20px;
  color: #FFFFFF;
}

Put it in MediaWiki:Common.css, change anything inside

.sitenotice-wrapper__read-more:after {
}

for text styling.

So like when you want to make a post, and you could schedule it to come out later.

Hello Fandom Developers,

So, here’s an idea for a script, it works a bit like LockOldComments, though, instead of a countdown after the initial post’s creation, it uses inactivity, tracking the most recent message in a comment thread and if that is under 7 days (what we’ve decided for our wiki) it wouldn’t lock, but if it is, lock it.

I believe this would be a valuable resource for dynamic moderation, so if it is possible to create as such, would you mind helping?

Hello!

Would love if this could be implemented if there isn't an existing script for it.

mw.hook('wikipage.content').add(function ($content) {
  var now = Date.now();

  //relative time class
  $content.find('.rel-time[data-timestamp]').each(function () {
    var node = this;
    var ts = parseInt(node.getAttribute('data-timestamp'), 10);
    if (isNaN(ts)) return;

    var target = ts * 1000; // ms
    var diffMs = target - now;
    var past = diffMs < 0;
    var diff = Math.abs(diffMs);

    var seconds = Math.round(diff / 1000);
    var minutes = Math.round(seconds / 60);
    var hours   = Math.round(minutes / 60);
    var days    = Math.round(hours / 24);
    var weeks   = Math.round(days / 7);
    var months  = Math.round(days / 30);
    var years   = Math.round(days / 365);

    var value, unit;

    if (seconds < 60)      { value = seconds; unit = 'second'; }
    else if (minutes < 60) { value = minutes; unit = 'minute'; }
    else if (hours < 24)   { value = hours;   unit = 'hour'; }
    else if (days < 7)     { value = days;    unit = 'day'; }
    else if (weeks < 5)    { value = weeks;   unit = 'week'; }
    else if (months < 12)  { value = months;  unit = 'month'; }
    else                   { value = years;   unit = 'year'; }

    if (value !== 1) unit += 's';

    var text = past
      ? value + ' ' + unit + ' ago'
      : 'in ' + value + ' ' + unit;

    node.textContent = text;
    node.title = new Date(target).toUTCString();
  });
  
  // absolute time class
  $content.find('.abs-time[data-timestamp]').each(function () {
    var node = this;
    var ts = parseInt(node.getAttribute('data-timestamp'), 10);
    if (isNaN(ts)) return;

    var date = new Date(ts * 1000);

    // absolute time format when displayed: "Jan 1, 2000 • 12:00 AM"
    var formatted = date.toLocaleString(undefined, {
      year: 'numeric',
      month: 'short',
      day: 'numeric',
      hour: 'numeric',
      minute: '2-digit'
    });

    node.textContent = formatted;
    node.title = date.toUTCString(); // hovering shows UTC
  });
});

Transcribes UNIX into two classes for editors, either being relative time or absolute time. Found it to be useful for those confused on when a certain event happens for them due to different time zones, and I would like for it to be easily accessible for others.

This script adds a completion percent in the top left cell of tables that have the progress tracking feature. For example, if you check 2 boxes in a table of 10 total rows, the cell would show 20%. I have already added this to our wiki and I would like to share it.

JS code: https://nonograms-katana.fandom.com/wiki/MediaWiki:Table_tracking-percent_completed.js

Code "in action": https://nonograms-katana.fandom.com/wiki/Technologies#Technology_checklist

I am not a professional programmer (if you can't tell from the code). I had help from fbce/fuc.

...that can increase the number of entries on special pages such as Special:WithoutInterwiki? In some wikis, it would be useful if this page could display more than 1,000 entries. :)

Thank you and Greetings

Klappi

So This script is a inportJ script

Make it so that if you import a script called "BlockedPMessage" (Blocked People Messages) on your wiki users well be able to block people from talking to them or pinging them

Whats to JavaScript name for this?

Hi

I realized this while toying with the wiki

See below for page example

Here the CSS for the first issue. When you add a background image no matter how try to prioritize the z layer it always leave .oo-ui-toolbar-bar unclickable. I tried in the dev console it work trough source if I make the change so i am assuming this is Java recompiling and defaulting my change. If that the case really need fixing or a loadable java template. I search the list could not find anything closest I thought I was was with AdvancedOasisUI

Second issue when you create a Table that involve multiple layer the first page I like having it the same has the first table link has to sell the illusion and not have just a random blank page. Now i have found a workaround to leave edit button but to a user that would want to update the page it would be confusing I assume. Searched for java script I could load to have two page linked so that when you update one it update automatically the other.

/* ======================================================================
   Page Main Background
   ====================================================================== */
.page__main {
  position: relative;
  z-index: 1; /* base stacking */
  background-image: url('https://static.wikia.nocookie.net/wandering-sword/images/d/df/Testing_Baground_3.jpg/revision/latest?cb=20250909054351');
  background-repeat: repeat;
  background-position: center;
  background-size: auto;
  padding: 20px;
  border-radius: 10px;
  overflow: hidden;
  color: inherit;
}

.page__main .background-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.3);
  pointer-events: none; /* allows clicks through overlay */
  z-index: 0;
}

/* ======================================================================
                             Force Toolbar Edit Clickable Above Everything
   ====================================================================== */
.oo-ui-toolbar-bar {
    position: relative;
    z-index: 10000 !important; /* ensure it's above everything */
}

Here are the example page

https://wandering-sword.fandom.com/wiki/Tempest_Stockade_Rescue

https://wandering-sword.fandom.com/wiki/Fist_Weapon_Blueprints

I vaguely remember see something but I haven't been able to find it. If someone has made it, please tell me the name. If not please feel inspired too.

Since the Fandom Dev wiki provides coding that either add or improve or change of a wiki... I wonder if there is any coding for the DB of a wiki.

I wanted to know because I am attempting to look around this wiki to find some coding I could use on one of my wikis

I understand that the SpoilerAlert JavaScript is essentially a one-time use, so to speak. According to its page, it uses a browser's local storage to prevent the spoiler tags from being used multiple times on the same page. However, is there a way to change the script so that it does not do this? In some situations, at least in my opinion, a one-time-use script may not always be the best at preventing spoilers on a page from being seen, and as far as I can tell clearing one's local storage is not a simple task, let alone a task many people know how to do. Would it be possible to simply make a "custom" version of the script for a specific wiki that doesn't implement local storage use?

Click the text to reveal text, That basically sums it up 😭

For example: There is like code and when you click on it it gives the translated version

GIFS can be distracting and inducing. In extreme cases, they can even cause fatal seizures in people with epilepsy. And too many GIFs can slow down lower-end devices.

All I ask is for there to be a GIF toggle off and on buttons on the sticky nav, side tools, and on the wds-button on Pages that have GIFS (Galleries)

Edited: I misunderstood what the switch function does. No help needed.