☰

Greasy Fork 还支持 简体中文。

EnstylerJS

MyDealz Enstyler enhanced features incl. Amazon Mobile Redirect

目前為 2016-11-30 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name        EnstylerJS
  3. // @namespace   Enstyler
  4. // @description MyDealz Enstyler enhanced features incl. Amazon Mobile Redirect
  5. // @include     http://www.mydealz.de/*
  6. // @include     https://www.mydealz.de/*
  7. // @include     https://userstyles.org/styles/128262/*
  8. // @include     https://www.amazon.*/gp/aw/*
  9. // @version     2.11.302
  10. // @grant       GM_getValue
  11. // @grant       GM_setValue
  12. // @grant       GM_log
  13. // @grant       GM_xmlhttpRequest
  14. // @require     http://code.jquery.com/jquery-3.1.1.min.js
  15. // @require     http://cdnjs.cloudflare.com/ajax/libs/jquery-throttle-debounce/1.1/jquery.ba-throttle-debounce.min.js
  16. // @require     http://openuserjs.org/src/libs/sizzle/GM_config.js
  17. // ==/UserScript==
  18.  
  19. // ========== INIT EnstylerJS =====================================
  20. // init Enstyler environment
  21. var enUserLogin = false;
  22. var enUserName = '';
  23. var enSection = '';
  24. var EnstylerStartTime=Date.now();
  25.  
  26. // Parse location for later use
  27. var enLocParser= location;
  28.  
  29. var DEBUG=false;
  30.  
  31.  
  32. function EnstylerInit () {
  33.     // hide Enstyler2 CSS (c) text because we have a button now
  34.     addStyleString('.threadWidget-footer::after {display: none !important};');
  35.     
  36.     // get LoginStatus and Username
  37.     if (enUserLogin = $('.avatar--type-nav').length) {
  38.         enUserName = $('.navDropDown a').attr('href');
  39.         enUserName = enUserName.replace(/.*\/profile\/([^\/]+).*/,'$1');
  40.     }
  41.     // get Section (first element in path)
  42.     enSection= enLocParser.pathname.replace(/\/([^\/]+\/*).*/,'/$1');
  43. }
  44.  
  45.  
  46. // add actions to tread overview @ some places ==================================
  47.  
  48. // code used for MyDealz Dealz actions, thanks to mydealz :-)
  49.   var myOuterHtml  = [ '<span class="js-options bg--em bRad--a space--h-3 space--v-3 space--mt-3 text--b">', '</span>'];
  50.     
  51.   var enDealAction = [ '<a title="Sag was dazu" class="link ico ico--pos-l ico--type-comment-blue space--mr-3"'+ // comment 0+1+3
  52.                        'href="<ENSTYLER-HREF-HERE>#comment-form" data-handler="track" data-track="{&quot;action&quot;:&quot;scroll_to_comment_add_form&quot;,&quot;label&quot;:&quot;engagement&quot;}">',
  53.                        'Sag was dazu', '', '</a>',
  54.                        '<a title="Von Liste entfernen" class="link text--color-blue ico ico--type-bookmark-blue ico--pos-l space--mr-3"' + //un-bookmark 4+5+7
  55.                        'data-handler="track replace" data-replace="{&quot;endpoint&quot;:&quot;https:\/\/www.mydealz.de\/threads\/<ENSTYLER-THREADID-HERE>/remove&quot;,&quot;method&quot;:&quot;post&quot;}" data-track="{&quot;action&quot;:&quot;save_thread&quot;,&quot;label&quot;:&quot;engagement&quot;}">',
  56.                        'Von Liste entfernen', '', '</a>',
  57.                        '<a title="Bearbeiten" class="link text--color-blue ico ico--type-pencil-blue ico--pos-l space--mr-3"'+ // edit 8+9+11
  58.                        'href="<ENSTYLER-HREF-HERE>/edit" data-handler="track" data-track="{&quot;action&quot;:&quot;goto_thread_edit_form&quot;,&quot;beacon&quot;:true}">',
  59.                        'Bearbeiten', '', '</a>',
  60.                        '<a title="Abgelaufen?" class="thread-expire link ico ico--type-clock-blue ico--pos-l space--mr-3"'+  // expiried not working :-(
  61.                        'href="<ENSTYLER-HREF-HERE>/expire/report" rel="nofollow" data-handler="track replace" data-track="{&quot;action&quot;:&quot;report_expired_thread&quot;,&quot;label&quot;:&quot;contribution&quot;}" data-replace="{&quot;endpoint&quot;:&quot;https:\/\/www.mydealz.de\/<ENSTYLER-HREF-HERE>/expire\/report&quot;}">',
  62.                        'Abgelaufen?', '', '</a>',
  63.                      ];
  64.   var PATTERN = [ /<ENSTYLER-HREF-HERE>/g,     // pattern to replace by deal link ...
  65.                   /<ENSTYLER-THREADID-HERE>/g // pattern to replace ID
  66.                 ];
  67.   var enDealAdd='';
  68.  
  69. enDealMarker='thread_'
  70.  
  71. function EnstylerDealActions(){
  72.     // use parsed location
  73.     var pathname = enLocParser.pathname;
  74.     var myText=0;
  75.     // no username ??
  76.     if (enUserName != "") {
  77.        pathname = pathname.replace(enUserName + '/',''); // remove username if path is longer
  78.     }  
  79.     // display short/no text?
  80.     if ($('.ico--type-grid-subNavActive').length) { myText=1; }
  81.         
  82.     // default for all Dealz: comment
  83.     enDealAdd = enDealAction[0]+ enDealAction[1+myText] + enDealAction[3];
  84.  
  85.     // Action for special locations only ===========
  86.     // saved Dealz panel 
  87.     if (pathname.endsWith('profile/saved-deals') ){
  88.         // add for user saved-dealz: un-bookmark
  89.         enDealAdd += enDealAction[4]+ enDealAction[5+myText]; + enDealAction[7]
  90.     }
  91.     if (pathname.endsWith('profile/diskussion') || pathname.endsWith(enUserName)){
  92.         // add user dealz and discussions: comment edit
  93.         enDealAdd +=  enDealAction[8]+ enDealAction[9+myText] + enDealAction[11];
  94.     }
  95.     EnstylerDealActionsDo()
  96. }
  97.  
  98.  
  99. function EnstylerDealActionsDo() {
  100.   // if logged in and enabled ...
  101.   if (enUserLogin && GM_config.get('enConfMoreDeal')) {  
  102.     // every thread on thread page ...
  103.     $('article').each(function () {
  104.             // get ThreadID, Link to Deal and DealID
  105.             var myThread = $(this).attr('id');
  106.             if (!myThread.startsWith(enDealMarker)) {return;}
  107.             
  108.             var myDealHref = $('#' + myThread + ' .thread-title a').attr('href');
  109.             var myDealID = myThread.replace(enDealMarker,'');
  110.             
  111.             if (myThread.startsWith('To be')) {return;}
  112.             
  113.             // compose final HTML
  114.             var newHtml= myOuterHtml[0] + enDealAdd + myOuterHtml[1];
  115.             newHtml = newHtml.replace(PATTERN[0], myDealHref);
  116.             newHtml = newHtml.replace(PATTERN[1], myDealID);
  117.             
  118.             // append HTML to Deal
  119.             $('#' + myThread +' .thread-infoRow').each(function () {
  120.                 $(this).append(newHtml);
  121.                 $(this).removeClass('thread-infoRow');
  122.             });
  123.     }); 
  124.  
  125.       
  126.     // actions for somewhere  ===========
  127.     // remove unwanted HTML from deal description
  128.     $('.thread--type-detail .userHtml').each(function () {
  129.         // userhtml code from mydalz, need to find jafascript to save automatically :-(
  130.         var myUserhtml = ['<div class="userHtml overflow--wrap-break space--t-3" data-handler="lightbox-xhr" data-lightbox-xhr="{&quot;name&quot;:&quot;threads&quot;}">',
  131.                           '</div>', // sourround deal description
  132.                          ];
  133.         // get inner html
  134.         var myHtml = $(this).html();
  135.  
  136.         // remove unwanted Stuff: combined <div><br><br> stuff, created by cut'npaste html
  137.         // not elegant, but works ...
  138.         var newHtml =  myHtml.replace(/<div>|<div><br>|<\/br>|<\/div>/gi,'');
  139.         newHtml =  myHtml.replace(/<p>|<p><br>/gi,'<br><br>');
  140.         newHtml =  newHtml.replace(/<br><br><br>|<br><br><br><br>|<br><br><br><br><br>/gi,'<br><br>');      
  141.         // replace original with modifyed html
  142.         $(this).replaceWith(myUserhtml[0] + newHtml + myUserhtml[1]);        
  143.     });
  144.  
  145.   } // END enabled    
  146. }
  147.  
  148.  
  149. // show popup user info while click on avatar ... ======================
  150. function EnstylerAvatarPopup(){
  151.     if (enUserLogin && GM_config.get('enConfUser')) {
  152.         // remove second image from cardview
  153.         addStyleString('.thread-footer-cell a img.avatar.vAlign--all-m.space--mr-1.thread-avatar {display: none;}');
  154.         EnstylerAvatarPopupDo();
  155.     }
  156. }
  157.  
  158. // code used for MyDealz avatar popup, thanks to mydealz :-)
  159. var enPopupUser = ['<button data-handler="track popover" data-track="{&quot;action&quot;:&quot;show_short_user_profile&quot;,&quot;label&quot;:&quot;engagement&quot;}" data-popover="{&quot;endpoint&quot;:&quot;',
  160.                    '/short&quot;,&quot;target&quot;:&quot;#template-popoverLoader&quot;,&quot;layout&quot;:[{&quot;preset&quot;:&quot;e&quot;,&quot;y&quot;:&quot;50%&quot;,&quot;left&quot;:{&quot;offset&quot;:0},&quot;width&quot;:300,&quot;maxWidth&quot;:&quot;100%&quot;}]}">',
  161.                    '</button>',
  162.                   ];
  163.  
  164.  
  165. function EnstylerAvatarPopupDo() {
  166.     // login needed ... (Error in Popup without login ...)
  167.     // replace every avatar link without popup
  168.     if (enUserLogin && GM_config.get('enConfUser')) {
  169.         $('.thread-footer-cell a.user.linkPlain, .user.linkPlain.thread-user').each(function () {
  170.             
  171.             // get inner html and link to user profile
  172.             var myHtml = $(this).html();
  173.             var mysrc = $(this).attr('href');
  174.             
  175.             // seperate user name from image and add class user
  176.             var myAvatar1 = myHtml.replace(/<span.*/,'');
  177.             var myAvatar2 = myHtml.replace(/.*<span class=".* space--mr-1">/,'<span class=" space--mr-1 user link-plain">');
  178.  
  179.             // show small / medium sized Avatar
  180.             myAvatar1 =  myAvatar1.replace('avatar--type-s','avatar--type-m'); //in Dealz
  181.             if (GM_config.get('enConfAvatar')) { myAvatar1 =  myAvatar1.replace('thread-avatar','avatar--type-m'); } 
  182.             
  183.             // compose popup
  184.             var myPopup = enPopupUser[0] + mysrc + enPopupUser[1] + myAvatar1 +  enPopupUser[2] + '<a href="' + mysrc + '">'+ myAvatar2 + '</a>';
  185.             $(this).replaceWith(myPopup);
  186.         });
  187.     }  
  188. }
  189.  
  190.  
  191. // create select page or scrollwheel for page navigation =============
  192. var EnstylerPageEnum='enPageEnum';
  193. var selectList = document.createElement("select");
  194. selectList.id = EnstylerPageEnum;
  195. selectList.setAttribute('class', EnstylerPageEnum);
  196. selectList.onchange = EnstylerPageAction; 
  197.  
  198. var EnstylerPageEnumDown='enPageEnumDown';
  199. var selectListDown = document.createElement("select");
  200. selectListDown.id = EnstylerPageEnumDown;
  201. selectListDown.onchange = EnstylerPageAction; 
  202.  
  203. function EnstylerPagePickerCreate() {
  204.  // revome existing picker
  205.  EnstylerPagePickerRemove();
  206.     
  207.  // if enabled
  208.  if (GM_config.get('enConfPagePicker')) {
  209.    // init values and clear select list
  210.    var page=1;
  211.    var min=1;
  212.    var max=1;
  213.    $(selectList).empty();
  214.      
  215.    // get page and max from pagenav
  216.    if ( $('.text--color-charcoalTint').length ) {
  217.        // remove linebreaks
  218.        var pageHtml = $('.text--color-charcoalTint').html().replace(/\r?\n|\r/g);
  219.        //locate actual page and last page
  220.        page = pageHtml.replace( /.*>Seite /i ,''); page = page.replace( /<.*/i , '');
  221.        max =  pageHtml.replace( /.*page=/ ,'');  max = max.replace( /[^0-9].*/i , '');
  222.        if (page == '') {page=1;}
  223.        if (max  == '') {max=page;}
  224.    }
  225.  
  226.    // create page select element
  227.    var x; var last; var option;
  228.  
  229.    for (x = min; x <= max; ) {
  230.        option = document.createElement("option");
  231.        option.text = x;
  232.        selectList.add(option); //selectListDown.add(option);
  233.        last = x;
  234.    
  235.        // non linear increment
  236.        var diff = Math.abs(x-page);
  237.  
  238.        if ( x < 10 || diff < 5) { x++; }
  239.        else if ( x < 1000 && diff > 600) { x += Math.floor(diff/100); }
  240.        else { x += Math.floor(diff/2); }
  241.    }
  242.    // add last page
  243.    if (page > max) { max=page;}
  244.    if (last < max ) {
  245.        option = document.createElement("option");
  246.        option.text = max;
  247.        selectList.add(option); //selectListDown.add(option);
  248.    }
  249.    // set default value
  250.    selectList.value = page; //selectListDown.value = page;
  251.  
  252.    // Deal Page
  253.    if ($('.voteBar').length) {
  254.        selectList.setAttribute('class', EnstylerPageEnum +' subNavMenu-link subNavMenu-btn voteBar--sticky-off--hide');
  255.        $('.voteBar--sticky-off--hide:last').before(selectList);
  256.      
  257.    } else {
  258.   
  259.        // overwiew page 
  260.         if (GM_config.get('enConfBtn')) {
  261.             // Place Picker in subnav
  262.             selectList.setAttribute('class', EnstylerPageEnum+' box--all-i subNavMenu-link subNavMenu-btn');
  263.             $('.subNav-label:last').before(selectList);
  264.         } else {
  265.             //place picker in MainNav
  266.             selectList.setAttribute('class', EnstylerPageEnum+' js-navDropDown-messages vAlign--all-m');
  267.             if ($('.test-loginButton').length) {
  268.                 $('.test-loginButton').before(selectList); 
  269.             } else {
  270.                 $('.js-navDropDown-messages').before(selectList);
  271.             }
  272.         }
  273.     }
  274.  }        
  275. }
  276.  
  277. function EnstylerPagePickerCreateDo() {
  278.    // get page and max from pagenav
  279.    if ( $('.js-sticky .text--color-charcoalTint').length ) {
  280.        // remove linebreaks
  281.        var pageHtml = $('.js-sticky .text--color-charcoalTint').html().replace(/\r?\n|\r/g);
  282.        //locate actual page and last page
  283.        var page = pageHtml.replace( /.*>Seite /i ,''); page = page.replace( /<.*/i , '');
  284.        if (page == '') {page=1;}
  285.        // set default value
  286.        selectList.value = page; //selectListDown.value = page;
  287.    }
  288. }
  289.  
  290. // goto selected Page
  291. function EnstylerPageAction() {
  292.     var enPage = 'page=' + $(this).val();
  293.  
  294.     // remove page= and everthing behind
  295.     var enUrl = enLocParser.toString().replace( /page=.*|#.*/ ,'');
  296.     
  297.     // add new page parameter
  298.     if ( enUrl.endsWith('?') ||  enUrl.endsWith('&')) {
  299.         enUrl += enPage;
  300.     } else {
  301.         enUrl += '?'+enPage;
  302.     }
  303.     
  304.     // add #thread-comments for deal
  305.     if (enSection == '/deals/') { enUrl += '#thread-comments';}
  306.     
  307.     window.location = enUrl;
  308. }
  309.  
  310. function EnstylerPagePickerRemove() {
  311.         // Removes pagepicker from the document
  312.         $('.'+ EnstylerPageEnum).remove();
  313. }
  314.  
  315.  
  316.  
  317. // blacklist do not show dealz containing blacklistet words ==========================
  318. // search in kategorie, dealtitle, and username
  319. var enClassHidden = 'enClassHidden';
  320. var enClassBlackDone = 'enClassBlackDone';
  321. var enBlacklisted=0;
  322.  
  323. var unwantedRegex = [ /[\[\]\(\)\{\}\?\.\:\;\!\"\*\+\ ]/g, // in White/Backlist
  324.                       /[\[\]\(\)\{\}\?\.\:\;\!\"\*\+\,]/g  // in Dealtext
  325.                     ]; 
  326. var enBlack;
  327. var enWhite;
  328. var enBlackTemp;
  329. function EnstylerBlacklist() {
  330.  // if logged in and user is not in whitelist
  331.     if (enUserLogin && ! GM_config.get('enConfWhitelist').includes(enUserName)) {
  332.         // add actual user to whitelist
  333.         GM_config.set('enConfWhitelist', '@'+enUserName +',' + GM_config.get('enConfWhitelist'));
  334.         GM_config.setValue('enConfWhitelist', GM_config.get('enConfWhitelist'));
  335.     }
  336.    
  337.     // convert Black/Whitelist to RegEx
  338.     var myTemp=GM_config.get('enConfBlacklist');
  339.     myTemp = myTemp.replace(unwantedRegex[0], '');
  340.     myTemp = myTemp.replace(/^,|,$/g,'');
  341.     enBlack = myTemp.replace(/(.),(.)/g,'$1|$2');
  342.         
  343.     myTemp=GM_config.get('enConfWhitelist');
  344.     myTemp = myTemp.replace(/^,|,$/g,'');
  345.     enWhite = myTemp.replace(/(.),(.)/g,'$1|$2');
  346.    
  347.     
  348.     enBlackTemp= GM_config.get('enConfHideColder');
  349.     EnstylerBlacklistDo();
  350. }
  351.  
  352. function EnstylerBlacklistDo() {
  353.     if (!GM_config.get('enConfBlackEnable')) { return;}
  354.  
  355.     // process every article
  356.     $('article').each(function () {
  357.             if ($(this).hasClass(enClassBlackDone)) { return;}
  358.             var myThread = '#'+$(this).attr('id');
  359.             // return if already done or return no deal
  360.             if (!myThread.startsWith('#'+enDealMarker)) { return;}
  361.             
  362.             // mark as already seen
  363.             $(this).addClass(enClassBlackDone);
  364.             
  365.         // get title, categorie, user
  366.         var myDealText =        $(myThread + ' .thread-category').text();
  367.             myDealText +=  ' ' +$(myThread + ' .thread-title a').text();
  368.             myDealText += ' @' +$(myThread + ' .user').text();
  369.             myDealText = myDealText.replace(unwantedRegex[1] ,' ');
  370.             
  371.             // Whitelist first
  372.             // whitelist Regex, exit if found
  373.             if (enWhite !='' && myDealText.match(new RegExp(enWhite,'i'))) {
  374.                     return;
  375.             }
  376.  
  377.             //get temp
  378.         var myVoteTemp = $(myThread + ' .vote-temp').text();
  379.  
  380.             // blacklist vote temp
  381.             if (parseInt(myVoteTemp) <= enBlackTemp) {
  382.                     $(this).addClass(enClassHidden);
  383.                     enBlacklisted++;
  384.                     EnstylerLastSeenSkip(myThread)
  385.                     return;
  386.             }
  387.             // blacklist last
  388.             // blacklist Regex, rxit if found 
  389.             if (enBlack !='' && myDealText.match(new RegExp(enBlack,'i'))) {
  390.                     $(this).addClass(enClassHidden);
  391.                     enBlacklisted++;
  392.                     EnstylerLastSeenSkip(myThread)
  393.                     return;
  394.             }    
  395.     }); // END Article 
  396.  
  397.     // set label for unBlacklist button
  398.     EnstylerBlacklistShow()   
  399. }
  400.  
  401. // blacklist support functions ....
  402. var enUnblackText = 'unBlacklist <NUM-BLACK> Dealz';
  403. function EnstylerBlacklistShow() {
  404.        enJSfieldDefs.enConfUnblacklist.label=enUnblackText.replace('<NUM-BLACK>',enBlacklisted)
  405. }
  406.  
  407. function EnstylerBlacklistRemove() {
  408.        enBlacklisted=0;
  409.        EnstylerBlacklistShow()
  410.        $('.'+enClassHidden).removeClass(enClassHidden);
  411.        $('.'+enClassBlackDone).removeClass(enClassBlackDone);
  412. }  
  413.  
  414. function EnstylerBlacklistUnhide() {
  415.        enBlacklisted=0;
  416.        EnstylerBlacklistShow()
  417.        $('.'+enClassHidden).removeClass(enClassHidden);
  418. }  
  419.  
  420.  
  421. // Main Nav will stay on TOP of the screen =========================
  422. function EnstylerFixedNav() {
  423.         var myFixedCssMain='.nav { display: block; position: fixed; width: 100%; z-index: 120;} .subNav, .userProfile, .tabbedInterface {margin-top: 4.4em;}';
  424.         var myFixedCssSub ='.subNav {margin-top: 0 !important;} .nav-subheadline {margin-top: 4.4em;}';
  425.         if (GM_config.get('enConfNavFixed')) {
  426.             // everywhere but in Deal detail, I like it like it is ... 
  427.             if (enSection != '/deals/' && enSection != '/gutscheine/' ){
  428.                 // delete header element with active stuff, but keep inside HTML
  429.                 var mySavedHtml = $('header').html();
  430.                 $('header').replaceWith(mySavedHtml);
  431.                 
  432.                 // CSS for everywhere
  433.                 addStyleString(myFixedCssMain);
  434.                 if (! enSection.match(/^\/$|^\/hot|^\/new|^\/settings|^\/discussed/)) {
  435.                     // additional CSS for categories
  436.                     addStyleString(myFixedCssSub);
  437.                 }
  438.             }
  439.         }
  440. }
  441.  
  442. // the return of "gestern xx:xx Uhr" ==============
  443. var enNow;
  444. var DealDate;
  445. var TodayStart;
  446. var ShowTime;
  447.          
  448. var EnstylerTimeSeen='enTimeSeen';
  449.  
  450. function EnstylerDealTime() {
  451.          enNow = new Date();
  452.          enNow.setTime(EnstylerStartTime)
  453.          DealDate=new Date();
  454.          TodayStart = new Date(enNow.getFullYear(), enNow.getMonth(), enNow.getDate());
  455.          ShowTime= GM_config.get('enConfDealMinTime')*3600*1000;
  456.     
  457.          EnstylerDealTimeDo();
  458. }
  459.  
  460. function EnstylerDealTimeDo() {
  461.   if (GM_config.get('enConfDealTime')) {
  462.          enNow.setTime(Date.now())
  463.          // process every article
  464.          $('time').each(function () {
  465.             // get Deal time Diff, return if no diff or already seen
  466.             var myTime= $(this).text();
  467.             // next article
  468.             if ( $(this).hasClass(EnstylerTimeSeen) || !myTime.startsWith('vor ')) { return;}
  469.    
  470.             // get Deal Time difference 
  471.             var h = myTime.replace(/.* ([0-9].*) h.*/, '$1'); if (h==myTime) h=0; else h=parseInt(h);
  472.             var m = myTime.replace(/.* ([0-9].*) m.*/, '$1'); if (m==myTime) m=0; else m=parseInt(m);
  473.             var s = myTime.replace(/.* ([0-9].*) s.*/, '$1'); if (s==myTime) s=0; else s=parseInt(s);
  474.  
  475.             // compose real deal time
  476.             var myDealDiff = ((h*60+m)*60+s)*1000; // Offset deal
  477.             DealDate.setTime( enNow.getTime() - myDealDiff );
  478.  
  479.             // last midnigth
  480.             if (DealDate < TodayStart) {
  481.                 $(this).text('gestern '+ DealDate.toString().slice(16, 21) +' Uhr');
  482.             // more than 6 hours ago
  483.             } else if (myDealDiff > ShowTime){
  484.                 $(this).text(myTime + ' (heute '+ DealDate.toString().slice(16, 21) +' Uhr)');
  485.             } else { return; }
  486.             
  487.             $(this).addClass(EnstylerTimeSeen);
  488.          });
  489.   }
  490. }
  491.  
  492.  
  493. // mark last seen Deal in Highligth, Hot and New ============================
  494. var enSec='off';
  495. var enSeenArticle='';
  496.  
  497. // GM variables used here 
  498. // store newest loaded deal
  499. // 'enNewestDealnew'
  500. // 'enNewestDealhot'
  501. // 'enNewestDeal'
  502. var enNewestBase='enNewestDeal'
  503.   
  504. function EnstylerLastSeen(){
  505.  
  506.   // only in main categories
  507.   if(enSection.match(/^\/$|new$|hot$/)) {
  508.       // get section and save
  509.       enSec= enNewestBase + enSection.replace(/\//, '');
  510.       GM_setValue(enNewestBase+'LastSec', enSec)
  511.       // mark last seen article
  512.       enSeenArticle=GM_getValue(enSec);
  513.       EnstylerLastSeenDo();
  514.       
  515.       // save actual last seen
  516.       $('article').each(function () {
  517.           // get ThreadID an return if not enDealMarker
  518.           var myThread = $(this).attr('id');
  519.           if (!myThread.startsWith(enDealMarker)) {return;}
  520.  
  521.           // when in base of section ...
  522.           if(enLocParser.search == '') {
  523.               //store actual seen
  524.               GM_setValue(enSec, myThread);
  525.               //store last seen
  526.               GM_setValue(enSec+'Last', enSeenArticle);
  527.           }
  528.           
  529.           // exit loop
  530.           return false;
  531.       }); 
  532.   } else {
  533.       // if we are not on base of ancategorie restore last value
  534.       enSec=GM_getValue(enNewestBase+'LastSec');
  535.       GM_setValue(enSec, GM_getValue(enSec+'Last'));
  536.   }
  537. }
  538.  
  539. function EnstylerLastSeenDo(){
  540.   // only in main categories
  541.   if(enSec != 'off') {
  542.       // mark last seen article
  543.       if ( typeof enSeenArticle != 'undefined') {
  544.           //store last marked
  545.           GM_setValue(enSec+'Last', enSeenArticle);
  546.  
  547.           $('#'+enSeenArticle).addClass('enClassMarkArticle');
  548.           $('#'+enSeenArticle).prev().addClass('comments-marker');
  549.       } else {
  550.           // first time
  551.           GM_setValue(enSec, enDealMarker+'1');
  552.       }
  553.  
  554.   }
  555. }
  556.  
  557. // article is not availible i.e. blacklisted
  558. function EnstylerLastSeenSkip(DealID) {
  559.     // if article last seen one, skip to next
  560.     if (DealID == '#'+enSeenArticle) {
  561.         // magic, get ID of next article
  562.         alert('SKIP')
  563.         enSeenArticle=$(DealID).next().attr('id');
  564.         if (DEBUG) console.error('Skip Deal: '+DealID.substr(1)+' -> '+enSeenArticle)
  565.         
  566.         EnstylerLastSeenDo(); 
  567.     }
  568. }
  569.  
  570.  
  571.  
  572. // AMAZON mobile redirect ==================================
  573. // workaround to not intercept myDealz redirects with GM_xmlhttp
  574. // stolen from amazon redirect mobile: https://greasyfork.org/de/scripts/19700
  575. function enAmazonMobileRedirect() {
  576.   var enMyLocation=enLocParser.toString();
  577.   // do we run on amazon?
  578.   if (enMyLocation.startsWith("https://www.amazon")) {
  579.     // redirect enabled?  
  580.     if (GM_config.get('enConfAmazonRedirect')) {
  581.       // do it
  582.       if (enMyLocation.includes("/gp/aw/d/")) { window.location.assign(enMyLocation.replace("/gp/aw/d/", "/dp/")) }
  583.       else { window.location.assign(enMyLocation.replace("/gp/aw/ol/", "/gp/offer-listing/")); }
  584.     }
  585.     // Amazon but no redirect enabled
  586.     return false;
  587.   } 
  588. return true;
  589. }
  590.  
  591. // create button for display Config ======================
  592. var EnstylerButton = 'EnstylerButton';
  593.  
  594. //var input = document.createElement('a');
  595. //    input.setAttribute('href', 'showEnstylerConfig()');
  596. //    input.setAttribute('id', EnstylerButton);
  597. var input = document.createElement('input');
  598.     input.type = 'button';
  599.     input.setAttribute('id', EnstylerButton);
  600.     input.onclick = showEnstylerConfig;
  601.  
  602. function EnstylerButtonCreate() {
  603.     // add Enstyler Button to ...
  604.     var myElement;
  605.     var myMain=false;
  606.    
  607.     input.value = 'Enstyler';
  608.     EnstylerButtonRemove();
  609.     // MainNav or Deal
  610.     if (GM_config.get('enConfBtn') || enSection.match(/deals\/|gutscheine\//))
  611.         { myMain=true; }
  612.     
  613.     // only if space left
  614.     if ($(window).width() < GM_config.get('enConfBtnMinWidth'))
  615.         { myMain=false; }
  616.     
  617.     if (myMain) {
  618.        // add button to MainNav
  619.        var Elements = document.getElementsByClassName("nav-link");
  620.        myElement = Elements[3]; 
  621.        input.setAttribute('class', 'vAlign--all-m nav-link-text');
  622.        input.setAttribute('style', '');
  623.     } else {
  624.        // add button to SubNav
  625.        myElement = document.getElementById('tour-filter');
  626.        input.setAttribute('class', 'box--all-i subNavMenu-link');
  627.        input.setAttribute('style', 'font-size: 1.28571em; font-weight: 700; top: 3px; left: -0.7em'); 
  628.     }
  629.   
  630.     // only if myElement exist
  631.     if (myElement !== null) {
  632.         myElement.appendChild(input);
  633.         //insertAfter(input, myElement);
  634.     }
  635. }
  636.  
  637. // needed for Enstyler Homepage
  638. function EnstylerHomeButton() {
  639.     // add Enstyler Button to ...
  640.     input.value = 'Options';
  641.     var  myElement = document.getElementById('style-settings');
  642.     input.setAttribute('style', 'font-size: 1.28571em; padding: 0.8em;'); 
  643.   
  644.     // only if myElement exist
  645.     if (myElement !== null) {
  646.         //myElement.appendChild(input);
  647.         insertAfter(input, myElement);
  648.     }
  649. }
  650.  
  651. function EnstylerButtonRemove() {
  652.         // Removes button from the document
  653.         $('#'+ EnstylerButton).remove
  654. }
  655.  
  656.  
  657. // ============= GM_config functions =======================================
  658. var enJSAutoUpdate=GM_info.scriptWillUpdate;
  659. var enUpdateJSurl = "https://greasyfork.org/de/scripts/24243"; // production version
  660. var enUpdateInterval=1 * (24*60); // 1 day between update checks
  661.  
  662. // define EnstylerJS GM_config elements
  663. var enJSfieldDefs = {
  664.     // Part one: load external content --------
  665.  'enstyler': { 
  666.       'section': ['additonal features for Enstyler', ''],
  667.       'label': 'Update CSS...', // Appears on the button
  668.       'type': 'button', // Makes this setting a button input
  669.       'click': function() { // Function to call when button is clicked
  670.                //GM_config.setValue('enEnVersion', 'no');
  671.                //GM_config.save();
  672.                //GM_config.open();
  673.                window.open('https://userstyles.org/styles/128262#style-info');
  674.                }
  675.     },
  676.     'enstylerJS': { 
  677.       'label': 'Update UserScript...', // Appears on the button
  678.       'type': 'button', // Makes this setting a button input
  679.       'click': function() { // Function to call when button is clicked
  680.                //GM_config.setValue('enJSVersion', 'no');
  681.                //GM_config.save();
  682.                //GM_config.open();
  683.                window.open(enUpdateJSurl);
  684.  
  685.                }
  686.     },
  687.  
  688.    'dontCookies': {
  689.       'label': 'Mozilla no cookies...', // Appears on the button
  690.       'type': 'button', // Makes this setting a button input
  691.       'click': function() { // Function to call when button is clicked
  692.                window.open('https://addons.mozilla.org/de/addon/i-dont-care-about-cookies/'); }
  693.     },
  694.  
  695.    // part two: EnstylerJS internal configuration options ------ 
  696.    'Section': { // display next section, dont kow why ...
  697.       'section': ['Configuration', ''],
  698.         'type': 'hidden', // Makes this setting a hidden input
  699.    },
  700.  
  701.    // postion of enstyler "button"
  702.    'enConfBtn': {
  703.       'label': 'Enstyler in MainNav', // Appears next to field
  704.       'type': 'checkbox', // Makes this setting a checkbox input
  705.       'default': false // Default value if user doesn't change it
  706.     },
  707.     
  708.     'enConfBtnMinWidth': {
  709.       'label': 'if width is bigger than ', // Appears next to field
  710.       'type': 'int', // Makes this setting a text input
  711.       'min': 600, // Optional lower range limit
  712.       'max': 1200, // Optional upper range limit
  713.       'size': 4, // Limit length of input (default is 25)
  714.       'default': 850 // Default value if user doesn't change it
  715.     },
  716.     
  717.    'enConfNavFixed': {
  718.       'label': 'Display FIXED MainNav', // Appears next to field
  719.       'type': 'checkbox', // Makes this setting a checkbox input
  720.       'default': false // Default value if user doesn't change it
  721.     },
  722.     
  723.    // ehanced USerInfo
  724.    'enConfUser': {
  725.       'label': 'Show Popuop Userinfo', // Appears next to field
  726.       'type': 'checkbox', // Makes this setting a checkbox input
  727.       'default': true // Default value if user doesn't change it
  728.     },
  729.    'enConfAvatar': {
  730.       'label': 'bigger Avatar for Popuop', // Appears next to field
  731.       'type': 'checkbox', // Makes this setting a checkbox input
  732.       'default': true // Default value if user doesn't change it
  733.     },   
  734.     
  735.   // enable filtering of external links
  736.   'enConfAmazonRedirect': { 
  737.       'label': 'Amazon mobile redirect', // Appears next to field
  738.       'type': 'checkbox', // Makes this setting a checkbox input
  739.       'default': true // Default value if user doesn't change it
  740.     }, // */
  741.   
  742.  
  743.    // more Deal actions
  744.    'enConfMoreDeal': {
  745.       'label': 'additional Deal actions', // Appears next to field
  746.       'type': 'checkbox', // Makes this setting a checkbox input
  747.       'default': true // Default value if user doesn't change it
  748.     },   // more Deal actions
  749.  
  750.     // show real Dealtime 
  751.    'enConfDealTime': {
  752.       'label': 'show real Deal Time', // Appears next to field
  753.       'type': 'checkbox', // Makes this setting a checkbox input
  754.       'default': true // Default value if user doesn't change it
  755.     },
  756.     'enConfDealMinTime': {
  757.       'label': 'if older than Hours', // Appears next to field
  758.       'type': 'int', // Makes this setting a text input
  759.       'min': 1, // Optional lower range limit
  760.       'max': 24, // Optional upper range limit
  761.       'size': 4, // Limit length of input (default is 25)
  762.       'default': 6 // Default value if user doesn't change it
  763.    },    
  764.  
  765.     // Page picker
  766.    'enConfPagePicker': {
  767.       'label': 'Enable Page Picker', // Appears next to field
  768.       'type': 'checkbox', // Makes this setting a checkbox input
  769.       'default': false // Default value if user doesn't change it
  770.     },
  771.  
  772.     /* DISBALED check for Updates
  773.     'enConfCheckEnUpdate': {
  774.       'label': 'Check for Updates', // Appears next to field
  775.       'type': 'checkbox', // Makes this setting a checkbox input
  776.       'default': true // Default value if user doesn't change it
  777.     }, /**/
  778.  
  779.  
  780.     // Black/Whitelist input
  781.    'enConfBlackEnable': {
  782.       'label': 'Enable Black- / Whitelist', // Appears next to field
  783.       'type': 'checkbox', // Makes this setting a checkbox input
  784.       'default': true // Default value if user doesn't change it
  785.     },
  786.    'enConfHideColder': {
  787.       'label': 'Blacklist if colder then', // Appears next to field
  788.       'type': 'int', // Makes this setting a text input
  789.       'min': -9999, // Optional lower range limit
  790.       'max': -9, // Optional upper range limit
  791.       'size': 4, // Limit length of input (default is 25)
  792.       'default': -999 // Default value if user doesn't change it
  793.    },
  794.     'enConfBlacklist': {
  795.       'label': 'Blacklist - deals, categories, @users', // Appears next to field
  796.       'type': 'text', // Makes this setting a text input
  797.       'size': 70, // Limit length of input (default is 25)
  798.       'default': 'Nutella, Bangood, @Admin' // Default value if user doesn't change it
  799.     },
  800.     'enConfWhitelist': {
  801.       'label': 'Whitelist', // Appears next to field
  802.       'type': 'text', // Makes this setting a text input
  803.       'size': 70, // Limit length of input (default is 25)
  804.       'default': '' // Default value if user doesn't change it
  805.     },
  806.     'enConfUnblacklist': {
  807.       'label': 'UnBlacklist', // Appears on the button
  808.       'type': 'button', // Makes this setting a button input
  809.       'click': function() { // Function to call when button is clicked
  810.                EnstylerBlacklistUnhide(); }
  811.     },
  812.    
  813.    // display copy message at end of section ...
  814.    'copy': {
  815.         'section': ['', '(c) Gnadelwartz - <a target="blank" href="https://www.mydealz.de/diskussion/enstyler2-style-your-mydealz-incl-pepper-sites-736219">Enstyler2 - Style your MyDealz</a>'],
  816.         'type': 'hidden', // Makes this setting a hidden input
  817.    },
  818. };
  819.  
  820. // define EnstylerJS GM_config elements
  821. var enHomefieldDefs = {
  822.     // Part one: load external content --------
  823.     'saveOpt': { 
  824.       'section': ['save your CSS options for next visit', ''],
  825.       'label': 'Select your CSS on main page then come back and klick "Save"  ', // Appears near textarea
  826.       'type': 'textarea', // Makes this setting a button input
  827.       'size': 70,
  828.       //'click': function() { // Function to call when button is clicked
  829.       //         showUrl('https://userstyles.org/styles/128262#style-info'); }
  830.     },
  831.    
  832.    // display copy message at end of section ...
  833.    'copy': {
  834.         'section': ['', '(c) Gnadelwartz - <a target="blank" href="https://www.mydealz.de/diskussion/enstyler2-style-your-mydealz-incl-pepper-sites-736219">Enstyler2 - Style your MyDealz</a>'],
  835.         'type': 'hidden', // Makes this setting a hidden input
  836.         'value': 'Some hidden value' // Value stored
  837.    },
  838.    
  839. };
  840.  
  841. // display GM_copnfig as div, so we can apply CSS easy!!
  842. var enGMOptChange = false;
  843. var enGMFrame = document.createElement('div');
  844. enGMFrame.setAttribute('class','GM_config');
  845. document.body.appendChild(enGMFrame);
  846.  
  847. // basic config panel formatting, everything else is formatted by enstyler
  848. var enCSS = ['.GM_config {left: 5% !iportant; top: 9% !important; height: auto !important; max-width: 35em !important;}',
  849.              '.GM_config input, .GM_config button, .GM_config textarea { border: 1px solid; margin: 0.5em 0em 0.2em 1em; padding: 0.1em;}',
  850.              '.GM_config .reset { font-size: 9pt; padding-right: 1em; }',
  851.              '#GM_config_enstyler_var:after {content: ". <- please install CSS!"; font-weight: bold;}',
  852.              '.enClassHidden, #EnPopup_closeBtn {display: none;}',
  853.             ].join(" ");
  854. addStyleString(enCSS);
  855.  
  856. var En_Popup = new GM_configStruct(
  857.    {
  858.   'id': 'EnPopup', // You need to use a different id for each instance
  859.   'title': 'EnstylerJS - Info', 
  860.   'fields': // Fields object
  861.     {
  862.        'Text': // This is the id of the field
  863.        {
  864.          'label': '', // Appears next to field
  865.          'type': 'textarea', // Makes this setting a text field
  866.          'default': '' // Default value if user doesn't change it
  867.        }
  868.     },
  869.   'events':
  870.     {
  871.       'open': function (doc) {
  872.               // rename the buttons
  873.               var config = this;
  874.               doc.getElementById(config.id + '_saveBtn').textContent = ' OK ';
  875.               //doc.getElementById(config.id + '_closeBtn').textContent = 'Cancel';
  876.              doc.getElementById(config.id + '_resetLink').textContent = '';
  877.           },
  878.       'save':  function() {
  879.               enUpdateChecked=false;
  880.               enCheckUpdates();
  881.               En_Popup.close();
  882.             },
  883.       'close': function() { enGMConfigOpen=false;},
  884.     },
  885.   'frame': enGMFrame // Element used for the panel
  886.   }
  887. );
  888.  
  889. function showPopup(text) {
  890.     En_Popup.fields['Text'].value = text;
  891.     En_Popup.fields['Text'].reload();
  892.     En_Popup.open();
  893. }
  894.  
  895.  
  896. var enGMConfigOpen=false;
  897. // EnstylerJS Config Panel anzeigen
  898. function showEnstylerConfig() {
  899.   if(!enGMConfigOpen) {
  900.       enGetHome();
  901.       GM_config.open();
  902.       enGMConfigOpen=true;
  903.   } else {
  904.       GM_config.close();
  905.   }    
  906. }
  907.  
  908.  
  909. // EnstylerJS START ========================
  910. if (!window.location.hostname.endsWith('userstyles.org')) {
  911.     var enFixedNav=false;
  912.     GM_config.init(
  913.       {
  914.         id: 'GM_config',
  915.         title: !DEBUG ? 'EnstylerJS - Settings' : ' EnstylerJS - >> Debug <<', 
  916.         fields: enJSfieldDefs,
  917.        'events': // Callback functions object
  918.          {
  919.           //'init': function() { alert('onInit()'); },
  920.           // remove elements ich switch is checked or not
  921.           'open': function() { 
  922.           var enRemoveConfig = [
  923.                // { check: true,  switch: 'enConfFilterLink',  remove: 'externalMobileRedirect'},
  924.                { check: false, switch: 'enConfBtn',         remove: 'enConfBtnMinWidth'},
  925.                { check: false, switch: 'enConfUser',        remove: 'enConfAvatar'},
  926.                { check: false, switch: 'enConfDealTime',    remove: 'enConfDealMinTime'},
  927.                { check: false, switch: 'enConfBlackEnable', remove: 'enConfWhitelist'},
  928.                { check: false, switch: 'enConfBlackEnable', remove: 'enConfBlacklist'},
  929.                { check: false, switch: 'enConfBlackEnable', remove: 'enConfHideColder'},
  930.                { check: false, switch: 'enConfBlackEnable', remove: 'enConfUnblacklist'}
  931.               ];
  932.              enFixedNav=GM_config.get('enConfNavFixed');
  933.               
  934.              
  935.               // remove unneeded controls
  936.              $(enRemoveConfig).each(function() {
  937.                  if (GM_config.get(this.switch) == this.check) {
  938.                   GM_config.fields[this.remove].remove();
  939.                  }
  940.              });
  941.               
  942.              // remove / display update dialog
  943.              if (enJSAutoUpdate) {GM_config.fields['enstylerJS'].remove();}
  944.               
  945.           },
  946.           //'reset': function() { alert('reset') },
  947.           // relaod page on close after save
  948.           'save':  function() {
  949.               if (!GM_config.get('enConfNavFixed') && GM_config.get('enConfNavFixed')!=enFixedNav) {window.location.reload(false);}
  950.               EnstylerButtonCreate();
  951.               EnstylerPagePickerCreate();
  952.               EnstylerBlacklistRemove();
  953.               EnstylerBlacklist();
  954.               EnstylerFixedNav();
  955.               EnstylerDealTime();
  956.               GM_config.close();
  957.               GM_config.open();
  958.             },
  959.          'close': function() { enGMConfigOpen=false;},
  960.          },
  961.        'frame': enGMFrame // Element used for the panel
  962.       }
  963.     );
  964.     
  965.    // dummy, do not delete
  966.    function enGetHome() {;}
  967.    // HACK: we are NOT on Amazon
  968.    if (enAmazonMobileRedirect()) {
  969.  
  970.     // =============== START EnstyerJS ===================
  971.     EnstylerInit();
  972.     EnstylerFixedNav();
  973.     EnstylerDealTime();
  974.     EnstylerLastSeen();
  975.     EnstylerBlacklist();
  976.     EnstylerAvatarPopup();
  977.     EnstylerDealActions();
  978.  
  979.  
  980.  
  981.     
  982.     // delay Pagepicker and repaeting actions after finishing everything else
  983.     function EnstylerDelayedInit() {
  984.            // don't know why, but works only if called with delay ...
  985.            EnstylerButtonCreate();
  986.            EnstylerPagePickerCreate();
  987.         
  988.           // track DOM change Events, debounce: wait 1000ms after mutiple events
  989.           // then re-apply (somse) changes to dynamic loaded content, 
  990.           $('.fGrid-last2, .thread-list--type-card').bind("DOMSubtreeModified",$.debounce( 300, function(){
  991.               EnstylerLastSeenDo();
  992.               EnstylerDealTimeDo();
  993.               EnstylerBlacklistDo();
  994.               EnstylerAvatarPopupDo();
  995.               EnstylerDealActionsDo();
  996.               EnstylerPagePickerCreateDo();
  997.           }));
  998.     }
  999.  
  1000.     // wait until page is loaded completely
  1001.     if (document.readyState == 'loading' || document.readyState == 'interactive'){  // Greasemonkey and Tampermonky -> runs script on DOM ready -> wait for load
  1002.         if(DEBUG) console.error('Run on DOM ready');
  1003.         $(window).bind("load", function() { EnstylerDelayedInit(); });
  1004.     } 
  1005.     else { // if script run on page loaded -> give some time to finish rendering
  1006.          if(DEBUG) console.error('Run on Document loaded');
  1007.          sleepAsync(Date.now()-EnstylerStartTime).then(() => { EnstylerDelayedInit(); });
  1008.     }
  1009.    } // NOT on Amazon
  1010.  
  1011.  
  1012. // ============= EnStyler UserScript Homepage functions =======
  1013. // experimental support for EnStyler2 export / import
  1014.  
  1015. } else {
  1016.     // we are on ujserstyle
  1017.     function enGetHome() {
  1018.         var myOptions='';
  1019.         $('#style-settings select').each(function() {
  1020.             var myID = $(this).attr('id');
  1021.             var myValue = $('#'+myID).val();
  1022.             var myText  = $('option[value='+ myValue +']').text();     
  1023.             myOptions +='#' + myID + ':' + myValue +':' + myText +';\n';
  1024.         });
  1025.         $('#style-settings input:checked').each(function() {
  1026.             var myID = $(this).attr('id');
  1027.             var myValue = $('#'+myID).val();
  1028.             var myText  = $('label[for='+ myID +']').text();     
  1029.             myOptions +='#' + myID + ':' + myValue +':' + myText +';\n';
  1030.         });
  1031.        GM_config.set('saveOpt', myOptions);
  1032.     }
  1033.     
  1034.     function enSetHome() {
  1035.         // get saved options,remove newlines and split to settings array
  1036.         var myOptions=GM_config.get('saveOpt');
  1037.         myOptions=myOptions.replace(/\n/g,'');
  1038.         var mySettings = myOptions.split(';');
  1039.  
  1040.         // abort if no options found
  1041.         if (myOptions=='' || !myOptions.startsWith('#')) {return;}
  1042.  
  1043.         for (var i=0; i< mySettings.length; i++) {
  1044.            // each Setting has 3 fields seperated by :, but only 2 used
  1045.            var myField=mySettings[i].split(':');
  1046.  
  1047.            if (myField[0].match(/^#setting/i)) {
  1048.                 // select 
  1049.                 $(myField[0]).val('');
  1050.                 $(myField[0]).val(myField[1]);
  1051.             } else if (myField[0].startsWith('#option')) {
  1052.                 // option
  1053.                 $(myField[0]).prop('checked', true);
  1054.             } else {
  1055.                 if (myField[0] != '') {alert('unkown option: "' + myField +'"');}
  1056.             }
  1057.         }
  1058.     } 
  1059.     
  1060.     // activate config for Enstyler Homepage
  1061.     GM_config.init(
  1062.       {
  1063.         id: 'GM_config',
  1064.         title: 'Enstyler2 - Settings', 
  1065.         fields: enHomefieldDefs,
  1066.        'events': // Callback functions object
  1067.          {
  1068.           //'init': function() { alert('onInit()'); },
  1069.           // remove elements ich switch is checked or not
  1070.           //'open': function() { enGetHome(); },
  1071.           //'reset': function() { enGMOptChange = true; },
  1072.           // relaod page on close after save
  1073.           'save':  function() { enSetHome(); GM_config.close();},
  1074.           'close': function() { enGMConfigOpen=false; },
  1075.          },
  1076.        'frame': enGMFrame // Element used for the panel
  1077.       }
  1078.     );
  1079.     
  1080.     // START Enstyler 2 Homepage
  1081.     EnstylerHomeButton();
  1082.     // set saved options
  1083.     enSetHome();
  1084.     
  1085.     
  1086.  
  1087. }
  1088.  
  1089.  
  1090. //=========== Support functions for actual use ======
  1091.  
  1092. // add CSS in to document
  1093. function addStyleString(str) {
  1094.     var node = document.createElement('style');
  1095.     node.innerHTML = str;
  1096.     document.body.appendChild(node);
  1097. }
  1098.  
  1099. // insertAfter like .insertBefore but as support function
  1100. function insertAfter(newNode, referenceNode) {
  1101.     referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
  1102. }
  1103.  
  1104. // from https://gist.github.com/TheDistantSea/8021359
  1105. // returns 0 on equal, 1 on v1 newer, -1 on v2 newer 
  1106. function versionCompare(v1, v2) {
  1107.     var lexicographical = false,
  1108.         zeroExtend = true,
  1109.         v1parts = v1.split('.'),
  1110.         v2parts = v2.split('.');
  1111.  
  1112.     function isValidPart(x) { return (lexicographical ? /^\d+[A-Za-z]*$/ : /^\d+$/).test(x); }
  1113.     if (!v1parts.every(isValidPart) || !v2parts.every(isValidPart)) {return NaN; }
  1114.  
  1115.     if (zeroExtend) {
  1116.         while (v1parts.length < v2parts.length) v1parts.push("0");
  1117.         while (v2parts.length < v1parts.length) v2parts.push("0");
  1118.     }
  1119.  
  1120.     if (!lexicographical) {
  1121.         v1parts = v1parts.map(Number);
  1122.         v2parts = v2parts.map(Number);
  1123.     }
  1124.  
  1125.     for (var i = 0; i < v1parts.length; ++i) {
  1126.         if (v2parts.length == i) { return 1; }
  1127.         if (v1parts[i] == v2parts[i]) { continue; }
  1128.         else if (v1parts[i] > v2parts[i]) { return 1; }
  1129.         else { return -1; }
  1130.     }
  1131.  
  1132.     if (v1parts.length != v2parts.length) { return -1; }
  1133.     return 0;
  1134. }
  1135.  
  1136. // sleep time expects milliseconds, then execute code
  1137. // NOTE: code runs in parallel (asnyc)!
  1138. // Usage!
  1139. //     sleepAsync(500).then(() => {
  1140. //               Do something after the sleep!
  1141. //      });
  1142.  
  1143. function sleepAsync (time) {
  1144.   return new Promise((resolve) => setTimeout(resolve, time));
  1145. }