Enhances GR, especially for non-PLUS users
Від
// ==UserScript==
// @name Romeo Additions
// @name:de Romeo Additions
// @namespace https://greasyfork.org/en/users/723211-ray/
// @version 9.0.0
// @description Enhances GR, especially for non-PLUS users
// @description:de Verbessert GR, insbesondere für nicht-PLUS-Benutzer
// @author -Ray-, Djamana
// @match *://*.romeo.com/*
// @license MIT
// @grant none
// @iconURL https://www.romeo.com/assets/favicons/711cd1957a9d865b45974099a6fc413e3bd323fa5fc48d9a964854ad55754ca1/favicon.ico
// @supportURL https://greasyfork.org/en/scripts/419514-romeo-additions
// ==/UserScript==
const CM2FT = 0.03280839895;
const KG2LBS = 2.20462262185;
const M2MI = 0.0006213712;
function decodeUrl(url)
{
const [path, paramsText] = url.split("?");
const params = new URLSearchParams(paramsText);
return [path, params];
}
function encodeUrl(path, params)
{
return `${path}?${new URLSearchParams(params)}`;
}
function escapeHtml(unsafe)
{
return unsafe
.replace(/&/g, "&")
.replace(/</g, "<")
.replace(/>/g, ">")
.replace(/"/g, """)
.replace(/'/g, "'");
}
function formatTime(str)
{
const date = new Date(Date.parse(str));
const lang = getLang();
return `${date.toLocaleDateString(lang)} ${date.toLocaleTimeString(lang)}`;
}
function formatYearMonth(year, month)
{
const date = new Date(year, month - 1);
const lang = getLang();
return date.toLocaleString(lang, { month: "numeric", year: "numeric" });
}
function getLang()
{
return document.documentElement.getAttribute("lang") || "en";
}
function isJson(value)
{
if (!value || typeof value !== "string")
return false;
try
{
JSON.parse(value);
return true;
}
catch
{
return false;
}
}
function round(value, maxDigits = 0)
{
const f = Math.pow(10, maxDigits);
return Math.round(value * f) / f;
}
(function (css)
{
css.add = function (css)
{
let style = document.createElement('style');
if (style.styleSheet)
style.styleSheet.cssText = css;
else
style.appendChild(document.createTextNode(css));
return document.head.appendChild(style);
};
css.getStyleImageUrl = function (style)
{
return style.match(/"(.+)"/)[1];
};
css.setProp = function (name, value)
{
document.documentElement.style.setProperty(name, value);
};
}(window.css ??= {}));
(function (dom)
{
const domHooks = {};
function tagCall(el, callback)
{
if (!el.getAttribute("data-ra-hook"))
{
el.setAttribute("data-ra-hook", true);
callback(el);
}
}
dom.add = function (parent, html, prepend)
{
if (prepend)
{
parent.insertAdjacentHTML("afterbegin", html);
return parent.firstChild;
}
else
{
parent.insertAdjacentHTML("beforeend", html);
return parent.lastChild;
}
};
dom.on = function (selector, callback)
{
// Trigger for existing elements.
for (const el of document.querySelectorAll(selector))
callback(el);
// Add to observer list.
domHooks[selector] = callback;
};
const observer = new MutationObserver((mutations, observer) =>
{
for (const mutation of mutations)
{
for (const el of mutation.addedNodes)
{
if (el.nodeType === Node.ELEMENT_NODE)
{
for (const [selector, callback] of Object.entries(domHooks))
{
if (el.matches(selector))
{
// Trigger for element.
tagCall(el, callback);
}
else
{
// Trigger for children of attached elements.
for (const elChild of el.querySelectorAll(selector))
tagCall(elChild, callback);
}
}
}
}
}
});
observer.observe(document.body, { subtree: true, childList: true });
}(window.dom ??= {}));
(function (net)
{
const netHooks = {};
const xhrOpened = {};
const realFetch = window.fetch;
const realOpen = window.XMLHttpRequest.prototype.open;
const realSend = window.XMLHttpRequest.prototype.send;
function matchRoute(path, route)
{
const pathParts = path.split("/");
const routeParts = route.split("/");
if (pathParts.length !== routeParts.length)
return;
const args = [];
for (let i = 0; i < pathParts.length; ++i)
{
if (routeParts[i] === "*")
args.push(pathParts[i]);
else if (pathParts[i] !== routeParts[i])
return;
}
return args;
}
function callHooks(type, e)
{
// Only handle success for now.
if (e.status && !(e.status >= 200 && e.status < 300))
return false;
// Forward to hooking route.
const matches = e.url.match("/api/[^?]*");
if (!matches)
return false;
let result = false;
for (const [route, callback] of (netHooks[[type, e.method]] ?? []))
{
e.args = matchRoute(matches[0], route);
if (e.args !== undefined)
{
romeo.log(`hooked ${type} ${e.method} ${route}`);
callback(e);
result ||= true;
}
}
return result;
}
net.on = function (type, url, callback)
{
const [method, route] = url.split(" ");
(netHooks[[type, method]] ??= []).push([route, callback]);
};
net.realXhr = function ()
{
const xhr = new XMLHttpRequest();
xhr.open = realOpen;
xhr.send = realSend;
return xhr;
};
window.fetch = async function (request, init)
{
async function getJsonBody(r)
{
// Use conversion to arrayBuffer to check if body exists as Firefox does not have a "body" property.
const buffer = await r.clone().arrayBuffer();
if (buffer.byteLength)
{
try
{
return JSON.parse(new TextDecoder().decode(buffer));
}
catch
{
return null; // not JSON, currently not interested
}
}
}
// Only support fetch(Request) overload for now.
if (!(request instanceof Request))
return await realFetch(request, init);
// Manipulate request.
const eReq =
{
body: await getJsonBody(request),
cancel: false,
method: request.method,
url: request.url,
};
if (eReq.body === null)
return realFetch(request, init);
if (callHooks("fetch:send", eReq) && eReq.cancel)
return;
// Send request and receive response.
const response = await realFetch(eReq.url, {
body: JSON.stringify(eReq.body),
cache: request.cache,
credentials: request.credentials,
headers: request.headers,
integrity: request.integrity,
keepalive: request.keepalive,
method: eReq.method,
mode: request.mode,
redirect: request.redirect,
referrer: request.referrer,
referrerPolicy: request.referrerPolicy,
});
// Manipulate response.
const eRes =
{
body: await getJsonBody(response),
cancel: false,
method: request.method,
status: response.status,
url: request.url,
};
if (eRes.body === null)
return response;
if (callHooks("fetch:recv", eRes) && eRes.cancel)
{
eRes.body = null;
eRes.status = 404;
}
return new Response(JSON.stringify(eRes.body), { headers: response.headers, status: eRes.status });
};
window.XMLHttpRequest.prototype.open = function (method, url, async, user, password)
{
const e = { method: method, url: url };
xhrOpened[this] = e;
if (callHooks("xhr:open", e))
{
method = e.method;
url = e.url;
}
if (!e.cancel)
realOpen.apply(this, arguments);
// Hook load.
this.addEventListener("load", () =>
{
const json = isJson(this.response);
e.body = json ? JSON.parse(this.response) : this.response;
e.status = this.status;
if (callHooks("xhr:load", e))
{
Object.defineProperty(this, "responseText", { writable: true });
this.responseText = json ? JSON.stringify(e.body) : e.body;
}
if (e.cancel)
{
this.response = null;
this.responseText = null;
this.status = 404;
}
});
};
window.XMLHttpRequest.prototype.send = function (body)
{
const e = xhrOpened[this];
delete xhrOpened[this];
const json = isJson(body);
if (body)
e.body = json ? JSON.parse(body) : body;
if (callHooks("xhr:send", e) && e.body)
body = json ? JSON.stringify(e.body) : body;
if (!e.cancel)
realSend.apply(this, arguments);
};
}(window.net ??= {}));
(function (str)
{
str.strings =
{
aboutMe:
{
de: "Über mich",
en: "About Me",
},
age:
{
de: "Alter",
en: "Age",
},
ageRange:
{
de: "Altersspanne",
en: "Age range",
},
ageRangeValue:
{
de: "Zwischen $from und $to",
en: "Between $from and $to",
},
analPosition:
{
en: "Position",
},
analPosition_TOP_ONLY:
{
de: "Nur Aktiv",
en: "Top only",
},
analPosition_MORE_TOP:
{
de: "Eher Aktiv",
en: "More top",
},
analPosition_VERSATILE:
{
de: "Flexibel",
en: "Versatile",
},
analPosition_MORE_BOTTOM:
{
de: "Eher Passiv",
en: "More bottom",
},
analPosition_BOTTOM_ONLY:
{
de: "Nur Passiv",
en: "Bottom only",
},
analPosition_NO:
{
de: "Kein Anal",
en: "No anal",
},
beard:
{
de: "Bart",
en: "Beard",
},
beard_DESIGNER_STUBBLE:
{
de: "3-Tage-Bart",
en: "Designer stubble",
},
beard_FULL_BEARD:
{
de: "Vollbart",
en: "Full beard",
},
beard_GOATEE:
{
en: "Goatee",
},
beard_MOUSTACHE:
{
de: "Schnauzer",
en: "Moustache",
},
beard_NO_BEARD:
{
de: "Kein Bart",
en: "No beard",
},
bedAndBreakfast:
{
en: "Bed & Breakfast",
},
blockUser:
{
de: "Benutzer blockieren",
en: "Block user",
},
bmi:
{
en: "BMI",
},
bmiMildThin:
{
de: "Leichtes Untergewicht",
en: "Mildly Thin",
},
bmiModerateThin:
{
de: "Mäßiges Untergewicht",
en: "Moderately Thin",
},
bmiNormal:
{
de: "Normal",
en: "Normal",
},
bmiObese1:
{
de: "Adipositas I",
en: "Obese Class I",
},
bmiObese2:
{
de: "Adipositas II",
en: "Obese Class II",
},
bmiObese3:
{
de: "Adipositas III",
en: "Obese Class III",
},
bmiPreObese:
{
de: "Präadipositas",
en: "Pre-Obese",
},
bmiSevereThin:
{
de: "Starkes Untergewicht",
en: "Severely Thin",
},
bodyType:
{
de: "Statur",
en: "Body Type",
},
bodyType_ATHLETIC:
{
de: "Athletisch",
en: "Athletic",
},
bodyType_AVERAGE:
{
de: "Normal",
en: "Average",
},
bodyType_BELLY:
{
de: "Bauch",
en: "Belly",
},
bodyType_MUSCULAR:
{
de: "Muskulös",
en: "Muscular",
},
bodyType_SLIM:
{
de: "Schlank",
en: "Slim",
},
bodyType_STOCKY:
{
de: "Stämmig",
en: "Stocky",
},
bodyHair:
{
de: "Körperbehaarung",
en: "Body Hair",
},
bodyHair_AVERAGE:
{
de: "Mittel behaart",
en: "Hairy",
},
bodyHair_LITTLE:
{
de: "Wenig behaart",
en: "Not very hairy",
},
bodyHair_SHAVED:
{
de: "Rasiert",
en: "Shaved",
},
bodyHair_SMOOTH:
{
de: "Unbehaart",
en: "Smooth",
},
bodyHair_VERY_HAIRY:
{
de: "Stark behaart",
en: "Very hairy",
},
clearList:
{
de: "Möchtest du wirklich alle Einträge in der Liste entfernen?",
en: "Do you really want to remove all elements from the list?",
},
concision:
{
de: "Beschneidung",
en: "Concision",
},
concision_CUT:
{
de: "Beschnitten",
en: "Cut",
},
concision_UNCUT:
{
de: "Unbeschnitten",
en: "Uncut",
},
customRadius:
{
de: "Benutzerdefinierter Radius",
en: "Custom Radius",
},
deleteUnread:
{
de: "Ungelesene löschen",
en: "Delete unread"
},
dick:
{
de: "Schwanz",
en: "Dick",
},
dick_S:
{
en: "S",
},
dick_M:
{
en: "M",
},
dick_L:
{
en: "L",
},
dick_XL:
{
en: "XL",
},
dick_XXL:
{
en: "XXL",
},
dirty:
{
en: "Dirty",
},
dirty_NO:
{
de: "Kein Dirty",
en: "No dirty",
},
dirty_WS_ONLY:
{
de: "Ja, aber nur NS",
en: "WS only",
},
dirty_YES:
{
en: "Dirty",
},
discover:
{
de: "Entdecken-Seite",
en: "Discover page",
},
discoverBanners:
{
de: "Blogeinträge",
en: "Blog posts",
},
discoverBannersDesc:
{
de: "Zeigt Banner oben auf der Entdecken-Seite.",
en: "Displays banners at the top of the Discover page.",
},
discoverFilter:
{
de: "Radarfilter anwenden",
en: "Apply radar filter",
},
discoverFilterDesc:
{
de: "Wendet Radarfilter auf der Entdecken-Seite an.",
en: "Applies radar filter on the Discover page.",
},
discoverGroups:
{
de: "Beliebte Gruppen",
en: "Popular Groups",
},
discoverGroupsDesc:
{
de: "Zeigt Gruppen auf der Entdecken-Seite.",
en: "Displays groups on the Discover page.",
},
distance:
{
de: "Entfernung",
en: "Distance",
},
filter:
{
en: "Filter",
},
enhancedFilter:
{
de: "Erweiterter Filter",
en: "Extended filter",
},
enhancedFilterDesc:
{
de: "Erlaubt Radar-Ergebnisse nach allen Details zu filtern.",
en: "Allows to filter radar results by additional details.",
},
enhancedImages:
{
de: "Hochauflösende Bilder",
en: "High-resolution images",
},
enhancedImagesDesc:
{
de: "Zeigt Kachelbilder in maximaler Auflösung.",
en: "Shows tile images in maximum resolution.",
},
enhancedTiles:
{
de: "Große Kacheln erzwingen",
en: "Force big grid",
},
enhancedTilesDesc:
{
de: "Zeigt alle Benutzer in großen Kacheln.",
en: "Shows all users in big tiles.",
},
ethnicity:
{
de: "Typ",
en: "Ethnicity",
},
ethnicity_ARAB:
{
de: "Araber",
en: "Arab",
},
ethnicity_ASIAN:
{
de: "Asiate",
en: "Asian",
},
ethnicity_BLACK:
{
de: "Schwarz",
en: "Black",
},
ethnicity_CAUCASIAN:
{
de: "Europäer",
en: "Caucasian",
},
ethnicity_INDIAN:
{
de: "Inder",
en: "Indian",
},
ethnicity_LATIN:
{
de: "Latino",
en: "Latin",
},
ethnicity_MEDITERRANEAN:
{
de: "Südländer",
en: "Mediterranean",
},
ethnicity_MIXED:
{
en: "Mixed",
},
eyeColor:
{
de: "Augenfarbe",
en: "Eye Colour",
},
eyeColor_BLUE:
{
de: "Blau",
en: "Blue",
},
eyeColor_BROWN:
{
de: "Braun",
en: "Brown",
},
eyeColor_GREEN:
{
de: "Grün",
en: "Green",
},
eyeColor_GREY:
{
de: "Grau",
en: "Grey",
},
eyeColor_OTHER:
{
de: "Sonstige",
en: "Other",
},
fetish:
{
de: "Fetisch",
en: "Fetish",
},
fetish_BOOTS:
{
en: "Boots",
},
fetish_CROSSDRESSING:
{
de: "Cross-Dressing",
en: "Cross-dressing",
},
fetish_DRAG:
{
de: "Dessous",
en: "Lingerie",
},
fetish_FORMAL:
{
de: "Anzug",
en: "Formal dress",
},
fetish_JEANS:
{
en: "Jeans",
},
fetish_LEATHER:
{
de: "Leder",
en: "Leather",
},
fetish_LYCRA:
{
en: "Lycra",
},
fetish_RUBBER:
{
en: "Rubber",
},
fetish_SKATER:
{
en: "Skater",
},
fetish_SKINS:
{
en: "Skins & Punks",
},
fetish_SNEAKERS:
{
en: "Sneakers & Socks",
},
fetish_SPORTS:
{
de: "Sportsgear",
en: "Sports gear",
},
fetish_TECHNO:
{
en: "Raver",
},
fetish_UNDERWEAR:
{
de: "Unterwäsche",
en: "Underwear",
},
fetish_UNIFORM:
{
en: "Uniform",
},
fetish_WORKER:
{
de: "Handwerker",
en: "Worker",
},
filters:
{
en: "Filters",
de: "Filter",
},
fisting:
{
de: "Fisten",
en: "Fisting",
},
fisting_ACTIVE:
{
de: "FF Aktiv",
en: "FF Active",
},
fisting_ACTIVE_PASSIVE:
{
de: "FF Flexibel",
en: "FF Versatile",
},
fisting_NO:
{
de: "Kein FF",
en: "No FF",
},
fisting_PASSIVE:
{
de: "FF Passiv",
en: "FF Passive",
},
fullHeadlines:
{
de: "Vollständige Überschriften",
en: "Full headlines",
},
fullHeadlinesDesc:
{
de: "Zeigt lange Profilüberschriften vollständig.",
en: "Shows long profile headlines completely.",
},
fullMessages:
{
de: "Vollständige Nachrichten",
en: "Full messages",
},
fullMessagesDesc:
{
de: "Zeigt Nachrichten ungekürzt in der Nachrichtenliste.",
en: "Shows messages without truncation in the message list.",
},
gender:
{
de: "Geschlecht",
en: "Gender",
},
gender_MAN:
{
de: "Mann",
en: "Man",
},
gender_TRANS_MAN:
{
de: "Transmann",
en: "Trans man",
},
gender_TRANS_WOMAN:
{
de: "Transfrau",
en: "Trans woman",
},
gender_NON_BINARY:
{
de: "Nicht binär",
en: "Non-binary",
},
gender_OTHER:
{
de: "Anderes",
en: "Other",
},
genderOrientation:
{
de: "Ich bin",
en: "I am",
},
general:
{
de: "Allgemein",
en: "General",
},
hairColor:
{
de: "Haarfarbe",
en: "Hair Colour",
},
hairColor_BLACK:
{
de: "Schwarz",
en: "Black",
},
hairColor_BLOND:
{
en: "Blond",
},
hairColor_BROWN:
{
de: "Braune Haare",
en: "Brown",
},
hairColor_GREY:
{
de: "Grau",
en: "Grey",
},
hairColor_LIGHT_BROWN:
{
de: "Dunkelblond",
en: "Light brown",
},
hairColor_OTHER:
{
de: "Sonstige",
en: "Other",
},
hairColor_RED:
{
de: "Rot",
en: "Red",
},
hairLength:
{
de: "Haarlänge",
en: "Hair Length",
},
hairLength_AVERAGE:
{
de: "Normal",
en: "Average",
},
hairLength_LONG:
{
de: "Lang",
en: "Long",
},
hairLength_PUNK:
{
en: "Punk",
},
hairLength_SHAVED:
{
de: "Rasiert",
en: "Shaved",
},
hairLength_SHORT:
{
de: "Kurz",
en: "Short",
},
height:
{
de: "Größe",
en: "Height",
},
hiddenUsers:
{
de: "Ausgeblendete Benutzer",
en: "Hidden users",
},
hideActivities:
{
de: "In Aktivitäten ausblenden",
en: "Hide in activities",
},
hideContacts:
{
de: "In Kontakten ausblenden",
en: "Hide in contacts",
},
hideFriends:
{
de: "In Freunden ausblenden",
en: "Hide in friends",
},
hideLikes:
{
de: "In Likes ausblenden",
en: "Hide in likes",
},
hideMessages:
{
de: "In Nachrichten ausblenden",
en: "Hide in messages",
},
hideUser:
{
de: "Benutzer ausblenden",
en: "Hide user",
},
hideVisits:
{
de: "In Besuchern ausblenden",
en: "Hide in visitors",
},
interests:
{
de: "Interessen",
en: "Interests",
},
interests_ART:
{
de: "Kunst",
en: "Art",
},
interests_BOARDGAME:
{
de: "Brettspiele",
en: "Board games",
},
interests_CAR:
{
de: "Autos",
en: "Cars",
},
interests_COLLECT:
{
de: "Sammeln",
en: "Collecting",
},
interests_COMPUTER:
{
de: "Computer",
en: "Computers",
},
interests_COOK:
{
de: "Kochen",
en: "Cooking",
},
interests_DANCE:
{
en: "Dance",
},
interests_FILM:
{
en: "Film & Video",
},
interests_FOTO:
{
de: "Fotografie",
en: "Photography",
},
interests_GAME:
{
de: "Computerspiele",
en: "Gaming",
},
interests_LITERATURE:
{
de: "Literatur",
en: "Literature",
},
interests_MODELING:
{
de: "Modellbau",
en: "Model building",
},
interests_MOTORBIKE:
{
de: "Motorrad",
en: "Motorbikes",
},
interests_MUSIC:
{
de: "Musik",
en: "Music",
},
interests_NATURE:
{
de: "Natur",
en: "Nature",
},
interests_POLITICS:
{
de: "Politik",
en: "Politics",
},
interests_TV:
{
en: "TV",
},
languages:
{
de: "Sprachen",
en: "Languages",
},
languages_af:
{
de: "Afrikaans",
en: "Afrikaans",
},
languages_ar:
{
de: "Arabisch",
en: "Arabic",
},
languages_arm:
{
de: "Armenisch",
en: "Armenian",
},
languages_az:
{
de: "Aserbaidschanisch",
en: "Azerbaijani",
},
languages_be:
{
de: "Belarussisch",
en: "Belarusian",
},
languages_bg:
{
de: "Bulgarisch",
en: "Bulgarian",
},
languages_bn:
{
de: "Bengali",
en: "Bengali",
},
languages_bs:
{
de: "Bosnisch",
en: "Bosnian",
},
languages_bur:
{
de: "Burmesisch",
en: "Burmese",
},
languages_ca:
{
de: "Katalanisch",
en: "Catalan",
},
languages_ceb:
{
de: "Cebuano",
en: "Cebuano",
},
languages_cs:
{
de: "Tschechisch",
en: "Czech",
},
languages_da:
{
de: "Dänisch",
en: "Danish",
},
languages_de:
{
de: "Deutsch",
en: "German",
},
languages_el:
{
de: "Griechisch",
en: "Greek",
},
languages_en:
{
de: "Englisch",
en: "English",
},
languages_eo:
{
de: "Esperanto",
en: "Esperanto",
},
languages_es:
{
de: "Spanisch",
en: "Spanish",
},
languages_et:
{
de: "Estnisch",
en: "Estonian",
},
languages_eu:
{
de: "Baskisch",
en: "Basque",
},
languages_fa:
{
de: "Persisch",
en: "Persian",
},
languages_fi:
{
de: "Finnisch",
en: "Finnish",
},
languages_fr:
{
de: "Französisch",
en: "French",
},
languages_frc:
{
de: "Kanadisches Französisch",
en: "Canadian French",
},
languages_gd:
{
de: "Schottisch-Gälisch",
en: "Scottish Gaelic",
},
languages_gl:
{
de: "Galician",
en: "Galician",
},
languages_gsw:
{
de: "Schwyzerdütsch",
en: "Swiss-German",
},
languages_hi:
{
de: "Hindi",
en: "Hindi",
},
languages_hr:
{
de: "Kroatisch",
en: "Croatian",
},
languages_hu:
{
de: "Ungarisch",
en: "Hungarian",
},
languages_id:
{
de: "Indonesisch",
en: "Indonesian",
},
languages_is:
{
de: "Isländisch",
en: "Icelandic",
},
languages_it:
{
de: "Italienisch",
en: "Italian",
},
languages_iw:
{
de: "Hebräisch",
en: "Hebrew",
},
languages_ja:
{
de: "Japanisch",
en: "Japanese",
},
languages_ka:
{
de: "Georgisch",
en: "Georgian",
},
languages_kl:
{
de: "Grönländisch",
en: "Greenlandic (Kalaallisut)",
},
languages_km:
{
de: "Kambodschanisch",
en: "Cambodian",
},
languages_kn:
{
de: "Kannada",
en: "Kannada",
},
languages_ko:
{
de: "Koreanisch",
en: "Korean",
},
languages_ku:
{
de: "Kurdisch",
en: "Kurdish",
},
languages_la:
{
de: "Latein",
en: "Latin",
},
languages_lb:
{
de: "Luxemburgisch",
en: "Luxembourgish",
},
languages_lo:
{
de: "Laotisch",
en: "Lao",
},
languages_lt:
{
de: "Litauisch",
en: "Lithuanian",
},
languages_lv:
{
de: "Lettisch",
en: "Latvian",
},
languages_mk:
{
de: "Mazedonisch",
en: "Macedonian",
},
languages_ml:
{
de: "Malayalam",
en: "Malayalam",
},
languages_mr:
{
de: "Marathi",
en: "Marathi",
},
languages_ms:
{
de: "Malaiisch",
en: "Malay",
},
languages_mt:
{
de: "Maltesisch",
en: "Maltese",
},
languages_nl:
{
de: "Niederländisch",
en: "Dutch",
},
languages_no:
{
de: "Norwegisch",
en: "Norwegian",
},
languages_oc:
{
de: "Okzitanisch",
en: "Occitan",
},
languages_pl:
{
de: "Polnisch",
en: "Polish",
},
languages_ps:
{
de: "Paschtunisch",
en: "Pashto",
},
languages_pt:
{
de: "Portugiesisch",
en: "Portuguese",
},
languages_ro:
{
de: "Rumänisch",
en: "Romanian",
},
languages_roh:
{
de: "Rätoromanisch",
en: "Romansch",
},
languages_ru:
{
de: "Russisch",
en: "Russian",
},
languages_sgn:
{
de: "Gebärdensprache",
en: "Sign language",
},
languages_sh:
{
de: "Serbo-Croatian",
en: "Serbo-Croatian",
},
languages_sk:
{
de: "Slowakisch",
en: "Slovak",
},
languages_sl:
{
de: "Slowenisch",
en: "Slovenian",
},
languages_sq:
{
de: "Albanisch",
en: "Albanian",
},
languages_sr:
{
de: "Serbisch",
en: "Serbian",
},
languages_sv:
{
de: "Schwedisch",
en: "Swedish",
},
languages_ta:
{
de: "Tamil",
en: "Tamil",
},
languages_te:
{
de: "Telugu",
en: "Telugu",
},
languages_th:
{
de: "Thailändisch",
en: "Thai",
},
languages_tl:
{
de: "Tagalog",
en: "Tagalog",
},
languages_tr:
{
de: "Türkisch",
en: "Turkish",
},
languages_uk:
{
de: "Ukrainisch",
en: "Ukrainian",
},
languages_us:
{
de: "US-Englisch",
en: "US English",
},
languages_vi:
{
de: "Vietnamesisch",
en: "Vietnamese",
},
languages_wel:
{
de: "Walisisch",
en: "Welsh",
},
languages_wen:
{
de: "Sorbisch",
en: "Sorbian",
},
languages_zgh:
{
de: "Tamazight",
en: "Tamazight",
},
languages_zh:
{
de: "Chinesisch",
en: "Chinese",
},
lastLogin:
{
de: "Letzter Login",
en: "Last Login",
},
location:
{
de: "Ort",
en: "Location",
},
latLong:
{
de: "Breitengrad, Längengrad",
en: "Latitude, Longitude",
},
lookingFor:
{
de: "Ich suche",
en: "Looking For",
},
lookingForOther:
{
de: "Sucht nach",
en: "They're Looking For",
},
maxAge:
{
de: "Maximales Alter",
en: "Maximal age",
},
messages:
{
de: "Nachrichten",
en: "Messages",
},
metadata:
{
de: "Metadaten",
en: "Metadata",
},
minAge:
{
de: "Minimales Alter",
en: "Minimal age",
},
myAge:
{
de: "Mein Alter",
en: "My Age",
},
myGender:
{
de: "Mein Geschlecht",
en: "My gender",
},
myOrientation:
{
de: "Meine Orientierung",
en: "My orientation",
},
new:
{
de: "Neu",
en: "New",
},
noEntry:
{
de: "Keine Angabe",
en: "No entry",
},
onlineStatus:
{
en: "Status",
},
onlineStatus_DATE:
{
en: "Date",
},
onlineStatus_OFFLINE:
{
en: "Offline",
},
onlineStatus_ONLINE:
{
en: "Online",
},
onlineStatus_SEX:
{
en: "Now",
},
travelersOnly:
{
de: "Nur Reisende",
en: "Travelers only",
},
openTo:
{
de: "Offen für",
en: "Open to",
},
openTo_FRIENDSHIP:
{
de: "Freunde",
en: "Friends",
},
openTo_RELATIONSHIP:
{
de: "Beziehung",
en: "Relationship",
},
openTo_SEXDATES:
{
en: "Sex",
},
orientation:
{
de: "Orientierung",
en: "Orientation",
},
orientation_BISEXUAL:
{
de: "Bisexuell",
en: "Bisexual",
},
orientation_GAY:
{
en: "Gay",
},
orientation_QUEER:
{
en: "Queer",
},
orientation_OTHER:
{
de: "Andere",
en: "Other",
},
orientation_STRAIGHT:
{
de: "Hetero",
en: "Straight",
},
other:
{
de: "Sonstige",
en: "Other",
},
piercings:
{
en: "Piercings",
},
piercings_A_FEW:
{
de: "Wenige",
en: "A few",
},
piercings_A_LOT:
{
de: "Viele",
en: "A lot",
},
piercings_NO:
{
de: "Keine Piercings",
en: "No piercings",
},
profileId:
{
de: "Profil-ID",
en: "Profile ID",
},
relationship:
{
de: "Beziehung",
en: "Relationship",
},
relationship_MARRIED:
{
de: "Verheiratet",
en: "Married",
},
relationship_OPEN:
{
de: "Offene Partnerschaft",
en: "Open",
},
relationship_PARTNER:
{
de: "Verpartnert",
en: "Partner",
},
relationship_SINGLE:
{
en: "Single",
},
saferSex:
{
de: "Safer Sex",
en: "Safer sex",
},
saferSex_ALWAYS:
{
en: "Safe",
},
saferSex_CONDOM:
{
de: "Kondom",
en: "Condom",
},
saferSex_NEEDS_DISCUSSION:
{
de: "Nach Absprache",
en: "Let's talk",
},
saferSex_PREP:
{
en: "PrEP",
},
saferSex_PREP_AND_CONDOM:
{
de: "PrEP und Kondom",
en: "PrEP and condom",
},
saferSex_TASP:
{
en: "TasP",
},
searchFilter:
{
de: "Suche filtern",
en: "Filter Search",
},
searchFilterDesc:
{
de: "Wendet Radarfilter auf die Suchergebnisse an.",
en: "Applies radar filter on the search results.",
},
sendEnter:
{
de: "Enter sendet Nachricht",
en: "Enter sends message",
},
sendEnterDesc:
{
de: "Wenn deaktiviert erzeugt Enter einen Absatz und Strg+Enter sendet die Nachricht.",
en: "If disabled, Enter creates a new line instead and Ctrl+Enter sends the message.",
},
sexual:
{
de: "Sexuelles",
en: "Sexual",
},
sm:
{
de: "SM",
en: "S&M",
},
sm_NO:
{
de: "Kein SM",
en: "No SM",
},
sm_SOFT:
{
en: "Soft SM",
},
sm_YES:
{
en: "SM",
},
smoker:
{
de: "Raucher",
en: "Smoker",
},
smoker_NO:
{
de: "Nein",
en: "No",
},
smoker_SOCIALLY:
{
de: "Selten",
en: "Socially",
},
smoker_YES:
{
de: "Ja",
en: "Yes",
},
socialSmoker:
{
de: "Raucht selten",
en: "Social Smoker",
},
speakingMyLanguage:
{
de: "Spricht meine Sprache",
en: "Speaking my language",
},
systemMessages:
{
de: "Systemnachrichten",
en: "System messages",
},
systemMessagesDesc:
{
de: "Erlaubt Popups wie Standort- oder Fehlermeldungen.",
en: "Allows popups like GPS or error messages.",
},
tattoos:
{
en: "Tattoos",
},
tattoos_A_FEW:
{
de: "Wenige",
en: "A few",
},
tattoos_A_LOT:
{
de: "Viele",
en: "A lot",
},
tattoos_NO:
{
de: "Keine Tattoos",
en: "No tattoos",
},
tiles:
{
de: "Benutzerkacheln",
en: "User tiles",
},
tileCount:
{
de: "Kachelspalten (0 für Standard)",
en: "Tile columns (0 for default)",
},
typingNotifications:
{
de: "Tippbenachrichtigungen",
en: "Typing notifications",
},
typingNotificationsDesc:
{
de: "Ob Empfänger die Eingabe einer Nachricht sehen können.",
en: "Whether receivers can see that a message is being written.",
},
viewFullImage:
{
de: "Bild anzeigen",
en: "Preview image",
},
viewProfile:
{
de: "Profilvorschau anzeigen",
en: "Preview profile",
},
weight:
{
de: "Gewicht",
en: "Weight",
},
};
str.get = function (key)
{
const translations = str.strings[key];
return translations
? translations[getLang()] || translations.en || "%" + key + "%"
: "%" + key + "%";
};
str.getEnum = function (name, key)
{
return str.get(`${name}_${key}`);
};
}(window.str ??= {}));
(function (list)
{
list.create = function (parent, { onGet, onName = null, onAdd = null, onRemove = null, onImport = null, onExport = null } = {})
{
const container = dom.add(parent, `<div class="ra_list"></div>`);
function createButton(icon, text)
{
return `
<a href="#" class="icon-labeled plain-text-link">
<span class="icon icon-base ${icon}"></span>
<span class="icon-labeled__label">${text}</span>
</a>`;
}
// Add elements.
const toolbar = dom.add(container, `<div></div>`);
const ul = dom.add(container, `<ul></ul>`);
// Create toolbar.
const searchBox = dom.add(toolbar, `<input class="input" type="text" placeholder="Search"></input>`);
searchBox.addEventListener("input", e => updateList());
function updateList()
{
const filter = searchBox.value.toUpperCase();
ul.replaceChildren();
const elements = onGet();
for (const element of elements)
{
// Check if filtered away.
const name = onName ? onName(element) : element;
if (!name.toUpperCase().includes(filter))
continue;
// Create list entry.
const li = dom.add(ul, `<li></li>`);
if (onRemove)
{
const deleteButton = dom.add(li, createButton("icon-cross-negative", name));
deleteButton.addEventListener("click", e =>
{
e.preventDefault();
onRemove(element);
li.remove();
});
}
else
{
dom.add(li, `<div>${name}</div>`);
}
}
}
if (onAdd)
{
const addButton = dom.add(toolbar, createButton("icon-add-attachment", "Add"));
addButton.addEventListener("click", e =>
{
e.preventDefault();
onAdd(searchBox.value);
updateList();
});
}
if (onRemove)
{
const clearButton = dom.add(toolbar, createButton("icon-trashcan", "Clear"));
clearButton.addEventListener("click", e =>
{
e.preventDefault();
if (confirm(str.get("clearList")))
{
const elements = onGet();
for (const element of elements)
onRemove(element);
updateList();
}
});
}
if (onImport)
{
const importButton = dom.add(toolbar, createButton("icon-up-arrow", "Import"));
importButton.addEventListener("click", e =>
{
e.preventDefault();
// TODO: Handle import
updateList();
});
}
if (onExport)
{
const exportButton = dom.add(toolbar, createButton("icon-down-arrow", "Export"));
exportButton.addEventListener("click", e =>
{
e.preventDefault();
// TODO: Handle export
updateList();
});
}
// Create list.
updateList();
};
css.add(`
.ra_list
{
display: flex;
flex-direction: column;
height: 250px;
}
.ra_list > div > a
{
margin: 0 8px;
display: inline-flex;
}
.ra_list > ul
{
flex: 1;
padding: 2px;
overflow-y: auto;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
}
.ra_list > ul > li
{
flex: 50%;
flex-grow: 0;
padding: 2px;
}
`);
}(window.list ??= {}));
(function (cfg)
{
const namespace = "RA_SETTINGS:";
let radarFilter = {};
let tileStyle = null;
function load(name, fallback)
{
const value = localStorage.getItem(namespace + name);
return value === "false" ? false : value ? value : fallback;
}
function save(name, value)
{
localStorage.setItem(namespace + name, value);
}
function getRadarFilter()
{
return JSON.parse(load("radarFilter", `{}`));
}
cfg.measurementSystem = "METRIC";
cfg.tileDetails = new Set(JSON.parse(load("tileDetails",
`[ "age", "height", "bodyHair", "bodyType", "relationship", "analPosition" ]`)));
cfg.getDiscoverBanners = function ()
{
return load("discoverBanners", true);
};
cfg.getDiscoverFilter = function ()
{
return load("discoverFilter", false);
};
cfg.getDiscoverGroups = function ()
{
return load("discoverGroups", true);
};
cfg.getEnhancedFilter = function ()
{
return load("enhancedFilter", true);
};
cfg.getEnhancedImages = function ()
{
return load("enhancedImages", true);
};
cfg.getEnhancedTiles = function ()
{
return load("enhancedTiles", true);
};
cfg.getFullHeadlines = function ()
{
return load("fullHeadlines", true);
};
cfg.getFullMessages = function ()
{
return load("fullMessages", true);
};
cfg.getHiddenMaxAge = function ()
{
return load("hiddenMaxAge", 99);
};
cfg.getHiddenMinAge = function ()
{
return load("hiddenMinAge", 18);
};
cfg.getHiddenUsers = function ()
{
return new Set(JSON.parse(load("hiddenUsers", `[]`)));
};
cfg.getHideActivities = function ()
{
return load("hideActivities", true);
};
cfg.getHideContacts = function ()
{
return load("hideContacts", false);
};
cfg.getHideFriends = function ()
{
return load("hideFriends", true);
};
cfg.getHideLikes = function ()
{
return load("hideLikes", true);
};
cfg.getHideMessages = function ()
{
return load("hideMessages", false);
};
cfg.getHideVisits = function ()
{
return load("hideVisits", true);
};
cfg.getSavedRadarFilter = function (id)
{
return cfg.getSavedRadarFilters()[id] ?? getRadarFilter();
};
cfg.getSavedRadarFilters = function ()
{
return JSON.parse(load("savedRadarFilters", "{}"));
};
cfg.getSearchFilter = function ()
{
return load("searchFilter", false);
};
cfg.getSendEnter = function ()
{
return load("sendEnter", true);
};
cfg.getSystemMessages = function ()
{
return load("systemMessages", true);
};
cfg.getTileCount = function ()
{
return parseInt(load("tileCount", 0));
};
cfg.getTypingNotifications = function ()
{
return load("typingNotifications", true);
};
cfg.setDiscoverBanners = function (value)
{
save("discoverBanners", value);
};
cfg.setDiscoverFilter = function (value)
{
save("discoverFilter", value);
};
cfg.setDiscoverGroups = function (value)
{
save("discoverGroups", value);
};
cfg.setEnhancedFilter = function (value)
{
save("enhancedFilter", value);
};
cfg.setEnhancedImages = function (value)
{
save("enhancedImages", value);
};
cfg.setEnhancedTiles = function (value)
{
save("enhancedTiles", value);
};
cfg.setFullHeadlines = function (value)
{
css.setProp("--tile-headline-white-space", value ? "unset" : "nowrap");
save("fullHeadlines", value);
};
cfg.setFullMessages = function (value)
{
css.setProp("--message-line-clamp", value ? "unset" : "2");
save("fullMessages", value);
};
cfg.setHiddenMaxAge = function (value)
{
save("hiddenMaxAge", value);
};
cfg.setHiddenMinAge = function (value)
{
save("hiddenMinAge", value);
};
cfg.setHideActivities = function (value)
{
save("hideActivities", value);
};
cfg.setHideContacts = function (value)
{
save("hideContacts", value);
};
cfg.setHideFriends = function (value)
{
save("hideFriends", value);
};
cfg.setHideLikes = function (value)
{
save("hideLikes", value);
};
cfg.setHideMessages = function (value)
{
save("hideMessages", value);
};
cfg.setHideVisits = function (value)
{
save("hideVisits", value);
};
cfg.setRadarFilter = function ()
{
save("radarFilter", JSON.stringify(radarFilter));
};
cfg.setSavedRadarFilter = function (id, value = null)
{
const filters = JSON.parse(load("savedRadarFilters", "{}"));
if (value)
filters[id] = value;
else
delete filters[id];
save("savedRadarFilters", JSON.stringify(filters));
};
cfg.setSearchFilter = function (value)
{
save("searchFilter", value);
};
cfg.setSendEnter = function (value)
{
save("sendEnter", value);
};
cfg.setSystemMessages = function (value)
{
css.setProp("--system-message-visibility", value ? "visible" : "collapse");
save("systemMessages", value);
};
cfg.setTileCount = function (value)
{
if (value)
{
css.setProp("--tile-count", value);
if (!tileStyle)
{
tileStyle = css.add(`
:root
{
--tile-count: 0;
--tile-size: calc(100% / max(1, var(--tile-count)) - 1px);
}
/* discover */
section.js-main-stage > main main > section > ul
{
grid-template-columns: repeat(var(--tile-count), 1fr) !important;
}
/* radar desktop */
.search-results__item
{
padding-bottom: var(--tile-size) !important;
width: var(--tile-size) !important;
}
/* radar mobile - starts at 768px where .search-results__item turns inline, requiring to adjust .tile */
@media not screen and (min-width: 768px)
{
.tile:not(.js-strip .tile):not(.tile--small)
{
width: var(--tile-size) !important;
}
}
/* visitors */
#cruise main > ul
{
grid-template-columns: repeat(var(--tile-count), 1fr);
}
`);
}
}
else
{
tileStyle?.remove();
tileStyle = null;
}
save("tileCount", value);
};
cfg.setTileDetail = function (key, visible)
{
if (visible)
cfg.tileDetails.add(key);
else
cfg.tileDetails.delete(key);
save("tileDetails", JSON.stringify(Array.from(cfg.tileDetails)));
};
cfg.setTypingNotifications = function (value)
{
save("typingNotifications", value);
};
cfg.setUserHidden = function (username, hide)
{
let hiddenUsers = cfg.getHiddenUsers();
if (hide)
hiddenUsers.add(username);
else
hiddenUsers.delete(username);
save("hiddenUsers", JSON.stringify(Array.from(hiddenUsers)));
};
cfg.setFullHeadlines(cfg.getFullHeadlines());
cfg.setFullMessages(cfg.getFullMessages());
cfg.setSystemMessages(cfg.getSystemMessages());
cfg.setTileCount(cfg.getTileCount());
}(window.cfg ??= {}));
(function (romeo)
{
const apiKey = atob("QVM4YnpHSExBOFk5QlhGNzNpRE51UUJIZUVPMFVLamY=");
let sessionId;
romeo.exts ??= [];
romeo.debug = function ()
{
return GM_info.script.version === "0.0.0";
};
romeo.getCursorItems = async function* (baseUrl, params)
{
let cursor;
do
{
const response = JSON.parse(await romeo.sendXhr("GET", baseUrl, cursor ? [["cursor", cursor]] : params));
cursor = response.cursors?.after;
for (item of response.items)
yield item;
} while (cursor);
};
romeo.getImageUrl = function (url, size)
{
const base = url.substring(0, url.indexOf("/img/usr/"));
const file = url.substring(url.lastIndexOf("/") + 1);
return size
? `${base}/img/usr/squarish/${size}x${size}/${file}`
: `${base}/img/usr/${file}`;
};
romeo.getUsernameFromHref = function (href)
{
let start = href.indexOf("profile/");
if (start === -1)
start = href.indexOf("hunq/");
return href.substring(start).split("/")[1];
};
romeo.log = function ()
{
if (romeo.debug())
console.log(...arguments);
};
romeo.sendFetch = function (method, url, paramsOrBody)
{
const options =
{
method: method,
cache: "no-cache",
credentials: "same-origin",
headers:
{
"x-api-key": apiKey,
"x-session-id": sessionId,
"x-site": "planetromeo"
}
};
if (paramsOrBody)
{
if (method === "GET")
{
url = encodeUrl(url, paramsOrBody);
}
else
{
options.headers["content-type"] = "application/json";
options.body = JSON.stringify(paramsOrBody);
}
}
return fetch(url, options);
};
romeo.sendXhr = function (method, url, paramsOrBody)
{
return new Promise((resolve, reject) =>
{
const xhr = net.realXhr();
if (method === "GET" && paramsOrBody)
url = encodeUrl(url, paramsOrBody);
xhr.open(method, url);
xhr.onload = () =>
{
if (xhr.status >= 200 && xhr.status < 300)
resolve(xhr.response);
else
reject({ status: xhr.status, statusText: xhr.statusText });
};
xhr.onerror = () => reject({ status: xhr.status, statusText: xhr.statusText });
xhr.setRequestHeader("x-api-key", apiKey);
xhr.setRequestHeader("x-session-id", sessionId);
if (method !== "GET" && paramsOrBody)
xhr.send(JSON.stringify(paramsOrBody));
else
xhr.send();
});
};
css.add(`
:root
{
--message-line-clamp: 2;
--system-message-visibility: visible;
--tile-headline-white-space: nowrap;
}
/* hide system popup messages if enabled */
.feedback
{
visibility: var(--system-message-visibility);
}
/* hide PLUS message at bottom of visitor grid */
main#visitors > section
{
display: none;
}
`);
net.on("xhr:load", "GET /api/v4/session", e =>
{
// Determine session ID.
sessionId = e.body.session_id;
// Apply settings.
const settings = e.body.bb_settings;
if (settings)
{
// Determine measurement locale.
measurementSystem = settings.interface?.measurement_system ?? measurementSystem;
// Determine radar filter, remove deleted ones.
const radarFilterId = settings.bluebird?.search_filter?.id;
radarFilter = cfg.getSavedRadarFilter(radarFilterId);
for (const savedFilterId of Object.keys(cfg.getSavedRadarFilters()))
if (savedFilterId && !e.body.data.search_filters.find(x => x.id === savedFilterId))
cfg.setSavedRadarFilter(savedFilterId);
}
// Determine initial Discover filter.
const filter = e.body.bb_settings?.bluebird?.search_filter
?? e.body.data?.search_filters;
if (filter)
{
radarFilter["filter[personal][age][max]"] = filter.personal.age.max;
radarFilter["filter[personal][age][min]"] = filter.personal.age.min;
radarFilter["filter[personal][height][max]"] = filter.personal.height.max;
radarFilter["filter[personal][height][min]"] = filter.personal.height.min;
radarFilter["filter[personal][weight][max]"] = filter.personal.weight.max;
radarFilter["filter[personal][weight][min]"] = filter.personal.weight.min;
}
// Enable client-side PLUS capabilities.
const caps = e.body.data?.capabilities;
if (caps)
{
caps.can_save_unlimited_searches = true; // enables filter bookmarks
caps.can_set_plus_radar_style = true; // enables Grid Stats selection
}
// Retrieve current user location.
if (e.body.data?.profile_location)
{
romeo.userLat = e.body.data.profile_location.lat;
romeo.userLon = e.body.data.profile_location.long;
}
});
}(window.romeo ??= {}));
(function (menu)
{
const menuHandlers = {};
let menuBg, menuUl, menuX, menuY;
menu.show = function (items)
{
menuBg.style.display = "block";
menuUl.replaceChildren();
for (const item of items)
{
const li = dom.add(menuUl, `
<li class="ra_context_li">
<span class="icon icon-${item.icon}"></span>
${str.get(item.text)}
</li>`);
li.addEventListener("click", e =>
{
hideMenu();
item.onclick();
});
}
menuUl.style.display = "block";
const maxX = window.innerWidth - menuUl.offsetWidth;
const maxY = window.innerHeight - menuUl.offsetHeight;
menuUl.style.left = Math.min(menuX, maxX) + "px";
menuUl.style.top = Math.min(menuY, maxY) + "px";
};
menu.on = function (selector, handler)
{
menuHandlers[selector] = handler;
};
menu.item = function (icon, text, onclick)
{
return { icon, text, onclick };
};
function hideMenu()
{
menuBg.style.display = "none";
menuUl.style.display = "none";
}
css.add(`
#ra_context_bg
{
background: transparent;
display: none;
height: 100%;
position: fixed;
width: 100%;
z-index: 100000;
}
#ra_context_ul
{
background: #232323;
border-radius: 1.125rem;
box-shadow: rgba(0, 0, 0, 0.32) 0px 0px 2px, rgba(0, 0, 0, 0.24) 0px 0px 1px, rgba(0, 0, 0, 0.16) 0px 0px 5px;
display: none;
font-family: Inter, Helvetica, Arial, "Open Sans", sans-serif;
font-size: 94%;
overflow: hidden;
position: absolute;
z-index: 100001;
}
.ra_context_li
{
border-color: transparent;
border-left: 2px solid transparent;
border-style: solid;
border-width: 1px 1px 1px 2px;
color: #FFF;
cursor: default;
padding: 9px 18px 10px 10px;
transition: background-color 200ms cubic-bezier(0, 0, 0.2, 1);
white-space: nowrap;
}
.ra_context_li:not(:first-child) {
border-top: 1px solid rgba(255, 255, 255, 0.16);
}
.ra_context_li .icon
{
margin: 4px;
}
.ra_context_li:hover
{
background: #2E2E2E;
}
@media screen and (max-width: 767px)
{
#ra_context_bg
{
background: rgba(0, 0, 0, 0.6);
}
#ra_context_ul
{
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
bottom: 0;
left: unset !important;
position: fixed;
top: unset !important;
width: 100%;
}
.ra_context_li
{
padding: 6px;
}
.ra_context_li .icon
{
font-size: 1.2rem;
margin: 8px;
}
}
`);
// Create context menu canceler.
menuBg = dom.add(document.body, "<div id='ra_context_bg'></ul>");
menuBg.addEventListener("click", e => hideMenu());
// Create context menu.
menuUl = dom.add(document.body, "<ul id='ra_context_ul'></ul>");
// Attach to events.
addEventListener("contextmenu", e =>
{
menuX = e.clientX;
menuY = e.clientY;
// Go through hierarchy of clicked elements.
for (const el of document.elementsFromPoint(menuX, menuY))
{
// Stop when hitting a layer.
if (el.classList.contains("layer")
|| el.classList.contains("layout")
|| el.classList.contains("ReactModal__Overlay"))
break;
// Invoke first context handler for this element.
for (const [key, value] of Object.entries(menuHandlers))
{
if (el.matches(key))
{
romeo.log(`opening menu '${key}'`);
value(el);
e.preventDefault();
return;
}
}
}
});
}(window.menu ??= {}));
// ---- Previews ----
let previewLayer;
function createPreview(title)
{
const container = document.querySelector("#spotlight-container");
previewLayer = dom.add(container, `
<div class="layer layer--spotlight" style="top:0;z-index:10000;">
<div id="ra_preview_inner">
<div class="js-header layout-item">
<div class="layer-header layer-header--primary">
<a class="back-button l-tappable js-back marionette" href="#">
<span class="js-back-icon icon icon-cross icon-regular"></span>
</a>
<div class="layer-header__title js-title typo-section-navigation" style="text-align:center">
<h2>${title}</h2>
</div>
</div>
</div>
</div>
</div>`);
previewLayer.addEventListener("click", e =>
{
if (e.target === previewLayer)
previewLayer.remove();
});
previewLayer.querySelector(".js-back").addEventListener("click", e => previewLayer.remove());
return previewLayer.querySelector("#ra_preview_inner");
}
function initPreviews()
{
window.addEventListener("popstate", e =>
{
// Restore navigating back to preview.
switch (e.state?.ra_preview)
{
case "image":
showImagePreview(e.state.src, false);
break;
case "profile":
showProfilePreview(e.state.username, false);
break;
}
});
window.navigation?.addEventListener("navigate", e =>
{
// Hide preview on any other navigation.
previewLayer?.remove();
});
}
function showImagePreview(src, pushHistory = true)
{
if (pushHistory)
history.pushState({ ra_preview: "image", src: src }, "");
const monthYear = getPicMonthYear(src);
const content = dom.add(createPreview(str.get("viewFullImage")), `<div id="ra_image_content"></div>`);
dom.add(content, `<img id="ra_profile_pic" src="${src}"></img><br />${monthYear}`);
}
function showProfilePreview(username, pushHistory = true)
{
function isEntry(value)
{
return value && value !== "NO_ENTRY";
}
function addSection(el, key)
{
return dom.add(el, `
<details class="ra_profile_details" open>
<summary class="ra_profile_summary">${str.get(key)}</summary>
</details>`);
}
function add(section, key, value)
{
if (value)
{
dom.add(section, `
<div class="ra_profile_keyvalue">
<div>${str.get(key)}</div>
<div>${value}</div>
</div>`);
}
}
function addAgeRange(section, range)
{
if (range)
add(section, "ageRange", getProfileAgeRange(range));
}
function addArrayEnum(section, key, array)
{
if (!array)
return;
let values = [];
for (let i = 0; i < array.length; i++)
if (isEntry(array[i]))
values.push(str.getEnum(key, array[i]));
if (values.length)
add(section, key, values.join(", "));
}
function addDistance(section, distance, sensor)
{
let text = measurementSystem === "METRIC"
? `${distance / 1000} km`
: `${round(distance * M2MI, 1)}mi`;
if (sensor)
text += " (GPS)";
add(section, "distance", text);
}
function addEnum(section, key, value)
{
if (isEntry(value))
add(section, key, str.getEnum(key, value));
}
function addGender(section, genderOrientation)
{
let values = [];
if (isEntry(genderOrientation?.orientation))
values.push(str.getEnum("orientation", genderOrientation.orientation));
if (isEntry(genderOrientation?.gender))
values.push(str.getEnum("gender", genderOrientation.gender));
if (values.length)
add(section, "genderOrientation", values.join(" / "));
}
const profile = profileCache[username];
if (!profile)
return;
const personal = profile.personal;
const sexual = profile.sexual;
if (pushHistory)
history.pushState({ ra_preview: "profile", username: username }, "");
const content = dom.add(createPreview(username), `<div id="ra_profile_content"></div>`);
const left = dom.add(content, `<div id="ra_profile_left"></div>`);
const right = dom.add(content, `<div id="ra_profile_right"></div>`);
dom.add(left, `<div>${escapeHtml(profile.headline ?? "")}</div>`);
const img = dom.add(left, `<img id="ra_profile_pic"></img>`);
if (profile.pic)
{
img.src = `/img/usr/${profile.pic}.jpg`;
dom.add(left, "<br />" + getPicMonthYear(profile.pic));
}
else
{
img.src = "/assets/f8a7712027544ed03920.svg";
}
const section = addSection(right, "metadata");
addEnum(section, "onlineStatus", profile.online_status);
if (profile.last_login)
add(section, "lastLogin", formatTime(profile.last_login));
if (profile.location)
{
add(section, "location", `${profile.location.name}, ${profile.location.country}`);
addDistance(section, profile.location.distance, profile.location.sensor);
}
add(section, "profileId", profile.id);
if (personal)
{
const section = addSection(right, "lookingFor");
addArrayEnum(section, "openTo", personal.looking_for);
addAgeRange(section, personal.target_age);
addArrayEnum(section, "gender", personal.gender_orientation?.looking_for_gender);
addArrayEnum(section, "orientation", personal.gender_orientation?.looking_for_orientation);
if (!section.querySelectorAll(".ra_profile_keyvalue").length)
section.remove();
}
if (personal)
{
const section = addSection(right, "general");
add(section, "age", personal.age);
add(section, "height", getProfileHeight(personal.height));
add(section, "weight", getProfileWeight(personal.weight));
add(section, "bmi", getProfileBmi(personal.height, personal.weight, true));
add(section, "bodyType", getProfileEnum("bodyType", personal.body_type));
add(section, "ethnicity", getProfileEnum("ethnicity", personal.ethnicity));
addEnum(section, "hairLength", personal.hair_length);
addEnum(section, "hairColor", personal.hair_color);
addEnum(section, "beard", personal.beard);
addEnum(section, "eyeColor", personal.eye_color);
add(section, "bodyHair", getProfileEnum("bodyHair", personal.body_hair));
addGender(section, personal?.gender_orientation);
addEnum(section, "smoker", personal.smoker);
addEnum(section, "tattoos", personal.tattoo);
addEnum(section, "piercings", personal.piercing);
addArrayEnum(section, "languages", personal.spoken_languages);
add(section, "relationship", getProfileEnum("relationship", personal.relationship));
}
if (sexual)
{
const section = addSection(right, "sexual");
add(section, "analPosition", getProfileEnum("analPosition", sexual.anal_position));
add(section, "dick", getProfileDick(sexual.dick_size, sexual.concision));
addArrayEnum(section, "fetish", sexual.fetish);
add(section, "dirty", getProfileEnum("dirty", sexual.dirty_sex));
addEnum(section, "fisting", sexual.fisting);
addEnum(section, "sm", sexual.sm);
add(section, "saferSex", getProfileEnum("saferSex", sexual.safer_sex));
if (!section.querySelectorAll(".ra_profile_keyvalue").length)
section.remove();
}
if (profile.personal?.profile_text)
{
const section = addSection(right, "aboutMe");
dom.add(section, `<div id="ra_profile_text">${profile.personal.profile_text}</div>`);
}
}
css.add(`
#ra_preview_inner
{
background-color: black;
display: grid;
grid-template-rows: min-content auto;
height: 100%;
}
#ra_image_content
{
overflow-y: scroll;
padding: 16px;
}
#ra_profile_content
{
display: grid;
font-family: Inter, Helvetica, Arial, "Open Sans", sans-serif;
grid-template-columns: auto 352px;
overflow-y: scroll;
word-break: break-word;
}
#ra_profile_left
{
background: #121212;
overflow-y: scroll;
padding: 16px;
}
#ra_profile_right
{
overflow-y: scroll;
padding: 16px;
}
.ra_profile_details:not(:first-child)
{
border-top: 1px solid rgb(46, 46, 46);
margin-top: 1rem;
}
.ra_profile_summary
{
padding: 1rem 0;
}
.ra_profile_keyvalue
{
display: grid;
gap: 16px;
grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr);
}
.ra_profile_keyvalue > :first-child
{
color: rgba(255, 255, 255, 0.6);
text-align: right;
}
#ra_profile_text
{
white-space: pre-line;
}
@media screen and (max-width: 767px)
{
#ra_profile_content
{
grid-template-columns: initial;
grid-template-rows: auto auto;
}
#ra_profile_left
{
overflow-y: initial;
}
#ra_profile_right
{
overflow-y: initial;
}
#ra_profile_pic
{
width: 100%;
}
}
`);
// ---- Profiles ----
const profileCache = {};
function cacheProfile(profileObject)
{
const existing = profileCache[profileObject.name];
const profile =
{
id: profileObject.id,
name: profileObject.name,
headline: profileObject.headline ?? existing?.headline,
last_login: profileObject.last_login ?? existing?.last_login,
location: profileObject.location ?? existing?.location,
online_status: profileObject.online_status ?? existing?.online_status,
pic: profileObject.preview_pic?.url_token ?? existing?.pic, // not available if no picture
personal: profileObject.profile?.personal ?? profileObject.personal ?? existing?.personal, // not available in activities
sexual: profileObject.profile?.sexual ?? profileObject.sexual ?? existing?.sexual, // not available in activities
albums: profileObject.albumsV2 ?? existing?.albumsV2
};
profileCache[profile.name] = profile;
return profile;
}
function filterProfile(profile, hiddenMaxAge, hiddenMinAge, hiddenNames)
{
// Return whether to display the profile.
return (!profile.personal || profile.personal.age >= hiddenMinAge && profile.personal.age <= hiddenMaxAge)
&& !hiddenNames.has(profile.name);
}
function filterItemsAndCacheProfiles(items, profileSelector, filter)
{
let newItems = [];
const hiddenMaxAge = cfg.getHiddenMaxAge();
const hiddenMinAge = cfg.getHiddenMinAge();
const hiddenNames = cfg.getHiddenUsers();
for (const item of items ?? [])
{
const profile = cacheProfile(profileSelector(item));
if (!filter || filterProfile(profile, hiddenMaxAge, hiddenMinAge, hiddenNames))
newItems.push(item);
}
return newItems;
}
function getProfileAgeRange(range, short)
{
if (range)
{
const min = range.min ?? "18";
const max = range.max ?? "99";
return short
? `${min}-${max}`
: str.get("ageRangeValue").replace("$from", min).replace("$to", max);
}
}
function getProfileBmi(height, weight, withName)
{
if (height && weight)
{
const bmi = weight / Math.pow(height / 100, 2);
let result = `${round(bmi, 1).toFixed(1)}`;
if (withName)
{
for (const [max, key] of Object.entries({
16: "bmiSevereThin",
17: "bmiModerateThin",
18.5: "bmiMildThin",
25: "bmiNormal",
30: "bmiPreObese",
35: "bmiObese1",
40: "bmiObese2",
99: "bmiObese3",
}))
{
if (bmi < max)
return result + ` / ${str.get(key)}`;
}
}
return result;
}
}
function getProfileDick(size, concision)
{
let values = [];
if (size && size !== "NO_ENTRY")
values.push(str.getEnum("dick", size));
if (concision && concision !== "NO_ENTRY")
values.push(str.getEnum("concision", concision));
if (values.length)
return values.join(" - ");
}
function getProfileEnum(key, value)
{
if (value && value !== "NO_ENTRY")
return str.getEnum(key, value);
}
function getProfileHeight(height)
{
if (height)
{
return measurementSystem === "METRIC"
? `${height}cm`
: `${round(height * CM2FT, 2)} ft`;
}
}
function getProfileWeight(weight)
{
if (weight)
{
return measurementSystem === "METRIC"
? `${weight}kg`
: `${round(weight * KG2LBS)}lbs`;
}
}
function xhrHandleProfiles(e)
{
e.body.items = filterItemsAndCacheProfiles(e.body.items, x => x, true);
e.body.items_limited = e.body.items_total; // Remove PLUS ad tile.
// Show every user as a large tile.
if (cfg.getEnhancedTiles())
for (const item of e.body.items ?? [])
if (item.display)
item.display.large_tile = true;
}
function xhrHandleVisits(e)
{
e.body.items = filterItemsAndCacheProfiles(e.body.items, x => x, cfg.getHideVisits());
e.body.items_limited = e.body.items_total; // Restore PLUS-visible visitors.
}
net.on("xhr:load", "GET /api/v4/contacts", e =>
{
if (e.body.cursors)
e.body.items = filterItemsAndCacheProfiles(e.body.items, x => x.profile, cfg.getHideContacts());
});
net.on("xhr:load", "GET /api/v4/messages/conversations", e =>
{
e.body.items = filterItemsAndCacheProfiles(e.body.items, x => x.chat_partner, cfg.getHideMessages());
});
net.on("xhr:load", "GET /api/+/notifications/activity-stream", e =>
{
e.body = filterItemsAndCacheProfiles(e.body, x => x.partner, cfg.getHideActivities());
});
net.on("fetch:recv", "GET /api/v4/profiles", e => xhrHandleProfiles(e));
net.on("fetch:recv", "GET /api/v4/profiles/popular", e => xhrHandleProfiles(e));
net.on("xhr:load", "GET /api/v4/hunqz/profiles", e => xhrHandleProfiles(e));
net.on("xhr:load", "GET /api/v4/profiles", e => xhrHandleProfiles(e));
net.on("xhr:load", "GET /api/v4/profiles/list", e => xhrHandleProfiles(e));
net.on("xhr:load", "GET /api/v4/profiles/popular", e => xhrHandleProfiles(e));
net.on("fetch:recv", "GET /api/v4/visitors", e => xhrHandleVisits(e));
net.on("fetch:recv", "GET /api/v4/visits", e => xhrHandleVisits(e));
net.on("fetch:recv", "GET /api/v4/reactions/cruise/likes", e =>
{
e.body.items = filterItemsAndCacheProfiles(e.body.items, x => x.profile, cfg.getHideLikes());
});
net.on("xhr:load", "GET /api/v4/messages/*", e => cacheProfile(e.body));
net.on("xhr:load", "GET /api/v4/profiles/*", e => cacheProfile(e.body));
net.on("xhr:load", "GET /api/v4/profiles/*/full", e => cacheProfile(e.body));
net.on("fetch:recv", "GET /api/v4/profiles/*/linked", e =>
{
e.body.items = filterItemsAndCacheProfiles(e.body.items, x => x, cfg.getHideFriends());
});
net.on("fetch:load", "GET /api/v4/reactions/pictures/basic", e =>
{
e.body.items = filterItemsAndCacheProfiles(e.body.items, x => x.user_id, cfg.getHideLikes());
});
// ---- Filter ----
function addRadarFilter(filter, key, value)
{
if (!isMultiRadarFilter(key))
filter[key] = value;
else if (key in filter)
filter[key].push(value);
else
filter[key] = [value];
}
function hasRadarFilter(filter, key, value)
{
return key in filter
&& (value === undefined || (isMultiRadarFilter(key)
? filter[key].includes(value)
: filter[key] === value));
}
function isMultiRadarFilter(key)
{
return key.endsWith("[]");
}
function removeRadarFilter(filter, key, value)
{
if (!hasRadarFilter(filter, key, value))
return;
if (isMultiRadarFilter(key))
{
filter[key] = filter[key].filter(x => x !== value);
if (!filter[key].length)
delete filter[key];
}
else
{
delete filter[key];
}
}
function refreshFilter()
{
// Save filter.
cfg.setRadarFilter();
// Reset filter title, enable filter reset button.
document.querySelector(`.js-filter-header p[class^="ResponsiveBodyText-sc-"]`).innerHTML = str.get("filters");
document.querySelector(".js-clear-all").classList.remove("is-disabled");
// Update results.
document.querySelector("section.js-main-stage div.js-navigation a.is-selected, div.js-nav-item").click();
}
function packRadarFilter(params)
{
let filter = {};
for (const [key, value] of params)
addRadarFilter(filter, key, value);
return filter;
}
function unpackRadarFilter(filter)
{
let params = [];
for (const key in filter)
{
if (isMultiRadarFilter(key))
{
for (const value of filter[key])
params.push([key, value]);
}
else
{
params.push([key, filter[key]]);
}
}
return params;
}
function replaceFilterContainer(el)
{
if (!cfg.getEnhancedFilter())
return;
// Remove plus color from bookmark action.
const save = el.querySelector(".js-filter-actions .js-save");
save?.classList.remove("is-plus");
// Remove all filters on reset.
const clearAll = el.querySelector(".js-filter-actions .js-clear-all");
if (Object.keys(radarFilter).length)
clearAll.classList.remove("is-disabled");
clearAll.addEventListener("click", e =>
{
radarFilter = {};
cfg.setRadarFilter();
// Filter panel is recreated by default handler, recreate selections.
setTimeout(() => replaceFilterContainer(el));
});
// Clear any remaining extended filters.
filter = el.querySelector(".filter");
for (const tags of filter.querySelectorAll(".filter__params-tags.js-tags-list"))
tags.remove();
// Remove PLUS-Filter ad if no original filters are selected.
if (filter.querySelector(".js-quick-filter .js-add-params-button.plain-text-link"))
filter.querySelector(".js-quick-filter .filter__group-more-options").remove();
// Add custom filters.
function addSection(text)
{
return dom.add(filter, `
<div class="filter__params-tags js-tags-list">
<h3 class="typo mb-">${str.get(text)}</h3>
</div>`);
}
function addSectionList(text)
{
const section = addSection(text);
return dom.add(section, `<ul class="js-list tags-list"></ul>`);
}
function addSectionListMulti(text, prefix, filterKey, filterValues, hasNoEntry = true)
{
const section = addSectionList(text);
for (const filterValue of filterValues)
addListTagFilter(section, `${prefix}_${filterValue}`, filterKey, filterValue);
if (hasNoEntry)
addListTagFilter(section, "noEntry", filterKey, "NO_ENTRY");
return section;
};
function addListTag(ul, text, selected, change)
{
const li = dom.add(ul, `
<li class="tags-list__item">
<a class="js-tag ui-tag ui-tag--removable txt-truncate">
<span class="ui-tag__label">${str.get(text)}</span>
</a>
</li>`);
const a = li.querySelector("a");
if (selected)
a.classList.add("ui-tag--selected");
li.addEventListener("click", e =>
{
e.preventDefault();
if (a.classList.contains("ui-tag--selected"))
{
change(false);
a.classList.remove("ui-tag--selected");
}
else
{
change(true);
a.classList.add("ui-tag--selected");
}
});
}
function addListTagFilter(ul, text, filterKey, filterValue)
{
let selected = hasRadarFilter(radarFilter, filterKey, filterValue);
return addListTag(ul, text, selected, checked =>
{
if (checked)
addRadarFilter(radarFilter, filterKey, filterValue);
else
removeRadarFilter(radarFilter, filterKey, filterValue);
refreshFilter();
});
}
function addInput(ul)
{
return dom.add(ul, `
<div class="filter__group">
<div class="js-fulltext-input filter__group--fulltext">
<div class="Container--uQSLs layout layout--v-center">
<div class="layout-item layout-item--consume">
<input class="js-input Input--EicBC input" autocorrect="off" autocapitalize="off" spellcheck="false">
</div>
</div>
</div>
</div>`).querySelector("input");
}
addSectionListMulti("lookingForOther", "openTo", "filter[personal][looking_for][]",
["SEXDATES", "FRIENDSHIP", "RELATIONSHIP"]);
addSectionListMulti("bodyType", "bodyType", "filter[personal][body_type][]",
["SLIM", "AVERAGE", "ATHLETIC", "MUSCULAR", "BELLY", "STOCKY"]);
addSectionListMulti("ethnicity", "ethnicity", "filter[personal][ethnicity][]",
["CAUCASIAN", "ASIAN", "LATIN", "MEDITERRANEAN", "BLACK", "MIXED", "ARAB", "INDIAN"]);
addSectionListMulti("hairLength", "hairLength", "filter[personal][hair_length][]",
["SHAVED", "SHORT", "AVERAGE", "LONG", "PUNK"]);
addSectionListMulti("hairColor", "hairColor", "filter[personal][hair_color][]",
["BLOND", "LIGHT_BROWN", "BROWN", "BLACK", "GREY", "OTHER", "RED"]);
addSectionListMulti("beard", "beard", "filter[personal][beard][]",
["DESIGNER_STUBBLE", "MOUSTACHE", "GOATEE", "FULL_BEARD", "NO_BEARD"]);
addSectionListMulti("eyeColor", "eyeColor", "filter[personal][eye_color][]",
["BLUE", "BROWN", "GREY", "GREEN", "OTHER"]);
addSectionListMulti("bodyHair", "bodyHair", "filter[personal][body_hair][]",
["SMOOTH", "SHAVED", "LITTLE", "AVERAGE", "VERY_HAIRY"]);
addSectionListMulti("gender", "gender", "filter[personal][gender_orientation][gender][]",
["MAN", "TRANS_MAN", "TRANS_WOMAN", "NON_BINARY", "OTHER"]);
addSectionListMulti("orientation", "orientation", "filter[personal][gender_orientation][orientation][]",
["GAY", "BISEXUAL", "QUEER", "STRAIGHT", "OTHER"]);
addSectionListMulti("smoker", "smoker", "filter[personal][smoker][]",
["NO", "SOCIALLY", "YES"]);
addSectionListMulti("tattoos", "tattoos", "filter[personal][tattoo][]",
["A_FEW", "A_LOT", "NO"]);
addSectionListMulti("piercings", "piercings", "filter[personal][piercing][]",
["A_FEW", "A_LOT", "NO"]);
addSectionListMulti("relationship", "relationship", "filter[personal][relationship][]",
["SINGLE", "PARTNER", "OPEN", "MARRIED"]);
addSectionListMulti("analPosition", "analPosition", "filter[sexual][anal_position][]",
["TOP_ONLY", "MORE_TOP", "VERSATILE", "MORE_BOTTOM", "BOTTOM_ONLY", "NO"]);
addSectionListMulti("dick", "dick", "filter[sexual][dick_size][]",
["S", "M", "L", "XL", "XXL"]);
addSectionListMulti("concision", "concision", "filter[sexual][concision][]",
["CUT", "UNCUT"]);
addSectionListMulti("fetish", "fetish", "filter[sexual][fetish][]",
["LEATHER", "SPORTS", "SKATER", "RUBBER", "UNDERWEAR", "SKINS", "BOOTS", "LYCRA", "UNIFORM", "FORMAL",
"TECHNO", "SNEAKERS", "JEANS", "DRAG", "WORKER", "CROSSDRESSING"]);
addSectionListMulti("dirty", "dirty", "filter[sexual][dirty_sex][]",
["YES", "NO", "WS_ONLY"]);
addSectionListMulti("fisting", "fisting", "filter[sexual][fisting][]",
["ACTIVE", "ACTIVE_PASSIVE", "PASSIVE", "NO"]);
addSectionListMulti("sm", "sm", "filter[sexual][sm][]",
["YES", "SOFT", "NO"]);
addSectionListMulti("saferSex", "saferSex", "filter[sexual][safer_sex][]",
["ALWAYS", "NEEDS_DISCUSSION", "CONDOM", "PREP", "PREP_AND_CONDOM", "TASP"]);
addSectionListMulti("interests", "interests", "filter[hobby][interests][]",
["ART", "BOARDGAME", "CAR", "COLLECT", "COMPUTER", "COOK", "DANCE", "FILM", "FOTO", "GAME", "LITERATURE",
"MODELING", "MOTORBIKE", "MUSIC", "NATURE", "POLITICS", "TV"], false);
const section = addSectionList("other");
const coordInput = addInput(section);
coordInput.type = "text";
coordInput.placeholder = str.get("latLong");
if ("filter[location][lat]" in radarFilter && "filter[location][long]" in radarFilter)
coordInput.value = `${radarFilter["filter[location][lat]"]}, ${radarFilter["filter[location][long]"]}`;
coordInput.addEventListener("change", e =>
{
removeRadarFilter(radarFilter, "filter[location][lat]");
removeRadarFilter(radarFilter, "filter[location][long]");
const sep = e.target.value.indexOf(", ");
if (sep !== -1)
{
const lat = parseFloat(e.target.value);
const long = parseFloat(e.target.value.substring(sep + 2));
if (!isNaN(lat) && !isNaN(long))
{
addRadarFilter(radarFilter, "filter[location][lat]", lat.toString());
addRadarFilter(radarFilter, "filter[location][long]", long.toString());
}
}
refreshFilter();
});
const radiusInput = addInput(section);
radiusInput.type = "text";
radiusInput.placeholder = str.get("customRadius");
if ("filter[location][radius]" in radarFilter)
{
const radius = radarFilter["filter[location][radius]"];
radiusInput.value = measurementSystem === "METRIC"
? radius / 1000
: round(radius * M2MI, 1);
}
radiusInput.addEventListener("change", e =>
{
removeRadarFilter(radarFilter, "filter[location][radius]");
if (parseInt(e.target.value))
{
const radius = measurementSystem === "METRIC"
? e.target.value * 1000
: e.target.value / M2MI;
addRadarFilter(radarFilter, "filter[location][radius]", radius);
}
refreshFilter();
});
addListTagFilter(section, "bedAndBreakfast", "filter[bed_and_breakfast_filter]", "ONLY");
addListTagFilter(section, "travelersOnly", "filter[travellers_filter]", "TRAVELLERS_ONLY");
addListTagFilter(section, "speakingMyLanguage", "filter[personal][speaks_my_languages]", "true");
}
function xhrApplyFilter(url, discover)
{
let [path, params] = decodeUrl(url);
let filter = packRadarFilter(params);
if (discover)
{
// Discover
if (!cfg.getDiscoverFilter())
return url;
}
else if ("filter[username]" in filter)
{
// Search (plain text only, #-prefixed text generates fulltext search).
if (!cfg.getSearchFilter())
return url;
}
else
{
// Radar
// Store Radar-only configurable parameters for Discover page.
function saveFilter(key)
{
if (filter[key])
radarFilter[key] = filter[key];
}
saveFilter("filter[personal][age][max]");
saveFilter("filter[personal][age][min]");
saveFilter("filter[personal][height][max]");
saveFilter("filter[personal][height][min]");
saveFilter("filter[personal][weight][max]");
saveFilter("filter[personal][weight][min]");
if (!cfg.getEnhancedFilter())
return url;
}
// Combine with custom parameters.
filter = { ...filter, ...radarFilter };
params = unpackRadarFilter(filter);
return encodeUrl(path, params);
}
css.add(`
/* enhanced radar filter */
.js-quick-filter
{
overflow-y: scroll;
}
/* restore bookmark icon color */
.ui-navbar__button--bookmarks .icon.icon-bookmark-outlined
{
color: #00bdff !important;
}
/* fix height of filter on mobile */
.sidebar .filter-container
{
height: unset !important;
}
`);
dom.on(`.js-quick-filter`, el =>
{
replaceFilterContainer(el.parentNode);
});
net.on("fetch:send", "GET /api/v4/profiles", e => e.url = xhrApplyFilter(e.url, true));
net.on("xhr:open", "GET /api/v4/hunqz/profiles", e => e.url = xhrApplyFilter(e.url));
net.on("xhr:open", "GET /api/v4/profiles", e => e.url = xhrApplyFilter(e.url));
net.on("xhr:open", "GET /api/v4/profiles/popular", e => e.url = xhrApplyFilter(e.url));
net.on("xhr:send", "PUT /api/v4/settings/interface/bluebird", e =>
{
// Changed filter.
const id = e.body.search_filter.id;
if (id)
radarFilter = cfg.getSavedRadarFilter(id);
const quickFilter = document.querySelector(".js-quick-filter")?.parentNode;
if (quickFilter)
replaceFilterContainer(quickFilter);
});
net.on("xhr:load", "DELETE /api/v4/search/filters/*", e =>
{
// Deleted filter.
const id = e.args[0];
cfg.setSavedRadarFilter(id);
});
net.on("xhr:load", "POST /api/v4/search/filters", e =>
{
// Created filter.
const id = e.body.id;
cfg.setSavedRadarFilter(id, radarFilter);
});
// ---- Tiles ----
const selTileDiscover = `section.js-content main > section > ul > li > a[href^="/profile/"]`; // li
const selTileRadarSmall = `div.js-search-results div.tile > div.reactView > a[href^="/profile/"]`; // div.tile (query first)
const selTileRadarLarge = `div.js-search-results div.tile--plus > div.reactView > a[href^="/profile/"]`; // div.search-results__item
const selTileRadarImage = `div.js-search-results div.tile > div.reactView > div.SMALL`; // div.tile
const selTileVisitors = `main#visitors a[href^="/profile/"]`; // li
const selTileVisited = `main#visited-grid a[href^="/profile/"]`; // li
const selTileLikes = `main#likers-list a[href^="/profile/"]`; // li
const selTileFriends = `section.js-profile-stats li > a[href^="/profile/"]`; // li
const selTileFriendsList = `main#friends-list li > a[href^="/profile/"]`; // li
const selTilePicLikes = `main#liked-by-list a[href^="/profile/"]`; // li
const selTileSearch = `div.js-results a[href^="/profile/"]`; // div.tile
const selTileActivity = `div.js-as-content div.tile a[href^="/profile/"]`; // div.listitem
function createTileMenu(el, username, removeOnHide, removeOnBlock)
{
const result = [
menu.item("search", "viewProfile", () => showProfilePreview(username)),
menu.item("hide-visit", "hideUser", () =>
{
cfg.setUserHidden(username, true);
if (removeOnHide)
el.style.display = "none";
}),
menu.item("illegal", "blockUser", () =>
{
const profileId = profileCache[username].id;
if (!profileId)
return false;
romeo.sendFetch("POST", "/api/v4/profiles/blocked", { profile_id: profileId, note: "" });
if (removeOnBlock)
el.style.display = "none";
}),
];
for (const ext of romeo.exts)
if (ext.appendTileMenu)
result.push(...ext.appendTileMenu(username));
return result;
}
css.add(`
/* fix jumping fade in mobile visitors/visits during load */
div.BIG::before, div.SMALL::before
{
inset: 60% 0px 0px !important;
}
/* tile description truncation */
.tile p[class^="SpecialText-"]
{
white-space: var(--tile-headline-white-space);
}
/* 2 friend list tile columns */
section.js-profile-stats ul, main#friends-list ul
{
grid-template-columns: 1fr 1fr;
}
.ra_tile_headline
{
color: rgb(255, 255, 255);
font-family: Inter, Helvetica, Arial, "Open Sans", sans-serif;
font-size: 0.8125rem;
font-weight: 400;
line-height: 1.23077;
overflow: hidden;
text-overflow: ellipsis;
text-shadow: rgba(0, 0, 0, 0.32) 0px 1px 1px, rgba(0, 0, 0, 0.42) 1px 1px 1px;
white-space: var(--tile-headline-white-space);
}
.ra_tile_tag_row
{
display: flex;
flex-wrap: wrap;
gap: 0.25rem;
margin-top: 0.25rem;
}
.ra_tile_tag
{
background-color: rgb(46, 46, 46);
border-radius: 2px;
box-shadow: rgba(0, 0, 0, 0.32) 0px 0px 1px, rgba(0, 0, 0, 0.24) 0px 0px 1px, rgba(0, 0, 0, 0.16) 0px 0px 3px;
color: rgba(255, 255, 255, 0.87);
font-family: Inter, Helvetica, Arial, "Open Sans", sans-serif;
font-size: 0.8125rem;
font-weight: 400;
line-height: 1.23077;
padding: 0px 2px;
}
.ra_tile_tag_new
{
color: rgb(0, 209, 0);
}
`);
dom.on([selTileDiscover, selTileRadarSmall, selTileVisitors, selTileVisited, selTileFriends, selTileFriendsList,
selTilePicLikes, selTileSearch].join(","), a =>
{
// Find profile cached for this tile.
const username = romeo.getUsernameFromHref(a.href);
const profile = profileCache[username];
if (!profile)
return;
// Add custom tags and headline.
let tagRow;
let tagClasses;
let tagNewClasses;
function addTag(text, isNew)
{
if (text)
dom.add(tagRow, `<span class="${isNew ? tagNewClasses : tagClasses}">${text}</span>`);
}
const inner = a.firstChild;
if (inner.classList.contains("BIG"))
{
// Find existing tag elements and classes.
const lastTag = a.querySelector(`div:last-child > span[class^="SpecialText-"]:last-child`);
if (!lastTag)
return;
tagRow = lastTag.parentNode;
tagClasses = lastTag.classList;
tagNewClasses = tagRow.firstChild.classList;
// Clear existing tags.
tagRow.replaceChildren();
}
else
{
const container = inner.lastChild;
// Create headline.
if (profile.headline)
dom.add(container, `<p class="ra_tile_headline">${profile.headline}</p>`);
// Create tag row.
tagRow = dom.add(container, `<div class="ra_tile_tag_row">`);
tagClasses = "ra_tile_tag";
tagNewClasses = tagClasses + " ra_tile_tag_new";
}
// Add tags.
if (tagNewClasses.value !== tagClasses.value)
addTag(str.get("new"), true);
const personal = profile.personal;
if (personal)
{
if (cfg.tileDetails.has("age")) addTag(personal.age);
if (cfg.tileDetails.has("bodyHair")) addTag(getProfileEnum("bodyHair", personal.body_hair));
if (cfg.tileDetails.has("height")) addTag(getProfileHeight(personal.height));
if (cfg.tileDetails.has("weight")) addTag(getProfileWeight(personal.weight));
if (cfg.tileDetails.has("bmi")) addTag(getProfileBmi(personal.height, personal.weight));
if (cfg.tileDetails.has("ageRange")) addTag(getProfileAgeRange(personal.target_age, true));
if (cfg.tileDetails.has("bodyType")) addTag(getProfileEnum("bodyType", personal.body_type));
if (cfg.tileDetails.has("ethnicity")) addTag(getProfileEnum("ethnicity", personal.ethnicity));
if (cfg.tileDetails.has("relationship")) addTag(getProfileEnum("relationship", personal.relationship));
if (cfg.tileDetails.has("smoker"))
{
if (personal.smoker === "YES")
addTag(str.get("smoker"));
else if (personal.smoker === "SOCIALLY")
addTag(str.get("socialSmoker"));
}
if (cfg.tileDetails.has("openTo") && personal.looking_for && personal.looking_for[0] !== "NO_ENTRY")
{
let text = "";
for (let openTo of personal.looking_for)
text += str.getEnum("openTo", openTo)[0];
addTag(text);
}
}
const sexual = profile.sexual;
if (sexual)
{
if (cfg.tileDetails.has("analPosition")) addTag(getProfileEnum("analPosition", sexual.anal_position));
if (cfg.tileDetails.has("dick")) addTag(getProfileDick(sexual.dick_size, sexual.concision));
if (cfg.tileDetails.has("saferSex")) addTag(getProfileEnum("saferSex", sexual.safer_sex));
if (cfg.tileDetails.has("dirty")) addTag(getProfileEnum("dirty", sexual.dirty_sex));
if (cfg.tileDetails.has("sm")) addTag(getProfileEnum("sm", sexual.sm));
if (cfg.tileDetails.has("fisting")) addTag(getProfileEnum("fisting", sexual.fisting));
}
});
dom.on(`img[src^="/img/usr/squarish/"][src$=".jpg"]`, el =>
{
if (cfg.getEnhancedImages())
{
const url = romeo.getImageUrl(el.src, 848);
el.src = url;
}
});
dom.on(`*[style^='background-image: url("/img/usr/squarish/'][style$='.jpg");']`, el =>
{
if (cfg.getEnhancedImages())
{
const url = romeo.getImageUrl(css.getStyleImageUrl(el.style.backgroundImage), 848);
el.style.backgroundImage = `url("${url}")`;;
}
});
menu.on(selTileDiscover, a =>
{
const el = a.closest("li");
const username = romeo.getUsernameFromHref(a.href);
menu.show(createTileMenu(el, username, true, true));
});
menu.on(selTileRadarLarge, a =>
{
const el = a.closest("div.tile--plus").parentNode;
const username = romeo.getUsernameFromHref(a.href);
menu.show(createTileMenu(el, username, true, true));
});
menu.on(selTileRadarSmall, a =>
{
const el = a.closest("div.tile");
const username = romeo.getUsernameFromHref(a.href);
menu.show(createTileMenu(el, username, true, true));
});
menu.on(selTileRadarImage, el =>
{
const imageUrl = romeo.getImageUrl(css.getStyleImageUrl(el.style.backgroundImage));
menu.show([
menu.item("search", "viewFullImage", () => showImagePreview(imageUrl)),
]);
});
menu.on([selTileVisitors, selTileVisited].join(","), a =>
{
const el = a.closest("li");
const username = romeo.getUsernameFromHref(a.href);
menu.show(createTileMenu(el, username, cfg.getHideVisits(), true));
});
menu.on([selTileFriends, selTileFriendsList].join(","), a =>
{
const el = a.closest("li");
const username = romeo.getUsernameFromHref(a.href);
menu.show(createTileMenu(el, username, cfg.getHideFriends(), false));
});
menu.on([selTileLikes, selTilePicLikes].join(","), a =>
{
const el = a.closest("li");
const username = romeo.getUsernameFromHref(a.href);
menu.show(createTileMenu(el, username, cfg.getHideLikes(), true));
});
menu.on(selTileSearch, a =>
{
const el = a.closest("div.tile");
const username = romeo.getUsernameFromHref(a.href);
menu.show(createTileMenu(el, username, true, true));
});
menu.on(selTileActivity, a =>
{
const el = a.closest("div.listitem");
const username = romeo.getUsernameFromHref(a.href);
menu.show(createTileMenu(el, username, cfg.getHideActivities(), true));
});
// ---- Messaging ----
css.add(`
/* message list truncation */
#messenger div[class^="TruncateBlock__Content-sc-"]
{
-webkit-line-clamp: var(--message-line-clamp);
}
`);
dom.on(`.js-send-region.layout-item > div`, el =>
{
el.addEventListener("keydown", e =>
{
// Prevent site event handler from sending message or typing notifications.
const enter = e.key === "Enter";
const send = enter && (cfg.getSendEnter() || e.ctrlKey);
const allow = send || cfg.getTypingNotifications() && !enter;
if (!allow)
e.stopPropagation();
}, true);
});
menu.on(".js-chat .reactView", el =>
{
// messages > message
const a = el.querySelector(`a[href^="/profile/"]`);
const username = romeo.getUsernameFromHref(a.href);
menu.show([
...createTileMenu(el, username, cfg.getHideMessages(), false),
menu.item("trashcan", "deleteUnread", async () =>
{
const partnerId = profileCache[username].id;
// Retrieve and delete all unread messages.
const deletes = [];
let firstRead;
for await (const item of romeo.getCursorItems("/api/v4/messages", [["filter[partner_id]", partnerId]]))
{
if (item.unread)
{
deletes.push(romeo.sendXhr("DELETE", `/api/v4/messages/${item.id}`));
}
else
{
firstRead = item;
break;
}
}
await Promise.allSettled(deletes);
// Show last read message or remove chat if none.
if (firstRead)
{
const textEl = el.querySelector(`p[class^="BaseText-sc-"]`);
textEl.style.color = "rgba(255, 255, 255, 0.6)";
textEl.innerHTML = item.text;
const newEl = el.querySelector(`a > div p[class^="SpecialText-sc-"]`);
newEl?.parentNode.remove();
}
else
{
el.remove();
}
})
]);
});
menu.on(".js-chat .reactView img", el =>
{
// messages > message > sent image
menu.show([
menu.item("search", "viewFullImage", () => showImagePreview(romeo.getImageUrl(el.src))),
]);
});
menu.on(".js-contacts .reactView", el =>
{
// contacts > contact
const a = el.querySelector(`a[href^="/profile/"]`);
const username = romeo.getUsernameFromHref(a.href);
menu.show(createTileMenu(el, username, cfg.getHideContacts(), false));
});
// ---- Albums ----
let changeProfilePic = false;
const picMonthIdStart = [
0x00000000, 0x00000000, 0x000076F1, 0x0000C0C2, 0x000113AC, 0x000193C7, 0x00022ADB, 0x0002E59B, 0x0003C274, 0x0004BDDA, 0x0005CB8F, 0x0006F792, // 2003
0x00083008, 0x0009E166, 0x000BC399, 0x000DC70D, 0x000FCAD1, 0x001219F5, 0x0014E794, 0x00180A61, 0x001B7A83, 0x001EEAAA, 0x0022A968, 0x0026AAF2, // 2004
0x002B6A0F, 0x00313036, 0x00367804, 0x003C4AE9, 0x00421A3C, 0x0048A2B6, 0x004F0BA9, 0x00563A9C, 0x005D4FF9, 0x00642853, 0x006BC702, 0x0072DC7C, // 2005
0x007A1D79, 0x0082636E, 0x0089C239, 0x00921763, 0x009AE5E4, 0x00A3F682, 0x00ACFDC3, 0x00B72E9E, 0x00C1E7A3, 0x00CB8A2A, 0x00D5C06A, 0x00DF62F9, // 2006
0x00E909CB, 0x00F428F1, 0x00FE1934, 0x0108EC16, 0x01141330, 0x011FFB48, 0x012B9597, 0x0137A3D7, 0x01436C46, 0x014EBA63, 0x015AEA4F, 0x01665B6D, // 2007
0x01721DF4, 0x017ECDD9, 0x018A872F, 0x0197CF93, 0x01A3FCA7, 0x01B1BB65, 0x01BF7FCA, 0x01CE211F, 0x01DD38F7, 0x01EB50F3, 0x01FA24CC, 0x02086E83, // 2008
0x0216E0EA, 0x0226DE08, 0x0234EDA5, 0x02552D86, 0x02677F82, 0x027AAE57, 0x028D8BA1, 0x02A17765, 0x02B5E176, 0x02C9ADB5, 0x02DD8AA7, 0x02F0DFE7, // 2009
0x0304F979, 0x031B4142, 0x032E6143, 0x0342C960, 0x0356CD19, 0x036CB4D8, 0x0381A103, 0x039883D7, 0x03B0829F, 0x03C679E3, 0x03DD820B, 0x03F432A3, // 2010
0x040AF127, 0x0423DDBB, 0x0439C102, 0x045272F4, 0x046B187C, 0x048570E5, 0x04A07AC1, 0x04BCDEC4, 0x04D9B4FA, 0x04F52906, 0x05120AF3, 0x052DF05D, // 2011
0x054A17B7, 0x0568A266, 0x0584C8A7, 0x05A2542C, 0x05C0B41B, 0x05DF82C6, 0x05FE3605, 0x061E623C, 0x063F4240, 0x065E2C95, 0x067E22B7, 0x069DBC58, // 2012
0x06C0432B, 0x06E65935, 0x0707D372, 0x072DF9EB, 0x0751CA91, 0x077860FB, 0x079C0F3E, 0x07C1E771, 0x07E86366, 0x080DA8CE, 0x0831EE79, 0x08558D00, // 2013
0x087B94B3, 0x08A21C54, 0x08C4F55C, 0x08EAC6FE, 0x09119CAA, 0x0939B66C, 0x0960B60A, 0x098A9925, 0x09B76F87, 0x09E01456, 0x0A0906C0, 0x0A305FC4, // 2014
0x0A80E9B2, 0x0ADAF553, 0x0B2947CE, 0x0B7D3B5D, 0x0BCF0D62, 0x0C24958C, 0x0C755B5B, 0x0CCD15D3, 0x0D23C304, 0x0D7376DC, 0x0DC5B8FB, 0x0E14171B, // 2015
0x0E6631A2, 0x0EBDF2C6, 0x0F0CE2EC, 0x0F607BF5, 0x0FB37151, 0x100AAF7E, 0x105E79ED, 0x10B8BBBF, 0x1115E3C6, 0x116AE5AC, 0x11BE74A4, 0x12120F48, // 2016
0x1267B822, 0x12C42272, 0x1315847B, 0x136E4BE0, 0x13C5FDBD, 0x141F2328, 0x147B0F3E, 0x14DDB823, 0x1541CB7A, 0x159E4A36, 0x1601FFF2, 0x16657140, // 2017
0x16CB8A49, 0x1734ECE1, 0x1792BE94, 0x17FA4016, 0x185EC78C, 0x18C964A2, 0x193230D2, 0x19A225BD, 0x1A12BD1E, 0x1A79217A, 0x1AE1E760, 0x1B4790FD, // 2018
0x1BB4F607, 0x1C23CE64, 0x1C84B186, 0x1CF2F646, 0x1D61D7F8, 0x1DDB56D8, 0x1E59A281, 0x1EDF03D3, 0x1F66D255, 0x1FE26F82, 0x205EC456, 0x20D2BDED, // 2019
0x21484431, 0x21C24BA6, 0x2230C76F, 0x22A6C5D6, 0x2312EBBD, 0x23844C83, 0x23F45E75, 0x246D38C1, 0x24EB9338, 0x255DC81A, 0x25D30C39, 0x264389A4, // 2020
0x26B9CB56, 0x2730F2C2, 0x279824A7, 0x28072E59, 0x2870B46C, 0x28E20CEE, 0x294EA8DA, 0x29BDFADB, 0x2A2F2276, 0x2A9872C3, 0x2B026A37, 0x2B6628B7, // 2021
0x2BCD3A33, 0x2C3819E9, 0x2C95C80F, 0x2CF66474, 0x2D57AFA7, 0x2DC0DF59, 0x2E28345D, 0x2E94DF63, 0x2F014A14, 0x2F63046C, 0x2FC3E3BE, 0x301FADA4, // 2022
0x307F54F1, 0x30E474F9, 0x313BDC54, 0x319A0106, 0x31F9240F, 0x3259674F, 0x32B90EF5, 0x3320EB2E, 0x3386B446, 0x33E585DA, 0x34460066, 0x34A0E6FC, // 2023
0x34FFEBB4, 0x35602515, 0x35B6161A, 0x360FC04F, 0x3669CD5F, 0x36CA77E2, 0x37290915, 0x378E4751, 0x37F576A3, 0x385137A2, 0x38AE3822, 0x39094260, // 2024
0x39675D6B, 0x39C57877, 0x3A1A781F, 0x3A7872C9, 0x3AD384B3, 0x3B319FBF, 0x3B8CB1AA, 0x3BEACCB5, 0x3C48E7C1, 0x3CA3F9AC, 0x3D023519, 0x3D5D4703, // 2025
];
function getPicMonthYear(url)
{
const token = url.substr(url.lastIndexOf("/") + 1, 8);
const id = parseInt(token, 16);
let i;
for (i = picMonthIdStart.length - 1; id < picMonthIdStart[i]; --i);
const year = 2003 + Math.trunc(i / 12);
const month = 1 + i % 12;
const future = i === picMonthIdStart.length;
return (future ? ">" : "") + formatYearMonth(year, month);
}
css.add(`
.ra_albumview_like
{
font-family: Inter, Helvetica, Arial, "Open Sans", sans-serif;
}
`);
dom.on(`[role='dialog'] > div > main > ul > li button[class^="TertiaryButton__Element-sc-"]`, el =>
{
const img = el.closest("li").querySelector("img");
const monthYear = getPicMonthYear(img.src);
dom.add(el.parentNode, `<p class="ra_albumview_like">${monthYear}</p>`, true);
});
dom.on(`div.ReactModal__Content main div > img[src^="/img/usr/original/"]`, img =>
{
const p = img.closest("main").querySelector(`p[class^="BaseText-sc-"]`);
const monthYear = getPicMonthYear(img.src);
p.innerHTML = monthYear + "<br />" + p.innerHTML;
});
dom.on(`li#picture_menu_set-as-main-profile-picture`, el =>
{
const button = el.querySelector("button");
// Only allow profile pic being changed when manually clicking this button.
button.parentNode.addEventListener("click", e => changeProfilePic = true, true);
});
net.on("xhr:send", "PUT /api/v4/profiles/me", e =>
{
// Prevent automatic profile picture change when rearranging pictures.
if (changeProfilePic)
changeProfilePic = false;
else if (e.body.preview_pic_id)
e.cancel = true;
});
// ---- Discover ----
net.on("fetch:recv", "GET /api/content/bluebird/startpages", e =>
{
if (!cfg.getDiscoverBanners())
for (const item of e.body)
if (item.blogposts)
item.blogposts = [];
});
net.on("fetch:recv", "GET /api/v4/groups", e =>
{
if (!cfg.getDiscoverGroups() && e.url.includes("seed=popular-"))
{
e.body.cursors = {};
e.body.items = [];
e.body.items_total = 0;
}
});
// ---- Settings ----
function openSettingsPane()
{
// Open pane.
const layerContent = document.querySelector("#offcanvas-nav > .js-layer-content");
layerContent.classList.add("is-open");
// Create UI.
const pane = layerContent.querySelector(".js-side-content");
pane.replaceChildren();
const p = dom.add(pane, `
<div class="layout layout--vertical layout--consume">
<div class="layout-item layout-item--consume layout layout--vertical">
<div class="js-header layout-item l-hidden-md-lg">
<div class="layer-header layer-header--primary">
<a class="back-button l-hidden-md-lg l-tappable js-back marionette" href="/me">
<span class="js-back-icon icon icon-back icon-large"></span>
</a>
<div class="layer-header__title">
<h2>${GM_info.script.name}</h2>
</div>
</div>
</div>
<div class="layout-item settings__navigation p l-hidden-sm">
<div class="js-title typo-section-navigation">${GM_info.script.name}</div>
</div>
<div class="layout-item layout-item--consume">
<div class="js-content js-scrollable fit scrollable">
<div id="ra_settings_p" class="p"></div>
</div>
</div>
</div>
</div>`).querySelector("#ra_settings_p");
function addSection(title)
{
return dom.add(p, `
<div class="settings__key">
<div>
<span>${str.get(title)}</span>
</div>
<div class="separator separator--alt separator--narrow [ mb ] "></div>
</div>`);
}
function addCheckbox(section, text, desc)
{
const input = dom.add(section, `
<div class="layout layout--v-center">
<div class="layout-item [ 6/12--sm ]">
<span>${str.get(text)}</span>
</div>
<div class="layout-item [ 6/12--sm ]">
<div class="js-toggle-show-headlines pull-right">
<div>
<span class="ui-toggle ui-toggle--default ui-toggle--right">
<input class="ui-toggle__input" type="checkbox" id="ra_${text}">
<label class="ui-toggle__label" for="ra_${text}" style="touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></label>
</span>
</div>
</div>
</div>
</div>`).querySelector("input");
if (desc)
{
dom.add(section, `
<div>
<div class="settings__description">${str.get(desc)}</div>
</div>`);
}
return input;
}
function addNumber(section, text, min, max)
{
return dom.add(section, `
<div class="layout layout--v-center">
<div class="layout-item [ 6/12--sm ] mv-">
<span>${str.get(text)}</span>
</div>
<div class="layout-item [ 6/12--sm ] mv-">
<input class="input input--block" type="number" min="${min}" max="${max}"/>
</div>
</div>`).querySelector("input");
}
function addTagList(section)
{
return dom.add(section, `
<div class="mv js-grid-stats-selector">
<div>
<ul class="js-list tags-list tags-list--centered"/>
</div>
</div>`).querySelector("ul");
}
function addTag(ul, tag, text, selected, change)
{
const li = dom.add(ul, `
<li class="tags-list__item">
<a class="js-tag ui-tag ui-tag--removable" href="#">
<span class="ui-tag__label">${text}</span>
</a>
</li>`);
const a = li.querySelector("a");
if (selected)
a.classList.add("ui-tag--selected");
li.addEventListener("click", e =>
{
e.preventDefault();
if (a.classList.contains("ui-tag--selected"))
{
change({ tag: tag, checked: false });
a.classList.remove("ui-tag--selected");
}
else
{
change({ tag: tag, checked: true });
a.classList.add("ui-tag--selected");
}
});
}
// Add discover section.
const discoverSection = addSection("discover");
const discoverBanners = addCheckbox(discoverSection, "discoverBanners", "discoverBannersDesc");
discoverBanners.checked = cfg.getDiscoverBanners();
discoverBanners.addEventListener("change", e => cfg.setDiscoverBanners(e.target.checked));
const discoverFilter = addCheckbox(discoverSection, "discoverFilter", "discoverFilterDesc");
discoverFilter.checked = cfg.getDiscoverFilter();
discoverFilter.addEventListener("change", e => cfg.setDiscoverFilter(e.target.checked));
const discoverGroups = addCheckbox(discoverSection, "discoverGroups", "discoverGroupsDesc");
discoverGroups.checked = cfg.getDiscoverGroups();
discoverGroups.addEventListener("change", e => cfg.setDiscoverGroups(e.target.checked));
// Add filter section.
const filterSection = addSection("filter");
const enhancedFilter = addCheckbox(filterSection, "enhancedFilter", "enhancedFilterDesc");
enhancedFilter.checked = cfg.getEnhancedFilter();
enhancedFilter.addEventListener("change", e => cfg.setEnhancedFilter(e.target.checked));
const searchFilter = addCheckbox(filterSection, "searchFilter", "searchFilterDesc");
searchFilter.checked = cfg.getSearchFilter();
searchFilter.addEventListener("change", e => cfg.setSearchFilter(e.target.checked));
// Add tiles section.
const tilesSection = addSection("tiles");
const enhancedTiles = addCheckbox(tilesSection, "enhancedTiles", "enhancedTilesDesc");
enhancedTiles.checked = cfg.getEnhancedTiles();
enhancedTiles.addEventListener("change", e => cfg.setEnhancedTiles(e.target.checked));
const enhancedImages = addCheckbox(tilesSection, "enhancedImages", "enhancedImagesDesc");
enhancedImages.checked = cfg.getEnhancedImages();
enhancedImages.addEventListener("change", e => cfg.setEnhancedImages(e.target.checked));
const fullHeadlines = addCheckbox(tilesSection, "fullHeadlines", "fullHeadlinesDesc");
fullHeadlines.checked = cfg.getFullHeadlines();
fullHeadlines.addEventListener("change", e => cfg.setFullHeadlines(e.target.checked));
const tileCount = addNumber(tilesSection, "tileCount", 0, 10);
tileCount.value = cfg.getTileCount();
tileCount.addEventListener("change", e => cfg.setTileCount(parseInt(e.target.value)));
const tileDetailsList = addTagList(tilesSection, "tileDetailsList");
for (const tileDetail of ["age", "height", "weight", "bmi", "smoker", "ageRange",
"bodyHair", "bodyType", "ethnicity", "relationship", "analPosition",
"dick", "saferSex", "dirty", "sm", "fisting", "openTo"])
{
addTag(tileDetailsList, tileDetail, str.get(tileDetail), cfg.tileDetails.has(tileDetail), e => cfg.setTileDetail(e.tag, e.checked));
}
// Add messages section.
const messagesSection = addSection("messages");
const systemMessages = addCheckbox(messagesSection, "systemMessages", "systemMessagesDesc");
systemMessages.checked = cfg.getSystemMessages();
systemMessages.addEventListener("change", e => setSystemMessages(e.target.checked));
const fullMessages = addCheckbox(messagesSection, "fullMessages", "fullMessagesDesc");
fullMessages.checked = cfg.getFullMessages();
fullMessages.addEventListener("change", e => cfg.setFullMessages(e.target.checked));
const typingNotifications = addCheckbox(messagesSection, "typingNotifications", "typingNotificationsDesc");
typingNotifications.checked = cfg.getTypingNotifications();
typingNotifications.addEventListener("change", e => cfg.setTypingNotifications(e.target.checked));
const sendEnter = addCheckbox(messagesSection, "sendEnter", "sendEnterDesc");
sendEnter.checked = cfg.getSendEnter();
sendEnter.addEventListener("change", e => cfg.setSendEnter(e.target.checked));
// Add hidden users section.
const hiddenUsersSection = addSection("hiddenUsers");
const hideMessages = addCheckbox(hiddenUsersSection, "hideMessages");
hideMessages.checked = cfg.getHideMessages();
hideMessages.addEventListener("change", e => cfg.setHideMessages(e.target.checked));
const hideContacts = addCheckbox(hiddenUsersSection, "hideContacts");
hideContacts.checked = cfg.getHideContacts();
hideContacts.addEventListener("change", e => cfg.setHideContacts(e.target.checked));
const hideVisits = addCheckbox(hiddenUsersSection, "hideVisits");
hideVisits.checked = cfg.getHideVisits();
hideVisits.addEventListener("change", e => cfg.setHideVisits(e.target.checked));
const hideLikes = addCheckbox(hiddenUsersSection, "hideLikes");
hideLikes.checked = cfg.getHideLikes();
hideLikes.addEventListener("change", e => cfg.setHideLikes(e.target.checked));
const hideFriends = addCheckbox(hiddenUsersSection, "hideFriends");
hideFriends.checked = cfg.getHideFriends();
hideFriends.addEventListener("change", e => cfg.setHideFriends(e.target.checked));
const hideActivities = addCheckbox(hiddenUsersSection, "hideActivities");
hideActivities.checked = cfg.getHideActivities();
hideActivities.addEventListener("change", e => cfg.setHideActivities(e.target.checked));
const inMinAge = addNumber(hiddenUsersSection, "minAge", 18, 99);
const inMaxAge = addNumber(hiddenUsersSection, "maxAge", 18, 99);
let minAge = cfg.getHiddenMinAge();
let maxAge = cfg.getHiddenMaxAge();
inMinAge.value = minAge;
inMaxAge.value = maxAge;
inMinAge.addEventListener("change", e =>
{
minAge = parseInt(e.target.value);
cfg.setHiddenMinAge(minAge);
if (minAge > maxAge)
{
maxAge = minAge;
cfg.setHiddenMaxAge(maxAge);
inMaxAge.val(maxAge);
}
});
inMaxAge.addEventListener("change", e =>
{
maxAge = parseInt(e.target.value);
cfg.setHiddenMaxAge(maxAge);
if (maxAge < minAge)
{
minAge = maxAge;
cfg.setHiddenMinAge(minAge);
inMinAge.val(minAge);
}
});
list.create(hiddenUsersSection, {
onGet: () => Array.from(cfg.getHiddenUsers()).sort(Intl.Collator().compare),
onAdd: e => cfg.setUserHidden(e, true),
onRemove: e => cfg.setUserHidden(e, false)
});
// Add debug section.
if (romeo.debug())
{
const debugSection = addSection("debug");
const btUnblockAll = dom.add(debugSection, `<button type="button">Unblock all</button>`);
btUnblockAll.addEventListener("click", async e =>
{
const ids = [];
for await (const item of romeo.getCursorItems("/api/v4/profiles/blocked", [["length", 100]]))
ids.push(item.id);
for (const id of ids)
await romeo.sendXhr("DELETE", `/api/v4/contacts/${id}`);
});
}
}
dom.on(`li.js-settings > div.accordion > ul.js-list`, el =>
{
// Add extension menu item.
const linkClass = el.querySelector("a").className;
const link = dom.add(el, `
<li>
<div>
<a class="${linkClass}" href="/me/romeoadditions">${GM_info.script.name}</a>
</div>
</li>`);
link.addEventListener("click", e =>
{
if (link.classList.contains("is-selected"))
{
link.classList.remove("is-selected");
}
else
{
link.classList.add("is-selected");
setTimeout(() => openSettingsPane()); // delayed execution to force open panel
}
});
// Deselect menu item if others are clicked.
for (const linkOther of el.querySelectorAll("li"))
if (linkOther !== link)
linkOther.addEventListener("click", e => link.classList.remove("is-selected"));
});
dom.on(`#offcanvas-nav > .js-layer-content > main > div.layout > div.reactView--autoHeight > p[class^="MiniText-sc-"]`, el =>
{
el.innerHTML += `<a class="marionette" style="display:block" href="${GM_info.script.downloadURL}" target="blank">${GM_info.script.name} ${GM_info.script.version}</a>`;
});
// ---- Init ----
initPreviews();
for (const ext of romeo.exts)
ext.init();