@phenomlab this is good. I see this happen a lot. It is unclear because usually it is a group talking and going over things and trying to plan according to the knowledge that they have with what is working and not working now. And yet some time down the road, something new comes out, something changes and now what was possible isn’t and vise versa. I have seen these kinds of situations, and I encourage taking very good notes and making them so they are always accessible to you/your team so that way a search can be done and the notes appear and you know exactly why, what, how and where the decision was made.

When I say you, I mean anyone in a position to make decisions that bring about change in whatever area it might be.

@phenomlab and she has never used linux before. I have been able to give her step by step directions on how to do some things and that is over texting. Trust me, if my mom can keep Arch Linux up and running on 5 computers, then anyone can use Linux.

She is doing a great job!

@phenomlab that is what I was thinking. I will have to do some research and bend it to my will LOL

So far so good .

@DownPW Looks ok for the most part, but this looks like it’s truncated?

  return {
    ...ogsResult,
    metaProperties: metadata,
    faviconUrl: faviconB64,
  };
}

@phenomlab said:

@DownPW Possible, yes, but not using the existing code. It would need to be changed to test for multiple entries based on two distinct widget areas. This should work (it’s already applied on your DEV server)

function chatBanner() {
    var roomName = $("h5[component='chat/header/title']").text().trim();
    var roomNameWidget = $('[id*="chat-modal"] .btn-ghost.btn-sm.dropdown-toggle').text().trim();
    var bannerContent;
    if (roomName === "General" || roomNameWidget === "General") {
        bannerContent = '<div id="chatbanner"><i class="fa fa-fw fa-circle-info link-primary" aria-hidden="true"></i> Message 1. </div>';
    } else if (roomName === "Support" || roomNameWidget === "Support")  {
        bannerContent = '<div id="chatbanner"><i class="fa fa-fw fa-circle-info link-primary" aria-hidden="true"></i> Message 2.</div>';
    } else if (roomName === "Info" || roomNameWidget === "Info")  {
        bannerContent = '<div id="chatbanner"><i class="fa fa-fw fa-circle-info link-primary" aria-hidden="true"></i> Message 3</div>';
    } else if (roomName === "xxxxxx" || roomNameWidget === "xxxxxx")  {
        bannerContent = '<div id="chatbanner"><i class="fa fa-fw fa-circle-info link-primary" aria-hidden="true"></i> Message 4</div>';
    } else if (roomName === "xxxxxx" || roomNameWidget === "xxxxxx")  {
        bannerContent = '<div id="chatbanner"><i class="fa fa-fw fa-circle-info link-primary" aria-hidden="true"></i> Message 5</div>';
    } else if (roomName === "xxxxxx" || roomNameWidget === "xxxxxx") {
        bannerContent = '<div id="chatbanner"><i class="fa fa-fw fa-circle-info link-primary" aria-hidden="true"></i> Message 6</div>';
    } else {
        bannerContent = '<div id="chatbanner"><i class="fa fa-fw fa-circle-info link-primary" aria-hidden="true"></i> Ce canal est une discussion privée. </div>';
    }
    var chatMessagesContainer = $('[component="chat/system-message"]:last-of-type');
    //var existingMessages = $('[component="chat/message"]');
    var existingMessages = $('[component="chat/composer"]');

    if (existingMessages.length === 0) {
        // If there are no messages, append the banner to the messages container
        chatMessagesContainer.first().after(bannerContent);
    } else {
        // If there are messages, add the banner after the last message
        //existingMessages.last().after(bannerContent);
        existingMessages.before(bannerContent);
    }
}

Here, we are using || which is essentially an OR operator. Because we cannot know the chat room ID in advance, it is necessary to use a wildcard to track it

[id*="chat-modal"] .btn-ghost.btn-sm.dropdown-toggle

I see bugs with this code and chat box widget I use on my categories page

What was happening

NodeBB allows multiple chat windows to be open simultaneously , the widget and the full/modal-page DM view. Both exist in the DOM at the same time.

The original code used global jQuery selectors like $(‘[component=“chat/composer”]’) which scanned the entire page and found elements from both chat windows at once. When you opened “XY” caht while “XXY” was still open in the widget, the selectors would pick up the wrong room name or inject the banner into the wrong window.

The key discovery was that the action:chat.loaded event passes the modal DOM element directly as data. By wrapping it in $(data) and using $modal.find(…) for every selector, all queries are scoped exclusively to the correct modal, making it impossible for two open chat windows to interfere with each other.

FIX code (to adapt to your rooms) :

