Simple toast notifications for userscripts
Per
Dit script moet niet direct worden geïnstalleerd - het is een bibliotheek voor andere scripts om op te nemen met de meta-richtlijn // @require https://update.greasyfork.org/scripts/545650/1642425/Upsilon%20Library.js
// ==UserScript==
// @name Upsilon Library
// @namespace https://upsilon-cloud.uk
// @version 2.7
// @description Simple toast notifications for userscripts
// @author Upsilon
// @license All Rights Reserved
// @match *://*/*
// @grant none
// @run-at document-end
// ==/UserScript==
// Library - a script intended to be @require-d from other scripts and not installed directly.
// Copyright (c) 2025 Upsilon
// All rights reserved. No part of this code may be reproduced, modified, or distributed without explicit permission.
(function() {
'use strict';
if (window.Ups?.showToast) return;
window.Ups = window.Ups || {};
window.Ups.showToast = (message, type = 'info', duration = 5000) => {
const createToast = () => {
let container = document.getElementById('toast-container');
if (!container) {
container = document.createElement('div');
container.id = 'toast-container';
container.style.position = 'fixed';
container.style.bottom = '5%';
container.style.right = '5%';
container.style.display = 'flex';
container.style.flexDirection = 'column';
container.style.gap = '10px';
container.style.zIndex = 100000;
document.body.appendChild(container);
}
const toast = document.createElement('div');
toast.textContent = message;
toast.style.background = type === 'error' ? '#c0392b' : '#2c3e50';
toast.style.color = 'white';
toast.style.padding = '10px 15px';
toast.style.borderRadius = '5px';
toast.style.boxShadow = '0 0 10px rgba(0,0,0,0.3)';
toast.style.fontFamily = 'monospace';
toast.style.whiteSpace = 'pre-wrap';
toast.style.opacity = '0';
toast.style.transition = 'opacity 0.3s ease';
container.appendChild(toast);
requestAnimationFrame(() => {
toast.style.opacity = '1';
});
setTimeout(() => {
toast.style.opacity = '0';
toast.addEventListener('transitionend', () => toast.remove());
}, duration);
};
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', createToast);
} else {
createToast();
}
};
})();