[Feature Request] Remove the add sidebar

[Melechtna]

You could mimic the behavior of scripts like these
https://greasyfork.org/en/scripts/503627-photopea-no-ads-sidebar/code
In order to get rid of the side bar and make it feel more "properly native".

[vikdevelop]

Hello,
I apologize for the late response.
I tried to implement your suggested script, but without success. I have not a lot of knowledge in JS. So, if you or someone has the knowledge, feel free to create a PR!

[Melechtna]

main.js

const { app, BrowserWindow } = require('electron');
const path = require('path');

const devMode = false;

async function createWindow() {
    const win = new BrowserWindow({
        width: 1200,
        height: 800,
        webPreferences: {
            nodeIntegration: false,
            contextIsolation: true,
            preload: path.join(__dirname, 'renderer.js')
        },
    });

    if (devMode) {
        win.setMenuBarVisibility(true);
        win.webContents.openDevTools();
    } else {
        win.setMenuBarVisibility(false);
    }

    win.on('close', () => {
        win.destroy();
    });

    console.log('Loading Photopea with #8887');
    await win.loadURL('https://www.photopea.com/#8887');
}

app.whenReady().then(() => {
    createWindow().catch(err => console.error('App failed:', err.message));
});

app.on('window-all-closed', () => {
    if (process.platform !== 'darwin') {
        app.quit();
    }
});

app.on('activate', () => {
    if (BrowserWindow.getAllWindows().length === 0) {
        createWindow().catch(err => console.error('Reactivation failed:', err.message));
    }
});

renderer.js

// preload.js
(function () {
    // Function to remove the "Account" button
    function killAccountButton() {
        const buttons = document.querySelectorAll('span button.fitem.bbtn[style="color:#ffffff; background-color:#bb0000"]');
        buttons.forEach(button => {
            if (button.textContent.trim() === 'Account') {
                button.remove();
                console.log('Account button removed'); // Debug log
            }
        });
    }

    // Wait for the page to fully load, then remove the button once
    window.addEventListener('load', () => {
        console.log('Page fully loaded, removing Account button');
        killAccountButton();
    });
})();

I found a better way using location codes

[vikdevelop]

Thank you very much for your help!
I will release a new version with this improvement soon!

[Melechtna]

Just as a heads up, don't forget to update your flatpak please.

[vikdevelop]

The new version already should be available for download :)