element
452 | tempDiv.innerHTML = html; // Set its inner HTML to the input HTML string
453 | return tempDiv.textContent || tempDiv.innerText || ""; // Return the text content without HTML tags
454 | }
455 |
456 |
457 |
458 | function stripHtmlTags(html)
459 | {
460 | const tempDiv = document.createElement("div"); // Create a temporary
element
461 | tempDiv.innerHTML = html; // Set its inner HTML to the input HTML string
462 | return tempDiv.textContent || tempDiv.innerText || ""; // Return the text content without HTML tags
463 | }
464 |
465 |
466 | // POST VIEW
467 |
468 | function PostViewShowOriginalPosterInfo()
469 | {
470 | // Select all elements that contain the avatar with a data-user-card attribute
471 | document.querySelectorAll('.trigger-user-card.main-avatar').forEach(function(avatar) {
472 | // Check if the user link has already been added
473 | if (avatar.parentNode.querySelector('.custom-post-username')) {
474 | return; // Skip to the next avatar if the user link already exists
475 | }
476 |
477 | // Get the user name from the data-user-card attribute
478 | var userName = avatar.getAttribute('data-user-card');
479 |
480 | // Create a new anchor element to wrap the user name and link to the profile
481 | var userLink = document.createElement('a');
482 | userLink.className = 'custom-post-username';
483 | userLink.href = 'https://discussions.unity.com/u/' + userName;
484 | userLink.textContent = userName;
485 |
486 | // Insert the user name link before the avatar image
487 | avatar.parentNode.insertBefore(userLink, avatar);
488 | });
489 |
490 | }
491 |
492 | let prevPageURL = '';
493 | function PostViewFetchOPDetails()
494 | {
495 | // Get the current page URL
496 | const currentPageURL = window.location.href;
497 |
498 | // Check if the current page URL has already been processed
499 | if (currentPageURL === prevPageURL) {
500 | //console.log(`Skipping fetch for already processed page URL: ${currentPageURL}`);
501 | return; // Skip execution if the URL has already been processed
502 | }
503 |
504 | // Update the previous page URL to the current one
505 | prevPageURL = currentPageURL;
506 |
507 | // Select all elements with the specified classes to get usernames
508 | const usernames = new Set(); // Using a Set to avoid duplicates
509 |
510 | // Find usernames from elements with class 'trigger-user-card main-avatar'
511 | document.querySelectorAll('.trigger-user-card.main-avatar').forEach(function(avatar) {
512 | const userName = avatar.getAttribute('data-user-card');
513 | if (userName) {
514 | usernames.add(userName); // Add to the Set
515 | }
516 | });
517 |
518 | // Convert the Set to an Array and limit to the first 3 users
519 | const userArray = Array.from(usernames).slice(0, 3);
520 |
521 | // Iterate through each of the first three unique usernames and fetch the JSON data
522 | userArray.forEach(function(userName) {
523 | const url = `https://discussions.unity.com/u/${userName}/card.json`;
524 |
525 | console.log(`Fetching data from: ${url}`);
526 |
527 | // Use fetch to make a cross-origin request
528 | fetch(url, {
529 | method: 'GET',
530 | headers: {
531 | 'User-Agent': navigator.userAgent, // Mimic the default browser's User-Agent
532 | 'Accept': 'application/json, text/javascript, */*; q=0.01' // Accept JSON
533 | }
534 | })
535 | .then(response => {
536 | if (!response.ok) {
537 | throw new Error(`HTTP error! status: ${response.status}`);
538 | }
539 | return response.json(); // Parse the JSON data
540 | })
541 | .then(data => {
542 | console.log(`Data for ${userName}:`, data); // Print the JSON data to console
543 |
544 | // Get the user creation date
545 | const createdAt = data.user.created_at;
546 | if (createdAt) {
547 | // Format the creation date (optional)
548 | const formattedDate = new Date(createdAt).toLocaleDateString('en-US', {
549 | year: 'numeric',
550 | month: 'long',
551 | day: 'numeric'
552 | });
553 |
554 | // Create a new element to display the creation date
555 | const creationDateElement = document.createElement('span');
556 | creationDateElement.className = 'custom-user-creation-date';
557 | creationDateElement.textContent = `Joined: ${formattedDate}`;
558 |
559 | // Find all post-avatar divs associated with this user
560 | document.querySelectorAll('.trigger-user-card.main-avatar').forEach(function(avatarElement) {
561 | if (avatarElement.getAttribute('data-user-card') === userName) {
562 | const postAvatarDiv = avatarElement.closest('.post-avatar');
563 | if (postAvatarDiv && !postAvatarDiv.querySelector('.custom-user-creation-date')) {
564 | postAvatarDiv.appendChild(creationDateElement.cloneNode(true)); // Append the new date element to all relevant divs
565 | }
566 | }
567 | });
568 | }
569 | })
570 | .catch(error => {
571 | console.error(`Failed to fetch or parse JSON for user ${userName}:`, error);
572 | });
573 | });
574 | }
575 |
576 | // TODO: if page uses AJAX navigation, can run this function again when the URL changes without a full reload.
577 | /*
578 | window.addEventListener('popstate', function() {PostViewFetchOPDetails();});
579 | window.addEventListener('pushstate', function() {PostViewFetchOPDetails();});
580 | window.addEventListener('replacestate', function() {PostViewFetchOPDetails();});
581 | */
582 |
583 | // new post icon in followed topic
584 | function replaceNotificationIcons() {
585 | // Define configuration for each notification type
586 | const notificationConfig = [
587 | {
588 | selector: '.notification.read.posted',
589 | textContent: '1',
590 | backgroundColor: 'rgba(255, 0, 0, 0.6)',
591 | color: 'white',
592 | borderRadius: '50%',
593 | fontSize: '12px'
594 | },
595 | {
596 | selector: '.notification.read.reaction',
597 | textContent: '👍',
598 | backgroundColor: 'none',
599 | color: 'white',
600 | borderRadius: '4px',
601 | fontSize: '1.25em'
602 | },
603 | {
604 | selector: '.notification.read.mentioned',
605 | textContent: '@',
606 | backgroundColor: 'none',
607 | color: 'var(--success)',
608 | borderRadius: '4px',
609 | fontSize: '1.25em'
610 | },
611 | {
612 | selector: '.notification.read.replied',
613 | textContent: '↩️',
614 | backgroundColor: 'none',
615 | color: 'white',
616 | borderRadius: '4px',
617 | fontSize: '1.25em'
618 | },
619 | {
620 | selector: '.notification.read.granted-badge',
621 | textContent: '🏆',
622 | backgroundColor: 'none',
623 | color: 'white',
624 | borderRadius: '4px',
625 | fontSize: '1.25em'
626 | },
627 | ];
628 |
629 | // Process each notification type
630 | notificationConfig.forEach(({ selector, textContent, backgroundColor, color, borderRadius, fontSize }) => {
631 | const notificationItems = document.querySelectorAll(selector);
632 |
633 | if (notificationItems.length > 0) {
634 | notificationItems.forEach((item) => {
635 | const icon = item.querySelector('svg.fa.d-icon');
636 | if (icon) {
637 | // Create a replacement element
638 | const newIcon = document.createElement('div');
639 | newIcon.style.cssText = `
640 | display: inline-flex !important;
641 | justify-content: center !important;
642 | align-items: center !important;
643 | background-color: ${backgroundColor};
644 | color: ${color};
645 | font-size: ${fontSize};
646 | font-weight: bold;
647 | padding: 5px !important;
648 | box-sizing: border-box !important;
649 | width: 20px;
650 | height: 20px;
651 | min-width: 20px;
652 | min-height: 20px;
653 | line-height: 1;
654 | margin-right: 8px;
655 | border-radius: ${borderRadius} !important;
656 | text-align: center;
657 | `;
658 | newIcon.textContent = textContent;
659 |
660 | // Replace the original SVG icon
661 | icon.replaceWith(newIcon);
662 | }
663 | });
664 | }
665 | });
666 | }
667 |
668 | function AddOnHoverOpenNotificationPanel() {
669 | const currentUserButton = document.getElementById('toggle-current-user');
670 | const headerArea = document.getElementById('main-outlet');
671 |
672 | if (currentUserButton && headerArea) {
673 | // Open the panel on hover over the user button
674 | currentUserButton.addEventListener('mouseenter', () => {
675 | const dropdown = document.querySelector('.user-menu.revamped.menu-panel.drop-down');
676 | if (!dropdown) {
677 | currentUserButton.click();
678 | }
679 | });
680 |
681 | // Close the panel when mouse moves over the header area
682 | headerArea.addEventListener('mouseenter', () => {
683 | const dropdown = document.querySelector('.user-menu.revamped.menu-panel.drop-down');
684 | if (dropdown) {
685 | currentUserButton.click(); // Simulate click outside to close
686 | }
687 | });
688 |
689 | } else {
690 | console.warn('Current user button or header area not found.');
691 | }
692 | }
693 |
694 |
695 |
696 |
697 |
698 | // HELPER METHODS
699 |
700 | function formatDate(date)
701 | {
702 | const options = { hour: '2-digit', minute: '2-digit', hour12: false };
703 | return date.toLocaleTimeString('en-GB', options); // Format as "HH:MM"
704 | }
705 |
706 | function formatDateString(date)
707 | {
708 | const today = new Date();
709 | const yesterday = new Date(today);
710 | yesterday.setDate(today.getDate() - 1);
711 | const oneWeekAgo = new Date(today);
712 | oneWeekAgo.setDate(today.getDate() - 7);
713 |
714 | if (date >= today.setHours(0, 0, 0, 0)) { // Today
715 | return `Today at ${formatDate(date)}`;
716 | } else if (date >= yesterday.setHours(0, 0, 0, 0)) { // Yesterday
717 | return `Yesterday at ${formatDate(date)}`;
718 | } else if (date >= oneWeekAgo) { // Within the past week
719 | const dayName = date.toLocaleDateString('en-GB', { weekday: 'long' });
720 | return `${dayName} at ${formatDate(date)}`;
721 | } else { // Older than one week
722 | return date.toLocaleDateString('en-GB', { day: '2-digit', month: 'short', year: 'numeric' });
723 | }
724 | }
725 |
726 |
--------------------------------------------------------------------------------
/unity-old-post-wayback.js:
--------------------------------------------------------------------------------
1 | // ==UserScript==
2 | // @name Adds Wayback Machine Link to Missing Old Unity Forums Post Page (404)
3 | // @namespace http://unitycoder.com
4 | // @version 0.1
5 | // @description Unity wanted to save few dollars by not importing all forum posts, so just have to hope that its archived in wayback machine.. and btw. they are NOT allowing bots to archive new forums completely : o
6 | // @author unitycoder.com
7 | // @match https://discussions.unity.com/threads/*
8 | // @grant none
9 | // ==/UserScript==
10 |
11 | (function() {
12 | 'use strict';
13 |
14 | function createWaybackLink()
15 | {
16 | // Get the current URL
17 | const currentUrl = window.location.href;
18 | // Replace 'discussions.' with 'forum.' in the URL
19 | const forumUrl = currentUrl.replace('discussions.unity.com', 'forum.unity.com');
20 | // Construct the Wayback Machine URL with the updated forum URL
21 | const waybackUrl = `https://web.archive.org/web/*/${forumUrl}`;
22 |
23 | // Use the specific provided target URL instead
24 | const specificWaybackUrl = "https://web.archive.org/web/*/https://forum.unity.com/threads/keywordenum-and-defines.697070/*";
25 |
26 | // Create the link element
27 | const waybackLink = document.createElement('a');
28 | waybackLink.href = specificWaybackUrl;
29 | waybackLink.target = '_blank';
30 | waybackLink.textContent = 'View Archived Version on Wayback Machine';
31 |
32 | // Create a paragraph to contain the link
33 | const para = document.createElement('p');
34 | para.style.fontWeight = 'bold'; // Make the text bold
35 | para.style.border = '1px dotted red'; // Add a 1px dotted red border
36 | para.style.padding = '5px'; // Add some padding for better appearance
37 | para.title = specificWaybackUrl; // Add tooltip with the target URL
38 | para.appendChild(waybackLink);
39 |
40 | // Find the parent
with class "page-not-found"
41 | const pageNotFoundDiv = document.querySelector('.page-not-found');
42 |
43 | // Check if the element exists and contains the specified
44 | if (pageNotFoundDiv) {
45 | const titleElement = pageNotFoundDiv.querySelector('h1.title');
46 | if (titleElement) {
47 | // Insert the styled paragraph with the link after the element
48 | titleElement.insertAdjacentElement('afterend', para);
49 | }
50 | }
51 | }
52 |
53 | // Run the function when the page loads
54 | window.addEventListener('load', createWaybackLink);
55 | })();
56 |
--------------------------------------------------------------------------------