☰

Sleazy Fork is available in English.

Analvids/LegalPorno Enhancer

Adds extra functionality to Analvids (Formerly known as LegalPorno) and Pornbox. Easily filter out unwanted categories. Also adds tags on top of every scene.

Versión del día 18/07/2021. Echa un vistazo a la versión más reciente.

  1. // ==UserScript==
  2. // @name        Analvids/LegalPorno Enhancer
  3. // @namespace   https://www.analvids.com/forum/viewtopic.php?f=96&t=24238
  4. // @description Adds extra functionality to Analvids (Formerly known as LegalPorno) and Pornbox. Easily filter out unwanted categories. Also adds tags on top of every scene.
  5. // @match       http*://*.analvids.com/*
  6. // @match       http*://analvids.com/*
  7. // @exclude     http*://*analvids.com/forum/*
  8. // @exclude     http*://account.analvids.com/*
  9. // @match       https://*pornbox.com/*
  10. // @version     1.2.12
  11. // @grant       GM_getValue
  12. // @grant       GM_setValue
  13. // @grant       GM_addStyle
  14. // @run-at      document-start
  15. // ==/UserScript==
  16.  
  17. const is_lp = !!window.location.href.match(/analvids/);
  18.  
  19. let glo_filters = {
  20.   studios: {
  21.     'Gonzo.com': true,
  22.     'Giorgio Grandi': true,
  23.     'Interracial Vision': true,
  24.     'American Anal': true,
  25.     "Giorgio's Lab": true,
  26.     Focus: true,
  27.     Assablanca: true,
  28.     'Mr Anal': true,
  29.     'Porn World': true,
  30.     'Girls Gone Wild': true,
  31.     'Kinky Sex': true,
  32.     Private: true,
  33.     'Mixed studios': true,
  34.     'Outside the Studio': true,
  35.   },
  36.   categories: {
  37.     Piss: true,
  38.     'Piss Drink': true,
  39.     Fisting: true,
  40.     Prolapse: true,
  41.     Shemale: true,
  42.   },
  43. };
  44.  
  45. const studio_colors = {
  46.   'Gonzo.com': { bg: '#cd0000', text: '#fff' },
  47.   'Giorgio Grandi': { bg: '#693180', text: '#fff' },
  48.   'Interracial Vision': { bg: '#242424', text: '#e6e6e6' },
  49.   'American Anal': { bg: '#b45219', text: '#fffa78' },
  50.   "Giorgio's Lab": { bg: '#206d04', text: '#fff' },
  51.   'Kinky Sex': { bg: '#000', text: '#fff' },
  52.   'NRX-Studio': {bg: '#e8c459', text: "#000000ab"},
  53.   'N&F studio': {bg: "#1091c4", text: "#fff"},
  54.   'Yummy Estudio': {bg: "#009B3A", text: "#FEDF00"}
  55. };
  56.  
  57. // Uncomment the following line to reset global filters
  58. // GM_setValue('user_filters', JSON.stringify(glo_filters));
  59.  
  60. validateUserFilters = (filters) => {
  61.   if (!filters.studios || !filters.categories) return false;
  62.   if (
  63.     Object.keys(filters.studios).length !==
  64.     Object.keys(glo_filters.studios).length
  65.   )
  66.     return false;
  67.   if (
  68.     Object.keys(filters.categories).length !==
  69.     Object.keys(glo_filters.categories).length
  70.   )
  71.     return false;
  72.   if (
  73.     Object.keys(filters.categories)
  74.       .sort()
  75.       .some(
  76.         (val, idx) => val !== Object.keys(glo_filters.categories).sort()[idx]
  77.       )
  78.   )
  79.     return false;
  80.   if (
  81.     Object.keys(filters.studios)
  82.       .sort()
  83.       .some((val, idx) => val !== Object.keys(glo_filters.studios).sort()[idx])
  84.   )
  85.     return false;
  86.   return true;
  87. };
  88.  
  89. try {
  90.   const user_config = GM_getValue('user_filters');
  91.   if (!user_config)
  92.     throw new Error('No user filters found. Using default ones.');
  93.   user_filters = JSON.parse(user_config);
  94.   if (!validateUserFilters(user_filters))
  95.     throw new Error('Invalid user settings.');
  96.   glo_filters = user_filters;
  97. } catch (e) {}
  98.  
  99. const studios = {
  100.   Interracial: 'Interracial Vision',
  101.   'Hard Porn World': 'Porn World',
  102. };
  103.  
  104. const icon_categories = {
  105.   interracial: 'IR',
  106.   'double anal (DAP)': 'DAP',
  107.   fisting: 'Fisting',
  108.   prolapse: 'Prolapse',
  109.   transsexual: 'Shemale',
  110.   trans: 'Shemale',
  111.   'triple anal (TAP)': 'TAP',
  112.   piss: 'Piss',
  113.   squirting: 'Squirt',
  114.   '3+ on 1': '3+on1',
  115.   'double vaginal (DPP)': 'DPP',
  116.   'first time': '1st',
  117.   'triple penetration': 'TP',
  118.   '0% pussy': '0% Pussy',
  119.   'cum swallowing': 'Cum Swallow',
  120.   'piss drinking': 'Piss Drink',
  121.   'anal creampies': 'Anal Creampie',
  122.   '1 on 1': '1on1',
  123.   milf: 'Milf',
  124.   'facial cumshot': 'Facial',
  125. };
  126.  
  127. GM_addStyle(`
  128. .hiddenScene {
  129.   display: none !important;
  130. }
  131.  
  132. .hide_element {
  133.   display: none !important;
  134. }
  135.  
  136. .thumbnail-duration {
  137.   top: 0 !important;
  138.   right: 0 !important;
  139.   left: unset !important;
  140.   bottom: unset !important;
  141.   margin: 5px !important;
  142. }
  143.  
  144. .enhanced_categories_container {
  145.   width: 100%;
  146.   display: flex;
  147.   flex-wrap: wrap-reverse;
  148.   position: absolute;
  149.   bottom:0; left: 0;
  150.   z-index: 3;
  151.   padding: 3px 5px;
  152. }
  153.  
  154. .enchanced_icon {
  155.   border-radius: 3px;
  156.   background-color: #616161;
  157.   color: #eee;
  158.   opacity: 0.9;
  159.   padding: 2px 7px;
  160.   margin-right: 2px;
  161.   margin-top: 2px;
  162.   font-size: 13px;
  163. }
  164.  
  165. .enhanced--studio {
  166.   position: absolute;
  167.   top: 0;
  168.   left: 0;
  169.   z-index: 3;
  170.   display: flex;
  171.   margin: 4px 6px;
  172. }
  173.  
  174. .enhanced--studio {
  175.   background-color: #a76523c9;
  176.   border-radius: 3px;
  177.   padding: 2px 7px;
  178.   color: white;
  179.   text-shadow: 1px 1px #00000080;
  180.   font-size: 12px;
  181.   margin-right: 4px;
  182. }
  183.  
  184. .enhanced_views_label {
  185.   position: absolute;
  186.   top: 28px;
  187.   right: 5px;
  188.   font-size: 11px;
  189.   display: flex;
  190. }
  191.  
  192. .enhanced--views {
  193.   background-color: rgba(102,102,102,0.6);
  194.   padding: 2px 6px;
  195.   border-radius: 3px;
  196.   color: #fff;
  197.   display: flex;
  198.   height: 100%;
  199.   align-items: center;
  200.   justify-content: center;
  201. }
  202.  
  203. .enhanced--views > i {
  204.   margin-right: 5px;
  205. }
  206.  
  207. .item__img:hover > div {
  208.   display: none;
  209. }
  210.  
  211. .item__img-labels-bottom {
  212.   top: 3px;
  213.   right: 3px;
  214.   left: unset;
  215.   bottom: unset;
  216.   display: flex
  217. }
  218.  
  219. .img-label {
  220.   margin-top: unset;
  221.   margin-left: 2px;
  222. }
  223.  
  224. .item__img-labels {
  225.   display: flex;
  226.   flex-direction: row-reverse;
  227.   left: unset;
  228.   right: 3px;
  229.   top: 23px;
  230. }
  231.  
  232. /* Filter Css Begin */
  233. .filters_container_lp {
  234.   margin-left: -15px;
  235.   margin-right: -15px;
  236. }
  237.  
  238. .filters_container--main {
  239.   width: 100%;
  240.   display: flex;
  241.   justify-content: center;
  242.   background: linear-gradient(
  243.     0deg,
  244.     #babcbc 0%,
  245.     #dfe1e1 2%,
  246.     #dfe1e1 98%,
  247.     #babcbc 100%
  248.   );
  249. }
  250.  
  251. .filters_card {
  252.   margin: 0 25px;
  253.   padding-bottom: 15px;
  254.   display: flex;
  255.   flex-direction: column;
  256.   align-items: center;
  257.   position: relative;
  258. }
  259.  
  260. .filters_selections {
  261.   display: grid;
  262.   grid-template-columns: repeat(2, 1fr);
  263. }
  264.  
  265. .filters--divider {
  266.   width: 1px;
  267.   background-color: rgb(0, 0, 0, 0.25);
  268.   height: 50px;
  269.   margin-top: 15px;
  270.   align-self: center;
  271. }
  272.  
  273. .filters--selection {
  274.   padding: 1px 10px 0 0;
  275.   min-width: 140px;
  276.   display: flex;
  277.   align-items: center;
  278. }
  279.  
  280. .filters--selection > label,
  281. .filters--selection > input[type="checkbox"] {
  282.   margin: 0 2px 0 0;
  283.   font-weight: bold;
  284. }
  285.  
  286. .fitlers--header {
  287.   padding: 5px 0 5px 0;
  288.   align-self: center;
  289.   font-weight: bold;
  290. }
  291.  
  292. .enhanced_toggle {
  293.   background: -webkit-linear-gradient(
  294.     top,
  295.     #a9a9a9 0%,
  296.     #d97575 5%,
  297.     #563434 100%
  298.   ) !important;
  299.   // height: 100%;
  300.   border: 1px solid #722424 !important;
  301.   color: white;
  302.   padding: 7px 11px;
  303.   font-weight: 700;
  304.   border: none !important;
  305.   }
  306.  
  307. .enhanced_toggle_pb {
  308.   height: 100%;
  309.   padding: 7px 11px;
  310.   border-radius: 300px;
  311.   position: absolute;
  312.   margin-left: 4px;
  313. }
  314.  
  315. .enhanced_toggle_lp {
  316.   border-radius: 200px;
  317.   margin-left: 4px;
  318. }
  319.  
  320. .enhanced_toggle:hover {
  321.   cursor: pointer;
  322. }
  323.  
  324. .enhanced_toggle > i {
  325.   font-size: 12px;
  326. }
  327. /* Filter Css End */
  328.  
  329. .enhanced--sort {
  330.   display: grid;
  331.   grid-template-columns: 1fr 1fr;
  332.   justify-items: center;
  333.   grid-gap: 2px;
  334.   position: absolute;
  335.  
  336.   top: -4px;
  337.   right: 210px;
  338. }
  339.  
  340. .enhanced--sort--navbar {
  341.   right: 25px;
  342.   top: 6px;
  343. }
  344.  
  345. .enhanced--sort > span {
  346.   grid-column-end: span 2;
  347.   color: #fff;
  348.   
  349. }
  350.  
  351. .enhanced--sort > button {
  352.   width: 70px;
  353.   height: 23px;
  354.   justify-content: center;
  355.   align-items: center;
  356.   text-align: center;
  357.   padding: 0;
  358.   margin: 0;
  359. }
  360.  
  361. .page-section {
  362.   position: relative !important;
  363. }
  364. `);
  365.  
  366. const getSceneInfo = (scene) => {
  367.   const info = {
  368.     studio: null,
  369.     categories: null,
  370.     date: null,
  371.     views: null,
  372.   };
  373.  
  374.   info.studio = scene.querySelector('.rating-studio-name, a[href^="#studio/"]');
  375.   info.studio = info.studio ? info.studio.innerText : null;
  376.   if (studios[info.studio]) {
  377.     info.studio = studios[info.studio];
  378.   }
  379.   info.categories = [...scene.querySelectorAll('a[href*="niche/"]')]
  380.     .filter((cat) => cat.innerText && icon_categories[cat.innerText])
  381.     .map((cat) => icon_categories[cat.innerText])
  382.     .sort();
  383.   // info.categories = info.categories.filter(
  384.   //   cat => !(cat === 'Piss' && info.categories.includes('Piss Drink'))
  385.   // );
  386.   info.categories = Array.from(new Set(info.categories));
  387.  
  388.   const views = scene.querySelector('.rating-views');
  389.   const date = scene.querySelector('.glyphicon-calendar');
  390.  
  391.   if (views) {
  392.     info.views = parseInt(views.innerText.replace('VIEWS:', '').trim(), 10);
  393.   }
  394.   if (date) {
  395.     try {
  396.       info.date = new Date(
  397.         date.parentElement.innerText.replace('RELEASE:', '').trim()
  398.       );
  399.     } catch (e) {}
  400.   }
  401.  
  402.   return info;
  403. };
  404.  
  405. const formatViews = (n) => {
  406.   if (n >= 1e3 && n < 1e6) return +(n / 1e3).toFixed(0) + 'k';
  407.   if (n >= 1e6 && n < 1e9) return +(n / 1e6).toFixed(0) + 'm';
  408.   if (n >= 1e9 && n < 1e12) return +(n / 1e9).toFixed(0) + 'b';
  409.   // if (n >= 1e12) return +(n / 1e12).toFixed(1) + "T";
  410.   return n;
  411. };
  412.  
  413. const enhanceScene = (scene) => {
  414.   // Remove icons from thumnail. ("4k" and "new")
  415.   const icons = scene.querySelectorAll('.icon, .thumbnail-price');
  416.   for (const icon of icons) {
  417.     icon.classList.add('hide_element');
  418.   }
  419.  
  420.   const { studio, categories, views, date } = getSceneInfo(scene);
  421.  
  422.   if (studio) {
  423.     const studioLabel = document.createElement('div');
  424.     studioLabel.classList.add('enhanced--studio');
  425.     studioLabel.innerHTML = studio;
  426.  
  427.     if (studio_colors[studio]) {
  428.       studioLabel.style = `
  429.       background-color: ${studio_colors[studio]['bg']}; color: ${studio_colors[studio]['text']};
  430.       `;
  431.     }
  432.  
  433.     if (views) {
  434.       const viewsLabel = document.createElement('div');
  435.       viewsLabel.innerHTML = `
  436.       <div class='enhanced--views'><i class='fa fa-eye'></i>${formatViews(
  437.         views
  438.       )}</div>`;
  439.       viewsLabel.classList.add('enhanced_views_label');
  440.       if (scene.querySelector('.thumbnail-image')) {
  441.         scene.querySelector('.thumbnail-image').appendChild(viewsLabel);
  442.       }
  443.     }
  444.  
  445.     // studioLabel.classList.add('enhanced_title_tags');
  446.     scene
  447.       .querySelector('.thumbnail-image, .item__img')
  448.       .appendChild(studioLabel);
  449.   }
  450.   if (categories.length) {
  451.     const cat_div = document.createElement('div');
  452.     cat_div.classList.add('enhanced_categories_container');
  453.     for (const cat of categories) {
  454.       const icon = document.createElement('div');
  455.       icon.classList.add('enchanced_icon');
  456.       icon.innerHTML = cat;
  457.       cat_div.appendChild(icon);
  458.     }
  459.  
  460.     if (scene.querySelector('.thumbnail-image, .item__img')) {
  461.       scene.querySelector('.thumbnail-image, .item__img').appendChild(cat_div);
  462.     }
  463.   }
  464. };
  465.  
  466. const isSceneFiltered = (scene) => {
  467.   const { studio, categories, views, date } = getSceneInfo(scene);
  468.  
  469.   for (const key of Object.keys(glo_filters.studios)) {
  470.     if (studio && studio.includes(key) && !glo_filters.studios[key])
  471.       return true;
  472.   }
  473.  
  474.   for (const key of Object.keys(glo_filters.categories)) {
  475.     if (categories && categories.includes(key) && !glo_filters.categories[key])
  476.       return true;
  477.   }
  478.  
  479.   return false;
  480. };
  481.  
  482. const filterScene = (scene) => {
  483.   if (isSceneFiltered(scene)) {
  484.     scene.classList.add('hiddenScene');
  485.   }
  486. };
  487.  
  488. const updateFilters = () => {
  489.   GM_setValue('user_filters', JSON.stringify(glo_filters));
  490.   const scenes = document.querySelectorAll('.thumbnail, .block-item');
  491.   for (const scene of scenes) {
  492.     if (scene.classList.contains('hiddenScene'))
  493.       scene.classList.remove('hiddenScene');
  494.     filterScene(scene);
  495.   }
  496. };
  497.  
  498. const createFilterElement = () => {
  499.   const { studios, categories } = glo_filters;
  500.  
  501.   const studioHtml = Object.keys(studios).reduce(
  502.     (acc, studio) =>
  503.       (acc += `<div class="filters--selection">
  504.       <input type="checkbox" name="studios" id="${studio}"
  505.       ${studios[studio] ? 'checked="checked"' : ''}
  506.       />
  507.       <label for="${studio}">${studio}</label>
  508.     </div>`),
  509.     ''
  510.   );
  511.  
  512.   const categoriesHtml = Object.keys(categories).reduce(
  513.     (acc, cat) =>
  514.       (acc += `<div class="filters--selection">
  515.       <input type="checkbox" name="categories" id="${cat}"
  516.       ${categories[cat] ? 'checked="checked"' : ''}
  517.       />
  518.       <label for="${cat}">${cat}</label>
  519.     </div>`),
  520.     ''
  521.   );
  522.  
  523.   const form = document.createElement('form');
  524.   form.classList.add('filters_container', 'hide_element');
  525.   if (is_lp) form.classList.add('filters_container_lp');
  526.   form.innerHTML = `<div class="filters_container--main">
  527.     <div class="filters_card">
  528.       <div class="fitlers--header">Studios:</div>
  529.       <div class="filters_selections">
  530.         ${studioHtml}
  531.       </div>
  532.     </div>
  533.     <!--  -->
  534.     <div class="filters--divider"></div>
  535.     <!--  -->
  536.     <div class="filters_card">
  537.       <div class="fitlers--header">Categories:</div>
  538.       <div class="filters_selections">
  539.         ${categoriesHtml}
  540.       </div>
  541.     </div>
  542.     </div>`;
  543.  
  544.   form.addEventListener('change', (e) => {
  545.     glo_filters[e.target.name][e.target.id] = e.target.checked;
  546.     updateFilters();
  547.   });
  548.  
  549.   const lp_header = document.querySelector('.header');
  550.   const pb_header = document.querySelector('#wrap-container');
  551.  
  552.   if (lp_header) lp_header.insertBefore(form, lp_header.childNodes[2]);
  553.   if (pb_header) pb_header.insertBefore(form, pb_header.childNodes[0]);
  554.   createFilterToggle();
  555. };
  556.  
  557. const createFilterToggle = () => {
  558.   const toggleFilterBtn = document.createElement('button');
  559.   toggleFilterBtn.classList.add('enhanced_toggle');
  560.   toggleFilterBtn.classList.add(`enhanced_toggle_${is_lp ? 'lp' : 'pb'}`);
  561.  
  562.   toggleFilterBtn.innerHTML = `<i class="fa fa-filter"></i>`;
  563.  
  564.   toggleFilterBtn.addEventListener('click', () => {
  565.     const filters_container = document.querySelector('.filters_container');
  566.     if (filters_container) {
  567.       filters_container.classList.toggle('hide_element');
  568.     }
  569.   });
  570.  
  571.   const search_container = document.querySelector(
  572.     '.nav-search-container, .header-block:nth-of-type(3)'
  573.   );
  574.   is_lp ? (search_container.style = 'display: flex;') : null;
  575.   search_container.appendChild(toggleFilterBtn);
  576. };
  577.  
  578. const callback = (mutationsList) => {
  579.   for (let mutation of mutationsList) {
  580.     for (const node of mutation.addedNodes) {
  581.       if (node.nodeType === 1) {
  582.         if (node.nodeName === 'DIV') {
  583.           if (
  584.             node.classList.contains('block-item') ||
  585.             node.classList.contains('thumbnail')
  586.           ) {
  587.             enhanceScene(node);
  588.             filterScene(node);
  589.           }
  590.         }
  591.       }
  592.     }
  593.   }
  594. };
  595.  
  596. const config = { childList: true, subtree: true, attributes: true };
  597. const observer = new MutationObserver(callback);
  598. observer.observe(window.document, config);
  599.  
  600. const sortScenes = ({ date = false, views = false, asc = true } = {}) => {
  601.   const node = document.querySelector('.thumbnails');
  602.   [...node.children]
  603.     .sort((a, b) => {
  604.       const infoA = getSceneInfo(a);
  605.       const infoB = getSceneInfo(b);
  606.  
  607.       let order = -1;
  608.  
  609.       if (date) {
  610.         order = infoA.date > infoB.date ? -1 : 1;
  611.       } else if (views) {
  612.         order = infoA.views > infoB.views ? -1 : 1;
  613.       } else {
  614.         order = 0;
  615.       }
  616.  
  617.       if (a.classList.contains('button--load-more')) return 0;
  618.       if (b.classList.contains('button--load-more')) return 0;
  619.  
  620.       return !asc ? order : order * -1;
  621.     })
  622.     .map((scene) => {
  623.       node.appendChild(scene);
  624.       node.appendChild(document.createTextNode(' '));
  625.     });
  626. };
  627.  
  628. const sortBtns = () => {
  629.   const sortDiv = document.createElement('div');
  630.   sortDiv.classList.add('enhanced--sort');
  631.   sortDiv.innerHTML = `
  632.   <span>Sort By:</span>
  633.   <button asc="false">Date</button>
  634.   <button asc="false">Views</button>
  635.   `;
  636.  
  637.   sortDiv.addEventListener('click', (e) => {
  638.     if (e.target.tagName === 'BUTTON') {
  639.       const asc = e.target.getAttribute('asc') === 'true';
  640.       e.target.setAttribute('asc', !asc);
  641.       const sortObj = { asc };
  642.       sortObj[e.target.innerText.toLowerCase()] = true;
  643.       sortScenes(sortObj);
  644.     }
  645.   });
  646.  
  647.   const navbar = document.querySelectorAll('.navbar > .container-fluid');
  648.   if (navbar.length) {
  649.     navbar[navbar.length - 1].appendChild(sortDiv);
  650.     sortDiv.classList.add('enhanced--sort--navbar');
  651.     return;
  652.   }
  653.  
  654.   const cont = document.querySelector('.page-section');
  655.   if (cont) {
  656.     sortDiv.children[0].style = 'color: #000;';
  657.     cont.appendChild(sortDiv);
  658.   }
  659. };
  660.  
  661. document.addEventListener('DOMContentLoaded', () => {
  662.   if (!is_lp && !document.querySelector('.nav-search-container')) return;
  663.   createFilterElement();
  664.   sortBtns();
  665.  
  666.   const nodes = document.querySelectorAll('.block-item, .thumbnail');
  667.   [...nodes].map((node) => {
  668.     enhanceScene(node);
  669.     filterScene(node);
  670.   });
  671. });