Predictable number generation for Randomus.ru (https://randomus.ru)
// ==UserScript==
// @name Randomus.ru
// @version 0.4
// @match *://randomus.ru/*
// @run-at document-start
// @description Predictable number generation for Randomus.ru (https://randomus.ru)
// @author Kaimi
// @homepage https://kaimi.io/
// @license GPLv3
// @namespace https://greasyfork.org/users/228137
// ==/UserScript==
// Initialize or retrieve persisted desired_numbers array
let storedNumbers = localStorage.getItem("desired_numbers");
let desired_numbers = storedNumbers ? JSON.parse(storedNumbers) : [62, 2, 39, 52, 335, 264];
var debug = false;
const selector = "p.subtitle.is-7.mb-3";
var num_from;
var num_to;
var button;
var file_path = undefined;
// Ensure the menu item is added after page load
window.addEventListener("load", () => {
addMenuItem();
num_from = document.getElementById('num_from').value;
num_to = document.getElementById('num_to').value;
button = document.getElementsByTagName('button')[0];
onPageLoad();
}, false);
// Function to insert new menu item in the navbar (both desktop and mobile)
function addMenuItem() {
// Check for desktop version (.navbar-dropdown)
var dropdown = document.querySelector('.navbar-dropdown');
if (dropdown) {
// Desktop version found, add item to the dropdown
insertMenuItem(dropdown);
} else {
// Check for mobile version (.navbar-menu and .navbar-burger)
var burgerMenu = document.querySelector('.navbar-burger');
var mobileMenu = document.querySelector('.navbar-menu');
if (burgerMenu && mobileMenu) {
// Ensure mobile menu is visible before adding menu item
burgerMenu.addEventListener('click', () => {
setTimeout(() => {
insertMenuItem(mobileMenu);
}, 500); // Small delay to allow the menu to fully load
});
} else {
console.error('Neither desktop nor mobile menu found.');
}
}
}
// Function to create and insert the new menu item
function insertMenuItem(parentElement) {
// Create the new menu item
const newMenuItem = document.createElement('a');
newMenuItem.classList.add('navbar-item');
newMenuItem.innerHTML = `
<span class="icon">
<svg class="svg-inline--fa fa-pencil-alt" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="pencil-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
<path fill="currentColor" d="M497.9 142.1l-46.1-46.1c-12.5-12.5-32.8-12.5-45.3 0l-56 56 91.4 91.4 56-56c12.5-12.6 12.5-32.8 0-45.3zm-124 124L130.6 510.3c-3.6 3.6-8.2 6.4-13.3 8.1L9.4 511.9c-10.9 3.6-22.3-7.7-18.7-18.7l7.4-107.9c1.6-5.1 4.4-9.7 8.1-13.3L245.9 138l91.4 91.4-63.7 63.7 71.9 71.9z"></path>
</svg>
</span> Edit Desired Numbers`;
// Add click event to prompt for editing desired_numbers
newMenuItem.addEventListener('click', () => {
const input = prompt("Enter the desired numbers (comma-separated):", desired_numbers.join(", "));
if (input !== null) {
desired_numbers = input.split(',').map(Number).filter(n => !isNaN(n));
localStorage.setItem("desired_numbers", JSON.stringify(desired_numbers));
alert("Desired numbers updated!");
}
});
// Append the new item to the parent element
parentElement.appendChild(newMenuItem);
}
async function onPageLoad() {
// Replace first-pass image
var resultImg = document.getElementById('result_main_image');
if (resultImg && desired_numbers.length > 0) {
show_loader("Генерируем результаты");
resultImg.src = '';
// Actual image
await replaceImage();
hide_loader();
}
}
async function replaceImage() {
if (debug) {
logVariable({ desired_numbers });
logVariable({ num_from });
logVariable({ num_to });
}
var resultImg = document.getElementById('result_main_image');
if (resultImg) {
// If there's an existing blob URL, revoke it
if (resultImg.src.startsWith('blob:')) {
URL.revokeObjectURL(resultImg.src);
}
var number = desired_numbers.shift();
localStorage.setItem("desired_numbers", JSON.stringify(desired_numbers));
var imageSrc = await processImages(number, num_from, num_to);
resultImg.src = imageSrc;
// Add event listener to clean up the blob URL when the image is no longer needed
resultImg.onload = () => {
resultImg.classList.remove('fade');
// Optional: if you want to revoke immediately after load
// URL.revokeObjectURL(imageSrc);
};
appendTimestampToElement(file_path, selector);
}
}
async function fetchHtml(url) {
const response = await fetch(url);
const text = await response.text();
const parser = new DOMParser();
return parser.parseFromString(text, 'text/html');
}
function extractImagePath(doc) {
const aTag = doc.querySelector('a[download]') || {};
return aTag.href || null;
}
function loadImage(url) {
if (debug) {
logVariable({ url });
}
return new Promise((resolve, reject) => {
const img = new Image();
img.crossOrigin = 'Anonymous';
img.onload = () => resolve(img);
img.onerror = reject;
img.src = url;
});
}
function delay(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
async function processImages(want, from, to) {
// Construct URLs for fetching the images
const firstUrl = '/quick?from=' + want + '&to=' + want + '&count=1';
const secondUrl = '/quick?from=' + from + '&to=' + to + '&count=1';
// Optionally log URLs for debugging
if (debug) {
logVariable({ firstUrl });
logVariable({ secondUrl });
}
// Some delay because of the server
await delay(1000);
// Fetch and load the first image
let doc = await fetchHtml(firstUrl);
let imagePath = extractImagePath(doc);
const firstImage = await loadImage(imagePath);
file_path = imagePath;
// Fetch and load the second image
doc = await fetchHtml(secondUrl);
imagePath = extractImagePath(doc);
const secondImage = await loadImage(imagePath);
// Create a canvas element and get the drawing context
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
// Set canvas dimensions
const width = firstImage.width;
const height = firstImage.height;
canvas.width = width;
canvas.height = height;
// Draw the first image from height 0 to 400
ctx.drawImage(firstImage, 0, 0, width, 400, 0, 0, width, 400);
// Draw the second image from height 400 to 500
ctx.drawImage(secondImage, 0, 400, width, 100, 0, 400, width, 100);
// Draw the first image from height 500 to the rest of the canvas
ctx.drawImage(firstImage, 0, 500, width, height - 500, 0, 500, width, height - 500);
// Return the resulting image as a data URL
return new Promise((resolve, reject) => {
canvas.toBlob((blob) => {
if (!blob) {
reject(new Error('Failed to create blob'));
return;
}
const url = URL.createObjectURL(blob);
resolve(url);
}, 'image/png');
});
}
function appendTimestampToElement(filePath, selector) {
const timestamp = parseTimestamp(filePath);
if (!timestamp) return;
const targetElement = document.querySelector(selector);
if (!targetElement) {
console.error("Target element not found.");
return;
}
const textNode = Array.from(targetElement.childNodes).find(node => node.nodeType === Node.TEXT_NODE && node.textContent.includes('в'));
if (!textNode) {
console.error("Text node containing date not found.");
return;
}
textNode.textContent = timestamp;
}
function parseTimestamp(filePath) {
const timestampMatch = filePath.match(/quickw_(\d+)_/);
if (!timestampMatch) {
console.error("Timestamp not found in the given string.");
return null;
}
const timestamp = parseInt(timestampMatch[1], 10) * 1000;
const date = new Date(timestamp);
const optionsDate = {
day: '2-digit',
month: '2-digit',
year: 'numeric'
};
const optionsTime = {
hour: '2-digit',
minute: '2-digit',
second: '2-digit'
};
const formattedDate = date.toLocaleDateString('ru-RU', optionsDate);
const formattedTime = date.toLocaleTimeString('ru-RU', optionsTime);
return `${formattedDate} в ${formattedTime}`;
}
function logVariable(varObj) {
const timestamp = new Date().toISOString();
const varName = Object.keys(varObj)[0];
const varValue = varObj[varName];
const varType = typeof varValue;
console.log(`[${timestamp}] ${varName} (${varType}):`, varValue);
}