// ==UserScript==
// @name CamWhores.tv Improved
// @namespace http://tampermonkey.net/
// @version 1.2.6
// @license MIT
// @description Infinite scroll (optional). Filter by duration, private/public, include/exclude phrases. Mass friend request button
// @author smartacephale
// @supportURL https://github.com/smartacephale/sleazy-fork
// @match https://*.camwhores.tv/*
// @exclude *.camwhores.tv/*mode=async*
// @grant GM_addStyle
// @grant GM_download
// @require https://unpkg.com/vue@3.4.21/dist/vue.global.prod.js
// @require https://update.greasyfork.org/scripts/494206/utils.user.js?version=1380190
// @require data:, let tempVue = unsafeWindow.Vue; unsafeWindow.Vue = Vue; const { ref, watch, reactive, createApp } = Vue;
// @require https://update.greasyfork.org/scripts/494207/persistent-state.user.js
// @require https://update.greasyfork.org/scripts/494204/data-manager.user.js
// @require https://update.greasyfork.org/scripts/494205/pagination-manager.user.js
// @require https://update.greasyfork.org/scripts/494203/vue-ui.user.js
// @require https://update.greasyfork.org/scripts/497286/lskdb.user.js
// @run-at document-idle
// @icon https://www.google.com/s2/favicons?sz=64&domain=camwhores.tv
// ==/UserScript==
/* globals VueUI Tick LSKDB timeToSeconds parseDOM fetchHtml DefaultState circularShift getAllUniqueParents range retryFetch
DataManager PaginationManager waitForElementExists watchDomChangesWithThrottle objectToFormData wait */
const LOGO = `camwhores admin should burn in hell
⣿⢏⡩⡙⣭⢫⡍⣉⢉⡉⢍⠩⡭⢭⠭⡭⢩⢟⣿⣿⣻⢿⣿⣿⣿⣿⡿⣏⣉⢉⣿⣿⣻⢿⣿⣿⠛⣍⢯⢋⠹⣛⢯⡅⡎⢱⣠⢈⡿⣽⣻⠽⡇⢘⡿⣯⢻⣝⡣⣍⠸⣏⡿⣭⢋⣽⣻⡏⢬⢹
⣿⠦⡑⢜⡦⣳⡒⢄⠢⠌⢂⠜⣱⢋⡜⡡⢏⣾⢷⣻⢯⡿⣞⣿⣽⣻⢿⣹⢷⡂⣿⣾⡽⣻⣿⣿⢻⣌⣬⢩⢲⡑⡎⠼⡰⣏⣜⢦⡹⣷⣏⡟⡇⢨⡿⣝⡷⣎⠷⡌⢻⣜⡽⣯⣟⣷⣻⢷⣮⣹
⣿⢧⢉⢲⢣⢇⡯⢀⠒⢨⠐⢌⠰⣋⠞⡱⢫⡞⢯⡍⠧⡙⠞⣬⠳⣝⠪⡙⡷⣏⣿⢾⡽⣿⣿⣻⡟⡾⣥⢺⢈⣷⣽⣶⣭⣷⣾⣾⢿⣼⣳⡻⡇⠰⣿⣝⢾⡹⠞⡤⣏⣾⣳⣟⣾⣳⣯⡿⣵⢳
⡿⣇⠎⡜⣧⢺⣜⠠⡉⢄⠊⡄⠛⡌⢩⠳⣝⡎⠡⠐⠠⠉⠳⠄⠃⠄⢂⠱⡌⢃⣾⡿⣝⣿⣽⣿⣼⢳⡍⢞⣼⣿⣿⣿⣿⣿⣿⣿⣿⡞⣷⣛⡇⢘⡷⣯⢾⣹⢫⠔⣿⣞⡷⣿⣾⠿⣿⣿⡧⢿
⣿⣹⠒⡌⠤⠣⣄⠣⡐⢌⠰⣈⠱⢈⠆⡻⠜⡠⠁⢊⠄⠀⠄⢀⠂⠜⡬⢛⠥⢂⣿⡿⣽⣿⣯⣿⢧⣏⢾⡙⢻⡿⠓⡌⡛⠿⣿⣿⣿⣻⡵⣯⠇⢨⣟⣞⣳⡝⣎⢢⡽⣟⣳⣼⣧⣾⣼⣷⣿⣿
⣷⣏⠲⡈⢆⢳⣤⠃⡜⣀⠣⡐⢌⠢⢌⠑⡈⠐⡀⠠⠀⠌⠀⢂⠈⢌⡱⢈⠎⢀⣿⣿⣳⣿⡆⢻⡷⣞⡞⡬⢩⡐⣛⠶⣍⡲⣭⣿⣿⣿⡽⣞⡇⢨⣟⣾⣷⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣷⣟⠧⡘⢠⠎⠔⠣⡐⢄⠢⡑⠌⠢⠌⡐⠤⢁⠐⠠⢁⠂⡁⠂⢌⡰⢆⡍⢂⠠⣿⡷⢿⠿⣃⢻⡛⡭⣝⢰⠣⡜⣈⠣⣜⣻⣿⣿⣿⣿⣟⣧⡇⠠⡿⣽⣻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣯⣗⢡⠂⠆⠀⠠⠑⡌⢢⠁⠌⡐⢢⢁⠒⡈⢌⠢⢅⢎⡰⢉⢢⡙⢦⡘⢄⠠⢏⡱⣋⢾⣩⠷⣙⠶⡡⢎⢷⡘⢧⣟⡾⣱⠿⣿⣿⣿⢿⣳⡇⢘⡷⣸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⡧⠩⠜⣠⢹⠆⠀⠀⠱⠈⠄⡈⠐⡀⠆⡈⠆⡁⢆⡘⠌⢎⡱⢋⡖⣩⠒⠥⢊⠴⣋⢶⡹⣎⡗⣯⠝⣎⡗⢎⠾⣹⢟⣮⢳⣭⢻⡹⣿⣿⡿⣯⡇⠘⣧⣽⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣟⣷⣻⢞⣻⡃⠀⠀⢡⠉⡐⠄⣃⠐⡄⠐⠠⢁⠂⠜⡈⠦⣑⢫⠴⡡⢉⠆⣭⢚⡭⢶⡹⢮⡝⣮⣛⢶⡹⣎⡰⣹⢎⡷⣫⢞⢧⡻⣜⢿⣿⣳⡇⢸⡿⣷⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣾⣽⣯⡷⣿⣹⠇⡢⠑⡌⠰⣀⠊⠄⠃⡌⠠⢈⠐⡀⢂⠉⢆⡓⠰⡁⢞⡴⣋⡞⣧⣛⢧⣛⢶⡹⣎⠷⣝⢲⣭⣛⢶⡹⣎⢷⡹⣎⠿⣜⢷⡇⢸⣿⣿⣿⣿⣿⣿⣿⣿⢿⣿⣿⣿⣿⣿⣿⣿
⣿⡿⣿⣷⣿⢷⡛⡜⢠⠓⣌⠱⣀⠣⢌⡐⠠⢁⠂⠂⠄⠡⢈⠂⠬⡑⢬⠳⡜⣥⣛⢶⡹⢮⡝⣮⢳⡭⣟⢮⣳⢮⡝⣮⣗⡻⣎⢷⣭⢻⡜⣯⢇⠼⣿⣿⣿⣿⣿⣿⣿⣿⣿⣏⣿⣷⣿⣽⣻⢿
⣿⣿⣿⣿⣻⡿⣗⠨⣅⠊⢤⠓⡄⡃⢆⡘⠰⡀⠌⠂⠌⡐⠠⠈⠄⡉⠊⠽⣸⢲⡝⣮⢽⣣⢟⡼⣣⢟⣼⣣⡟⣮⡽⢖⡻⡝⢮⢳⡎⣷⡹⣎⣿⣸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣇⠣⡜⢌⢂⠱⡈⠴⠡⢌⠱⡈⠤⢁⠒⠠⠁⠌⡐⢀⠁⢂⠄⠛⡼⣭⢷⡹⢮⣳⣛⣮⢷⣣⢟⠲⣙⠮⣵⢫⣛⡶⣽⣶⣿⣽⣾⢿⡿⣿⣾⣟⣿⣻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⢇⡓⠼⡌⢆⠣⢄⠃⡜⢀⠣⡘⢄⠣⡐⠠⢁⠐⠠⠀⠌⠠⢈⠐⣤⠙⠞⠽⢫⠗⠛⡼⣣⠟⡄⢣⢈⣿⣼⣿⣿⡹⠿⡽⢾⣿⣭⣿⢿⣧⡽⣿⣿⣿⣿⣿⣿⣿⣿⡿⣿⣿⣻⣽
⣿⣟⣯⣿⢾⣿⡧⢘⠤⣙⠢⡍⢢⠱⡐⠢⠄⡑⠌⢢⢁⠣⠄⠂⠄⢁⠂⡁⠂⡔⠠⢉⠜⡀⠣⢌⡱⠠⢅⠊⡜⢠⠃⠬⠉⢃⢉⡙⡒⠰⡡⠾⣿⣿⣿⣾⣻⣷⣿⣿⣿⣿⣽⣻⣿⢿⣽⣿⣿⢿
⣿⣾⣿⣾⣿⣿⡻⣌⢆⠡⢣⠙⣆⠡⣉⠳⣌⡔⢨⠀⠎⡰⢉⠜⡐⢢⠐⡠⢁⠐⡌⢂⠐⠠⠑⠢⠱⡉⢎⡱⢈⠣⢞⠤⡈⢄⠢⠖⡙⢢⠑⠢⢍⢿⣿⣿⣿⣷⡿⣷⣿⣻⣿⣿⣿⣮⡿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣽⣎⠧⡑⢊⡄⠓⡄⢣⠠⡙⠢⣍⠒⡄⠣⡘⢌⠡⢚⠰⡈⠔⠠⠀⠌⠠⢁⡃⠱⢈⠆⠴⢁⡜⢨⡖⠩⢌⠒⠡⠌⡐⢈⠒⡌⢢⠙⣿⣿⣿⣿⣿⣟⣿⣾⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⡞⢿⣿⣥⡣⠌⡱⢈⠄⢣⠐⡡⢂⠍⡘⠱⢴⡈⢆⡡⢃⠍⡊⡕⡨⢄⢃⠢⡘⢠⢣⡘⢤⠣⡌⢧⡘⢥⣪⣼⣦⣶⣾⣿⣿⣶⠈⠂⠌⠻⣿⣿⣿⣿⣷⣿⣯⢿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⡳⣎⠿⣿⣧⡄⠣⡘⢄⠣⡐⢡⠊⡔⢡⠎⢉⡑⠲⣧⡚⡴⣠⡑⢎⡴⢣⡝⣣⢖⡹⣎⣳⣹⣶⣭⣾⣿⣿⣿⣿⣿⣿⣿⡿⣧⢄⠀⡀⠉⢿⣿⣿⣿⣿⣿⣿⣽⡿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⡷⡹⡞⣍⢿⣿⣳⠰⡈⠔⡈⢆⠱⣠⠃⠌⢂⡰⣱⣼⣿⢷⣧⣽⣺⣼⣷⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣻⣽⣿⣿⣿⣿⣿⣿⣷⣾⠤⠀⠁⠂⠹⣿⣿⣿⣿⣿⣿⣿⣟⡿⣿
⣿⣯⣿⣿⡿⣾⣻⢽⡳⢧⡹⢞⢦⡹⢿⣷⣍⠲⡑⣎⠳⣄⣷⣾⣿⢿⣻⣟⣯⣿⣻⣿⣿⣿⣿⡿⣟⣿⣻⢿⣽⣻⣾⢷⣻⡽⣾⣿⣿⣯⣿⣿⣽⣿⣿⣿⣐⠀⠂⠀⠀⠿⣿⣿⣿⣿⣿⣿⣿⣿
⣟⢮⡝⡷⣛⠵⣋⢾⣙⢧⡙⣎⢳⡹⡌⢿⡿⣧⣵⢫⣿⠿⣟⣿⣻⢯⣷⡿⣯⣷⣟⣷⡿⣯⣷⢿⣻⣾⣟⣿⣾⣿⣿⣿⢿⣽⣟⣿⣿⣟⣿⣿⣿⣾⣿⣿⣿⣆⠀⠀⠀⠀⠐⣿⣿⣿⣿⣿⣿⣿
⣟⠮⣼⢱⡹⢎⣝⡲⡝⢮⡕⡎⣥⢓⡹⢆⡹⣿⣯⣟⣮⢷⣻⣞⣿⣻⢯⣿⡽⣷⡿⣯⣿⢿⣽⡿⣟⣯⣿⣿⣿⣿⣿⡿⣟⣿⣞⣯⣿⣿⣻⣿⣿⣷⡿⣿⣿⣿⣬⡀⠀⠀⠀⠀⠋⣻⣿⣿⣿⣿
⣯⠳⣌⠧⡝⣎⠶⣱⢋⢧⣛⠼⣄⠫⡴⡩⢆⠻⣿⣿⠽⣾⠽⣞⣷⣻⣟⡷⣿⢯⣿⢷⣻⣯⢷⣿⣻⣟⡿⣽⢿⡿⣿⣽⣿⣻⢾⣽⣿⣿⣻⣿⣿⣿⣿⣽⣿⣿⣿⣷⡀⠀⠀⠀⣀⣉⣿⣿⣿⣿
⣗⡫⣜⢣⡝⣬⠓⣥⢋⠶⣩⢞⡬⡓⡥⢓⠮⣅⠻⣿⣿⣽⣻⣽⣾⣻⢾⣻⣽⣻⣞⣯⢷⡯⣟⣾⢳⡯⢿⡽⣫⣽⡳⣏⡾⣽⣛⢾⡳⣟⢿⣻⢿⣿⣿⣿⡾⣿⣿⣷⣿⡔⣠⣿⣹⣯⣿⣿⣿⣿`;
GM_addStyle('.item.private .thumb, .item .thumb.private { opacity: 1 !important; }');
class CAMWHORES_RULES {
constructor() {
const { pathname } = window.location;
this.IS_FAVOURITES = /\/my\/\w+\/videos/.test(pathname);
this.IS_MEMBER_PAGE = /\/members\/\d+\/$/.test(pathname);
this.IS_MINE_MEMBER_PAGE = /\/my\/$/.test(pathname);
this.IS_MEMBER_VIDEOS = /\/members\/\d+\/(favourites\/)?videos/.test(pathname);
this.IS_VIDEO_PAGE = /^\/videos\/\d+\//.test(pathname);
this.IS_LOGGED_IN = document.cookie.includes('kt_member');
this.CALC_CONTAINER();
this.HAS_VIDEOS = !!this.CONTAINER;
if (this.IS_FAVOURITES || this.IS_MEMBER_VIDEOS) {
this.INTERSECTION_OBSERVABLE = document.querySelector('.footer');
watchDomChangesWithThrottle(document.querySelector('.content'), () => {
this.CALC_CONTAINER();
}, 10);
}
}
CALC_CONTAINER = () => {
this.PAGINATION = Array.from(document.querySelectorAll('.pagination'))?.[this.IS_MEMBER_PAGE ? 1 : 0];
this.PAGINATION_LAST = parseInt(this.PAGINATION?.querySelector('.last > a')?.getAttribute('data-parameters').match(/from\w*:(\d+)/)?.[1]);
this.CONTAINER = (this.PAGINATION?.parentElement.querySelector('.list-videos>div>form') ||
this.PAGINATION?.parentElement.querySelector('.list-videos>div') ||
document.querySelector('.list-videos>div'));
}
IS_PRIVATE(thumb) {
return thumb.classList.contains('private');
}
GET_THUMBS(html) {
return Array.from(html.querySelectorAll('.list-videos .item') || html.querySelectorAll('.item') || html.children);
}
THUMB_IMG_DATA(thumb) {
const img = thumb.querySelector('img.thumb');
const imgSrc = img.getAttribute('data-original');
img.removeAttribute('data-original');
return { img, imgSrc };
}
THUMB_URL(thumb) {
return thumb.firstElementChild.href;
}
THUMB_DATA(thumb) {
const title = thumb.querySelector('.title').innerText.toLowerCase();
const duration = timeToSeconds(thumb.querySelector('.duration')?.innerText || '0');
return {
title,
duration
}
}
URL_DATA(url_, document_) {
const { href, pathname, search, origin } = url_ || window.location;
const url = new URL(href);
let offset = parseInt((document_ || document).querySelector('.page-current')?.innerText) || 1;
const pag = (document_ && Array.from(document_?.querySelectorAll('.pagination')).pop() || this.PAGINATION);
const pag_last = parseInt(pag?.querySelector('.last')?.firstElementChild.getAttribute('data-parameters').match(/from\w*:(\d+)/)?.[1]);
const el = pag?.querySelector('a[data-block-id][data-parameters]');
const dataParameters = el?.getAttribute('data-parameters') || "";
const attrs = {
'mode': 'async',
'function': 'get_block',
'block_id': el?.getAttribute('data-block-id'),
'q': dataParameters.match(/q\:([\w+|\+]*)/)?.[1],
'category_ids': dataParameters.match(/category_ids\:([\w+|\+]*)/)?.[1],
'sort_by': dataParameters.match(/sort_by\:([\w+|\+]*)/)?.[1],
'fav_type': dataParameters.match(/fav_type\:([\w+|\+]*)/)?.[1],
'playlist_id': dataParameters.match(/playlist_id\:([\w+|\+]*)/)?.[1],
};
const attrs_iterators = {
'from_videos': dataParameters.match(/from_videos[\+from_albums)]*\:([\w+|\+]*)/)?.[1],
'from_albums': dataParameters.match(/from_albums\:([\w+|\+]*)/)?.[1],
'from': dataParameters.match(/from\:([\w+|\+]*)/)?.[1],
'from_my_fav_videos': dataParameters.match(/from_my_fav_videos\:([\w+|\+]*)/)?.[1],
'from_fav_videos': dataParameters.match(/from_fav_videos\:([\w+|\+]*)/)?.[1],
'from_friends': dataParameters.match(/from_friends\:([\w+|\+]*)/)?.[1]
}
Object.keys(attrs).forEach(k => attrs[k] && url.searchParams.set(k, attrs[k]));
Object.keys(attrs_iterators).forEach(k => !attrs_iterators[k] && delete attrs_iterators[k]);
const iteratable_url = n => {
Object.keys(attrs_iterators).forEach(a => url.searchParams.set(a, n));
url.searchParams.set('_', Date.now());
return url.href;
}
return {
offset,
iteratable_url,
pag_last
};
}
}
const RULES = new CAMWHORES_RULES();
//====================================================================================================
function rotateImg(src, count) {
return src.replace(/(\d)(?=\.jpg$)/, (_, n) => `${circularShift(parseInt(n), count)}`);
}
function animate() {
const tick = new Tick(ANIMATION_DELAY);
unsafeWindow.$('img.thumb[data-cnt]').off()
document.body.addEventListener('mouseover', (e) => {
if (!e.target.tagName === 'IMG' || !e.target.classList.contains('thumb') || !e.target.getAttribute('src')) return;
const origin = e.target.src;
if (origin.includes('avatar')) return;
const count = parseInt(e.target.getAttribute('data-cnt')) || 5;
tick.start(
() => { e.target.src = rotateImg(e.target.src, count); },
() => { e.target.src = origin; });
e.target.closest('.item').addEventListener('mouseleave', () => tick.stop(), { once: true });
});
}
//====================================================================================================
function downloader() {
function tryDownloadVideo() {
waitForElementExists(document.body, 'video', (video) => {
const url = video.getAttribute('src');
const name = document.querySelector('.headline').innerText + '.mp4';
const onprogress = (e) => {
const p = 100 * (e.loaded/e.total);
btn.children().css('background', `linear-gradient(90deg, #636f5d, transparent ${p}%)`);
}
GM_download({ url, name, saveAs: true, onprogress });
});
}
const btn = unsafeWindow.$('<li><a href="#tab_comments" class="toggle-button" style="text-decoration: none;">download 📼</a></li>');
unsafeWindow.$('.tabs-menu > ul').append(btn);
btn.on('click', tryDownloadVideo);
}
//====================================================================================================
// since script cannot be reloaded and scroll params need to be reset according to site options
function shouldReload() {
const sortContainer = document.querySelector('.sort');
if (!sortContainer) return;
watchDomChangesWithThrottle(sortContainer, () => window.location.reload(), 1000);
}
//====================================================================================================
const DEFAULT_FRIEND_REQUEST_FORMDATA = objectToFormData({
message: "",
action: "add_to_friends_complete",
"function": "get_block",
block_id: "member_profile_view_view_profile",
format: "json",
mode: "async"
});
const lskdb = new LSKDB();
function friendRequest(id) {
const url = Number.isInteger(id) ? `${window.location.origin}/members/${id}/` : id;
return fetch(url, { body: DEFAULT_FRIEND_REQUEST_FORMDATA, method: "post" });
}
function getMemberLinks(document) {
return Array.from(document.querySelectorAll('.item > a')).map(l => l.href).filter(l => /\/members\/\d+\/$/.test(l));
}
async function getMemberFriends(id) {
const url = `${window.location.origin}/members/${id}/friends/`;
const document_ = await fetchHtml(url);
const { offset, iteratable_url, pag_last } = RULES.URL_DATA(new URL(url), document_);
const pages = pag_last ? range(pag_last, 1).map(u => iteratable_url(u)) : [url];
const friendlist = (await retryFetch(pages, fetchHtml, 150, 50, 2000)).flatMap(getMemberLinks).map(u => u.match(/\d+/)[0]);
friendlist.forEach(m => lskdb.setKey(m));
await processFriendship();
}
async function processFriendship() {
console.log('processFriendship');
if (!lskdb.isLocked()) {
const friendlist = lskdb.getKeys(60);
if (friendlist?.length < 1) return;
lskdb.lock(true);
const urls = friendlist.map(id => `${window.location.origin}/members/${id}/`);
await retryFetch(urls, friendRequest, 250, 12, 10000);
lskdb.lock(false);
await wait(5000);
await processFriendship();
}
}
function createFriendButton() {
const button = parseDOM('<a href="#friend_everyone" style="background: radial-gradient(#5ccbf4, #e1ccb1)" class="button"><span>Friend Everyone</span></a>');
document.querySelector('.main-container-user > .headline').append(button);
const memberid = window.location.pathname.match(/\d+/)[0];
button.addEventListener('click', () => {
button.style.background = 'radial-gradient(#ff6114, #5babc4)';
button.innerText = 'processing requests';
getMemberFriends(memberid).then(() => {
button.style.background = 'radial-gradient(blue, lightgreen)';
button.innerText = 'friend requests sent';
});
}, { once: true });
}
//====================================================================================================
function route() {
if (RULES.IS_LOGGED_IN) {
setTimeout(processFriendship, 3000);
if (RULES.IS_MEMBER_PAGE) {
createFriendButton();
}
}
if (RULES.PAGINATION && !RULES.IS_MEMBER_PAGE && !RULES.IS_MINE_MEMBER_PAGE) {
const paginationManager = new PaginationManager(state, stateLocale, RULES, handleLoadedHTML, SCROLL_RESET_DELAY);
shouldReload();
}
if (RULES.HAS_VIDEOS) {
const containers = getAllUniqueParents(RULES.GET_THUMBS(document.body));
containers.forEach(c => handleLoadedHTML(c, c));
const ui = new VueUI(state, stateLocale, true);
animate();
}
if (RULES.IS_VIDEO_PAGE) {
downloader();
}
}
//====================================================================================================
const SCROLL_RESET_DELAY = 500;
const ANIMATION_DELAY = 500;
const defaultState = new DefaultState(true);
const { state, stateLocale } = defaultState;
const { filter_, handleLoadedHTML } = new DataManager(RULES, state);
defaultState.setWatchers(filter_);
console.log(LOGO);
route();
