User:Gary/comments in local time.js: Difference between revisions

Revision as of 19:50, 9 August 2022

Latest revision as of 23:59, 9 August 2022

(One intermediate revision by the same user not shown)

Line 136:

const utcOffset =

utcValue >= 0 ? `+${utcValue}` : `−${Math.abs(utcValue.toFixed(1))}`;

const utcPart = `(UTC${utcOffset})`;

const returnDate = this.LocalComments.timeFirst

? `${finalTime}, ${date} (UTC${utcOffsetutcPart})`

: `${date}, ${finalTime} (UTC${utcOffsetutcPart})`;

return { returnDate, time };

}

Line 202 ⟶ 204:

}

letconst formattedDayOfTheWeek = '';this.LocalComments.dayOfWeek

formattedDayOfTheWeek =? `, ${last}${dayOfTheWeek}`;

: )'';

return `${formattedDate + }${formattedDayOfTheWeek + }${descriptiveDifference}`;

if (this.LocalComments.dayOfWeek) {

formattedDayOfTheWeek = `, ${last}${dayOfTheWeek}`;

}

return formattedDate + formattedDayOfTheWeek + descriptiveDifference;

}

Line 413:

// Check if this is a text node.

if (node.nodeType === 3) {

// Don't continue if this text node's parent tag is one of these.

let parent = node.parentNode;

if (['CODE', 'PRE'].includes(parentNodeNamenode.parentNode.nodeName)) {

const parentNodeName = parent.nodeName;

if (['CODE', 'PRE'].includes(parentNodeName)) {

return;

}

Line 424 ⟶ 421:

const matches = value.match(search);

// Stick with manipulating the DOM directly rather than using jQuery.

// I've got more than a 100% speed improvement afterward.

if (matches) {

// Only act on the first timestamp we found in this node. This is for

// reallythe arare temporaryoccassion fixthat forthere theis situationmore inthan whichone theretimestamp arein two orthe

// moresame timestamps in the sametext node.

const [match] = matches;

const position = value.search(search);

const stringLength = match.toString().length;

const beforeMatch = value.slice(0, Math.max(0, position));

const afterMatch = value.slice(Math.max(0, position + stringLength));

const { returnDate, time } = this.adjustTime(

match.toString(),

search

);

const timestamp = time ? time.getTime() : '';

// IsGrab the "timestamp"text attributecontent usedbefore forand microformats?after the matching timestamp,

// which we'll then wrap in their own SPAN nodes.

const span = document.createElement('span');

const beforeMatch = value.slice(0, Math.max(0, position));

const afterMatch = value.slice(Math.max(0, position + stringLength));

const { returnDate, time } = this.adjustTime(match.toString(), search);

// Create the code to display the new local comments content.

span.className = 'localcomments';

const $span.style.fontSize = '95%';$(

`<span class="localcomments" style="font-size: 95%;" title="${match}">${returnDate}</span>`

span.style.whiteSpace = 'nowrap';

span.setAttribute('timestamp', timestamp);

span.title = match;

span.append(document.createTextNode(returnDate));

parent = node.parentNode;

node.replaceWith(span);

const before = document.createElement('span');

before.className = 'before-localcomments';

before.append(document.createTextNode(beforeMatch));

// Replace the existing text node in the page with our new local

const after = document.createElement('span');

parent// =comments node.parentNode;

$(node).replaceWith($span);

// Replace the text content that appears before the timestamp.

after.className = 'after-localcomments';

if (beforeMatch) {

after.append(document.createTextNode(afterMatch));

match$span.toStringbefore(),

`<span class="before-localcomments">${beforeMatch}</span>`

search);

}

// Replace the text content that appears after the timestamp.

span.before(before);

parent.insertBefore(after,if span.nextSibling(afterMatch); {

span.title = match;$span.after(

`<span class="after-localcomments">${afterMatch}</span>`

);

}

}

} else {

Line 504 ⟶ 495:

this.replaceText(

document.querySelector('.mw-body-content .mw-parser-output'),

/(\d{1,2}):(\d{2}), (\d{1,2}) ([A-Z][a-z]+) (\d{4}) \(UTC\)/

);