function chatBanner(modalElement) {
    var $modal = $(modalElement);

    $modal.find('#chatbanner').remove();

    var roomName = $modal.find('[component="chat/room/name"]').text().trim();

    if (!roomName) {
        var placeholder = $modal.find('[component="chat/input"]').attr('placeholder') || '';
        roomName = placeholder.replace(/^Message #?/, '').trim();
    }

    var bannerContent;
    if (roomName === "General") {
        bannerContent = '<div id="chatbanner"><i class="fa fa-fw fa-circle-info link-primary" aria-hidden="true"></i> Chat message banner</div>';
    } else if (roomName === "xxxxxxxxxx") {
        bannerContent = '<div id="chatbanner"><i class="fa fa-fw fa-circle-info link-primary" aria-hidden="true"></i> Chat message banner</div>';
    } else if (roomName === "xxxxxxxxxx") {
        bannerContent = '<div id="chatbanner"><i class="fa fa-fw fa-circle-info link-primary" aria-hidden="true"></i> Chat message banner</div>';
    } else if (roomName === "xxxxxxxxxx") {
        bannerContent = '<div id="chatbanner"><i class="fa fa-fw fa-circle-info link-primary" aria-hidden="true"></i> Chat message banner</div>';
    } else if (roomName === "xxxxxxxxxx") {
        bannerContent = '<div id="chatbanner"><i class="fa fa-fw fa-circle-info link-primary" aria-hidden="true"></i> Chat message banner</div>';
    } else if (roomName === "Les geeks de l'espace") {
        bannerContent = '<div id="chatbanner"><i class="fa fa-fw fa-circle-info link-primary" aria-hidden="true"></i> Chat message banner</div>';
    } else {
        bannerContent = '<div id="chatbanner"><i class="fa fa-fw fa-circle-info link-primary" aria-hidden="true"></i> Chat message banner</div>';
    }

    $modal.find('[component="chat/composer"]').first().before(bannerContent);
}

$(window).on('action:chat.loaded', function(ev, data) {
    chatBanner(data);
});

I’m happy to see this

PrestaShop + modules IA

https://www.prestashop.com

Magento

https://developer.adobe.com/open/magento

@Sampo2910 search the forum here for ogproxy which is the client side version of that plugin I wrote.

It’s in use here on this forum.

@phenomlab said:

@Madchatthew ouch. Sounds nasty. Did you get to the bottom of why it happened?

I believe it is due to not everything getting upgraded because i wasn’t checking on the different packages I had installed from the AUR. Then when I ran yay it was like, hey would you like to update all of these things that you haven’t updated in months, perhaps years or ever for that matter and I was like yes please

If you don’t have yay there are no notifications that you need more updates than what you realize. Chrome was staying updated because it would give me a notification, but there was the nvidia package that needed to be upgraded as well and I had never upgraded it. I didn’t realize it and should have. Then some of those packages use cmake and that needed to be updated as well. So using yay is beneficial to make sure you get all the updates you need.

@phenomlab said:

@DownPW thanks for spotting (and fixing) this issue. I admittedly threw this together quickly for @jac some time ago, and it hasn’t had any love since. If OK with you, I’ll merge these changes into the github repository?

No problem dude

@baris said:

You should change your selectors so it doesn’t look at the entire document. You probably only want to apply fancybox to stuff inside the #content element which is what changes when the user navigates around the page. So use $('#content a').... for your selectors then the forum logo in the header won’t be selected.

I modified the JS Fancybox code now and this code and it seem better

// ---------------------------------------------
// Fancybox Media Reader (Without Website Logo)
// ---------------------------------------------

if (top.location.pathname !== '/login') {
    $(window).on('action:posts.loaded', function(data) {
        console.log("Polling DOM for lazyLoaded images to apply Fancybox");
        $(document).ready(function() {
            $('#content a').not('.forum-logo').not(".avatar").not(".emoji").not(".bmac-noanimate").each(function() {
                $('#content a[href*=".jpg"], #content a[href*=".jpeg"], #content a[href*=".png"], #content a[href*=".gif"], #content a[href*=".webp"]').addClass("noanimate");
            });
        });
    });
}

if (top.location.pathname !== '/login') {
    $(document).ready(function() {
        $(window).on('action:ajaxify.end', function(data) {
            $('#content a').not('.logo').not(".avatar").not(".emoji").not(".bmac-noanimate").each(function() {
                $('#content a[href*=".jpg"], #content a[href*=".jpeg"], #content a[href*=".png"], #content a[href*=".gif"], #content a[href*=".webp"]').addClass("noanimate");
                data.preventDefault()
                // Strip out the images contained inside blockquotes as this looks nasty :)
                $('#content blockquote img').remove();
            });
            Fancybox.bind(
                '#content a[href*=".jpg"], #content a[href*=".jpeg"], #content a[href*=".png"], #content a[href*=".gif"], #content a[href*=".webp"]',
                {
                    groupAll: true,
                }
            );
        });
    });
}

// Chat fancybox - fires when chat module loaded and AJAX calls new chat
$(document).ready(function() {
    $(window).on('action:chat.loaded', function(data) {
        // >>> Se limiter au contenu principal uniquement <<<
        $('#content img').not('.forum-logo').not(".avatar").not(".emoji").not(".bmac-noanimate").each(function() {
            var newHref = $(this).attr("src");
            $(this).wrap("<a class='fancybox' href='" + newHref + "'/>");
            $('#content a[href*=".jpg"], #content a[href*=".jpeg"], #content a[href*=".png"], #content a[href*=".gif"], #content a[href*=".webp"]').addClass("noanimate");
            data.preventDefault();
            // Strip out the images contained inside blockquotes as this looks nasty :)
            $('#content blockquote img').remove();
        });
        Fancybox.bind(
            '#content a[href*=".jpg"], #content a[href*=".jpeg"], #content a[href*=".png"], #content a[href*=".gif"], #content a[href*=".webp"]',
            {
                groupAll: true,
            }
        );
    });
});

For the logo, I must use overflow: visible !important; on [component="brand/logo"]

/* --- Logo --- */
[component="brand/logo"] {
  max-height: 50px;
  width: auto;
  height: auto;
  max-width: 100%;     
  display: block;
  object-fit: contain;  
  object-position: left center;
  overflow: visible !important;
}

Better result !!

@phenomlab said:

If you bypass or disable cloudflare, does the problem subside?

I will test that tonight.

I have create waf rules on CF and page rule for ignore socket.io…

Here’s another… Google busy again!

https://www.theverge.com/tech/870056/google-cellular-data-lawsuit-settlement

I have another update for reflector that I just figured out.

You will want to edit the following file and add details to make sure that every time it updates the mirror list, it is grabbing them from your country and I grab 10 and sort them by rate. This will ensure that your mirrorlist isn’t getting populated with links from other countries which can slow down you downloads.

sudo nano /etc/xdg/reflector/reflector.conf

This is what the file looks like.

# Reflector configuration file for the systemd service.
#
# Empty lines and lines beginning with "#" are ignored.  All other lines should
# contain valid reflector command-line arguments. The lines are parsed with
# Python's shlex modules so standard shell syntax should work. All arguments are
# collected into a single argument list.
#
# See "reflector --help" for details.

# Recommended Options

# Set the output path where the mirrorlist will be saved (--save).
--save /etc/pacman.d/mirrorlist

# Select the transfer protocol (--protocol).
--protocol https

# Select the country (--country).
# Consult the list of available countries with "reflector --list-countries" and
# select the countries nearest to you or the ones that you trust. For example:
--country US

# Use only the  most recently synchronized mirrors (--latest).
--latest 10

# Sort the mirrors by synchronization time (--sort).
--sort rate

Here are the different flag options that you can change or add to this file. I found this on google by searching arch linux reflector flags.

Filtering Options (What to find)

--country <CODE/Name>: Selects mirrors from specific countries (e.g., US, France,Germany). Use {Link: reflector --list-countries https://archlinux.org/mirrors/status/}, for a full list.

--protocol <http|https>: Filters for HTTP or HTTPS mirrors.

--age <hours>: Only includes mirrors synced within the last X hours (e.g., --age 12).

--delay <hours>: Limits to mirrors with a reported sync delay of X hours or less (e.g., 

--delay 0.25 for 15 mins).

--latest <N>: Limits results to the top N newest mirrors. 
Sorting Options (How to order)

--sort rate: Sorts by download speed (requires testing, can be slow).

--sort age: Sorts by most recently synced.

--sort score: Sorts by overall score.

--sort country: Sorts by country, useful with multiple countries. 

Output Options (Where to put it)

--save <path>: Writes the filtered/sorted list to a file (e.g., /etc/pacman.d/mirrorlist).

--verbose or -v: Shows detailed progress and mirror info. 

@Onix said in Email Server Settings:

If anyone has long-term experience with self-hosted SMTP + DNS set-ups that remain stable, would be great to hear which configurations worked best.

I can help with this

@Madchatthew yeah, I’ve seen these posts all over LinkedIn

@DownPW I haven’t tried either of those, I am sure they run fast as well. Linux is so versatile it is awesome!

@phenomlab or Challenge Accepted haha

@DownPW of course. As I mentioned in the first post, Sudonix isn’t going anywhere. It’ll continue to be free as it always has been.