☰

Wykop XS 3.0

Wykop XS służy do wspomagania działania stylu "Wykop X Style 3", który jest sugerowany do poprawnego działania niniejszego skryptu. Wykop X Style znajdziesz na http://styl.wykopx.pl

Mint 2025.01.22.. Lásd a legutóbbi verzió

  1. // ==UserScript==
  2. // @name							Wykop XS 3.0
  3. // @name:pl							Wykop XS 3.0
  4. // @name:en							Wykop XS 3.0
  5.  
  6. // @version							3.0.81
  7.  
  8. // @description 					Wykop XS służy do wspomagania działania stylu "Wykop X Style 3", który jest sugerowany do poprawnego działania niniejszego skryptu. Wykop X Style znajdziesz na http://styl.wykopx.pl
  9. // @description:en 					Wykop XS is a helper script for userstyle "Wykop X Style 3" which modifies wykop.pl website and make it easier to use adding enhancements and new features. Check it out here: http://styl.wykopx.pl
  10.  
  11.  
  12. // Chcesz wesprzeć projekt Wykop X? Postaw kawkę:
  13. // @contributionURL					https://buycoffee.to/wykopx
  14.  
  15. // @author							Wykop X <wykopx@gmail.com>
  16.  
  17.  
  18.  
  19.  
  20.  
  21.  
  22.  
  23.  
  24.  
  25. // @match							https://wykop.pl/*
  26. // @match							https://github.com/wykopx/*
  27.  
  28. // @supportURL						http://wykop.pl/tag/wykopx
  29. // @namespace						Violentmonkey Scripts
  30. // @compatible						chrome, firefox, opera, safari, edge
  31. // @license							No License
  32. // @icon							https://www.google.com/s2/favicons?sz=64&domain=wykop.pl
  33.  
  34.  
  35. // @require							https://unpkg.com/localforage@1.10.0/dist/localforage.min.js
  36. // @require							https://cdn.jsdelivr.net/npm/dayjs@1.11.10/dayjs.min.js
  37. // @require							https://cdn.jsdelivr.net/npm/dayjs@1.11.10/locale/pl.js
  38. // @require							https://cdn.jsdelivr.net/npm/dayjs@1.11.10/plugin/relativeTime.js
  39.  
  40.  
  41.  
  42.  
  43. // ==/UserScript==
  44.  
  45.  
  46. (async function ()
  47. {
  48. 	'use strict';
  49.  
  50.  
  51. 	const currentVersion = "3.0.80";
  52. 	let dev = false;
  53.  
  54. 	const promoString = " - Wykop XS / #wykopx";
  55.  
  56. 	const root = document.documentElement;
  57. 	const head = document.head;
  58. 	const body = document.body;
  59. 	const bodySection = body.querySelector("section");
  60.  
  61. 	dayjs.locale("pl");
  62. 	dayjs.extend(window.dayjs_plugin_relativeTime); //dayjs.extend(relativeTime); // https://day.js.org/docs/en/plugin/relative-time // https://www.jsdelivr.com/package/npm/dayjs?tab=files&path=plugin
  63.  
  64.  
  65. 	// github
  66. 	if (!bodySection)
  67. 	{
  68. 		const openGitHubSidebar = () =>
  69. 		{
  70. 			document.querySelector('div#wiki-wrapper div#wiki-content button.js-wiki-more-pages-link')?.click();
  71. 		};
  72.  
  73. 		openGitHubSidebar();
  74. 		window.addEventListener('load', openGitHubSidebar);
  75. 		window.addEventListener('pageshow', openGitHubSidebar);
  76. 		// window.addEventListener('popstate', openGitHubSidebar);
  77. 		// window.addEventListener('hashchange', openGitHubSidebar);
  78. 		// window.addEventListener('pagehide', openGitHubSidebar);
  79. 		// window.addEventListener('beforeunload', openGitHubSidebar);
  80. 		// window.addEventListener('unload', openGitHubSidebar);
  81. 		if (window.navigation)
  82. 		{
  83. 			window.navigation.addEventListener('navigate', function ()
  84. 			{
  85. 				openGitHubSidebar();
  86. 			});
  87. 		}
  88. 	}
  89. 	// wykop
  90. 	else
  91. 	{
  92. 		const wykopxSettings = getComputedStyle(head); // getComputedStyle(document.documentElement) -- nie działa, nie wczytuje właściwości z :root
  93. 		const settings = {};
  94.  
  95. 		const styleElement = document.createElement('style');
  96. 		styleElement.id = "wykopxs";
  97. 		let CSS = "";
  98.  
  99. 		function setSettingsValueFromCSSProperty(settingName, defaultValueForWykopXS = true, propertyValueInsteadOfBoolean = false)
  100. 		{
  101. 			if (propertyValueInsteadOfBoolean) settings[settingName] = wykopxSettings.getPropertyValue(`--${settingName}`) ? wykopxSettings.getPropertyValue(`--${settingName}`).trim() : defaultValueForWykopXS;
  102. 			else settings[settingName] = wykopxSettings.getPropertyValue(`--${settingName}`) ? wykopxSettings.getPropertyValue(`--${settingName}`).trim() === '1' : defaultValueForWykopXS;
  103. 		}
  104.  
  105. 		setSettingsValueFromCSSProperty("WykopXSEnabled");
  106. 		if (settings.WykopXSEnabled == false) return;
  107. 		/* WYKOP XS HEADER */
  108.  
  109.  
  110.  
  111. 		let loggedUser = {
  112. 			//data: null,
  113. 			username: null		// loggedUser.username -> nazwa zalogowanego uzytkownika
  114. 		};
  115. 		let wxs_modal = null;
  116.  
  117. 		let loadTime = dayjs();
  118.  
  119. 		// wykop_xs_mikroczat.user.js -MIKROCZAT/LISTA PLUSUJĄCYCH - settings
  120. 		setSettingsValueFromCSSProperty("entryVotersListEnable");				// włącza pokazywanie listy plusujących z Wykop X Style
  121. 		setSettingsValueFromCSSProperty("entryVotersListExpandIfLessThan", 50, true);
  122. 		setSettingsValueFromCSSProperty("hideAds");								// blokuje wszystkie reklamy na wykopie
  123.  
  124. 		if (settings.entryVotersListEnable)
  125. 		{
  126. 			// entryVotersListExpandIfLessThan - domyślnie Wykop pokazywał 5 osób, które zaplusowały.
  127. 			// Możesz zmienić tę wartość na np. 10 albo 25. Jeśli wpis ma mniej plusów niż ta liczba, zostaną od razu wyświetleni wszyscy plusujący bez przycisku "+15 INNYCH"
  128. 			if (!settings.entryVotersListExpandIfLessThan) settings.entryVotersListExpandIfLessThan = 20;
  129. 			settings.votersFollow = true;							// pokazuje 🔔 przed użytkownikami, których obserwujesz
  130. 			settings.votersBlacklist = true;						// pokazuje ⛔ przed użytkownikami, których blokujesz
  131. 			settings.votersBanned = true;							// pokazuje użytkowników z aktywnym banem w kolorze i z ikonką 🍌
  132. 			settings.votersSuspended = true;						// pokazuje ✖ przed kontami, które są w trakcie usuwania
  133. 			settings.votersRemoved = true;							// pokazuje ✖ przed kontami, które są usunięte
  134. 			settings.votersGenderF = false;							// pokazuje różową kropkę przed kobietami
  135. 			settings.votersGenderM = false;							// pokazuje niebieską kropkę przed mężczyznami
  136. 			settings.votersColorGreen = true;						// pokazuje zielonki w kolorze
  137. 			settings.votersColorOrange = false;						// pokazuje pomarańczowych użytkowników w kolorze
  138. 			settings.votersColorBurgundy = true;					// pokazuje użytkowników bordo w kolorze
  139. 			settings.votersFollowFirst = true;						// pokazuje użytkowników, których obserwujesz pierwszych na liście
  140. 			settings.votersBlackFirst = false;						// pokazuje plusy od moderacji pierwsze na liście (konta typu @wykop, @m__b, @a__s itd.)
  141. 			settings.votersBurgundyFirst = false;					// pokazuje użytkowników bordo pierwszych na liście
  142. 			settings.votersOrangeFirst = false;						// pokazuje zielonki pierwszych na liście
  143. 			settings.votersGreenFirst = false;						// pokazuje pomarańczki pierwszych na liście
  144. 			settings.votersBlacklistLast = false;					// pokazuje użytkowników, których zablokowałeś na końcu listy
  145. 			settings.votersRemovedLast = false;						// pokazuje usunięte konta na końcu listy
  146. 			settings.votersBannedLast = false;						// pokazuje zbanowanych na końcu listy
  147. 			settings.votersSuspendedLast = false;					// pokazuje konta w trakcie usuwania na końcu listy
  148. 		}
  149.  
  150. 		settings.hideShareButton = true;						// ukrywa przycisk "Udostępnij"
  151. 		settings.showFavouriteButton = true;					// pokazuje przycisk "Dodaj do ulubionych" (samą gwiazdkę)
  152. 		settings.showFavouriteButtonLabel = true;				// pokazuje oprócz gwiazdki także tekst "Ulubione"
  153. 		settings.addCommentPlusWhenVotingOnEntry = false;		// gdy plusujesz wpis, dodaje komentarz "+1"
  154. 		settings.addCommentPlusWhenVotingOnComment = false;		// gdy plusujesz komentarz, dodaje komentarz "+1"
  155. 		settings.showAnimatedAvatars = true;					// pokazuje animowane avatary
  156.  
  157.  
  158. 		settings.version = (getComputedStyle(bodySection).getPropertyValue("--version").trim().slice(1, -1)); 	// "2.48";
  159. 		settings.versor = (getComputedStyle(bodySection).getPropertyValue("--versor").trim().slice(1, -1)); 	// "style", "blank", "block"
  160. 		settings.xblocker = (getComputedStyle(bodySection).getPropertyValue("--xblocker").trim().slice(1, -1)); // "2.48";
  161.  
  162.  
  163.  
  164. 		if (!dev) dev = setSettingsValueFromCSSProperty("wxsDev", false);
  165.  
  166.  
  167.  
  168.  
  169.  
  170. 		setSettingsValueFromCSSProperty("WykopXStyleEnabled", false);
  171. 		setSettingsValueFromCSSProperty("hitsInTopNavJS");
  172. 		setSettingsValueFromCSSProperty("quickLinksEnable");
  173. 		setSettingsValueFromCSSProperty("myWykopInTopNavJS");
  174. 		setSettingsValueFromCSSProperty("favoritesInTopNavJS");
  175. 		setSettingsValueFromCSSProperty("imageUploaderEnable", false); // https://github.com/wykopx/WykopX/wiki/X-Wklejanie-obrazkow-ze-schowka
  176. 		setSettingsValueFromCSSProperty("addNewLinkInTopNavJS");
  177. 		setSettingsValueFromCSSProperty("disableNewLinkEditorPastedTextLimit");
  178. 		setSettingsValueFromCSSProperty("autoOpenMoreContentEverywhere");
  179. 		setSettingsValueFromCSSProperty("autoOpenSpoilersEverywhere");
  180. 		setSettingsValueFromCSSProperty("observedTagsInRightSidebarEnable");
  181. 		setSettingsValueFromCSSProperty("linkVoteDownButton");
  182. 		setSettingsValueFromCSSProperty("infiniteScrollEntriesEnabled");
  183. 		setSettingsValueFromCSSProperty("infiniteScrollLinksEnabled");
  184. 		setSettingsValueFromCSSProperty("editorShowMyUsername");
  185. 		setSettingsValueFromCSSProperty("editorShowMyUsernameOnSendButton");
  186. 		setSettingsValueFromCSSProperty("haveBanDisableTextarea");
  187.  
  188. 		// ARCHIWUM X
  189. 		setSettingsValueFromCSSProperty("wxsArchiveXNewestEntry", false);
  190. 		if (settings.wxsArchiveXNewestEntry) settings.wxsArchiveXNewestEntryRefresh = wykopxSettings.getPropertyValue("--wxsArchiveXNewestEntryRefresh") ? parseInt(wykopxSettings.getPropertyValue("--wxsArchiveXNewestEntryRefresh")) : 15000;
  191.  
  192. 		// PRZEŁĄCZNIKI
  193. 		setSettingsValueFromCSSProperty("wxsSwitchesEnable", false);
  194. 		if (settings.wxsSwitchesEnable) 
  195. 		{
  196. 			setSettingsValueFromCSSProperty("wxsSwitchPhotoViewer");
  197. 			setSettingsValueFromCSSProperty("wxsSwitchImages");
  198. 			setSettingsValueFromCSSProperty("wxsSwitchYouTube");
  199. 			setSettingsValueFromCSSProperty("wxsSwitchAdult");
  200. 			setSettingsValueFromCSSProperty("wxsSwitchNSFW");
  201. 			setSettingsValueFromCSSProperty("wxsSwitchTags");
  202. 			setSettingsValueFromCSSProperty("wxsSwitchByUserColor");
  203. 			setSettingsValueFromCSSProperty("wxsSwitchByUserGender");
  204. 		}
  205.  
  206.  
  207. 		setSettingsValueFromCSSProperty("removeAnnoyancesEnable");
  208. 		if (settings.removeAnnoyancesEnable) 
  209. 		{
  210. 			setSettingsValueFromCSSProperty("removeAnnoyancesIframes");
  211. 			setSettingsValueFromCSSProperty("removeAnnoyancesScripts");
  212. 			setSettingsValueFromCSSProperty("removeAnnoyancesAds");
  213. 			setSettingsValueFromCSSProperty("removeAnnoyancesGDPR");
  214. 		}
  215.  
  216.  
  217.  
  218.  
  219.  
  220.  
  221. 		// WYKOP OBJECTS INTERSECTION OBSERVER
  222. 		let IntersectionObserverEnabled = false;
  223. 		setSettingsValueFromCSSProperty("intersectionObserverRootMargin");
  224. 		setSettingsValueFromCSSProperty("linkToVideoDuration");
  225. 		setSettingsValueFromCSSProperty("entryWithVideoDuration");
  226.  
  227. 		if (settings.linkToVideoDuration || settings.entryWithVideoDuration)
  228. 		{
  229. 			IntersectionObserverEnabled = true;
  230. 		}
  231.  
  232. 		setSettingsValueFromCSSProperty("checkLinkVotesEnable");
  233. 		if (settings.checkLinkVotesEnable) 
  234. 		{
  235. 			IntersectionObserverEnabled = true;
  236. 			setSettingsValueFromCSSProperty("checkLinkVotesPerHour");
  237. 			setSettingsValueFromCSSProperty("checkLinkCommentsPerHour");
  238. 		}
  239.  
  240. 		// voting explosion
  241. 		setSettingsValueFromCSSProperty("votingExplosionEnable", false);
  242.  
  243. 		// checkPluses()
  244. 		let votesFetchingLimitMinimumVotes = 1;
  245. 		let votesFetchingLimitMaximumHoursOld = 48;
  246. 		let votesFetchingFirstDelayInSeconds = 1;		// seconds
  247. 		let votesFetchingOngoingDelayInSeconds = 990; 	// seconds
  248.  
  249. 		let votesFetchingHigherFrequencyLimitMinimumVotes = 30;
  250. 		let votesFetchingHigherFrequencyLimitMaximumHoursOld = 24;
  251. 		let votesFetchingHigherFrequencyDelayInSeconds = 990; // seconds
  252.  
  253. 		setSettingsValueFromCSSProperty("checkEntryPlusesWhenVoting");
  254. 		setSettingsValueFromCSSProperty("checkEntryPlusesEnable");
  255. 		setSettingsValueFromCSSProperty("prefixBeforePlusesCount", "brak", true); // domyslnie puste, dodajemy plus przed liczbą plusów
  256.  
  257.  
  258. 		const prefixBeforePlusesCountMap = new Map([
  259. 			['brak', ''],
  260. 			['plus', '+'],	// domyslnie 
  261. 			['emoji_serce', '💚'],
  262. 			['emoji_index_pointing_up', '☝'],
  263. 			['emoji_thumbs_up', '👍'],
  264. 			['emoji_backhand_index_pointing_up', '👆'],
  265. 			['emoji_upwards_button', '🔼'],
  266. 			['emoji_up_arrow', '⬆'],
  267. 			['emoji_up_right_arrow', '↗'],
  268. 			['emoji_up_left_arrow', '↖'],
  269. 			['emoji_right_arrow_curving_up', '⤴'],
  270. 			['emoji_heavy_tick', '✔'],
  271. 			['emoji_plus_sign', '➕'],
  272. 			['emoji_red_triangle_pointed_up', '🔺']
  273. 		]);
  274. 		settings.prefixBeforePlusesCount = prefixBeforePlusesCountMap.get(settings.prefixBeforePlusesCount);
  275.  
  276. 		setSettingsValueFromCSSProperty("prefixBeforeMinusesCount", "minus", true); // domyślnie minus i tak zostawiamy
  277. 		const prefixBeforeMinusesCountMap = new Map([
  278. 			['brak', ''],
  279. 			['minus', '-'],	// domyslnie
  280. 			['emoji_cross_mark', '❌'],
  281. 			['emoji_backhand_index_pointing_down', '👇'],
  282. 			['emoji_thumbs_down', '👎'],
  283. 			['emoji_downwards_button', '🔽'],
  284. 			['emoji_down_arrow', '⬇'],
  285. 			['emoji_down_right_arrow', '↘'],
  286. 			['emoji_down_left_arrow', '↙'],
  287. 			['emoji_right_arrow_curving_down', '⤵'],
  288. 			['emoji_minus_sign', '➖'],
  289. 			['emoji_red_triangle_pointed_down', '🔻']
  290. 		]);
  291. 		settings.prefixBeforeMinusesCount = prefixBeforeMinusesCountMap.get(settings.prefixBeforeMinusesCount);
  292.  
  293. 		if (settings.checkEntryPlusesEnable) 
  294. 		{
  295. 			IntersectionObserverEnabled = true;
  296. 			setSettingsValueFromCSSProperty("checkEntryPlusesPerHour");
  297. 			setSettingsValueFromCSSProperty("checkEntryCommentsPerHour");
  298. 			setSettingsValueFromCSSProperty("checkEntryPlusesForVotingGame");
  299. 		}
  300.  
  301.  
  302. 		// SPRAWDZANIE UZYTKOWNIKOW KTORZY CIE BLOKUJA
  303. 		settings.authorBlocksYouCheckingEnable = true;
  304.  
  305.  
  306.  
  307.  
  308. 		// LOCAL STORAGE
  309. 		let localStorageMirkoukrywacz = null;
  310. 		let localStorageNotatkowator = null;
  311. 		let localStorageUserLabels = null;
  312.  
  313.  
  314. 		// LOCALSTORAGE
  315. 		const localStorageFirstDailyIDs = localforage.createInstance({
  316. 			driver: localforage.LOCALSTORAGE,
  317. 			name: "wykopx",
  318. 			storeName: "firstDailyIDs",
  319. 		});
  320.  
  321.  
  322.  
  323.  
  324. 		setSettingsValueFromCSSProperty("linkThumbnail", "poprawej", true); // "poprawej", "polewej", "niepokazuj"
  325.  
  326. 		setSettingsValueFromCSSProperty("actionBoxEnable");
  327. 		if (settings.actionBoxEnable)
  328. 		{
  329. 			IntersectionObserverEnabled = true;
  330. 			setSettingsValueFromCSSProperty("filterUserComments");
  331. 			setSettingsValueFromCSSProperty("filterUserReplies");
  332. 			setSettingsValueFromCSSProperty("mirkoukrywaczEnable");
  333. 			if (settings.mirkoukrywaczEnable)
  334. 			{
  335. 				setSettingsValueFromCSSProperty("mirkoukrywaczMinimizedGrayedOut");
  336. 				setSettingsValueFromCSSProperty("mirkoukrywaczMinimizeEntries");
  337. 				setSettingsValueFromCSSProperty("mirkoukrywaczMinimizeComments");
  338. 				setSettingsValueFromCSSProperty("mirkoukrywaczHideEntries");
  339. 				setSettingsValueFromCSSProperty("mirkoukrywaczHideComments");
  340. 				setSettingsValueFromCSSProperty("mirkoukrywaczHideLinks");
  341. 				setSettingsValueFromCSSProperty("mirkoukrywaczSaveEntries");
  342. 				setSettingsValueFromCSSProperty("mirkoukrywaczSaveComments");
  343. 			}
  344.  
  345. 			CSS += `
  346. 	/* ACTION BOX */
  347.     section .wxs_menu_action_box
  348.     {
  349.         --buttonsBorderRadius: 5px;
  350.         width: fit-content;
  351.         position: absolute;
  352.         height: 30px;
  353.         border-style: solid;
  354.         border-color: var(--blackOpacity01, rgb(125 125 125 / 1));
  355.         color: var(--blackOpacity02, rgb(125 125 125 / 1));
  356.         display: flex;
  357.         flex-direction: row;
  358.         justify-content: space-between;
  359.         font-size: 11px;
  360.         z-index: 1;
  361.         opacity: 1!important;
  362.         transition: opacity 0.5s linear!important;
  363.     }
  364.     section .wxs_menu_action_box:hover
  365.     {
  366.         background-color: var(--contentBackgroundColor, rgb(0 0 0 / 0.2));
  367.     }
  368.     @starting-style
  369.     {
  370.         section .wxs_menu_action_box
  371.         {
  372.             opacity: 0!important;
  373.         }
  374.     }
  375.     /* WE WPISACH I KOMENTARZACH */
  376.     section.entry .wxs_menu_action_box
  377.     {
  378.         border-radius: 0px 0px var(--buttonsBorderRadius, 4px) var(--buttonsBorderRadius, 4px);
  379.         border-width: 0px 1px 1px 1px;
  380.         right: 140px;
  381.     }
  382.  
  383.     section.entry:not(.reply) .wxs_menu_action_box
  384.     {
  385.         top: 0px;
  386.     }
  387.  
  388.     /* w znaleziskach */
  389.     section.link-block .wxs_menu_action_box
  390.     {
  391.         border-color: var(--blackOpacity005, rgb(125 125 125 / 1));
  392.         border-radius: var(--buttonsBorderRadius, 4px) var(--buttonsBorderRadius, 4px) 0px 0px;
  393.         border-width: 1px 1px 0px 1px;
  394.         bottom: 0px;
  395.         top: unset;
  396.  
  397.         /* zmienione gdy linkThumbnail == "polewej" */
  398.         right: 18px;
  399.         left: unset;
  400.     }
  401.  
  402.  
  403.  
  404.     /* kolejność przycisków zmienione gdy linkThumbnail == "polewej" */
  405.     section.link-block .wxs_menu_action_box .wxs_filter_off          { order: 1; }
  406.     section.link-block .wxs_menu_action_box .wxs_filter_on_user      { order: 2; }
  407.     section.link-block .wxs_menu_action_box .wxs_hide                { order: 3; }
  408.  
  409.     /* MOBILE */
  410.     @media (max-width: 640px)
  411.     {
  412.         /* WXS ACTION MENU BUTTONS */
  413.         section.link-block .wxs_menu_action_box
  414.         {
  415.             right: unset!important;
  416.             left: 40%!important;
  417.         }
  418. 	}
  419. 	`;
  420.  
  421. 			if (settings.linkThumbnail == "polewej")
  422. 			{
  423. 				CSS += `@media (max-width: 640px)
  424. 			{
  425. 				section.link-block .wxs_menu_action_box .wxs_filter_on_user      { order: 2!important; }
  426. 				section.link-block .wxs_menu_action_box .wxs_filter_off          { order: 3!important; }
  427. 				section.link-block .wxs_menu_action_box .wxs_hide                { order: 1!important; }
  428. 			}
  429. 			/* WERSJA PC */
  430. 			@media (min-width: 641px)
  431. 			{
  432. 				/* WXS ACTION MENU BUTTONS */
  433. 				section.link-block .wxs_menu_action_box
  434. 				{
  435. 					right: unset!important;
  436. 					left: 122px!important;
  437. 				}
  438. 				section.link-block .wxs_menu_action_box .wxs_filter_on_user      { order: 2!important; }
  439. 				section.link-block .wxs_menu_action_box .wxs_filter_off          { order: 3!important; }
  440. 				section.link-block .wxs_menu_action_box .wxs_hide                { order: 1!important; }
  441. 			}
  442. 			`;
  443. 			};
  444.  
  445.  
  446. 			CSS += `
  447.  
  448.  
  449.     section.link-page section.link-block .wxs_menu_action_box
  450.     {
  451.         left: unset!important;
  452.         right: 155px!important;
  453.     }
  454.     section.link-page section.entry .wxs_menu_action_box
  455.     {
  456.         right: 190px;
  457.     }
  458.  
  459.     /* wpisy w sidebarze */
  460.     main.main > section > section.sidebar > section.custom-sidebar > div.content > section.entries > section.entry .wxs_menu_action_box
  461.     {
  462.         display: none!important;
  463.     }
  464.  
  465.     section.entry .wxs_menu_action_box:hover
  466.     {
  467.         box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, 0.1);
  468.         border-color: var(--blackOpacity04, rgb(125 125 125 / 1));
  469.     }
  470.     section.link-block .wxs_menu_action_box:hover
  471.     {
  472.         box-shadow: 3px -3px 2px 1px rgba(0, 0, 0, 0.1);
  473.         border-color: var(--blackOpacity04, rgb(125 125 125 / 1));
  474.     }
  475.     section .wxs_menu_action_box button
  476.     {
  477.         display: flex;
  478.         justify-content: center;
  479.         align-items: center;
  480.         font-size: inherit;
  481.         min-width: 20px;
  482.         width: max-content;
  483.         padding: 0px 10px;
  484.         height: 100%;
  485.         color: inherit;
  486.     }
  487.     section .wxs_menu_action_box button:first-child
  488.     {
  489.         border-radius: 0px 0px 0px var(--buttonsBorderRadius, 4px)!important;
  490.     }
  491.     section .wxs_menu_action_box button:last-child
  492.     {
  493.         border-radius: 0px 0px var(--buttonsBorderRadius, 4px) 0px!important;
  494.     }
  495.     section .wxs_menu_action_box button span
  496.     {
  497.         font-size: inherit;
  498.         padding: 0px 3px;
  499.     }
  500.     @media (max-width: 1350px)
  501.     {
  502.         section.entry .wxs_menu_action_box button span
  503.         {
  504.             display: none;
  505.         }
  506.     }
  507.  
  508.  
  509.  
  510.  
  511.     /* ukrycie niepotrzebnych przycisków */
  512.     section.wxs_minimized > article > div.wxs_menu_action_box > button.wxs_minimize,
  513.     section:not(.wxs_minimized) > article > div.wxs_menu_action_box > button.wxs_maximize,
  514.     section.own > article > .wxs_menu_action_box > .wxs_hide
  515.     {
  516.         display: none;
  517.     }
  518.  
  519.     /* ukrycie filtrowania pod wpisem bez komentarzy */
  520.     section.entry-page > section.entry > section.stream > div.content > section.entry.detailed:not(:has(div.comments)) .wxs_menu_action_box > button:is(.wxs_filter_on_user, .wxs_filter_off, .wxs_filter_on_replies)
  521.     section.entry-page > section.entry > section.stream > div.content > section.entry.detailed:not(:has(div.comments)) > article > div.edit-wrapper > div.content > section.entry-content > div.wrapper > button.wxs_filter_on_replies
  522.     {
  523.         display: none!important;
  524.     }
  525.  
  526.     section.link-block .wxs_menu_action_box > button.wxs_minimize,
  527.     section.link-block .wxs_menu_action_box > button.wxs_save,
  528.     section.link-block .wxs_menu_action_box > button.wxs_filter_on_replies
  529.     {
  530.         display: none;
  531.     }
  532.  
  533.  
  534.     section.entry article > div.edit-wrapper > div.content > section.entry-content > div.wrapper > button.wxs_filter_on_replies
  535.     {
  536.         display: inline-block;
  537.         margin: 1px 2px 1px 3px;
  538.         padding: 2px 4px 2px 4px;
  539.     }
  540.  
  541.  
  542.  
  543.     section.entry article > div.edit-wrapper > div.content > section.entry-content > div.wrapper > button.wxs_filter_on_replies > span
  544.     {
  545.         display: none;
  546.         font-size: 11px;
  547.         margin: 0px 4px;
  548.     }
  549.     section.entry article > div.edit-wrapper > div.content > section.entry-content > div.wrapper > button.wxs_filter_on_replies:hover > span
  550.     {
  551.         display: inline;
  552.     }
  553.  
  554.     section.entry article > div.edit-wrapper > div.content > section.entry-content > div.wrapper > button
  555.     {
  556.         border: 1px solid var(--athensGray);
  557.     }
  558.     section.entry article > div.edit-wrapper > div.content > section.entry-content > div.wrapper > button:hover
  559.     {
  560.         background-color: var(--whitish)
  561.     }
  562.  
  563.     /*  --- filtrowanie komentarzy użytkownika --- */
  564.     section .wxs_menu_action_box button:hover,
  565.     body[data-wxs_filter="userComments"] .wxs_menu_action_box button.wxs_filter_on_user:hover
  566.     body[data-wxs_filter="userReplies"] .wxs_menu_action_box button.wxs_filter_on_replies:hover
  567.     {
  568.         background-color: var(--blackOpacity005, rgb(0 0 0 / 0.05));
  569.         color: var(--blackOpacity1, rgb(125 125 125 / 1));
  570.     }
  571.     body[data-wxs_filter="userComments"] .wxs_menu_action_box button.wxs_filter_on_user,
  572.     body[data-wxs_filter="userReplies"] .wxs_menu_action_box button.wxs_filter_on_replies
  573.     {
  574.         color: var(--blackOpacity05, rgb(125 125 125 / 1));
  575.         background-color: var(--blackOpacity002, rgb(0 0 0 / 0.02));
  576.         border-bottom: 1px solid var(--blackOpacity05, rgb(125 125 125 / 1));
  577.     }
  578.  
  579.  
  580.     /* przyciski filtrowania komentarzy użytkownika */
  581.     /* wpisy na stronie glownej */
  582.     main.main > section > div.content > section.home-page       > section.home                      > section.stream > div.content > section.entry .wxs_menu_action_box > [class="wxs_filter_on_replies"],
  583.     /* wpisy z 1 lub 2 komentarzami */
  584.     section.entry[wxs_first_load_comments_count="1"] .wxs_menu_action_box > [class^="wxs_filter"],
  585.     section.entry[wxs_first_load_comments_count="2"] .wxs_menu_action_box > [class^="wxs_filter"],
  586.     /* wpisy bez komentarzy */
  587.     /* main.main > section > div.content > section:not(.link-page) > section section.stream > div.content > section.entry:not(.reply):not(:has(div.comments)) .wxs_menu_action_box > .wxs_filter_on, */
  588.     /* main.main > section > div.content > section:not(.link-page) > section section.stream > div.content >  section.entry:not(.reply):not(:has(div.comments)) .wxs_menu_action_box > .wxs_filter_off */
  589.     {
  590.         display: none;
  591.     }
  592.  
  593.     .wxs_menu_action_box > .wxs_filter_off
  594.     {
  595.         display: none;
  596.     }
  597.  
  598.     /* ----- ZMINIMALIZOWANE WPISY I KOMENTARZE */
  599.     /* wpisy */
  600.     section.entry.wxs_minimized > article
  601.     {
  602.         padding: 0rem var(--entryLeftPadding, 16px;) 0rem 0rem!important;
  603.     }`;
  604. 			if (settings.mirkoukrywaczMinimizedGrayedOut)
  605. 			{
  606. 				CSS += `section.entry.wxs_minimized > article
  607. 				{
  608. 					filter: grayscale(100%);
  609. 				}`;
  610. 			}
  611.  
  612. 			CSS += `
  613.     /* STRONA ZNALEZISKA - ZWINIĘTE KOMENTARZE */
  614.     section.link-page section.entry.wxs_minimized
  615.     {
  616.         height: 35px;
  617.         padding: 0px!important;
  618.     }
  619.     section.link-page section.entry.wxs_minimized > article
  620.     {
  621.         padding: 0px!important;
  622.         height: 35px;
  623.         padding-right: var(--entriesAndCommentsHorizontalPadding, 16px)!important;
  624.         margin: 0px!important;
  625.     }
  626.     section.link-page section.entry.wxs_minimized > div.comments
  627.     {
  628.         display: none!important;
  629.     }
  630.     section.link-page section.entry.wxs_minimized > article > header,
  631.     section.link-page section.entry.wxs_minimized > article > header > div
  632.     {
  633.         height: 100%!important;
  634.     }
  635.  
  636.  
  637.  
  638.     /* czas dodania */
  639.     section.entry.wxs_minimized > article > header > div.right > div > span
  640.     {
  641.         display: none!important;
  642.     }
  643.  
  644.  
  645.     /* avatar */
  646.     section.entry.wxs_minimized > article > header > div.left
  647.     {
  648.         transform: translate(0px, 0px);
  649.         --avatarSize: 17px;
  650.     }
  651.  
  652.  
  653.     /* div.right */
  654.     section.entry.wxs_minimized > article > header
  655.     {
  656.         min-height: unset!important;
  657.     }
  658.  
  659.     section.entry.wxs_minimized > article > header > div.right
  660.     {
  661.         height: 35px!important;
  662.         align-items: center!important;
  663.     }
  664.  
  665.     section.entry.wxs_minimized > article > header > div.right > div
  666.     {
  667.         display: flex!important;
  668.         align-items: center!important;
  669.     }
  670.  
  671.     /* treść */
  672.     section.entry.wxs_minimized > article > div.edit-wrapper
  673.     {
  674.         display: none!important;
  675.     }
  676.  
  677.  
  678.     /* ukrycie 2 najlepszych komentarzy pod wpisem w streamie */
  679.     main.main > section > div.content > section:is(.bucket-page, .category-page, .favourites-page, .home-page, .observed-page, .profile-page, .tag-page, .microblog-page) > section section.stream > div.content > section.entry.wxs_minimized > div.comments
  680.     {
  681.         display: none!important;
  682.     }`;
  683.  
  684. 			if (settings.mirkoukrywaczEnable)
  685. 			{
  686. 				/*  WPISY UKRYWANE PRZEZ MIRKOUKRYWACZ    .wxs_hidden should be removed most of the times, but still... */
  687. 				CSS += ` /* TODO LINK */
  688. 					main.main > section > div.content > section:is(.category-page, .favourites-page, .home-page, .observed-page, .profile-page, .tag-page, .microblog-page) > section section.stream > div.content > section.entry.wxs_hidden
  689. 					main.main > section > div.content > section.search-page > section section.stream > div.content section.entry.wxs_hidden
  690. 					{
  691. 						display: none!important;
  692. 					}`
  693. 			}
  694. 		}
  695. 		else
  696. 		{
  697. 			settings.mirkoukrywaczEnable = false;
  698. 		}
  699.  
  700. 		if (settings.mirkoukrywaczEnable)
  701. 		{
  702. 			// LOCALSTORAGE
  703. 			localStorageMirkoukrywacz = localforage.createInstance({
  704. 				driver: localforage.LOCALSTORAGE,
  705. 				name: "wykopx",
  706. 				storeName: "mirkoukrywacz",
  707. 			});
  708.  
  709.  
  710. 		}
  711.  
  712. 		setSettingsValueFromCSSProperty("notatkowatorEnable", true);
  713.  
  714.  
  715. 		if (settings.notatkowatorEnable)
  716. 		{
  717. 			IntersectionObserverEnabled = true;
  718. 			localStorageNotatkowator = localforage.createInstance({
  719. 				driver: localforage.LOCALSTORAGE,
  720. 				name: "wykopx",
  721. 				storeName: "notatkowator",
  722. 			});
  723.  
  724. 			//settings.notatkowatorUpdateInterval = parseFloat(wykopxSettings.getPropertyValue("--notatkowatorUpdateInterval")); // number 0 ... 120
  725. 			setSettingsValueFromCSSProperty("notatkowatorVerticalBar");
  726. 			setSettingsValueFromCSSProperty("notatkowatorWebsiteURL");
  727. 			setSettingsValueFromCSSProperty("notatkowatorStyle", "obok_nicka", true); // obok_nicka, obok_nicka_druga_linia, pod_avatarem
  728. 		}
  729.  
  730.  
  731. 		let falszyweRozoweArray = null;
  732. 		let falszyweNiebieskieArray = null;
  733. 		let mapaTrolli = null;
  734.  
  735. 		setSettingsValueFromCSSProperty("wxsUserLabelsEnable", true);
  736.  
  737. 		if (settings.wxsUserLabelsEnable)
  738. 		{
  739.  
  740. 			IntersectionObserverEnabled = true;
  741. 			localStorageUserLabels = localforage.createInstance({
  742. 				driver: localforage.LOCALSTORAGE,
  743. 				name: "wykopx",
  744. 				storeName: "userlabels",
  745. 			});
  746. 			setSettingsValueFromCSSProperty("wxsUserLabelsFakeFemales", true);
  747. 			setSettingsValueFromCSSProperty("wxsUserLabelsTrolls", true);
  748.  
  749. 			if (settings.wxsUserLabelsFakeFemales)
  750. 			{
  751. 				// LISTA FAŁSZYWYCH RÓŻOWYCH PASKÓW fałszywe różowe
  752. 				const listafalszywychrozowych = [];
  753.  
  754. 				listafalszywychrozowych.push('washington');
  755. 				listafalszywychrozowych.push('Obrzydzenie');
  756. 				listafalszywychrozowych.push('Blueweb');
  757. 				listafalszywychrozowych.push('conamirko');
  758. 				listafalszywychrozowych.push('i_took_a_pill_in_remiza');
  759. 				listafalszywychrozowych.push('Riolet');
  760. 				listafalszywychrozowych.push('ChwilowaPomaranczka');
  761. 				listafalszywychrozowych.push('RobieZdrowaZupke');
  762. 				listafalszywychrozowych.push('IlllIlIIIIIIIIIlllllIlIlIlIlIlIlIII');
  763. 				listafalszywychrozowych.push('Banderoza');
  764. 				listafalszywychrozowych.push('deiceberg');
  765. 				listafalszywychrozowych.push('Chodtok');
  766. 				listafalszywychrozowych.push('kierowcaautobusuofficial');
  767. 				listafalszywychrozowych.push('ToJestNiepojete');
  768. 				listafalszywychrozowych.push('model_wygenerowany_na_wykoppl');
  769. 				listafalszywychrozowych.push('chwilowypaczelok');
  770. 				listafalszywychrozowych.push('sinls');
  771. 				listafalszywychrozowych.push('KRZYSZTOF_DZONG_UN');
  772. 				listafalszywychrozowych.push('miszczu90');
  773. 				listafalszywychrozowych.push('nenq123');
  774. 				listafalszywychrozowych.push('domek_drewniany');
  775. 				listafalszywychrozowych.push('konserwix');
  776. 				listafalszywychrozowych.push('Diamond');
  777. 				listafalszywychrozowych.push('BlackBl-kunack');
  778. 				listafalszywychrozowych.push('Mantusabra');
  779. 				listafalszywychrozowych.push('ElCidX');
  780. 				listafalszywychrozowych.push('cword');
  781. 				listafalszywychrozowych.push('ToJestNiepojete');
  782. 				listafalszywychrozowych.push('powodzenia');
  783. 				listafalszywychrozowych.push('washington');
  784. 				listafalszywychrozowych.push('sipson204');
  785. 				listafalszywychrozowych.push('36873');
  786. 				listafalszywychrozowych.push('Defined');
  787. 				listafalszywychrozowych.push('toniemojebuty');
  788. 				listafalszywychrozowych.push('DigitalPasztet');
  789. 				listafalszywychrozowych.push('wcaleniepchamsiewmultikonto');
  790. 				listafalszywychrozowych.push('Wieczny_Prawiczek');
  791. 				listafalszywychrozowych.push('Bpnn');
  792. 				listafalszywychrozowych.push('AndrzejBabinicz');
  793. 				listafalszywychrozowych.push('bruhmomentow');
  794. 				listafalszywychrozowych.push('iforgotmypass_');
  795. 				listafalszywychrozowych.push('kwiat_pustyni626');
  796. 				listafalszywychrozowych.push('powodzenia');
  797. 				listafalszywychrozowych.push('simsakPL');
  798. 				listafalszywychrozowych.push('ramotka');
  799. 				listafalszywychrozowych.push('bruhmomentow');
  800.  
  801.  
  802.  
  803.  
  804. 				// LISTA FAŁSZYWYCH NIEBIESKICH PASKÓW fałszywe niebieskie
  805. 				const listafalszywychniebieskich = [];
  806. 				listafalszywychniebieskich.push("Kantor_wymiany_mysli_i_wrazen");
  807. 				listafalszywychniebieskich.push("DragonTattoo2404");
  808. 				listafalszywychniebieskich.push("qksgh");
  809. 				listafalszywychniebieskich.push("mariusz9922");
  810. 				listafalszywychniebieskich.push("xoxo900");
  811. 				listafalszywychniebieskich.push("jutronaobiadznowuryz");
  812.  
  813.  
  814.  
  815. 				localStorageUserLabels.setItem('falszyweRozowe', listafalszywychrozowych).then(() => { });
  816. 				localStorageUserLabels.setItem('falszyweNiebieskie', listafalszywychniebieskich).then(() => { });
  817.  
  818.  
  819. 				// get from localstorage
  820. 				falszyweRozoweArray = await localStorageUserLabels.getItem("falszyweRozowe");
  821. 				falszyweNiebieskieArray = await localStorageUserLabels.getItem("falszyweNiebieskie");
  822. 			}
  823.  
  824.  
  825. 			if (settings.wxsUserLabelsTrolls)
  826. 			{
  827. 				const trollsMap = new Map();
  828. 				trollsMap.set("WykopX", { "url": "https://github.com/wykopx/WykopX/wiki/X-Notatkowator" });
  829. 				trollsMap.set("wykop", { "label": "Oficjalne konto", });
  830. 				trollsMap.set("bakehaus", { "label": "Wypiek", "url": "https://nimble.li/vdr4ajlm" });
  831. 				trollsMap.set("m__b", { "label": "Michał B.", "url": "https://pl.linkedin.com/in/michalbialek" });
  832. 				trollsMap.set("paliwoda", { "url": "https://sjp.pwn.pl/sjp/chomato;2448428.html" });
  833. 				trollsMap.set("autotldr", { "label": "Bot AI", "url": "https://github.com/wykopx/Aplikacje-wykopowe/wiki/Boty-na-Wykopie#auto-tldr" });
  834. 				trollsMap.set("wykop-gpt", { "label": "Bot AI", "url": "https://github.com/wykopx/Aplikacje-wykopowe/wiki/Boty-na-Wykopie#wykop-gpt" });
  835. 				trollsMap.set("Przypomnienie", { "label": "Bot AI", "url": "https://github.com/wykopx/Aplikacje-wykopowe/wiki/Boty-na-Wykopie#przypomnienie" });
  836. 				trollsMap.set("DwieLinieBOTv3", { "label": "Bot AI", "url": "https://github.com/wykopx/Aplikacje-wykopowe/wiki/Boty-na-Wykopie#dwie-linie-bot" });
  837. 				trollsMap.set("ISSTrackerPL", { "label": "Bot", "url": "https://github.com/wykopx/Aplikacje-wykopowe/wiki/Boty-na-Wykopie#iss-tracker" });
  838. 				trollsMap.set("januszowybot", { "label": "Bot", "url": "https://github.com/wykopx/Aplikacje-wykopowe/wiki/Boty-na-Wykopie#januszowy-bot" });
  839. 				trollsMap.set("mirko_anonim", { "label": "Anonim", "url": "https://github.com/wykopx/Aplikacje-wykopowe/wiki/Aplikacje#mirkoanonim" });
  840. 				// #wykopaka sciana wstydu
  841. 				trollsMap.set("Barneyeos", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  842. 				trollsMap.set("zzbkk", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  843. 				trollsMap.set("ZarejestrowanyMimoWoli", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  844. 				trollsMap.set("idainadenshigijutsusha", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  845. 				trollsMap.set("birus", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  846. 				trollsMap.set("anthonysoprano", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  847. 				trollsMap.set("ferigone", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  848. 				trollsMap.set("DerMirker", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  849. 				trollsMap.set("viciu03", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  850. 				trollsMap.set("kriss2005r", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  851. 				trollsMap.set("Kalinke01", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  852. 				trollsMap.set("maestroPijanyRolnik", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  853. 				trollsMap.set("Davidvia0", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  854. 				trollsMap.set("Nefree", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  855. 				trollsMap.set("Architekt_Chaosu", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  856. 				trollsMap.set("kogut_20", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  857. 				trollsMap.set("mkeeey", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  858. 				trollsMap.set("Mirkosoft", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  859. 				trollsMap.set("WodkaGrejfrut", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  860. 				trollsMap.set("notavailable", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  861. 				trollsMap.set("spoko_spoko_na_chillku", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  862. 				trollsMap.set("Repcakos", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  863. 				trollsMap.set("3dnow", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  864. 				trollsMap.set("ToChybaJakisZart", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  865. 				trollsMap.set("vrraaaz", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  866. 				trollsMap.set("Skura_tak_przezU", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  867. 				trollsMap.set("Lutekcjusz", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  868. 				trollsMap.set("ile-prawdy-jest-w-jednym-slowie", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  869. 				trollsMap.set("kutmen2", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  870. 				trollsMap.set("michal_misiek", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  871. 				trollsMap.set("kartofel322", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  872. 				trollsMap.set("ten_co_uciekl", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  873. 				trollsMap.set("NaczelnyHejterWykopu", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  874. 				trollsMap.set("wykopowa_ona", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  875. 				trollsMap.set("s-o-s", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  876. 				trollsMap.set("Samowski", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  877. 				trollsMap.set("CynicznySkurczybyk", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  878. 				trollsMap.set("qmox", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  879. 				trollsMap.set("pawel_je", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  880. 				trollsMap.set("PrawdziwyRealista", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  881. 				trollsMap.set("beniu89", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  882. 				trollsMap.set("cranberry250", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  883. 				trollsMap.set("bimbadil", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  884. 				trollsMap.set("PanKajak", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  885. 				trollsMap.set("Qontrol", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  886. 				trollsMap.set("RobaUrs", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  887. 				trollsMap.set("PAST", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  888. 				trollsMap.set("Szychasekk", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  889. 				trollsMap.set("Szatanski_werset", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  890. 				trollsMap.set("matess", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  891. 				trollsMap.set("SSKW", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  892. 				trollsMap.set("silver1", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  893. 				trollsMap.set("CioseK", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  894. 				trollsMap.set("wojt4ss", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  895. 				trollsMap.set("Ponta", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  896. 				trollsMap.set("kspr", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  897. 				trollsMap.set("korporacion", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  898. 				trollsMap.set("ogrod87", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  899. 				trollsMap.set("Tomek3322", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  900. 				trollsMap.set("dgjkasgr8yl3q", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  901. 				trollsMap.set("dese", { "label": "🤬 #wykopaka", "url": "https://wykopaka.pl/wall-of-shame" });
  902.  
  903.  
  904. 				trollsMap.set("ChwilowaPomaranczka", { "label": "Wykopowy Troll" });
  905. 				localStorageUserLabels.setItem('mapaTrolli', Object.fromEntries(trollsMap)).then(() => { });
  906.  
  907. 				// get from localstorage
  908. 				localStorageUserLabels.getItem('mapaTrolli').then(val => { mapaTrolli = new Map(Object.entries(val)); })
  909. 			}
  910. 		}
  911.  
  912. 		// wykop_xs_banned.user.js - START - 1
  913. 		setSettingsValueFromCSSProperty("infoboxUserBannedInfoOnProfilePage");
  914. 		// wykop_xs_banned.user.js - END - 1
  915.  
  916.  
  917.  
  918.  
  919. 		setSettingsValueFromCSSProperty("infoboxEnable", false);
  920.  
  921. 		if (settings.infoboxEnable)
  922. 		{
  923. 			IntersectionObserverEnabled = true;
  924. 			setSettingsValueFromCSSProperty("infoboxUserBannedEmoji");
  925. 			setSettingsValueFromCSSProperty("infoboxUserBannedInfo");
  926. 			setSettingsValueFromCSSProperty("infoboxUserMemberSince");
  927. 			setSettingsValueFromCSSProperty("infoboxUserMemberSinceYear");
  928. 			setSettingsValueFromCSSProperty("infoboxUserSummaryFollowers");
  929. 			setSettingsValueFromCSSProperty("infoboxUserSummaryActivity");
  930. 		}
  931.  
  932.  
  933. 		setSettingsValueFromCSSProperty("tabChangeEnabled", false);
  934. 		if (settings.tabChangeEnabled)
  935. 		{
  936. 			setSettingsValueFromCSSProperty("tabChangeOnlyOnHiddenState", false);
  937. 			setSettingsValueFromCSSProperty("tabChangeFaviconEnabled", false);
  938.  
  939. 			if (settings.tabChangeFaviconEnabled)
  940. 			{
  941. 				setSettingsValueFromCSSProperty("tabChangeFaviconSelect", "wykop", true);
  942. 			}
  943.  
  944. 			setSettingsValueFromCSSProperty("tabChangeTitleEnabled", false);
  945. 			if (settings.tabChangeTitleEnabled)
  946. 			{
  947. 				setSettingsValueFromCSSProperty("tabChangeTitleShowNotificationsEnabled", false);
  948. 				setSettingsValueFromCSSProperty("tabChangeTitleShowNotificationsCountPM", false);
  949. 				setSettingsValueFromCSSProperty("tabChangeTitleShowNotificationsCountEntries", false);
  950. 				setSettingsValueFromCSSProperty("tabChangeTitleShowNotificationsCountSeparated", false);
  951. 				setSettingsValueFromCSSProperty("tabChangeTitleShowNotificationsCountTagsNewLink", false);
  952. 				setSettingsValueFromCSSProperty("tabChangeTitleShowNotificationsCountTagsNewEntry", false);
  953. 				setSettingsValueFromCSSProperty("tabChangeTitlePrefix", false);
  954. 				setSettingsValueFromCSSProperty("tabChangeTitleSelect", "domyslny", true);
  955. 				setSettingsValueFromCSSProperty("tabChangeTitleCustom", "Wykop X", true);
  956. 				setSettingsValueFromCSSProperty("tabChangeTitleSuffix", "domyslny", true);
  957. 			}
  958. 		}
  959.  
  960.  
  961.  
  962. 		// DOMYŚLNIE WYŁĄCZONE BEZ WYKOP X STYLE
  963. 		setSettingsValueFromCSSProperty("votePlusMinusOnHover", false);
  964. 		setSettingsValueFromCSSProperty("observedTagsInRightSidebarSortAlphabetically", false);
  965. 		setSettingsValueFromCSSProperty("topNavHomeButtonClickRefreshOrRedirect", false);
  966. 		setSettingsValueFromCSSProperty("topNavMicroblogButtonClickRefreshOrRedirect", false);
  967. 		setSettingsValueFromCSSProperty("quickLinksEnable", false);
  968.  
  969. 		// DODATKOWE PRZYCISKI NA GORNEJ BELCE
  970. 		setSettingsValueFromCSSProperty("topNavNightSwitchButton", true);
  971.  
  972. 		setSettingsValueFromCSSProperty("topNavMyWykopButton", false);
  973. 		setSettingsValueFromCSSProperty("topNavMicroblogButton", false);
  974. 		setSettingsValueFromCSSProperty("topNavMessagesButton", false);
  975. 		setSettingsValueFromCSSProperty("topNavProfileButton", false);
  976. 		setSettingsValueFromCSSProperty("topNavNotificationsButton", false);
  977.  
  978. 		// DODATKOWE PRZYCISKI NA BELCE MOBILNEJ
  979. 		setSettingsValueFromCSSProperty("mobileNavBarHide", false);
  980. 		if (settings.mobileNavBarHide == false)
  981. 		{
  982. 			setSettingsValueFromCSSProperty("mobileNavBarMyWykopButton", false);
  983. 			setSettingsValueFromCSSProperty("mobileNavBarMessagesButton", false);
  984. 			setSettingsValueFromCSSProperty("mobileNavBarProfileButton", false);
  985. 			setSettingsValueFromCSSProperty("mobileNavBarNotificationsButton", false);
  986. 		}
  987.  
  988.  
  989. 		// default numbers
  990. 		settings.observedTagsInRightSidebarUpdateInterval = 12;
  991. 		if (wykopxSettings.getPropertyValue("--observedTagsInRightSidebarUpdateInterval")) settings.observedTagsInRightSidebarUpdateInterval = parseFloat(wykopxSettings.getPropertyValue("--observedTagsInRightSidebarUpdateInterval")); // number
  992.  
  993.  
  994.  
  995.  
  996.  
  997. 		// variables from Wykop X Style
  998. 		// TODO stare Wykop X Style "true"
  999. 		settings.wxsDownloadImageButton = (wykopxSettings.getPropertyValue("--wxsDownloadImageButton").trim() == `"true"`); // boolean, default off
  1000. 		settings.topNavHamburgerHoverMinimize = (wykopxSettings.getPropertyValue("--topNavHamburgerHoverMinimize").trim() == `"true"`); // boolean
  1001. 		settings.tagHeaderEditable = (wykopxSettings.getPropertyValue("--tagHeaderEditable").trim() == `"true"`); // boolean
  1002. 		settings.linksAnalyzerEnable = (wykopxSettings.getPropertyValue("--linksAnalyzerEnable").trim() == `"true"`); // boolean
  1003. 		settings.fixCaseSensitiveTagsRedirection = (wykopxSettings.getPropertyValue("--fixCaseSensitiveTagsRedirection").trim() == `"true"`); // boolean
  1004. 		settings.categoryRedirectToMicroblogButtonEnable = (wykopxSettings.getPropertyValue("--categoryRedirectToMicroblogButtonEnable").trim() == `"true"`); // boolean
  1005.  
  1006.  
  1007.  
  1008. 		settings.homepagePinnedEntriesHideBelowLimit = parseFloat(wykopxSettings.getPropertyValue("--homepagePinnedEntriesHideBelowLimit")); // number
  1009.  
  1010.  
  1011. 		// boolean — domyslnie WŁĄCZONE bez Wykop X Style
  1012. 		setSettingsValueFromCSSProperty("hitsInTopNavJS");
  1013. 		setSettingsValueFromCSSProperty("myWykopInTopNavJS");
  1014. 		setSettingsValueFromCSSProperty("favoritesInTopNavJS");
  1015. 		setSettingsValueFromCSSProperty("addNewLinkInTopNavJS");
  1016. 		setSettingsValueFromCSSProperty("addNewEntryInTopNavJS");
  1017. 		setSettingsValueFromCSSProperty("disableNewLinkEditorPastedTextLimit");
  1018.  
  1019.  
  1020. 		// strings
  1021. 		setSettingsValueFromCSSProperty("linksAnalyzerSortBy", "domyslnie", true);
  1022. 		setSettingsValueFromCSSProperty("topNavLogoClick", "glowna", true);
  1023. 		setSettingsValueFromCSSProperty("editorSendHotkey", "ctrl_enter", true);   // "domyslnie", "enter", "ctrl_enter", "ctrl_s"
  1024.  
  1025. 		if (settings.editorSendHotkey != "domyslnie") setSettingsValueFromCSSProperty("editorSendHotkeyShowOnSendButton");
  1026.  
  1027. 		settings.categoryRedirectToMicroblogButtonFilter = wykopxSettings.getPropertyValue("--categoryRedirectToMicroblogButtonFilter").replaceAll("_", "/").replaceAll(" ", "");
  1028.  
  1029.  
  1030.  
  1031. 		/* mouseClickOpensImageInNewTab 💻❎🐁 Otwórz obrazek w nowej karcie kliknięciem  "nie_otwieraj"-domyslnie "lewy_przycisk_myszy""srodkowy_przycisk_myszy" "prawy_przycisk_myszy" */
  1032. 		settings.mouseClickOpensImageInNewTab = wykopxSettings.getPropertyValue("--mouseClickOpensImageInNewTab") ? wykopxSettings.getPropertyValue("--mouseClickOpensImageInNewTab").replaceAll(" ", "") : "srodkowy_przycisk_myszy";
  1033.  
  1034.  
  1035.  
  1036. 		let localStorageObserved = localforage.createInstance({
  1037. 			driver: localforage.LOCALSTORAGE,
  1038. 			name: "wykopx",
  1039. 			storeName: "observed",
  1040. 		});
  1041.  
  1042. 		const topNavHeaderRightElement = document.querySelector('header.header > .right > nav > ul');
  1043.  
  1044. 		if (dev) consoleX("Settings: ", 1);
  1045. 		if (dev) console.log(settings);
  1046.  
  1047. 		// przenoszenie na tagi:                              wykop.pl/#heheszki
  1048. 		// i na profile użytkownikow:                         wykop.pl/@m__b
  1049. 		// wyszukiwanie wpisów danej osoby w konkretnym tagu  wykop.pl/@m__b/#internet   albo  wykop.pl/#internet/@m__b/
  1050.  
  1051.  
  1052. 		let currentPageURL = undefined;
  1053.  
  1054. 		let pageType = "";
  1055. 		let pageSubtype = "";
  1056. 		let pageObjects = []; // ["znaleziska", "wpisy", "komentarze"]
  1057.  
  1058. 		let currentPageTotalVotesUpCount = 0;
  1059.  
  1060. 		let hash = new URL(document.URL).hash;
  1061. 		let pathname = new URL(document.URL).pathname;
  1062. 		let pathnameArray = pathname.split("/"); // ['', 'wpis', '74111643', 'dobranoc-panstwu'] ['', 'wykopalisko'] ['', 'link', '7303053', 'braun-gasi-chanuke-gasnica-mem']
  1063.  
  1064.  
  1065. 		isURLChanged();
  1066. 		newPageURL();
  1067.  
  1068. 		// setInterval(() =>
  1069. 		// {
  1070. 		// 	if (isURLChanged()) newPageURL()
  1071. 		// }, 5000);
  1072.  
  1073. 		function isURLChanged()
  1074. 		{
  1075. 			const newURL = window.location.href;
  1076. 			consoleX(`isURLChanged() -> ${newURL}`, 1);
  1077. 			//const newURL2 = document.URL;
  1078.  
  1079. 			if (newURL != currentPageURL)
  1080. 			{
  1081. 				consoleX(`isURLChanged() -> URL Changed from ${currentPageURL} to ${newURL}`)
  1082. 				currentPageURL = newURL;
  1083. 				return true;
  1084. 			}
  1085. 			else return false;
  1086. 		}
  1087.  
  1088.  
  1089. 		function newPageURL()
  1090. 		{
  1091. 			consoleX("newPageURL()", 1);
  1092.  
  1093. 			hash = new URL(document.URL).hash;
  1094. 			pathname = new URL(document.URL).pathname;
  1095. 			pathnameArray = pathname.split("/");
  1096. 			consoleX(`newPageURL() -> document.URL: ${document.URL} hash: ${hash}, pathname: ${pathname}, pathnameArray: `, 1)
  1097. 			if (dev) console.log(pathnameArray)
  1098.  
  1099. 			currentPageTotalVotesUpCount = 0;
  1100.  
  1101. 			if (pathnameArray[1] == "" || pathnameArray[1] == "aktywne" || pathnameArray[1] == "najnowsze" || pathnameArray[1] == "strona")
  1102. 			{
  1103. 				pageType = "glowna";
  1104. 				pageSubtype = "glowna";
  1105. 				pageObjects = ["wpisy", "znaleziska"];
  1106.  
  1107. 				if (pathnameArray[2] && pathnameArray[2] != "strona")
  1108. 				{
  1109. 					pageSubtype = pathnameArray[2]; // "aktywne", "najnowsze"
  1110. 				}
  1111. 			}
  1112.  
  1113. 			else if (pathnameArray[1] == "wykopalisko")
  1114. 			{
  1115. 				pageType = "wykopalisko";
  1116. 				pageSubtype = "wykopalisko";
  1117. 				pageObjects = ["znaleziska"];
  1118.  
  1119. 				if (pathnameArray[2] && pathnameArray[2] != "strona")
  1120. 				{
  1121. 					pageSubtype = pathnameArray[2]; // "najnowszego", "aktywne", "wykopywane", "komentowane"
  1122. 				}
  1123. 			}
  1124.  
  1125. 			else if (pathnameArray[1] == "ludzie") // profil jakiegoś użytkownika wykop.pl/ludzie/NadiaFrance
  1126. 			{
  1127. 				pageType = "profil";
  1128. 				pageSubtype = "profil";
  1129. 				pageObjects = ["znaleziska", "wpisy", "komentarze"];
  1130. 			}
  1131. 			else if (pathnameArray[1] == "link")
  1132. 			{
  1133. 				pageType = "znalezisko";
  1134. 				pageSubtype = "znalezisko";
  1135. 				pageObjects = ["komentarze"];
  1136. 			}
  1137. 			else if (pathnameArray[1] == "wpis")
  1138. 			{
  1139. 				pageType = "wpis";
  1140. 				pageSubtype = "wpis";
  1141. 				pageObjects = ["komentarze"];
  1142. 			}
  1143.  
  1144. 			else if (pathnameArray[1] == "mikroblog")
  1145. 			{
  1146. 				pageType = "mikroblog";
  1147. 				pageSubtype = "mikroblog";
  1148. 				pageObjects = ["wpisy", "komentarze"];
  1149. 			}
  1150.  
  1151. 			else if (pathnameArray[1] == "tag")
  1152. 			{
  1153. 				pageType = "tag";
  1154. 				pageSubtype = pathnameArray[2]; // nazwatagu
  1155. 				pageObjects = ["znaleziska", "wpisy", "komentarze"];
  1156. 			}
  1157. 			consoleX(`Typ strony: ${pageType} ${pageType != pageSubtype ? pageSubtype : ""}`, 1)
  1158. 			// if(dev) console.log(`pageObjects:`, pageObjects)
  1159. 		}
  1160.  
  1161.  
  1162.  
  1163.  
  1164. 		function removeAllDataWXSAttributes()
  1165. 		{
  1166. 			consoleX(`removeAllDataWXSAttributes()`, 1);
  1167.  
  1168. 			document.querySelectorAll(`section[data-wxs_username]`).forEach((el) =>
  1169. 			{
  1170. 				removeWXSAttributes(el)
  1171. 			});
  1172. 		}
  1173.  
  1174. 		function removeWXSAttributes(sectionObjectElement)
  1175. 		{
  1176. 			if (dev) console.log(`removeWXSAttributes() from id: ${sectionObjectElement.__vue__.item.id}`, + sectionObjectElement);
  1177.  
  1178. 			sectionObjectElement.removeAttribute('style'); // custom css properties removed 
  1179.  
  1180. 			Object.keys(sectionObjectElement.dataset).forEach(dataKey =>
  1181. 			{
  1182. 				if (dataKey.startsWith('wxs_'))
  1183. 				{
  1184. 					delete sectionObjectElement.dataset[dataKey];
  1185. 				}
  1186. 			});
  1187. 		}
  1188.  
  1189.  
  1190.  
  1191.  
  1192.  
  1193.  
  1194. 		(async () =>
  1195. 		{
  1196. 			let at, tag;
  1197. 			if (settings.fixCaseSensitiveTagsRedirection)
  1198. 			{
  1199. 				/* fixing case sensitive tags https://github.com/wykopx/WykopX/issues/21 */
  1200. 				if (pathnameArray[1] == "tag" && /[A-Z]/.test(pathnameArray[2]))
  1201. 				{
  1202. 					consoleX(`Błędny tag "${pathnameArray[2]}"`);
  1203. 					pathnameArray[2] = pathnameArray[2].toLowerCase();
  1204. 					let newPathname = "https://wykop.pl" + pathnameArray.join("/");
  1205. 					consoleX(`Otwieram poprawny adres: ${newPathname}`);
  1206. 					window.location.replace(newPathname);
  1207. 				}
  1208. 			}
  1209.  
  1210. 			let excludedPaths = ["szukaj", "wpis", "link", "artykul", "k", "wykopalisko", "mikroblog", "osberwowane", "hity", "powiadomienia", "ustawienia"];
  1211.  
  1212. 			// # przekierowanie URL http://wykop.pl/#heheszki albo http://wykop.pl/#wykop/@m__b ale nie https://wykop.pl/wpis/213123/tresc#123456
  1213. 			if (!excludedPaths.includes(pathnameArray[1]) && hash.length > 0)
  1214. 			{
  1215. 				let tagWithHash = hash.split("/")[0];
  1216. 				let tagWithoutHash = tagWithHash.slice(1);
  1217. 				let tagNumber = Number.parseInt(tagWithoutHash);
  1218.  
  1219. 				if (tagWithoutHash.length > 1 && (tagNumber == "NaN" || tagWithoutHash.length < 9) && tagWithoutHash != "dodaj")
  1220. 				{
  1221. 					if ((tag = getTagFromUrl(tagWithHash))) { }
  1222. 					if ((at = getUserFromUrl(hash))) { }
  1223. 				}
  1224. 			}
  1225.  
  1226. 			// @ przekierowanie URL http://wykop.pl/@NadiaFrance albo http://wykop.pl/#wykop/@m__b
  1227. 			if (!excludedPaths.includes(pathnameArray[1]) && pathname.length > 2)
  1228. 			{
  1229. 				if (at || (at = getUserFromUrl(pathname))) { }
  1230. 			}
  1231.  
  1232. 			if (at || tag) smartRedirectBasedOnUserAndTag(at, tag);
  1233.  
  1234. 		})();
  1235.  
  1236.  
  1237.  
  1238.  
  1239.  
  1240.  
  1241.  
  1242.  
  1243. 		function redirectToSearchUserEntriesInTag(user, tag)
  1244. 		{
  1245. 			window.location.replace(`https://wykop.pl/szukaj/wszystkie/@${user}?tags=${tag}`);
  1246. 		}
  1247.  
  1248. 		function redirectToTag(tag)
  1249. 		{
  1250. 			window.location.replace(`https://go.wykopx.pl/#${tag}`);
  1251. 		}
  1252.  
  1253. 		function redirectToUser(user)
  1254. 		{
  1255. 			window.location.replace(`https://wykopx.pl/@${user}`);
  1256. 		}
  1257.  
  1258. 		function smartRedirectBasedOnUserAndTag(user, tag)
  1259. 		{
  1260. 			consoleX(`smartRedirectBasedOnUserAndTag(user @${user},  tag #${tag})`, 1);
  1261.  
  1262. 			if (tag && user) redirectToSearchUserEntriesInTag(user, tag)
  1263. 			else if (tag) redirectToTag(tag)
  1264. 			else if (user) redirectToUser(user)
  1265. 		}
  1266. 		// returns 'tag' from /#tag in string
  1267. 		function getTagFromUrl(url, splitSeparator = "/", tagSymbol = "#")
  1268. 		{
  1269. 			consoleX(`getTagFromUrl(url: ${url},  splitSeparator: #${splitSeparator}), tagSymbol: ${tagSymbol}`, 1);
  1270.  
  1271. 			let tagArray = url.split(splitSeparator);
  1272. 			for (let element of tagArray)
  1273. 			{
  1274. 				if (element.charAt(0) == "#" || element.charAt(0) == tagSymbol)
  1275. 				{
  1276. 					element = element.slice(1);
  1277. 					return element;
  1278. 				} else if (tagSymbol == "" && (/^[0-9a-zA-Z]/i.test(element.charAt(0))))
  1279. 				{
  1280. 					return element;
  1281. 				} else
  1282. 				{
  1283. 					continue;
  1284. 				}
  1285. 			}
  1286. 			return false;
  1287. 		}
  1288.  
  1289. 		function getUserFromUrl(url, splitSeparator = "/", userSymbol = "@")
  1290. 		{
  1291. 			consoleX(`getUserFromUrl(url: ${url},  splitSeparator: #${splitSeparator}), userSymbol: ${userSymbol}`, 1);
  1292.  
  1293. 			let atArray = url.split(splitSeparator);
  1294. 			for (let element of atArray)
  1295. 			{
  1296. 				if (element.charAt(0) == userSymbol)
  1297. 				{
  1298. 					return element.slice(1);
  1299. 				}
  1300. 			}
  1301. 			return false;
  1302. 		}
  1303.  
  1304.  
  1305.  
  1306.  
  1307.  
  1308.  
  1309.  
  1310. 		let consoleData =
  1311. 		{
  1312. 			mirkoukrywacz_hidden:
  1313. 			{
  1314. 				count: 0,
  1315. 				text: "Ukrytych",
  1316. 				title: "Mirkoukrywacz ukryte",
  1317. 			},
  1318.  
  1319. 			mirkoukrywacz_minimized: {
  1320. 				count: 0,
  1321. 				text: "Zwiniętych",
  1322. 				title: "Mirkoukrywacz zwinął",
  1323. 			},
  1324.  
  1325. 			annoyances: {
  1326. 				count: 0,
  1327. 				text: "Uciążliwych obiektów",
  1328. 				title: "Annoyances title",
  1329.  
  1330. 				ads: {
  1331. 					count: 0,
  1332. 					text: "Usuniętych reklam",
  1333.  
  1334. 				},
  1335.  
  1336. 				iframe: {
  1337. 					count: 0,
  1338. 					text: "ads iframes",
  1339. 					title: "Annoyances iframes with ads",
  1340. 				},
  1341.  
  1342. 				script: {
  1343. 					count: 0,
  1344. 					text: "ads scripts",
  1345. 					title: "Annoyances scripts",
  1346. 				},
  1347.  
  1348. 				other: {
  1349. 					count: 0,
  1350. 					text: "inne",
  1351. 					title: "Annoyances other",
  1352.  
  1353. 				},
  1354.  
  1355. 				div: {
  1356. 					count: 0,
  1357. 					text: "inne",
  1358. 					title: "Annoyances div",
  1359. 				},
  1360. 			},
  1361.  
  1362.  
  1363.  
  1364. 			notatkowator: {
  1365. 				count: 0,
  1366. 				text: "Dodanych Notatek",
  1367. 				title: "Notatki do użytkowników",
  1368. 			},
  1369. 		}
  1370.  
  1371. 		function buildConsole(jNodeHeaderStreamTop = null)
  1372. 		{
  1373.  
  1374. 			if (!dev) return;
  1375.  
  1376. 			consoleX("buildConsole()", 1)
  1377.  
  1378. 			let headerStreamTopElement;
  1379.  
  1380. 			if (!jNodeHeaderStreamTop)
  1381. 			{
  1382. 				headerStreamTopElement = document.getElementById("main.main > section > div.content section.stream > header.stream-top");
  1383. 			}
  1384. 			else
  1385. 			{
  1386. 				headerStreamTopElement = jNodeHeaderStreamTop;
  1387. 			}
  1388.  
  1389. 			if (headerStreamTopElement)
  1390. 			{
  1391. 				//return;
  1392. 				const wxs_console = document.getElementById("wxs_console");
  1393. 				if (!wxs_console)
  1394. 				{
  1395. 					const wxs_console_container = document.createElement("aside"); // <aside id="wxs_console_container"> 
  1396. 					wxs_console_container.id = "wxs_console_container";
  1397. 					wxs_console_container.innerHTML = `<header><span>𝗪𝘆𝗸𝗼𝗽 𝗫</span> <button>▼</button></header>`;
  1398. 					wxs_console_container.title = `𝗪𝘆𝗸𝗼𝗽 𝗫`;
  1399. 					headerStreamTopElement.appendChild(wxs_console_container);
  1400.  
  1401. 					let wxs_console_section = document.createElement("section");
  1402. 					wxs_console_section.id = "wxs_console";
  1403.  
  1404. 					headerStreamTopElement.insertAdjacentElement('afterend', wxs_console_section);
  1405. 				}
  1406. 				refreshConsole();
  1407. 			}
  1408. 		}
  1409.  
  1410.  
  1411. 		let wxs_console;
  1412.  
  1413. 		function refreshConsole()
  1414. 		{
  1415. 			consoleX("refresh console()", 1)
  1416.  
  1417. 			return;  // temp
  1418.  
  1419. 			if (!wxs_console) wxs_console = document.getElementById("wxs_console");
  1420.  
  1421. 			if (wxs_console)
  1422. 			{
  1423. 				wxs_console.innerHTML = "";
  1424.  
  1425. 				for (let field in consoleData)
  1426. 				{
  1427. 					if (consoleData[field].count > 0)
  1428. 					{
  1429. 						let div = document.createElement("div");
  1430. 						div.classList.add(`wcs_console_${field}`)
  1431. 						div.title = consoleData[field].title;
  1432. 						div.innerHTML = `<span class="wxs_console_count">
  1433. 										${consoleData[field].count}
  1434. 									</span>
  1435. 									<span class="wxs_console_text">
  1436. 										${consoleData[field].text}
  1437. 									</span>`;
  1438. 						wxs_console.appendChild(div);
  1439. 					}
  1440. 				}
  1441. 				for (let field in consoleData.annoyances)
  1442. 				{
  1443. 					if (consoleData.annoyances[field].count > 0)
  1444. 					{
  1445. 						let div = document.createElement("div");
  1446. 						div.title = consoleData.annoyances[field].title;
  1447. 						div.classList.add(`wcs_console_${field}`)
  1448. 						div.innerHTML = `<span class="wxs_console_count">
  1449. 										${consoleData.annoyances[field].count}
  1450. 									</span>
  1451. 									<span class="wxs_console_text">
  1452. 										${consoleData.annoyances[field].text}
  1453. 									</span>`;
  1454. 						wxs_console.appendChild(div);
  1455. 					}
  1456. 				}
  1457. 			}
  1458.  
  1459. 		}
  1460.  
  1461.  
  1462.  
  1463. 		/* LENNY FACE
  1464. 				let lennyArray = 
  1465. 				[
  1466. 					`( ͡° ͜ʖ ͡°)`,
  1467. 					`( ͡° ʖ̯ ͡°)`,
  1468. 					`( ͡º ͜ʖ͡º)`,
  1469. 					`( ͡°( ͡° ͜ʖ( ͡° ͜ʖ ͡°)ʖ ͡°) ͡°)`,
  1470. 					`(⌐ ͡■ ͜ʖ ͡■)`,
  1471. 					`(╥﹏╥)`,
  1472. 					`(╯︵╰,)`,
  1473. 					`(ʘ‿ʘ)`,
  1474. 					`(｡◕‿‿◕｡)`,
  1475. 					`ᕙ(⇀‸↼‶)ᕗ`,
  1476. 					`ᕦ(òóˇ)ᕤ`,
  1477. 					`(✌ ﾟ ∀ ﾟ)☞`,
  1478. 					`ʕ•ᴥ•ʔ`,
  1479. 					`ᶘᵒᴥᵒᶅ`,
  1480. 					`(⌒(oo)⌒)`
  1481. 				]
  1482. 			}
  1483. 		*/
  1484.  
  1485.  
  1486.  
  1487.  
  1488.  
  1489.  
  1490.  
  1491.  
  1492.  
  1493.  
  1494. 		// <body data-wxs_category_menu_minimized="false">
  1495. 		if (settings.topNavHamburgerHoverMinimize)
  1496. 		{
  1497. 			waitForKeyElements("body > section > header.header > div.left > button", topNavHamburgerHoverMinimize, true);
  1498. 		}
  1499. 		function topNavHamburgerHoverMinimize(hamburgerButton)
  1500. 		{
  1501. 			consoleX(`topNavHamburgerHoverMinimize()`, 1);
  1502. 			body.dataset.wxs_category_menu_minimized = 'true';
  1503. 			hamburgerButton.addEventListener("mouseover", () => 
  1504. 			{
  1505. 				if (body.dataset.wxs_category_menu_minimized === 'true')
  1506. 				{
  1507. 					//delete body.dataset.wxs_category_menu_minimized;
  1508. 					body.dataset.wxs_category_menu_minimized = 'false';
  1509. 				}
  1510. 				else
  1511. 				{
  1512. 					body.dataset.wxs_category_menu_minimized = 'true';
  1513. 				}
  1514. 			});
  1515. 		}
  1516.  
  1517.  
  1518.  
  1519. 		/* QUICK SEARCH */
  1520.  
  1521. 		/* Edytuj nagłówek tagu, aby przejść na inny tag */
  1522.  
  1523. 		function tagHeaderEditableWatcher()
  1524. 		{
  1525. 			consoleX(`tagHeaderEditableWatcher()`, 1);
  1526.  
  1527. 			if (settings.tagHeaderEditable)
  1528. 			{
  1529. 				waitForKeyElements(".main-content .main aside.tag-top .content header h1", tagHeaderEditable, false);
  1530. 			}
  1531. 		}
  1532.  
  1533. 		function tagHeaderEditable(tagHeaderEditable)
  1534. 		{
  1535. 			consoleX(`tagHeaderEditable()`, 1);
  1536. 			let originalValue = tagHeaderEditable.textContent.toLowerCase();
  1537. 			tagHeaderEditable.className = "wykopx_quick_search";
  1538. 			tagHeaderEditable.setAttribute("data-wykopx-original-value", originalValue); //todo dataset
  1539. 			tagHeaderEditable.setAttribute("tabindex", 1);
  1540. 			tagHeaderEditable.setAttribute("spellcheck", false);
  1541. 			tagHeaderEditable.contentEditable = "true";
  1542. 			tagHeaderEditable.role = "textbox";
  1543.  
  1544.  
  1545. 			let wykopx_quick_search = document.querySelector(".wykopx_quick_search");
  1546. 			if (originalValue != "") 
  1547. 			{
  1548. 				wykopx_quick_search.value = originalValue;
  1549. 				wykopx_quick_search.dispatchEvent(new Event('change'));
  1550. 				wykopx_quick_search.setAttribute("data-wykopx-original-value", originalValue);
  1551. 			}
  1552. 			wykopx_quick_search.addEventListener("blur", eventInsertedTagOrUser);
  1553. 			wykopx_quick_search.addEventListener("keydown", eventInsertedTagOrUser);
  1554. 		}
  1555.  
  1556. 		waitForKeyElements("input.wykopx_quick_search", wykopx_quick_search, false);
  1557.  
  1558. 		function wykopx_quick_search(wykopxQuickSearch)
  1559. 		{
  1560. 			consoleX(`wykopx_quick_search()`, 1);
  1561. 			wykopxQuickSearch.addEventListener("blur", eventInsertedTagOrUser);
  1562. 			wykopxQuickSearch.addEventListener("keydown", eventInsertedTagOrUser);
  1563. 		}
  1564.  
  1565. 		function eventInsertedTagOrUser(e)
  1566. 		{
  1567. 			consoleX("eventInsertedTagOrUser(e)", 1);
  1568.  
  1569. 			if (e.type === "blur" || (e.type === "keydown" && e.keyCode == 13)) // out of focus or enter
  1570. 			{
  1571. 				consoleX("eventInsertedTagOrUser() -- event blur || eydown .wykopx_quick_search", 1);
  1572. 				e.preventDefault();
  1573.  
  1574. 				if (dev) console.log("Type of the element: " + e.target.tagName);
  1575. 				let editedValue;
  1576. 				if (e.target.tagName == "INPUT") editedValue = e.target.value.toLowerCase();
  1577. 				else if (e.target.tagName == "H1") editedValue = e.target.textContent.toLowerCase();
  1578.  
  1579. 				if (editedValue != e.target.getAttribute("data-wykopx-original-value"))
  1580. 				{
  1581. 					smartRedirectBasedOnUserAndTag(getUserFromUrl(editedValue, " "), getTagFromUrl(editedValue, " ", ""));
  1582. 				}
  1583. 			}
  1584. 		}
  1585.  
  1586.  
  1587.  
  1588.  
  1589.  
  1590. 		/* RIGHT SIDEBAR — DODAJ LISTE OBSERWOWANYCH TAGÓW */
  1591. 		function addObservedTagsToRightSidebar()
  1592. 		{
  1593. 			consoleX("addObservedTagsToRightSidebar()", 1)
  1594.  
  1595. 			let fetchedValuesArray = [];
  1596.  
  1597. 			if (settings.observedTagsInRightSidebarEnable)
  1598. 			{
  1599. 				// consoleX("addObservedTagsToRightSidebar()", 1)
  1600.  
  1601. 				checkLocalForageupdatedDate(localStorageObserved, getObservedTags, settings.observedTagsInRightSidebarUpdateInterval * 3600);
  1602.  
  1603. 				// VUE SENSITIVE
  1604. 				/*
  1605. 					data-v-d5500d78
  1606. 					data-v-38d5cf90
  1607. 					data-v-7befdafc
  1608. 				*/
  1609. 				let section_html = `
  1610. 			<section class="wykopx_your_observed_tags custom-sidebar tags-sidebar" data-v-d5500d78 data-v-38d5cf90 data-v-0a0cb29b>
  1611. 				<header class="" data-v-d5500d78>
  1612. 					<h4 data-v-d5500d78>Przejdź na #tag lub @profil</h4>
  1613. 				</header>
  1614. 				<div class="content wykopx_quick_search_container" data-v-d5500d78>
  1615. 					<input type="text" class="wykopx_quick_search" placeholder="#wykopx" title="${promoString}" />
  1616. 				</div>
  1617. 				<header data-v-d5500d78>
  1618. 					<h4 data-v-d5500d78>Twoje obserwowane tagi</h4>
  1619. 				</header>
  1620. 				<div class="content" data-v-d5500d78>
  1621. 					<section class="tags" data-v-7befdafc data-v-d5500d78>
  1622. 						<ul data-v-7befdafc data-v-d5500d78>
  1623. 				`;
  1624.  
  1625. 				localStorageObserved.getItem('observedTags').then(function (tagsArray)
  1626. 				{
  1627. 					fetchedValuesArray = tagsArray;
  1628. 					if (settings.observedTagsInRightSidebarSortAlphabetically)
  1629. 					{
  1630. 						fetchedValuesArray.sort(); // sortowanie alfabetyczne tagów
  1631. 					}
  1632. 					fetchedValuesArray.forEach(function (tag)
  1633. 					{
  1634. 						section_html += `
  1635. 						<li data-v-7befdafc data-v-d5500d78 title="Przejdź na tag #${tag}  ${promoString}">
  1636. 							<span data-v-7befdafc data-v-d5500d78>#</span><a data-v-7befdafc href="https://go.wykopx.pl/#${tag}" class="hybrid" data-v-d5500d78>${tag}</a>
  1637. 						</li>`;
  1638. 					});
  1639. 					section_html += `</ul></section></div></section>`;
  1640. 					document.querySelector(`section.sidebar`).insertAdjacentHTML('beforeend', section_html);
  1641. 				}).catch(function (err) { });
  1642.  
  1643. 			}
  1644. 		}
  1645.  
  1646.  
  1647. 		async function checkLocalForageupdatedDate(wykopxStorageName, updateStorageFunction, updateIntervalSeconds)
  1648. 		{
  1649. 			consoleX("checkLocalForageupdatedDate()", 1)
  1650.  
  1651. 			try
  1652. 			{
  1653. 				let storageUpdatedDate = await wykopxStorageName.getItem("storageUpdatedDate");
  1654. 				if (storageUpdatedDate == null)
  1655. 				{
  1656. 					consoleX("Selected info wasn't downloaded. Updating now...", 1)
  1657. 					updateStorageFunction();
  1658. 				} else
  1659. 				{
  1660. 					const date2 = dayjs(storageUpdatedDate)
  1661. 					if (loadTime.diff(date2, "second") > parseFloat(updateIntervalSeconds))
  1662. 					{
  1663. 						consoleX(`Update interval: ${loadTime.diff(date2, "second")}s > ${updateIntervalSeconds}s`, 1)
  1664. 						updateStorageFunction();
  1665. 					}
  1666. 				}
  1667. 			} catch (err)
  1668. 			{
  1669. 				if (dev) console.log(err);
  1670. 			}
  1671. 		}
  1672.  
  1673.  
  1674. 		async function getObservedTags()
  1675. 		{
  1676. 			consoleX(`getObservedTags()`, 1);
  1677.  
  1678. 			const apiGetObservedTags = `https://wykop.pl/api/v3/profile/users/${loggedUser.username}/observed/tags`;
  1679. 			consoleX(`async function getObservedTags(${loggedUser.username}`, 1);
  1680.  
  1681. 			await fetch(apiGetObservedTags, {
  1682. 				method: "GET", // or 'PUT'
  1683. 				headers: {
  1684. 					"Content-Type": "application/json",
  1685. 					Authorization: "Bearer " + window.localStorage.token,
  1686. 				},
  1687. 			})
  1688. 				.then((response) => response.json())
  1689. 				.then((responseJSON) =>
  1690. 				{
  1691. 					if (dev) console.log("🟢🟢🟢responseJSON")
  1692. 					if (dev) console.log(responseJSON)
  1693. 					const responseJSONData = responseJSON.data; // data = [{name: 'wykopwnowymstylu'}, {name: 'wykop'}, {name: 'wykopx'}]
  1694. 					const fetchedValuesArray = responseJSONData.map(function (item)
  1695. 					{ return item.name; });
  1696.  
  1697. 					localStorageObserved.setItem("storageUpdatedDate", loadTime)
  1698. 					localStorageObserved.setItem("observedTags", fetchedValuesArray)
  1699.  
  1700. 					return true;
  1701. 				});
  1702. 		}
  1703.  
  1704.  
  1705.  
  1706.  
  1707.  
  1708.  
  1709.  
  1710.  
  1711. 		async function POSTDATATOWYKOPX()
  1712. 		{
  1713. 			if (dev) console.log(" 🍌🍌🍌🍌 POSTDATATOWYKOPX() ")
  1714.  
  1715.  
  1716. 			await getSettingsList("blacklists", "tags");
  1717. 			await getSettingsList("blacklists", "domains");
  1718. 			await getSettingsList("blacklists", "users");
  1719. 			await getSettingsList("observed", "tags");
  1720.  
  1721. 			let settings_list_observed_tags = await localStorageObserved.getItem("settings_list_observed_tags");
  1722. 			let settings_list_blacklists_domains = await localStorageObserved.getItem("settings_list_blacklists_domains");
  1723. 			let settings_list_blacklists_users = await localStorageObserved.getItem("settings_list_blacklists_users");
  1724. 			let settings_list_blacklists_tags = await localStorageObserved.getItem("settings_list_blacklists_tags");
  1725.  
  1726.  
  1727. 			// await getSettingsList("observed", "users", "following");
  1728. 			// await getSettingsList("observed", "users", "followers");
  1729. 			// let settings_list_observed_users_followers = await localStorageObserved.getItem("settings_list_observed_users_followers");
  1730. 			// let settings_list_observed_users_following = await localStorageObserved.getItem("settings_list_observed_users_following");
  1731.  
  1732. 			let dataPOST = {};
  1733.  
  1734. 			// let settings_list_SHA256 = await localStorageObserved.getItem("settings_list_SHA256");
  1735. 			let settings_list_SHA256 = null;
  1736.  
  1737. 			if (settings_list_blacklists_tags?.length > 0)
  1738. 			{
  1739. 				dataPOST.settings_list_blacklists_tags = settings_list_blacklists_tags;
  1740. 				dataPOST.sha256 = await SHA256(loggedUser.username + settings_list_blacklists_tags[settings_list_blacklists_tags.length - 1].created_at + settings_list_blacklists_tags[settings_list_blacklists_tags.length - 1].name); // WykopX2023-01-01 23:59:59famemma
  1741. 			}
  1742. 			if (settings_list_observed_tags?.length > 0)
  1743. 			{
  1744. 				dataPOST.settings_list_observed_tags = settings_list_observed_tags;
  1745. 				if (settings_list_SHA256 == null) dataPOST.sha256 = await SHA256(loggedUser.username + settings_list_observed_tags[settings_list_observed_tags.length - 1].created_at + settings_list_observed_tags[settings_list_observed_tags.length - 1].name);
  1746. 			}
  1747. 			if (settings_list_blacklists_domains?.length > 0)
  1748. 			{
  1749. 				dataPOST.settings_list_blacklists_domains = settings_list_blacklists_domains;
  1750. 				if (settings_list_SHA256 == null) dataPOST.sha256 = await SHA256(loggedUser.username + settings_list_blacklists_domains[settings_list_blacklists_domains.length - 1].created_at + settings_list_blacklists_domains[settings_list_blacklists_domains.length - 1].domain);
  1751. 			}
  1752. 			if (settings_list_blacklists_users?.length > 0)
  1753. 			{
  1754. 				dataPOST.settings_list_blacklists_users = settings_list_blacklists_users;
  1755. 				if (settings_list_SHA256 == null) dataPOST.sha256 = await SHA256(loggedUser.username + settings_list_blacklists_users[settings_list_blacklists_users.length - 1].created_at + settings_list_blacklists_users[settings_list_blacklists_users.length - 1].username);
  1756. 			}
  1757.  
  1758.  
  1759.  
  1760.  
  1761. 			if (Object.keys(dataPOST).length >= 2)
  1762. 			{
  1763. 				if (dev) console.log(" 🍌🍌🍌🍌 Sending this data to api.wykopx.pl: ", dataPOST)
  1764.  
  1765. 				// TODO
  1766. 				// fetch('https://api.wykopx.pl/api/v3/', { 
  1767. 				// 	method: 'POST',
  1768. 				// 	headers: {
  1769. 				// 		'Content-Type': 'application/json'
  1770. 				// 	},
  1771. 				// 	body: JSON.stringify(dataPOST)
  1772. 				// })
  1773. 				// 	.then(response => response.text())
  1774. 				// 	.then(data =>
  1775. 				// 	{
  1776. 				// 		localStorageObserved.setItem(`settings_list_update`, loadTime);
  1777.  
  1778. 				// 		if(dev) console.log(" 🍌🍌🍌🍌 response from api.wykopx.pl: ")
  1779. 				// 		if(dev) console.log(data)
  1780. 				// 	})
  1781. 				// 	.catch(error => console.error('Error:', error));
  1782. 			}
  1783. 		}
  1784.  
  1785. 		/*
  1786. 			getSettingsList("blacklists", "tags");
  1787. 			getSettingsList("blacklists", "domains");
  1788. 			getSettingsList("blacklists", "users");
  1789. 			getSettingsList("observed", "tags");
  1790. 			getSettingsList("observed", "users", "following");
  1791. 			getSettingsList("observed", "users", "followers");
  1792. 		*/
  1793.  
  1794. 		let lastBlacklistTagCreatedAt = null;
  1795. 		let lastBlacklistTagCreatedAtSHA256 = null;
  1796.  
  1797.  
  1798. 		async function getSettingsList(blacklistsOrObserved, type, subtype)
  1799. 		{
  1800. 			consoleX(`getSettingsList(blacklistsOrObserved: ${blacklistsOrObserved}, type: ${type}, subtype: ${subtype})`, 1);
  1801.  
  1802. 			let page = 1;
  1803. 			let totalFetched = 0;
  1804. 			let totalRecords = null;
  1805. 			let fetchedValuesArray = [];
  1806.  
  1807.  
  1808. 			while (totalRecords === null || totalFetched < totalRecords)
  1809. 			{
  1810. 				let apiGetPaginatedURL = null;
  1811. 				if (blacklistsOrObserved == "blacklists") apiGetPaginatedURL = `https://wykop.pl/api/v3/settings/blacklists/${type}?page=${page}`;
  1812. 				else if (blacklistsOrObserved == "observed")
  1813. 				{
  1814. 					if (type == "tags") apiGetPaginatedURL = `https://wykop.pl/api/v3/profile/users/${loggedUser.username}/observed/${type}?page=${page}`;
  1815. 					else if (type == "users" && subtype) apiGetPaginatedURL = `https://wykop.pl/api/v3/profile/users/${loggedUser.username}/observed/${type}/${subtype}?page=${page}`
  1816. 				}
  1817. 				const response = await fetch(apiGetPaginatedURL, {
  1818. 					method: "GET",
  1819. 					headers: {
  1820. 						"Content-Type": "application/json",
  1821. 						Authorization: "Bearer " + window.localStorage.token,
  1822. 					},
  1823. 				});
  1824.  
  1825. 				const responseJSON = await response.json();
  1826. 				const responseJSONData = responseJSON.data;
  1827.  
  1828. 				// if (blacklistsOrObserved == "blacklists" && type == "tags")
  1829. 				// {
  1830. 				// 	lastBlacklistTagCreatedAt = loggedUser.username + responseJSONData[responseJSONData.length - 1].created_at + responseJSONData[responseJSONData.length - 1].name; // WykopX2023-01-01 23:59:59famemma
  1831. 				// 	lastBlacklistTagCreatedAtSHA256 = await SHA256(lastBlacklistTagCreatedAt);
  1832. 				// 	localStorageObserved.setItem(`settings_list_SHA256`, lastBlacklistTagCreatedAtSHA256);
  1833. 				// }
  1834.  
  1835. 				let valueName = "name";
  1836. 				if (type == "users") valueName = "username"
  1837. 				if (type == "domains") valueName = "domain"
  1838. 				fetchedValuesArray = fetchedValuesArray.concat(responseJSONData.map(item => item[valueName])); // data = [{ name: 'wykopwnowymstylu' }, { name: 'wykop' }, { name: 'wykopx' }]
  1839. 				totalFetched += responseJSONData.length;
  1840. 				totalRecords = responseJSON.pagination.total;
  1841. 				page++;
  1842. 			}
  1843.  
  1844. 			if (dev) console.log(`🔻fetchedValuesArray ${blacklistsOrObserved}/${type} FINISHED`)
  1845. 			if (dev) console.log(fetchedValuesArray)
  1846.  
  1847. 			// localforage
  1848. 			localStorageObserved.setItem(`settings_list_${blacklistsOrObserved}_${type}${subtype ? "_" + subtype : ""}`, fetchedValuesArray); // zapisuje jako Array: ["tag1", "tag2", "tag3"]
  1849.  
  1850. 			// localstorage
  1851. 			//localStorage.setItem(`settings_list_${blacklistsOrObserved}_${type}${subtype ? "_" + subtype : ""}`, JSON.stringify(fetchedValuesArray)); // zapisuje jako Array: ["tag1", "tag2", "tag3"]
  1852. 			//localStorage.setItem("blacklisted_tags", fetchedValuesArray); // zapisuje jako string: tag1,tag2,tag3
  1853. 			return true;
  1854. 		}
  1855.  
  1856.  
  1857.  
  1858.  
  1859.  
  1860.  
  1861.  
  1862. 		function switchChanged(PointerEvent, cssFilterName)
  1863. 		{
  1864. 			consoleX(`switchChanged(cssFilterName: ${cssFilterName})`, 1);
  1865.  
  1866. 			/*
  1867. 				this -> clicked element == event.target
  1868. 				PointerEvent — even object
  1869. 			*/
  1870. 			//body.dataset[cssFilterName] = this.value;	//	<body data-wxs_switch_nsfw="1"]
  1871. 			if (this.value == 0) body.dataset[cssFilterName] = "OFF_0";	//	<body data-wxs_switch_nsfw="OFF"]
  1872. 			else if (this.value > 0) body.dataset[cssFilterName] = `ON_PLUS_${this.value}`;	//	<body data-wxs_switch_nsfw="ON_PLUS_1"]  // "ON_PLUS_1", "ON_PLUS_2", "ON_PLUS_3"
  1873. 			else body.dataset[cssFilterName] = `ON_MINUS_${Math.abs(this.value)}`;	//		<body data-wxs_switch_nsfw="ON_MINUS_1"]			<body data-wxs_switch_nsfw="-1"]
  1874.  
  1875. 			if (cssFilterName == "wxs_switch_entries_photo_viewer")
  1876. 			{
  1877. 				const switchImagesInput = document.getElementById("switchImages");
  1878. 				if (this.value > 0 && switchImagesInput.value != 1) 
  1879. 				{
  1880. 					switchImagesInput.value = 1;
  1881. 					switchChanged.call(switchImagesInput, null, "wxs_switch_entries_images")
  1882. 				}
  1883. 				else if (this.value == 0 && switchImagesInput.value != 0)
  1884. 				{
  1885. 					switchImagesInput.value = 0;
  1886. 					switchChanged.call(switchImagesInput, null, "wxs_switch_entries_images")
  1887. 				}
  1888.  
  1889. 			}
  1890. 			if (cssFilterName == "wxs_switch_entries_images" && this.value <= 0)
  1891. 			{
  1892. 				const switchPhotoViewerInput = document.getElementById("switchPhotoViewer");
  1893. 				if (switchPhotoViewerInput.value != 0)
  1894. 				{
  1895. 					switchPhotoViewerInput.value = 0;
  1896. 					switchChanged.call(switchPhotoViewerInput, null, "wxs_switch_entries_photo_viewer")
  1897. 				}
  1898. 			}
  1899. 		}
  1900. 		if (settings.wxsSwitchesEnable)
  1901. 		{
  1902. 			document.addEventListener("input", (event) =>
  1903. 			{
  1904. 				if (settings.wxsSwitchNSFW && event.target.closest("input#switchNSFW")) switchChanged.call(event.target, event, "wxs_switch_entries_nsfw");
  1905. 				else if (settings.wxsSwitchAdult && event.target.closest("input#switchAdult")) switchChanged.call(event.target, event, "wxs_switch_entries_adult");
  1906. 				else if (settings.wxsSwitchPhotoViewer && event.target.closest("input#switchPhotoViewer")) switchChanged.call(event.target, event, "wxs_switch_entries_photo_viewer");
  1907. 				else if (settings.wxsSwitchImages && event.target.closest("input#switchImages")) switchChanged.call(event.target, event, "wxs_switch_entries_images");
  1908. 				else if (settings.wxsSwitchYouTube && event.target.closest("input#switchYouTube")) switchChanged.call(event.target, event, "wxs_switch_entries_youtube");
  1909. 				else if (settings.wxsSwitchTags && event.target.closest("input#switchTags")) switchChanged.call(event.target, event, "wxs_switch_entries_tags");
  1910. 				else if (settings.wxsSwitchByUserColor && event.target.closest("input#switchByUserColor")) switchChanged.call(event.target, event, "wxs_switch_by_user_color");
  1911. 				else if (settings.wxsSwitchByUserGender && event.target.closest("input#switchByUserGender")) switchChanged.call(event.target, event, "wxs_switch_by_user_gender");
  1912. 			});
  1913. 		}
  1914.  
  1915.  
  1916. 		function addSwitchButtons()
  1917. 		{
  1918. 			consoleX("addSwitchButtons()", 1)
  1919.  
  1920. 			let buttonsWrapper = document.createElement("section");
  1921. 			buttonsWrapper.classList.add("wxs_switches_container");
  1922.  
  1923. 			buttonsWrapper.innerHTML = `<datalist id="markers">
  1924. 										<option value="-1" label="OFF"></option>
  1925. 										<option value="0" label=""></option>
  1926. 										<option value="1" label="ON">ON</option>
  1927. 									</datalist>`;
  1928.  
  1929. 			if (settings.wxsSwitchNSFW)
  1930. 			{
  1931. 				buttonsWrapper.innerHTML += `<div class="wxs_switch switchNSFW showOnLinksStream showOnEntriesStream showOnEntryPage">
  1932. 											<div>
  1933. 												<label class="label_ON_MINUS_1" title=" Wpisy z tagiem #nsfw są ukryte">Bez #nsfw</label>
  1934. 												<label class="label_OFF_0">#nsfw</label>
  1935. 												<label class="label_ON_PLUS_1" title=" Wyświetlane są tylko wpisy z tagiem #nsfw">Tylko #nsfw</label>
  1936. 											</div>
  1937. 											<div>
  1938. 												<input type="range" id="switchNSFW"  list="markers" name="switchNSFW" min="-1" max="1" step="1" value="0" />
  1939. 											</div>
  1940. 										</div>`;
  1941. 			}
  1942. 			if (settings.wxsSwitchAdult)
  1943. 			{
  1944. 				buttonsWrapper.innerHTML += `<div class="wxs_switch switchAdult showOnLinksStream showOnEntriesStream showOnEntryPage">
  1945. 											<div>
  1946. 												<label class="label_ON_MINUS_1" title=" Treści oznaczne jako materiały 18+ są ukryte">Bez 18+</label>
  1947. 												<label class="label_OFF_0">18+</label>
  1948. 												<label class="label_ON_PLUS_1" title=" Wyświetlane są tylko treści oznaczone jako 18+ ">Tylko 18+</label>
  1949. 											</div>
  1950. 											<div>
  1951. 												<input type="range" id="switchAdult" list="markers" name="switchAdult" min="-1" max="1" step="1" value="0" />
  1952. 											</div>
  1953. 										</div>`;
  1954. 			}
  1955.  
  1956. 			if (settings.wxsSwitchByUserColor)
  1957. 			{
  1958. 				buttonsWrapper.innerHTML += `<div class="wxs_switch switchByUserColor showOnLinksStream showOnEntriesStream showOnLinkPage showOnEntriesStream showOnEntryPage">
  1959. 											<div>
  1960. 												<label class="label_OFF_0">Kolory</label>
  1961. 												<label class="label_ON_PLUS_1">Bez zielonek</label>
  1962. 												<label class="label_ON_PLUS_2">Tylko bordo</label>
  1963. 											</div>
  1964. 											<div>
  1965. 												<input type="range" id="switchByUserColor" list="markers" name="switchByUserColor" min="0" max="2" step="1" value="0" />
  1966. 											</div>
  1967. 										</div>`;
  1968. 			}
  1969. 			if (settings.wxsSwitchByUserGender)
  1970. 			{
  1971. 				buttonsWrapper.innerHTML += `<div class="wxs_switch switchByUserGender showOnLinkPage showOnEntriesStream showOnEntryPage">
  1972. 											<div>
  1973. 												<label class="label_ON_MINUS_1" title="">Bez różowych</label>
  1974. 												<label class="label_OFF_0">Różowe</label>
  1975. 												<label class="label_ON_PLUS_1" title="">Tylko różowe </label>
  1976. 											</div>
  1977. 											<div>
  1978. 												<input type="range" id="switchByUserGender" list="markers" name="switchByUserGender" min="-1" max="1" step="1" value="0" />
  1979. 											</div>
  1980. 										</div>`;
  1981. 			}
  1982.  
  1983. 			if (settings.wxsSwitchYouTube)
  1984. 			{
  1985. 				buttonsWrapper.innerHTML += `<div class="wxs_switch switchYouTube showOnLinksStream showOnEntriesStream showOnEntriesStream showOnEntryPage">
  1986. 											<div>
  1987. 												<label class="label_ON_MINUS_1" title=" Treści bez filmików YouTube">Bez YT</label>
  1988. 												<label class="label_OFF_0">YouTube</label>
  1989. 												<label class="label_ON_PLUS_1" title=" Tylko YouTube ">Tylko YT</label>
  1990. 											</div>
  1991. 											<div>
  1992. 												<input type="range" id="switchYouTube" list="markers" name="switchYouTube" min="-1" max="1" step="1" value="0" />
  1993. 											</div>
  1994. 										</div>`;
  1995. 			}
  1996. 			if (settings.wxsSwitchTags)
  1997. 			{
  1998. 				buttonsWrapper.innerHTML += `<div class="wxs_switch switchTags showOnEntriesStream">
  1999. 											<div>
  2000. 												<label class="label_ON_MINUS_1" title=" Wyświetlane są tylko wpisy nie zawierające w treści żadnych #tagów.\n Wpisy zawierające jakiekolwiek #tagi są ukryte">Tylko nocna 🌙</label>
  2001. 												<label class="label_OFF_0">#tagi</label>
  2002. 												<label class="label_ON_PLUS_1" title=" Wyświetlane są tylko wpisy zawierające minimum jeden #tag.\n Wpisy bez żadnego #tagu są ukryte.">Tylko #tagi #️⃣</label>
  2003. 											</div>
  2004. 											<div>
  2005. 												<input type="range" id="switchTags" list="markers" name="switchTags" min="-1" max="1" step="1" value="0" />
  2006. 											</div>
  2007. 										</div>`;
  2008. 			}
  2009.  
  2010. 			if (settings.wxsSwitchImages)
  2011. 			{
  2012. 				buttonsWrapper.innerHTML += `<div class="wxs_switch switchImages showOnLinkPage showOnEntriesStream showOnEntryPage">
  2013. 											<div>
  2014. 												<label class="label_ON_MINUS_2" title=" Pokazuje tylko wpisy, które nie mają obrazków. Ukrywa wszystkie wpisy z obrazkami lub GIF-ami">Bez obr. 🚫</label>
  2015. 												<label class="label_ON_MINUS_1" title=" Ukrywa obrazki we wpisach i komentarzach pozostawiając tekst">Ukryj obr.</label>
  2016. 												<label class="label_OFF_0">Obrazki</label>
  2017. 												<label class="label_ON_PLUS_1" title=" Pokazuje tylko wpisy, które zawierają obrazki">Tylko obr.</label>
  2018. 											</div>
  2019. 											<div>
  2020. 												<input type="range" id="switchImages" list="markers" name="switchImages" min="-2" max="1" step="1" value="0" />
  2021. 											</div>
  2022. 										</div>`;
  2023. 			}
  2024.  
  2025. 			if (settings.wxsSwitchPhotoViewer)
  2026. 			{
  2027. 				buttonsWrapper.innerHTML += `<div class="wxs_switch switchPhotoViewer showOnEntriesStream">
  2028. 											<div>
  2029. 												<label class="label_OFF_0">PhotoViewer</label>
  2030. 												<label class="label_ON_PLUS_1">PhotoViewer ✔</label>
  2031. 												<label class="label_ON_PLUS_2">PhotoViewer ✅</label>
  2032. 											</div>
  2033. 											<div>
  2034. 												<input type="range" id="switchPhotoViewer" list="markers" name="switchPhotoViewer" min="0" max="2" step="1" value="0" />
  2035. 											</div>
  2036. 										</div>`;
  2037. 			}
  2038.  
  2039.  
  2040.  
  2041. 			const nav = document.querySelector("body header div.right nav");
  2042. 			nav.parentNode.insertBefore(buttonsWrapper, nav);
  2043. 		}
  2044.  
  2045.  
  2046.  
  2047.  
  2048. 		// ACTION BOX BUTTONS
  2049. 		document.addEventListener("click", (event) =>
  2050. 		{
  2051. 			//if (event.target.closest("button.wxsDownVote")) downVoteLink.call(event.target, event); // zakopywanie znaleziska na głównej
  2052. 			if (settings.actionBoxEnable)
  2053. 			{
  2054. 				if (settings.filterUserComments || settings.filterUserReplies)
  2055. 				{
  2056. 					if (event.target.closest("button.wxs_filter_off")) filterUserOff.call(event.target, event, event.target.closest("button.wxs_filter_off"));
  2057.  
  2058. 					if (settings.filterUserComments)
  2059. 					{
  2060. 						if (event.target.closest("button.wxs_filter_on_user")) filterUserComments.call(event.target, event, event.target.closest("button.wxs_filter_on_user"), "userComments");
  2061. 					}
  2062. 					if (settings.filterUserReplies)
  2063. 					{
  2064. 						if (event.target.closest("button.wxs_filter_on_replies")) filterUserComments.call(event.target, event, event.target.closest("button.wxs_filter_on_replies"), "userReplies");
  2065. 					}
  2066. 				}
  2067.  
  2068. 				if (settings.mirkoukrywaczEnable)
  2069. 				{
  2070. 					if (event.target.closest("button.wxs_minimize")) minimizeThisEntry.call(event.target, event);
  2071. 					if (event.target.closest("button.wxs_maximize")) maximizeThisEntry.call(event.target, event);
  2072.  
  2073. 					if (event.target.closest("button.wxs_hide")) hideThisEntry.call(event.target, event, event.target.closest("button.wxs_hide")); // > (this, arg1, arg2)
  2074.  
  2075.  
  2076. 					if (event.target.closest(".wykopx_mirkoukrywacz_unhide")) maximizeThisEntry.call(event.target, event, event.target.dataset.wxs_object_id);
  2077.  
  2078. 				}
  2079. 			}
  2080.  
  2081. 			if (settings.mirkoukrywaczEnable)
  2082. 			{
  2083. 				if (event.target.closest("#wxs_mirkoukrywacz_delete_all")) mirkoukrywaczRemoveTooOld.call(event.target, event,
  2084. 					{
  2085. 						days: 0,
  2086. 						blockingType: "all",
  2087. 						resource: "all",
  2088. 					});
  2089.  
  2090. 				if (event.target.closest("#wxs_mirkoukrywacz_delete_older_than_7_days"))
  2091. 				{
  2092. 					mirkoukrywaczRemoveTooOld.call(event.target, event, {
  2093. 						days: document.getElementById("wxs_mirkoukrywacz_delete_timespan").value,
  2094. 						blockingType: document.getElementById("wxs_mirkoukrywacz_delete_block_type").value,
  2095. 						resource: document.getElementById("wxs_mirkoukrywacz_delete_resource").value,
  2096. 					});
  2097. 				}
  2098. 			}
  2099. 		});
  2100.  
  2101.  
  2102.  
  2103.  
  2104.  
  2105.  
  2106.  
  2107.  
  2108.  
  2109. 		/* ---------------- MIRKOUKRYWACZ  MENU  ----------------- */
  2110. 		function saveThisEntryContent(PointerEvent)
  2111. 		{
  2112. 			consoleX("saveThisEntryContent()", 1)
  2113. 			let resource = "unknown";
  2114. 			let entry_stream = this?.closest(".stream");
  2115. 			if (entry_stream)
  2116. 			{
  2117. 				if (entry_stream.classList.contains("microblog")) resource = "entry";
  2118. 				else if (entry_stream.classList.contains("entry-comments")) resource = "entry";
  2119. 				else if (entry_stream.classList.contains("entry-subcomments")) resource = "entry-subcomments";
  2120. 				else if (entry_stream.classList.contains("link-comments")) resource = "link-comments";
  2121.  
  2122. 				let entry = this.closest(".entry");
  2123. 				let comment_id = entry.id.split("-")[1];
  2124. 				let username = entry.querySelector("a.username span").innerText;
  2125. 				let text = entry.querySelector("div.content div.wrapper").innerText.replace(/\n/g, " ");
  2126.  
  2127. 				let grandcomment_id = comment_id; /* id nad-komentarza */
  2128. 				if (resource == "entry-subcomments")
  2129. 				{
  2130. 					let entry_grandparent = entry.parentNode.closest(".entry");
  2131. 					grandcomment_id = entry_grandparent.id.split("-")[1];
  2132. 				}
  2133. 				mirkoukrywaczBlockNewElement(entry.id, grandcomment_id, username, text, resource, "saved");
  2134. 			}
  2135. 		}
  2136.  
  2137. 		function filterUserOff(event, buttonElement)
  2138. 		{
  2139. 			consoleX(`filterUserOff()`, 1);
  2140.  
  2141. 			if (body.dataset.wxs_filter) delete body.dataset.wxs_filter // <body data-wxs_filter>
  2142. 			if (body.dataset.wxs_filter_style) delete body.dataset.wxs_filter_style
  2143. 			if (body.dataset.wxs_filter_username) delete body.dataset.wxs_filter_username
  2144.  
  2145. 			// TODO check -> document.getElementById('wxs_css_filter_user_comments')?.parentNode?.removeChild(styleElement);
  2146.  
  2147. 			let wxs_css_style_filter_user_comments = head.querySelector("#wxs_css_filter_user_comments");
  2148. 			if (wxs_css_style_filter_user_comments)
  2149. 			{
  2150. 				wxs_css_style_filter_user_comments.remove();
  2151. 			}
  2152. 		}
  2153.  
  2154.  
  2155. 		function filterUserComments(event, buttonElement, filterType) 
  2156. 		{
  2157. 			consoleX(`filterUserComments()`, 1);
  2158.  
  2159. 			// filterUserComments
  2160. 			// filterType  => "userComments" / "userReplies"
  2161. 			/*
  2162. 			this -> clicked element == event.target
  2163. 			event — PointerEvent object
  2164. 			*/
  2165.  
  2166.  
  2167.  
  2168. 			const css_id = "wxs_css_filter_user_comments";
  2169.  
  2170. 			const filterUsername = buttonElement.dataset.wxs_author_username;
  2171. 			const filterUserGender = buttonElement.dataset.wxs_author_gender ? buttonElement.dataset.wxs_author_gender : "m";
  2172.  
  2173. 			let filterStyles =
  2174. 				[
  2175. 					`border: 3px solid gray!important; opacity: 0.3!important; `,
  2176. 					`filter: grayscale(1); `,
  2177. 					`display: none!important; `,
  2178. 				]
  2179.  
  2180. 			let filterStyleIndex = 0;
  2181. 			let wxs_css_style_filter_user_comments = document.getElementById(css_id);
  2182.  
  2183. 			if (wxs_css_style_filter_user_comments) // jest już nałożony jakiś filtr
  2184. 			{
  2185. 				if (body.dataset.wxs_filter == filterType && body.dataset.wxs_filter_username == filterUsername) // ten sam typ filtra i uzytkownik - zmiana stylu
  2186. 				{
  2187. 					let currentFilterStyleIndex = parseInt(body.dataset.wxs_filter_style);
  2188.  
  2189. 					filterStyleIndex = currentFilterStyleIndex + 1;
  2190. 					if (filterStyleIndex == filterStyles.length)
  2191. 					{
  2192. 						filterUserOff();
  2193. 						return false;
  2194. 					}
  2195. 				}
  2196. 				else // zachowujemy ten sam styl bo zmienil sie typ filtra lub filtrowany uzytkownik
  2197. 				{
  2198. 					filterStyleIndex = parseInt(body.dataset.wxs_filter_style);
  2199. 				}
  2200. 			}
  2201.  
  2202. 			body.dataset.wxs_filter_style = filterStyleIndex.toString()
  2203.  
  2204. 			body.dataset.wxs_filter_username = filterUsername;
  2205.  
  2206. 			let css = "";
  2207.  
  2208. 			if (filterType == "userComments")
  2209. 			{
  2210. 				body.dataset.wxs_filter = "userComments"; // <body data-wxs_filter="userComments">
  2211.  
  2212. 				css = `.wxs_menu_action_box > .wxs_filter_off 
  2213. 			{
  2214. 				display: flex!important;
  2215. 			}
  2216.  
  2217. 	/* odstęp pomiędzy komentarzami */
  2218. 	div.comments > section.stream > div.content
  2219. 	{
  2220. 		display: flex;
  2221. 		flex-direction: column;
  2222. 		row-gap: 20px;
  2223. 		padding: 20px;
  2224. 	}
  2225. 	/* odfiltrowane znaleziska */
  2226. 	body > section > div.main-content > main.main > section > div.content > section:is(.bucket-page, .search-page, .category-page, .favourites-page, .home-page, .observed-page, .profile-page, .tag-page, .hits-page, .upcoming-page) > section section.stream > div.content > section.link-block:has(article > div.content > section.info a.username[href="/ludzie/${filterUsername}"])
  2227. 	{
  2228. 		border: 1px solid ${filterUserGender == "f" ? "var(--rozowyPasek1, rgba(192, 72, 167, 1))" : "var(--niebieskiPasek1, rgba(67, 131, 175, 1))"} !important;
  2229. 	}
  2230.  
  2231.  
  2232. 	/* strona wpisu - filtrowane komentarze */
  2233. 	body > section > div.main-content > main.main > section > div.content > section.entry-page > section.entry > section.entry-comments > div.content > section.entry.detailed > div.comments > section.stream.entry-subcomments > div.content > section.entry.reply:has(> article > header > div.right a.username[href="/ludzie/${filterUsername}"]),
  2234.  
  2235. 	/* strona streamu wpisów - wpisy filtrowanego użytkownika */
  2236. 	body > section > div.main-content > main.main > section > div.content > section:is(.bucket-page, .search-page, .category-page, .favourites-page, .observed-page, .profile-page, .tag-page, .microblog-page) > section section.stream > div.content > section.entry:has(> article > header > div.right a.username[href="/ludzie/${filterUsername}"]),
  2237.  
  2238. 	/* strona streamu wpisów - komentarze filtrowanego użytkownika */
  2239. 	body > section > div.main-content > main.main > section > div.content > section:is(.bucket-page, .search-page, .category-page, .favourites-page, .observed-page, .profile-page, .tag-page, .microblog-page) > section section.stream > div.content > section.entry > div.comments > section.stream.entry-subcomments > div.content > section.entry.reply:has(> article > header > div.right a.username[href="/ludzie/${filterUsername}"]),
  2240.  
  2241. 	/* strona znaleziska - komentarze i subkomentarze filtrowanego użytkownika */
  2242. 	body > section > div.main-content > main.main > section > div.content > section.link-page > section.link > section.comments > section.stream.link-comments > div.content section.entry:has(> article > header > div.right a.username[href="/ludzie/${filterUsername}"])
  2243.  
  2244. 	{
  2245. 		border: 1px solid ${filterUserGender == "f" ? "var(--rozowyPasek1, rgba(192, 72, 167, 1))" : "var(--niebieskiPasek1, rgba(67, 131, 175, 1))"} !important;
  2246. 	}
  2247.  
  2248.  
  2249. 	/* strony ze znaleziskami oprócz głównej - znaleziska autora, odfiltrowwanie znalezisk innych użytkowników */
  2250. 	body > section > div.main-content > main.main > section > div.content > section:is(.bucket-page, .search-page, .category-page, .favourites-page, .home-page, .observed-page, .profile-page, .tag-page, .hits-page, .upcoming-page) > section section.stream > div.content > section.link-block:not(:has(article > div.content > section.info a.username[href="/ludzie/${filterUsername}"])),
  2251.  
  2252. 	/* strona główna - znaleziska autora, odfiltrowwanie znalezisk innych użytkowników a takze wpisow przypietych przez moderacje */
  2253. 	.pub-slot-wrapper:has(section.premium-pub.link-block),
  2254. 	body > section > div.main-content > main.main > section > div.content > section.home-page > section section.stream > div.content > section:is(.link-block:not(:has(article > div.content > section.info a.username[href="/ludzie/${filterUsername}"])), 
  2255. 	.entry:not(:has(> article > header > div.right > div > div.tooltip-slot > span > a.username[href="/ludzie/${filterUsername}"]))),
  2256.  
  2257. 	/* strona wpisu-ukrycie komentarzy nie-filtrowanych użytkowników */
  2258. 	body > section > div.main-content > main.main > section > div.content > section.entry-page > section.entry > section.entry-comments > div.content > section.entry.detailed > div.comments > section.stream.entry-subcomments > div.content > section.entry.reply:not(:has(> article > header > div.right a.username[href="/ludzie/${filterUsername}"])),
  2259.  
  2260. 	/* strona streamu wpisów-ukrycie wpisów w ktorych nie ma wypowiedzi filtrowanego uzytkownika-ani wpis, ani komentarz*/
  2261. 	body > section > div.main-content > main.main > section > div.content > section:is(.bucket-page, .search-page, .category-page, .favourites-page, .observed-page, .profile-page, .tag-page, .microblog-page) > section section.stream > div.content > section.entry:not(:has(article > header > div.right a.username[href="/ludzie/${filterUsername}"])),
  2262.  
  2263. 	/* strona streamu wpisów-komentarze pod wpisami na streamach które zawierają komentarz filtrowanego użytkownika */
  2264. 	body > section > div.main-content > main.main > section > div.content > section:is(.bucket-page, .search-page, .category-page, .favourites-page, .observed-page, .profile-page, .tag-page, .microblog-page) > section section.stream > div.content > section.entry:has(article > header > div.right a.username[href="/ludzie/${filterUsername}"]) > div.comments > section.stream.entry-subcomments > div.content > section.entry.reply:not(:has(> article > header > div.right a.username[href="/ludzie/${filterUsername}"])),
  2265.  
  2266. 	/* strona streamu wpisów-komentarze pod wpisami na streamach które zawierają komentarz filtrowanego użytkownika */
  2267. 	body > section > div.main-content > main.main > section > div.content > section:is(.bucket-page, .search-page, .category-page, .favourites-page, .observed-page, .profile-page, .tag-page, .microblog-page) > section section.stream > div.content > section.entry:has(article > header > div.right a.username[href="/ludzie/${filterUsername}"]) > div.comments > section.stream.entry-subcomments > div.content > section.entry.reply:not(:has(> article > header > div.right a.username[href="/ludzie/${filterUsername}"])),
  2268.  
  2269. 	/* strona znaleziska-komentarze bez subkomentarzy filtrowanego użytkownika */
  2270. 	body > section > div.main-content > main.main > section > div.content > section.link-page > section.link > section.comments > section.stream.link-comments > div.content > section.entry:not(:has(div.right > div a.username[href="/ludzie/${filterUsername}"])),
  2271.  
  2272. 	/* strona znaleziska-subkomentarze nie-filtrowanego użytkownika */
  2273. 	body > section > div.main-content > main.main > section > div.content > section.link-page > section.link > section.comments > section.stream.link-comments > div.content > section.entry > div.comments > section.stream.entry-subcomments > div.content > section.entry.reply:not(:has(> article > header > div.right > div a.username[href="/ludzie/${filterUsername}"]))
  2274. 	{
  2275. 		${filterStyles[filterStyleIndex]}
  2276. 	}`;
  2277. 			}
  2278. 			else if (filterType == "userReplies")
  2279. 			{
  2280. 				body.dataset.wxs_filter = "userReplies"; // <body data-wxs_filter="userReplies">
  2281.  
  2282. 				css = `.wxs_menu_action_box > .wxs_filter_off
  2283. 			{
  2284. 				display: flex!important;
  2285. 			}
  2286.  
  2287. 		/* odstęp pomiędzy komentarzami */
  2288. 		div.comments > section.stream > div.content
  2289. 		{
  2290. 			display: flex;
  2291. 			flex-direction: column;
  2292. 			row-gap: 20px;
  2293. 			padding: 20px;
  2294. 		}
  2295.  
  2296. 		/* WYRÓŻNIENIE KOMENTARZY FILTROWANEGO UŻYTKOWNIKA */
  2297. 		/* strona wpisu-filtrowane komentarze */
  2298. 		body > section > div.main-content > main.main > section > div.content > section.entry-page > section.entry > section.entry-comments > div.content > section.entry.detailed > div.comments > section.stream.entry-subcomments > div.content > section.entry.reply:has(> article > header > div.right a.username[href="/ludzie/${filterUsername}"]),
  2299.  
  2300. 		/* strona streamu wpisów-wpisy filtrowanego użytkownika */
  2301. 		body > section > div.main-content > main.main > section > div.content > section:is(.bucket-page, .search-page, .category-page, .favourites-page, .observed-page, .profile-page, .tag-page, .microblog-page) > section section.stream > div.content > section.entry:has(> article > header > div.right a.username[href="/ludzie/${filterUsername}"]),
  2302.  
  2303. 		/* strona streamu wpisów-komentarze filtrowanego użytkownika */
  2304. 		body > section > div.main-content > main.main > section > div.content > section:is(.bucket-page, .search-page, .category-page, .favourites-page, .observed-page, .profile-page, .tag-page, .microblog-page) > section section.stream > div.content > section.entry > div.comments > section.stream.entry-subcomments > div.content > section.entry.reply:has(> article > header > div.right a.username[href="/ludzie/${filterUsername}"]),
  2305.  
  2306. 		/* strona znaleziska-komentarze i subkomentarze filtrowanego użytkownika */
  2307. 		body > section > div.main-content > main.main > section > div.content > section.link-page > section.link > section.comments > section.stream.link-comments > div.content section.entry:has(> article > header > div.right a.username[href="/ludzie/${filterUsername}"])
  2308. 		{
  2309. 			border: 2px solid ${filterUserGender == "f" ? "var(--rozowyPasek1, rgba(192, 72, 167, 1))" : "var(--niebieskiPasek1, rgba(67, 131, 175, 1))"} !important;
  2310. 		}
  2311.  
  2312.  
  2313. 		/* WYRÓŻNIENIE ODPOWIEDZI Z OZNACZONYM FILTROWANYM UŻYTKOWNIKIEM  */
  2314. 		/* strona wpisu - filtrowane komentarze */
  2315. 		body > section > div.main-content > main.main > section > div.content > section.entry-page > section.entry > section.entry-comments > div.content > section.entry.detailed > div.comments > section.stream.entry-subcomments > div.content > section.entry.reply:has(> article > div.edit-wrapper > div.content > section.entry-content > div.wrapper > a[href="/ludzie/${filterUsername}"]),
  2316.  
  2317. 		/* strona streamu wpisów-komentarze z oznaczonym wołaniem filtrowanego użytkownika */
  2318. 		body > section > div.main-content > main.main > section > div.content > section:is(.bucket-page, .search-page, .category-page, .favourites-page, .observed-page, .profile-page, .tag-page, .microblog-page) > section section.stream > div.content > section.entry > div.comments > section.stream.entry-subcomments > div.content > section.entry.reply:has(> article > div.edit-wrapper > div.content > section.entry-content > div.wrapper a[href="/ludzie/${filterUsername}"]),
  2319.  
  2320. 		/* strona znaleziska - komentarze i subkomentarze filtrowanego użytkownika */
  2321. 		body > section > div.main-content > main.main > section > div.content > section.link-page > section.link > section.comments > section.stream.link-comments > div.content section.entry:has(> article > header > div.right a.username[href="/ludzie/${filterUsername}"])
  2322. 		{
  2323. 			border: 2px solid var(--nicknameOrange1, rgba(255, 89, 23, 1))!important;
  2324. 		}
  2325.  
  2326. 		/* wyróżnienie tagowanego w odpowiedzi */
  2327. 		section.entry.reply > article > div.edit-wrapper > div.content > section.entry-content > div.wrapper > a[href="/ludzie/${filterUsername}"]
  2328. 		{
  2329. 			background-color: var(--whiteOpacity1);
  2330. 			padding: 0px 5px 0px 5px;
  2331. 			margin-right: 5px;
  2332. 			border-bottom: 1px solid;
  2333. 			font-weight: bolder!important;
  2334. 		}
  2335.  
  2336. 		/* UKRYCIE KOMENTARZY, KTÓRE NIE SĄ FILTROWANEGO UŻYTKOWNIKA ANI NIE WOŁAJĄ FILTROWANEGO UŻYTKOWNIKA */
  2337.  
  2338. 		/* strona wpisu - ukrycie komentarzy nie-filtrowanych użytkowników */
  2339. 		body > section > div.main-content > main.main > section > div.content > section.entry-page > section.entry > section.entry-comments > div.content > section.entry.detailed > div.comments > section.stream.entry-subcomments > div.content > section.entry.reply:not(:has(> article > header a.username[href="/ludzie/${filterUsername}"], > article > div.edit-wrapper > div.content > section.entry-content > div.wrapper a[href="/ludzie/${filterUsername}"])),
  2340.  
  2341. 		/* strona streamu wpisów - ukrycie wpisów i komentarzy które nie są wypowiedziami filtrowanego uzytkownika ani nie zawierają w treści otagowanego filtrowanego użytkownika */
  2342. 		body > section > div.main-content > main.main > section > div.content > section:is(.bucket-page, .search-page, .category-page, .favourites-page, .observed-page, .profile-page, .tag-page, .microblog-page) > section section.stream > div.content > section.entry:not(:has(div > a[href="/ludzie/${filterUsername}"])),
  2343.  
  2344. 		/* strona znaleziska - komentarze bez subkomentarzy filtrowanego użytkownika */
  2345. 		body > section > div.main-content > main.main > section > div.content > section.link-page > section.link > section.comments > section.stream.link-comments > div.content > section.entry:not(:has(a.username[href="/ludzie/${filterUsername}"])),
  2346.  
  2347. 		/* strona znaleziska-subkomentarze nie-filtrowanego użytkownika */
  2348. 		body > section > div.main-content > main.main > section > div.content > section.link-page > section.link > section.comments > section.stream.link-comments > div.content > section.entry > div.comments > section.stream.entry-subcomments > div.content > section.entry.reply:not(:has(a.username[href="/ludzie/${filterUsername}"]))
  2349. 		{
  2350. 			${filterStyles[filterStyleIndex]}
  2351. 		}`;
  2352. 			}
  2353.  
  2354. 			if (dev) console.log("css");
  2355. 			if (dev) console.log(css);
  2356.  
  2357. 			if (wxs_css_style_filter_user_comments)
  2358. 			{
  2359. 				wxs_css_style_filter_user_comments.textContent = css;
  2360. 			}
  2361. 			else
  2362. 			{
  2363. 				wxs_css_style_filter_user_comments = document.createElement('style');
  2364. 				wxs_css_style_filter_user_comments.id = css_id;
  2365. 				wxs_css_style_filter_user_comments.dataset.wxs_filter_type = filterStyleIndex;
  2366.  
  2367. 				wxs_css_style_filter_user_comments.appendChild(document.createTextNode(css));
  2368. 				head.appendChild(wxs_css_style_filter_user_comments);
  2369. 			}
  2370.  
  2371. 		}
  2372.  
  2373. 		function minimizeThisEntry(PointerEvent)		// PointerEvent.altKey, .ctrlKey, .shiftKey, .target (Element)
  2374. 		{
  2375. 			consoleX("minimizeThisEntry()", 1)
  2376.  
  2377. 			let sectionEntry = this?.closest('.entry');
  2378. 			if (sectionEntry)
  2379. 			{
  2380. 				mirkoukrywaczBlockNewElement(sectionEntry, undefined, "minimized");
  2381. 			}
  2382. 		}
  2383.  
  2384. 		function maximizeThisEntry(PointerEvent, object_id)
  2385. 		{
  2386. 			consoleX("maximizeThisEntry()", 1)
  2387.  
  2388. 			let sectionEntry = this?.closest('.entry');
  2389.  
  2390. 			if (sectionEntry)
  2391. 			{
  2392. 				mirkoukrywaczUnblockElement(sectionEntry);
  2393. 			}
  2394. 			else if (object_id)
  2395. 			{
  2396. 				mirkoukrywaczUnblockElement(undefined, object_id);
  2397. 			}
  2398. 		}
  2399.  
  2400. 		// UKRYWANIE WPISU I KOMENTARZY-DODAWANIE DO MIRKOUKRYWACZA
  2401. 		function hideThisEntry(event, buttonElement)
  2402. 		{
  2403. 			consoleX(`hideThisEntry()`, 1);
  2404.  
  2405. 			// console.log("hideThisEntry - event", event);
  2406. 			// console.log("hideThisEntry - button", button);
  2407. 			// console.log("hideThisEntry - button.dataset.wxs_resource", button.dataset.wxs_resource);
  2408. 			// console.log("hideThisEntry - this", this); // this > span
  2409.  
  2410. 			let resource = buttonElement.dataset.wxs_resource;
  2411. 			let entry_stream = buttonElement?.closest(".stream");
  2412.  
  2413. 			if (entry_stream)
  2414. 			{
  2415. 				let sectionObject;
  2416.  
  2417. 				if (resource == "entry" || resource == "entry_comment" || resource == "link_comment")
  2418. 				{
  2419. 					sectionObject = buttonElement.closest(".entry");
  2420. 				}
  2421. 				else if (resource == "link")
  2422. 				{
  2423. 					sectionObject = buttonElement.closest('.link-block');
  2424. 				}
  2425. 				if (dev) console.log("sectionObject");
  2426. 				if (dev) console.log(sectionObject);
  2427.  
  2428. 				if (sectionObjectIntersectionObserver) sectionObjectIntersectionObserver.unobserve(sectionObject);
  2429. 				mirkoukrywaczBlockNewElement(sectionObject, null, "hidden");
  2430. 				sectionObject.remove();
  2431. 			}
  2432. 		}
  2433.  
  2434.  
  2435.  
  2436.  
  2437.  
  2438.  
  2439. 		// getWykopXAPIData("entry", "first-by-date")		-> https://archiwum.wykopx.pl/api/entry/first-by-date
  2440. 		async function getWykopXAPIData(...pathAPIargs)
  2441. 		{
  2442. 			if (dev) console.log("❎ getWykopXAPIData", pathAPIargs)
  2443. 			try
  2444. 			{
  2445. 				let apiURL = `https://archiwum.wykopx.pl/api/${pathAPIargs.join('/')}`;
  2446. 				if (dev) console.log("❎ getWykopXAPIData apiURL: ", apiURL)
  2447.  
  2448. 				const response = await fetch(apiURL,
  2449. 					{
  2450. 						method: "GET",
  2451. 						headers: {
  2452. 							"Content-Type": "application/json"
  2453. 						},
  2454. 					});
  2455.  
  2456. 				if (dev) console.log("❎ getWykopXAPIData response:", response)
  2457. 				let data;
  2458. 				try
  2459. 				{
  2460. 					data = await response.json();
  2461. 					if (dev) console.log("❎ getWykopXAPIData data: ", data)
  2462. 				}
  2463. 				catch (error)
  2464. 				{
  2465. 					data = response.status; // 204 
  2466. 					if (dev) console.log("❎ getWykopXAPIData-response.status")
  2467. 				}
  2468. 				return data;
  2469. 			}
  2470. 			catch (error)
  2471. 			{
  2472. 				console.error(`❎ call to WykopX API failed: ${error}`);
  2473. 				throw error;
  2474. 			}
  2475. 		}
  2476.  
  2477. 		// calls Wykop API url: getWykopAPIData("profile") -> https://wykop.pl/api/v3/profile
  2478. 		// getWykopAPIData("profile", "users", username } -> https://wykop.pl/api/v3/profile/users/NadiaFrance
  2479. 		// getWykopAPIData("profile"} -> https://wykop.pl/api/v3/profile
  2480. 		async function getWykopAPIData(...pathAPIargs)
  2481. 		{
  2482. 			if (dev) console.log("getWykopAPIData(), pathAPIargs: ", pathAPIargs)
  2483.  
  2484. 			try
  2485. 			{
  2486. 				let data = await callWykopAPI("GET", ...pathAPIargs);
  2487. 				return data;
  2488.  
  2489. 			}
  2490. 			catch (error)
  2491. 			{
  2492. 				console.error(`Fetch failed: ${error}`);
  2493. 				throw error;
  2494. 			}
  2495. 		}
  2496. 		async function postWykopAPIData(...pathAPIargs)
  2497. 		{
  2498. 			if (dev) console.log("postWykopAPIData(), pathAPIargs: ", pathAPIargs);
  2499.  
  2500. 			try
  2501. 			{
  2502. 				let data = await callWykopAPI("POST", ...pathAPIargs);
  2503. 				return data;
  2504. 			}
  2505. 			catch (error)
  2506. 			{
  2507. 				console.error(`Fetch failed: ${error}`);
  2508. 				throw error;
  2509. 			}
  2510. 		}
  2511.  
  2512. 		async function deleteWykopAPIData(...pathAPIargs)
  2513. 		{
  2514. 			if (dev) console.log("deleteWykopAPIData(), pathAPIargs: ", pathAPIargs)
  2515. 			try
  2516. 			{
  2517. 				let data = await callWykopAPI("DELETE", ...pathAPIargs);
  2518. 				return data;
  2519. 			}
  2520. 			catch (error)
  2521. 			{
  2522. 				console.error(`Fetch failed: ${error}`);
  2523. 				throw error;
  2524. 			}
  2525. 		}
  2526.  
  2527.  
  2528. 		async function callWykopAPI(method, ...pathAPIargs)
  2529. 		{
  2530. 			if (dev) console.log(`callWykopAPI() ->  method: ${method},  pathAPIargs: `, pathAPIargs)
  2531. 			try
  2532. 			{
  2533. 				const response = await fetch(`https://wykop.pl/api/v3/${pathAPIargs.join('/')}`, {
  2534. 					method: method, // "GET", "POST", or 'PUT'
  2535. 					headers: {
  2536. 						"Content-Type": "application/json",
  2537. 						Authorization: "Bearer " + window.localStorage.token,
  2538. 					},
  2539. 				});
  2540.  
  2541. 				if (dev) console.log("callWykopAPI() -> URL: " + `https://wykop.pl/api/v3/${pathAPIargs.join('/')}`)
  2542. 				if (dev) console.log(response)
  2543.  
  2544. 				// if (!response.ok)
  2545. 				// {
  2546. 				// 	throw new Error(`HTTP error! status: ${response.status}`);
  2547. 				// }
  2548.  
  2549. 				let data;
  2550. 				try
  2551. 				{
  2552. 					data = await response.json();
  2553. 					if (dev) console.log("callWykopAPI() -> data", data)
  2554. 				}
  2555. 				catch (error)
  2556. 				{
  2557. 					// if(dev) console.log('No body or not a JSON body:', error);
  2558. 					data = response.status; // 204 
  2559. 					if (dev) console.log("callWykopAPI() -> response.status", response.status)
  2560. 				}
  2561. 				return data;
  2562. 			}
  2563. 			catch (error)
  2564. 			{
  2565. 				console.error(`call to Wykop API failed: ${error}`);
  2566. 				throw error;
  2567. 			}
  2568. 		}
  2569.  
  2570.  
  2571.  
  2572.  
  2573.  
  2574.  
  2575.  
  2576.  
  2577.  
  2578.  
  2579.  
  2580.  
  2581.  
  2582.  
  2583.  
  2584.  
  2585.  
  2586.  
  2587.  
  2588.  
  2589.  
  2590.  
  2591.  
  2592.  
  2593. 		/* INTERSECTION OBSERVER */
  2594.  
  2595. 		// dla każdego wpisu i komentarza
  2596. 		// strona wpisu, caly wpis: section:is(.entry:has(> article), .link-block:has(> section > article)):not(.deleted)
  2597. 		// tylko czesc wpisu bez komentarzy "section.entry:not(.deleted):has(> article), section.link-block:not(.deleted) > section > article)
  2598. 		/// :not(.deleted)
  2599. 		if (IntersectionObserverEnabled == true) waitForKeyElements("section.entry:has(> article), section.link-block:not(.premium-pub, .market-pub):has(> section > article)", sectionObjectDetected, false);
  2600.  
  2601. 		function sectionObjectDetected(sectionObjectElement)
  2602. 		{
  2603. 			// consoleX(`sectionObjectDetected()`, 1)
  2604. 			sectionObjectIntersectionObserver.observe(sectionObjectElement);
  2605. 		}
  2606.  
  2607.  
  2608.  
  2609. 		if (settings.linkToVideoDuration || settings.entryWithVideoDuration)
  2610. 		{
  2611. 			CSS += `
  2612. 			/* WYKOP XS CODE - START */
  2613. 			section.link-block > section > article > figure::before,
  2614. 			section.link-page section.link-block[data-wxs_video_duration] > section::before, 										/* WYKOP XS ONLY */
  2615. 			section.entry[data-wxs_video_duration] > article > div.edit-wrapper > section.embed > section.embed-ghost::before		/* WYKOP XS ONLY */
  2616. 			{
  2617. 				content: var(--wxs_video_duration);	/* WYKOP XS ONLY */
  2618.  
  2619. 				z-index: 1;
  2620. 				max-width: 80px;
  2621. 				animation-name: fadeIn;
  2622. 				animation-duration: 0.4s;
  2623. 				animation-delay: 1s;
  2624. 				animation-fill-mode: both;
  2625. 				animation-timing-function: ease-in-out;
  2626. 				position: absolute;
  2627. 				bottom: 10%;
  2628. 				padding: 4px 25px 4px 25px;
  2629. 				display: flex;
  2630. 				border-bottom: 1px solid var(--alto);
  2631. 				border-radius: 0 var(--borderRadius) var(--borderRadius) 0!important;
  2632. 				justify-content: center;
  2633. 				align-items: center;
  2634. 				color: rgba(180, 180, 180, 1);
  2635. 				background-color: rgba(0, 0, 0, 1);
  2636. 				opacity: 1;
  2637.  
  2638. 				@starting-style {
  2639. 					opacity: 0; scale: 0.9; translate: -40px;
  2640. 				}
  2641. 			}
  2642. 			/* WYKOP XS CODE - END */
  2643. 			section.link-page section.link-block[data-wxs_video_duration] > section,
  2644. 			section.entry[data-wxs_video_duration] > article > div.edit-wrapper > section.embed > section.embed-ghost
  2645. 			{
  2646. 				position: relative;
  2647. 			}
  2648. 			section.link-page section.link-block[data-wxs_video_duration] > section::before
  2649. 			{
  2650. 				bottom: unset;
  2651. 				top: -15px;
  2652. 				border-bottom: none;
  2653. 				border-radius: 0!important;
  2654. 			}
  2655. 			section.link-page section.link-block[data-wxs_video_duration] > section { margin-top: 15px; }
  2656. 			@keyframes fadeIn { 0% { opacity: 0; scale: 0.8; translate: -40px; } 100% { opacity: 1; scale: 1; translate: 0px; }}
  2657. 		`;
  2658. 		}
  2659.  
  2660.  
  2661. 		// INTERSECTION OBSERVED
  2662. 		const sectionObjectsAreIntersecting = async (intersectingObject, observer) =>
  2663. 		{
  2664. 			intersectingObject.forEach(async (IntersectionObserverEntry) =>															// InterIntersectionObserverEntry
  2665. 			{
  2666.  
  2667.  
  2668. 				// ----- ANY INTERSECTION CHANGED 
  2669. 				let sectionObjectElement = IntersectionObserverEntry.target;														// element <section class="entry"> 
  2670. 				let resource = null;		// resource="link", "entry", "entry_comment"
  2671. 				// if(dev) console.log(`intersectingObject: `, sectionObjectElement)
  2672. 				if (!sectionObjectElement?.__vue__?.item) return false;
  2673.  
  2674.  
  2675. 				// ----- ONLY ONCE: INTERSECTION CHANGED FOR THE FIRST TIME:
  2676. 				if (!sectionObjectElement.dataset.wxs_first_load_time) 
  2677. 				{
  2678. 					// if(dev) console.log("intersectingObject-sectionObjectElement.__vue__.item")
  2679. 					// if(dev) console.log(sectionObjectElement)
  2680. 					// if(dev) console.log("intersectingObject-sectionObjectElement.__vue__.item")
  2681. 					// if(dev) console.log(sectionObjectElement.__vue__)
  2682. 					// if(dev) console.log("intersectingObject-sectionObjectElement.__vue__.item")
  2683. 					// if(dev) console.log(sectionObjectElement.__vue__.item)
  2684. 					// data-wxs_first_load_time="2024-12-12..."
  2685. 					sectionObjectElement.dataset.wxs_first_load_time = dayjs().valueOf(); // data unix kiedy przybyly ostatnio odswiezone plusy-tutaj czas załadowania strony
  2686. 					resource = sectionObjectElement.__vue__.item.resource;
  2687.  
  2688. 					let wxs_votes_up = sectionObjectElement.__vue__.item.votes.up;								// liczba wykopów/plusów 10
  2689. 					let wxs_votes_down = sectionObjectElement.__vue__.item.votes.down;							// liczba zakopów/minusów 20
  2690. 					let wxs_votes_count = wxs_votes_up - wxs_votes_down;										// suma plusów i minusów/ suma wykopów i zakopów -10 
  2691. 					let wxs_votes_all = wxs_votes_up - wxs_votes_down; 											// łączna liczba oddanych głosów 30 
  2692. 					let wxs_votes_up_percent = 0;
  2693. 					let wxs_votes_down_percent = 0;
  2694. 					if (wxs_votes_all > 0)
  2695. 					{
  2696. 						wxs_votes_down_percent = Math.ceil(wxs_votes_down * 100 / wxs_votes_all);
  2697. 						wxs_votes_up_percent = Math.ceil(wxs_votes_up * 100 / wxs_votes_all);
  2698. 					}
  2699.  
  2700. 					// wpisy i komentarze
  2701. 					if (resource != "link") 
  2702. 					{
  2703. 						if (settings.checkEntryPlusesEnable || settings.votingExplosionEnable)
  2704. 						{
  2705. 							sectionObjectElement.style.setProperty('--votesAll', `"👨${wxs_votes_all}"`);		// var(--votesAll)
  2706. 							sectionObjectElement.dataset.wxs_votes_all = wxs_votes_all;							// data-wxs_votes_all="-10"
  2707. 							sectionObjectElement.style.setProperty('--votesUp', `"${wxs_votes_up > 0 ? settings.prefixBeforePlusesCount : ""}${wxs_votes_up}"`);	// var(--votesUp);
  2708.  
  2709.  
  2710.  
  2711. 							sectionObjectElement.dataset.wxs_votes_up = wxs_votes_up;							// data-wxs_votes_all="10"
  2712. 							sectionObjectElement.style.setProperty('--votesDown', `"${wxs_votes_down > 0 ? settings.prefixBeforeMinusesCount : ""}${wxs_votes_down}"`);	//var(--votesDown)
  2713. 							sectionObjectElement.dataset.wxs_votes_down = wxs_votes_down;						// data-wxs_votes_all="20"
  2714. 							sectionObjectElement.style.setProperty('--votesCount', `"${wxs_votes_up > 0 ? settings.prefixBeforePlusesCount : wxs_votes_up < 0 ? settings.prefixBeforeMinusesCount : ""}${wxs_votes_count}"`); // var(--votesCount)
  2715. 							sectionObjectElement.dataset.wxs_votes_count = wxs_votes_count;						// data-wxs_votes_all="30"
  2716.  
  2717. 							sectionObjectElement.dataset.wxs_voted = sectionObjectElement.__vue__.item.voted;	// data-wxs_voted=1  data-wxs_voted=0
  2718.  
  2719. 							if (settings.votingExplosionEnable || settings.checkEntryPlusesPerHour && !sectionObjectElement.dataset.wxs_first_load_votes_count)
  2720. 							{
  2721. 								// liczba plusow podczas zaladowania strony
  2722. 								sectionObjectElement.dataset.wxs_first_load_votes_count = sectionObjectElement.__vue__.item.votes.up - sectionObjectElement.__vue__.item.votes.down;
  2723. 							}
  2724. 						}
  2725.  
  2726. 						if (settings.entryWithVideoDuration && sectionObjectElement?.__vue__?.item?.media?.embed?.video_metadata?.duration_in_seconds)
  2727. 						{
  2728. 							let wxs_video_duration = timeDurationFromSeconds(sectionObjectElement?.__vue__?.item?.media?.embed?.video_metadata?.duration_in_seconds);
  2729. 							sectionObjectElement.dataset.wxs_video_duration = wxs_video_duration;							// data-wxs_video_duration="02:34"
  2730. 							sectionObjectElement.style.setProperty("--wxs_video_duration", `"${wxs_video_duration}"`);		// var(--wxs_video_duration) -> "02:34"
  2731. 						}
  2732.  
  2733. 						if (settings.filterUserReplies)
  2734. 						{
  2735. 							sectionObjectElement.querySelectorAll(`article > div.edit-wrapper > div.content > section.entry-content > div.wrapper > a[href^="/ludzie/"]:not([data-wxs_mention_username])`).forEach((a_mention) =>
  2736. 							{
  2737. 								const a_mentions_filter_button = document.createElement("button");
  2738. 								a_mentions_filter_button.classList = "wxs_filter_on_replies";
  2739. 								a_mentions_filter_button.innerHTML = `🔰<span>FILTRUJ</span>`
  2740. 								a_mentions_filter_button.type = "button";
  2741.  
  2742. 								const wxs_mention_username = a_mention.href.replace("https://wykop.pl/ludzie/", "")
  2743. 								a_mention.dataset.wxs_mention_username = wxs_mention_username; // każdy @mention uzytkownika zmieniamy na <a href="/ludzie/NadiaFrance" data-wxs_author_username="NadiaFrance">
  2744.  
  2745. 								a_mentions_filter_button.dataset.wxs_author_username = wxs_mention_username;
  2746. 								a_mentions_filter_button.title = `𝗪𝘆𝗸𝗼𝗽 𝗫 — 𝗳𝗶𝗹𝘁𝗿𝗼𝘄𝗮𝗻𝗶𝗲 𝗱𝘆𝘀𝗸𝘂𝘀𝗷𝗶 𝗶 𝗼𝗱𝗽𝗼𝘄𝗶𝗲𝗱𝘇𝗶 \n \n Pokaż całą dyskusję z użytkownikiem '${wxs_mention_username}'.\n \n  Pokazuje: \n — wszystkie komentarze '${wxs_mention_username}' \n — odpowiedzi, które wołają '@${wxs_mention_username}' \n \n Klikając przełączasz tryb filtrowania: \n — Filtr 1: odfiltrowane komentarze półprzezroczyste\n — Filtr 2: odfiltrowane komentarze czarno białe\n — Filtr 3: całkowicie ukrywa odfiltrowane komentarze\n \n "`
  2747.  
  2748. 								a_mention.insertAdjacentElement("afterend", a_mentions_filter_button);
  2749.  
  2750. 								// if(dev) console.log("=== BUTTON ADDED: a_mentions_filter_button")
  2751. 								// if(dev) console.log(a_mentions_filter_button)
  2752. 							})
  2753. 						}
  2754.  
  2755.  
  2756. 						if (resource == "entry") // TODO komentarze w znaleziskach
  2757. 						{
  2758.  
  2759. 							if (settings.authorBlocksYouCheckingEnable && loggedUser?.status == "active")
  2760. 							{
  2761. 								// nie sprawdzamy, gdy ktoś ma bana, bo wtedy nigdzie nie można dodać wpisu
  2762.  
  2763. 								// <section data-status="400"> jeśli autor cie blokuje i nie mozna dodac wpisu
  2764.  
  2765. 								let blockingStatus = await checkIfYouCanPostCommentInEntry(sectionObjectElement.__vue__.item.id);
  2766. 								if (blockingStatus == 400) 
  2767. 								{
  2768. 									sectionObjectElement.dataset.status = blockingStatus;
  2769. 									let blockDetectorTitle = `Wykop X: 𝗕𝗹𝗼𝗰𝗸 𝗗𝗲𝘁𝗲𝗰𝘁𝗼𝗿❗\n\n`;
  2770. 									if (sectionObjectElement.__vue__.item.author.gender == "f") blockDetectorTitle += `Użytkowniczka @${sectionObjectElement.__vue__.item.author.username} dodała Cię na czarną listę.`
  2771. 									else blockDetectorTitle += `Użytkownik @${sectionObjectElement.__vue__.item.author.username} dodał Cię na czarną listę.`;
  2772. 									blockDetectorTitle += `\n\nNie możesz dodawać komentarzy w tym wpisie.`
  2773. 									sectionObjectElement.title = blockDetectorTitle;
  2774.  
  2775. 									// TODO - dodanie autora do listy blokujących
  2776. 								}
  2777. 							}
  2778.  
  2779. 							// sectionObjectElement.title = `Wykop X: 𝗕𝗹𝗼𝗰𝗸 𝗗𝗲𝘁𝗲𝗰𝘁𝗼𝗿❗\n\nUżytkownik @m__b dodał Cię na czarną listę\n\nNie możesz dodawać komentarzy w tym wpisie.`;
  2780.  
  2781. 							// sprawdzenie czy wpis zawiera grę w plusowanie
  2782. 							if (settings.checkEntryPlusesForVotingGame)
  2783. 							{
  2784. 								var substrings = ["z plusów", "tnia cyfra", "cyfra powie", "siaj jesteś", "siaj jestes", "niej cyfry", "iczba po zaplus", "yfra po zaplus"];
  2785. 								var containsSubstring = substrings.some(substring => sectionObjectElement.__vue__.item.content.includes(substring));
  2786.  
  2787. 								if (containsSubstring)
  2788. 								{
  2789. 									sectionObjectElement.dataset.wxs_voting_game = "true";
  2790.  
  2791. 									// string pokazujący zakrytą liczbę plusow - zamiast "1234" -> "12--"
  2792. 									//sectionObjectElement.style.setProperty('--votesUpHidden', `"+${replaceDigitsWithDot(sectionObjectElement.__vue__.item.votes.up)}"`);
  2793. 									sectionObjectElement.style.setProperty('--votesUpHidden', `"${settings.prefixBeforePlusesCount}` + replaceDigitsWithDot(wxs_votes_up) + `"`);
  2794. 									sectionObjectElement.style.wxs_votes_up_hidden = replaceDigitsWithDot(wxs_votes_up);				// data-wxs_votes_up_hidden
  2795.  
  2796. 									let votingGameLastDigit = wxs_votes_up + 1; 														// liczba po zaplusowaniu
  2797. 									votingGameLastDigit = votingGameLastDigit.toString().slice(-1);										// ostatnia cyfra po zaplusowaniu
  2798.  
  2799. 									sectionObjectElement.style.setProperty('--votingGameLastDigit', `"` + votingGameLastDigit + `"`);
  2800. 									sectionObjectElement.dataset.wxs_voting_game_last_digit = votingGameLastDigit;						// data-wxs_voting_game_last_digit="9"
  2801. 								}
  2802. 							}
  2803.  
  2804. 							if (settings.checkEntryCommentsPerHour && !sectionObjectElement.dataset.wxs_first_load_comments_count)
  2805. 							{
  2806. 								sectionObjectElement.dataset.wxs_first_load_comments_count = sectionObjectElement.__vue__.item.comments.count;
  2807. 							}
  2808. 						}
  2809. 					}
  2810. 					// znalezisko
  2811. 					else if (resource == "link")
  2812. 					{
  2813. 						if (settings.linkToVideoDuration && sectionObjectElement?.__vue__?.item?.media?.embed?.video_metadata?.duration_in_seconds)
  2814. 						{
  2815. 							let wxs_video_duration = timeDurationFromSeconds(sectionObjectElement?.__vue__?.item?.media?.embed?.video_metadata?.duration_in_seconds);
  2816. 							sectionObjectElement.dataset.wxs_video_duration = wxs_video_duration;					// data-wxs_video_duration="02:34"
  2817. 							sectionObjectElement.style.setProperty("--wxs_video_duration", `"${wxs_video_duration}"`);		// var(--wxs_video_duration) -> "02:34"
  2818. 						}
  2819.  
  2820. 						if (settings.checkLinkVotesEnable && settings.checkLinkVotesPerHour && !sectionObjectElement.dataset.wxs_first_load_votes_count)
  2821. 						{
  2822. 							//sectionObjectElement.style.setProperty('--votesUp', `"${sectionObjectElement.__vue__.item.votes.up}"`);
  2823. 							//sectionObjectElement.style.setProperty('--votesDown', `"${sectionObjectElement.__vue__.item.votes.down}"`);
  2824. 							sectionObjectElement.dataset.wxs_votes_up = sectionObjectElement.__vue__.item.votes.up;
  2825. 							sectionObjectElement.dataset.wxs_votes_down = sectionObjectElement.__vue__.item.votes.down;
  2826. 							sectionObjectElement.dataset.wxs_voted = sectionObjectElement.__vue__.item.voted;
  2827. 							sectionObjectElement.dataset.wxs_first_load_votes_count = sectionObjectElement.__vue__.item.votes.up - sectionObjectElement.__vue__.item.votes.down;
  2828. 							sectionObjectElement.dataset.wxs_votes_count = sectionObjectElement.__vue__.item.votes.up - sectionObjectElement.__vue__.item.votes.down;
  2829. 							sectionObjectElement.dataset.wxs_votes_all = sectionObjectElement.__vue__.item.votes.up + sectionObjectElement.__vue__.item.votes.down;
  2830. 						}
  2831. 						if (settings.checkLinkCommentsPerHour && !sectionObjectElement.dataset.wxs_first_load_comments_count)
  2832. 						{
  2833. 							if (!sectionObjectElement.dataset.wxs_first_load_time) sectionObjectElement.dataset.wxs_first_load_time = dayjs().valueOf(); // data unix kiedy przybyly ostatnio odswiezone plusy-tutaj czas załadowania strony
  2834. 							sectionObjectElement.dataset.wxs_first_load_comments_count = sectionObjectElement.__vue__.item.comments.count;
  2835. 						}
  2836. 					}
  2837. 					currentPageTotalVotesUpCount += sectionObjectElement.__vue__.item.votes.up;
  2838. 				}
  2839.  
  2840.  
  2841. 				// ----- OBJECT IS VISIBLE  -- IS INTERSECTING!
  2842. 				if (IntersectionObserverEntry.isIntersecting) 
  2843. 				{
  2844. 					if (!resource) resource = sectionObjectElement.__vue__.item.resource;
  2845.  
  2846. 					let object_id = sectionObjectElement.id;  						// object_id > id="comment-1234567"
  2847. 					let id = sectionObjectElement.__vue__.item.id;					// id > 1234567
  2848. 					let parent_resource, parent_id;
  2849.  
  2850. 					//	ZA KAŻDYM RAZEM GDY POJAWIA SIE NA EKRANIE:
  2851. 					sectionObjectElement.classList.add("isIntersecting");
  2852. 					sectionObjectElement.classList.remove("notIntersecting");
  2853.  
  2854.  
  2855. 					// ZNALEZISKO WIĘC WŁĄCZAMY ANALIZĘ ZNALEZISKA
  2856. 					if (resource == "link") 
  2857. 					{
  2858. 						if (settings.checkLinkVotesEnable)
  2859. 						{
  2860. 							if ((sectionObjectElement.__vue__.item.votes.up > votesFetchingLimitMinimumVotes || sectionObjectElement.__vue__.item.votes.down > votesFetchingLimitMinimumVotes) && loadTime.diff(dayjs(sectionObjectElement.__vue__.item.created_at), 'hour') < votesFetchingLimitMaximumHoursOld)
  2861. 							{
  2862. 								let i = 1;
  2863. 								let timeoutId = null
  2864. 								timeoutId = setTimeout(function checkPlusesAgain()
  2865. 								{
  2866. 									if (sectionObjectElement?.__vue__?.item)
  2867. 									{
  2868. 										checkPluses(sectionObjectElement, undefined, true);
  2869.  
  2870. 										if (sectionObjectElement.classList.contains("isIntersecting"))
  2871. 										{
  2872. 											if ((sectionObjectElement.dataset.wxs_votes_fetch_high_frequency)
  2873. 												|| ((loadTime.diff(dayjs(sectionObjectElement.__vue__.item.created_at), 'hour') < votesFetchingHigherFrequencyLimitMaximumHoursOld)
  2874. 													&& sectionObjectElement.__vue__.item.votes.up > votesFetchingHigherFrequencyLimitMinimumVotes))
  2875. 											{
  2876. 												if (!sectionObjectElement.dataset.wxs_votes_fetch_high_frequency) sectionObjectElement.dataset.wxs_votes_fetch_high_frequency = "true";
  2877. 												setTimeout(checkPlusesAgain, votesFetchingHigherFrequencyDelayInSeconds * 1000)
  2878. 											}
  2879. 											else
  2880. 											{
  2881. 												setTimeout(checkPlusesAgain, votesFetchingOngoingDelayInSeconds * 1000)
  2882. 											}
  2883. 										}
  2884. 									}
  2885. 								}, votesFetchingFirstDelayInSeconds * 1000);
  2886. 							}
  2887. 						}
  2888. 					}
  2889. 					// WPISY I KOMENTARZE
  2890. 					else
  2891. 					{
  2892. 						if (settings.checkEntryPlusesEnable)
  2893. 						{
  2894. 							// tylko wpisy i komentarze, które mają minimum X plusów i nie są starsze niż Y dni
  2895. 							if ((sectionObjectElement.__vue__.item.votes.up > votesFetchingLimitMinimumVotes || sectionObjectElement.__vue__.item.votes.down > votesFetchingLimitMinimumVotes) && loadTime.diff(dayjs(sectionObjectElement.__vue__.item.created_at), 'hour') < votesFetchingLimitMaximumHoursOld)
  2896. 							{
  2897. 								let timeoutId = null
  2898. 								let i = 1;
  2899. 								let timeoudId = setTimeout(function checkPlusesAgain()
  2900. 								{
  2901. 									if (sectionObjectElement?.__vue__?.item)
  2902. 									{
  2903. 										checkPluses(sectionObjectElement, undefined, true);
  2904.  
  2905. 										if (sectionObjectElement.classList.contains("isIntersecting"))
  2906. 										{
  2907. 											if ((sectionObjectElement.dataset.wxs_votes_fetch_high_frequency)
  2908. 												|| ((loadTime.diff(dayjs(sectionObjectElement.__vue__.item.created_at), 'hour') < votesFetchingHigherFrequencyLimitMaximumHoursOld)
  2909. 													&& sectionObjectElement.__vue__.item.votes.up > votesFetchingHigherFrequencyLimitMinimumVotes))
  2910. 											{
  2911. 												if (!sectionObjectElement.dataset.wxs_votes_fetch_high_frequency) sectionObjectElement.dataset.wxs_votes_fetch_high_frequency = "true";
  2912. 												setTimeout(checkPlusesAgain, votesFetchingHigherFrequencyDelayInSeconds * 1000)
  2913. 											}
  2914. 											else
  2915. 											{
  2916. 												setTimeout(checkPlusesAgain, votesFetchingOngoingDelayInSeconds * 1000)
  2917. 											}
  2918. 										}
  2919. 									}
  2920. 								}, votesFetchingFirstDelayInSeconds * 1000);
  2921.  
  2922. 								// ZABAWA W PLUSY
  2923. 								if (resource == "entry" && settings.checkEntryPlusesForVotingGame)
  2924. 								{
  2925.  
  2926. 								}
  2927. 							}
  2928.  
  2929. 						}
  2930. 					}
  2931.  
  2932.  
  2933. 					// ----- IS VISIBLE FOR THE FIRST TIME
  2934.  
  2935. 					// GDY PIERWSZY RAZ WIDZIMY WPIS/KOMENTARZ/ZNALEZISKO
  2936. 					if (!sectionObjectElement.classList.contains("wasIntersecting"))
  2937. 					{
  2938. 						sectionObjectElement.classList.add("wasIntersecting");
  2939.  
  2940. 						// ZNALEZISKO WIĘC WŁĄCZAMY ANALIZĘ ZNALEZISKA
  2941. 						if (resource == "link")
  2942. 						{
  2943. 							if (settings.linksAnalyzerEnable || settings.linkVoteDownButton)
  2944. 							{
  2945. 								linkSectionIntersected(sectionObjectElement)  // waitForKeyElements(`section.link-block[id^="link-"]`, , false);  // GM_wrench.waitForKeyElements(`section.link-block[id^="link-"]`, linkSectionIntersected, false);
  2946. 							}
  2947.  
  2948. 							if (settings.checkLinkVotesEnable && settings.checkLinkVotesPerHour)
  2949. 							{
  2950. 								const ratingBoxSection = sectionObjectElement.querySelector(".vote-box")
  2951.  
  2952. 								if ((sectionObjectElement.__vue__.item.votes.up > votesFetchingLimitMinimumVotes || sectionObjectElement.__vue__.item.votes.down > votesFetchingLimitMinimumVotes) && loadTime.diff(dayjs(sectionObjectElement.__vue__.item.created_at), 'day') < votesFetchingLimitMaximumHoursOld)
  2953. 								{
  2954. 									let wxs_votes_per_hourDivElement = document.createElement("div");
  2955. 									wxs_votes_per_hourDivElement.title = "Wykop X: Liczba wykopów na godzinę";
  2956. 									wxs_votes_per_hourDivElement.classList = "wxs_votes_per_hour";
  2957. 									ratingBoxSection.appendChild(wxs_votes_per_hourDivElement);
  2958. 								}
  2959. 							}
  2960. 						}
  2961. 						// WPISY, KOMENTARZE POD WPISAMI, KOMENTARZE POD ZNALEZISKAMI, 
  2962. 						else
  2963. 						{
  2964.  
  2965. 							const ratingBoxSection = sectionObjectElement.querySelector(".rating-box")
  2966. 							if (settings.votingExplosionEnable || settings.checkEntryPlusesWhenVoting) 
  2967. 							{
  2968. 								votingEventListener(sectionObjectElement, ratingBoxSection);
  2969. 							}
  2970.  
  2971. 							if (ratingBoxSection && settings.checkEntryPlusesEnable && settings.checkEntryPlusesPerHour)
  2972. 							{
  2973. 								if ((sectionObjectElement.__vue__.item.votes.up > votesFetchingLimitMinimumVotes || sectionObjectElement.__vue__.item.votes.down > votesFetchingLimitMinimumVotes) && loadTime.diff(dayjs(sectionObjectElement.__vue__.item.created_at), 'day') < votesFetchingLimitMaximumHoursOld)
  2974. 								{
  2975. 									let wxs_votes_per_hourDivElement = document.createElement("div");
  2976. 									wxs_votes_per_hourDivElement.title = "Wykop X: Liczba plusów na godzinę";
  2977. 									wxs_votes_per_hourDivElement.classList = "wxs_votes_per_hour";
  2978. 									ratingBoxSection.appendChild(wxs_votes_per_hourDivElement);
  2979. 								}
  2980.  
  2981. 							}
  2982. 						}
  2983.  
  2984.  
  2985. 						// podkomentarz
  2986. 						if (sectionObjectElement.__vue__.item.parent)
  2987. 						{
  2988. 							parent_resource = sectionObjectElement.__vue__.item.parent.resource;		// data-wxs_parent_resource="entry"
  2989. 							parent_id = sectionObjectElement.__vue__.item.parent.id;					// data-wxs_parent_id="1234567"
  2990. 						}
  2991.  
  2992.  
  2993.  
  2994. 						// INFOBOX, NOTATKOWATOR, USER LABELS
  2995. 						let userDataObject = sectionObjectElement.__vue__?.item?.author;
  2996. 						if (settings.infoboxEnable || settings.notatkowatorEnable || settings.wxsUserLabelsEnable)
  2997. 						{
  2998. 							// TWORZYMY USERINFOBOX do wszystkich nicków autora tego wpisu/komentarza/linka
  2999. 							// pierwszy raz widzimy ten wpis / komentarz użytkownika i nie były do niego dodawane userdata więc dodajemy data-wxs_username="NadiaFrance"
  3000. 							if (!sectionObjectElement.dataset.wxs_username && userDataObject.username)
  3001. 							{
  3002. 								// POBIERAMY INFORMACJE O UŻYTKOWNIKU Z FETCH API
  3003. 								if (settings.infoboxEnable)
  3004. 								{
  3005. 									userDataObject = await getUserDetailsForUsername(userDataObject, undefined, true); // userDataObject, username, forceAPICheck
  3006. 								}
  3007. 								if (settings.wxsUserLabelsEnable)
  3008. 								{
  3009. 									if (settings.wxsUserLabelsFakeFemales)
  3010. 									{
  3011. 										if (falszyweRozoweArray && falszyweRozoweArray.includes(userDataObject.username))
  3012. 										{
  3013. 											userDataObject.gender = "m";
  3014. 											sectionObjectElement.__vue__.item.author.gender = "m";
  3015. 											userDataObject.changeSexTo = "male";
  3016. 										}
  3017. 										else if (falszyweNiebieskieArray && falszyweNiebieskieArray.includes(userDataObject.username))
  3018. 										{
  3019. 											userDataObject.gender = "f";
  3020. 											sectionObjectElement.__vue__.item.author.gender = "f";
  3021. 											userDataObject.changeSexTo = "female";
  3022. 										}
  3023. 									}
  3024.  
  3025.  
  3026. 									if (settings.wxsUserLabelsTrolls && mapaTrolli)
  3027. 									{
  3028. 										let wxsUserLabelObject = null;
  3029. 										// if(dev) console.log(mapaTrolli.get(userDataObject.username));
  3030. 										if ((wxsUserLabelObject = mapaTrolli.get(userDataObject.username)))
  3031. 										{
  3032. 											userDataObject.wxsUserLabel = wxsUserLabelObject.label;
  3033. 											userDataObject.wxsUserURL = wxsUserLabelObject.url;
  3034. 										}
  3035. 									}
  3036. 								}
  3037.  
  3038. 								// SPRAWDZENIE I DODANIE NOTATKI ORAZ DANYCH UZYTKOWNIKA
  3039. 								let userNoteObject = null;
  3040. 								if (settings.notatkowatorEnable) 
  3041. 								{
  3042.  
  3043.  
  3044. 									// jeszcze nie dodawaliśmy notatki
  3045. 									if (userDataObject?.note == true && sectionObjectElement?.dataset?.wxs_note_loaded != true)
  3046. 									{
  3047. 										// potencjalna zmiana plci przez +m lub +f
  3048. 										userNoteObject = await getUserNoteObjectByUsername(sectionObjectElement, undefined, true); //  username, forceAPICheck
  3049. 										sectionObjectElement.dataset.wxs_note_loaded = "true"; // todo nazwa uzytkownika zamiast true zeby potem sprawdzac <section data-wxs_note_loaded="true" data-wxs_username="NadiaFrance" data-wxs_user_note="true">
  3050.  
  3051. 										if (userNoteObject?.changeSexTo)
  3052. 										{
  3053. 											userDataObject.changeSexTo = userNoteObject.changeSexTo;
  3054. 											userDataObject.gender = userNoteObject.gender;
  3055. 											sectionObjectElement.__vue__.item.author.gender = userNoteObject.gender;
  3056. 										}
  3057. 									}
  3058. 								}
  3059.  
  3060. 								createInfoboxDivsForUserEverywhere(userDataObject, userNoteObject, undefined);
  3061. 							}
  3062. 						}
  3063.  
  3064.  
  3065.  
  3066.  
  3067. 						// TWORZYMY ACTION BOX
  3068. 						if (settings.actionBoxEnable)
  3069. 						{
  3070. 							const wxs_author_username = sectionObjectElement.__vue__.item.author.username;
  3071. 							const wxs_author_gender = sectionObjectElement.__vue__.item.author.gender;
  3072. 							let wxs_menu_action_box = document.createElement("div");
  3073. 							wxs_menu_action_box.classList.add("wxs_menu_action_box", "wykopxs"); // 📰📑 🔖 ⎀⎊👁 🖾 🗙 ⌧ ⮽ 🗳 ☒ 🗵 🗷- ‐ ‑ – ‒ — ― _ ﹏🗖 ⎀ ⎊
  3074. 							let wxs_menu_action_box_html = ``;
  3075.  
  3076. 							if (settings.filterUserComments || settings.filterUserReplies)
  3077. 							{
  3078. 								wxs_menu_action_box_html += `<button data-wxs_object_id="${object_id}" data-wxs_id="${id}" data-wxs_resource="${resource}" data-wxs_parent_id="${parent_id}" data-wxs_parent_resource="${parent_resource}" data-wxs_author_username="${wxs_author_username}" data-wxs_author_gender="${wxs_author_gender}" class="wxs_filter_off" title=" Wykop X — wyłącz filtrowanie \n \n Pokaż normalnie wszystkie odfiltrowane komentarze / znaleziska \n \n ">❌<span>Wyłącz filtr</span></button>`;
  3079. 								if (settings.filterUserComments)
  3080. 								{
  3081. 									wxs_menu_action_box_html += `<button data-wxs_object_id="${object_id}" data-wxs_id="${id}" data-wxs_resource="${resource}" data-wxs_parent_id="${parent_id}" data-wxs_parent_resource="${parent_resource}" data-wxs_author_username="${wxs_author_username}" data-wxs_author_gender="${wxs_author_gender}" class="wxs_filter_on_user" title=" 𝗪𝘆𝗸𝗼𝗽 𝗫 — 𝗳𝗶𝗹𝘁𝗿𝗼𝘄𝗮𝗻𝗶𝗲 𝗸𝗼𝗺𝗲𝗻𝘁𝗮𝗿𝘇𝘆/𝘇𝗻𝗮𝗹𝗲𝘇𝗶𝘀𝗸	\n \n Na stronach zawierających 𝗸𝗼𝗺𝗲𝗻𝘁𝗮𝗿𝘇𝗲 (pod wpisami i pod znaleziskami) \n odfiltrowuje 𝗸𝗼𝗺𝗲𝗻𝘁𝗮𝗿𝘇𝗲 innych użytkowników. \n Pozostawia widoczne wyłącznie 𝗸𝗼𝗺𝗲𝗻𝘁𝗮𝗿𝘇𝗲 tego użytkownika. \n \n Na stronach zawierających 𝘇𝗻𝗮𝗹𝗲𝘇𝗶𝘀𝗸𝗮 (np. główna, wykopalisko) \n odfiltrowuje 𝘇𝗻𝗮𝗹𝗲𝘇𝗶𝘀𝗸𝗮 innych użytkowników. \n Pozostawia widoczne wyłącznie 𝘇𝗻𝗮𝗹𝗲𝘇𝗶𝘀𝗸𝗮 tego użytkownika. \n \n \n Klikając przełączasz tryb filtrowania: \n — Filtr 1: całkowicie ukrywa odfiltrowane komentarze \n — Filtr 2: odfiltrowane komentarze półprzezroczyste \n — Filtr 3: odfiltrowane komentarze czarno białe \n \n ">⚜<span>Filtruj</span></button>`;
  3082. 								}
  3083. 								if (settings.filterUserReplies)
  3084. 								{
  3085. 									wxs_menu_action_box_html += `<button data-wxs_object_id="${object_id}" data-wxs_id="${id}" data-wxs_resource="${resource}" data-wxs_parent_id="${parent_id}" data-wxs_parent_resource="${parent_resource}" data-wxs_author_username="${wxs_author_username}" data-wxs_author_gender="${wxs_author_gender}" class="wxs_filter_on_replies" title=" 𝗪𝘆𝗸𝗼𝗽 𝗫 — 𝗳𝗶𝗹𝘁𝗿𝗼𝘄𝗮𝗻𝗶𝗲 𝗱𝘆𝘀𝗸𝘂𝘀𝗷𝗶 𝗶 𝗼𝗱𝗽𝗼𝘄𝗶𝗲𝗱𝘇𝗶 \n \n Odfiltrowuje 𝗸𝗼𝗺𝗲𝗻𝘁𝗮𝗿𝘇𝗲, które nie dotyczą tego użytkownika.  \n \n  Nie ukrywa: \n — komentarzy tego użytkownika \n — odpowiedzi, które zawierają @wołanie tego użytkownika \n \n Klikając przełączasz tryb filtrowania: \n — Filtr 1: całkowicie ukrywa odfiltrowane komentarze \n — Filtr 2: odfiltrowane komentarze półprzezroczyste \n — Filtr 3: odfiltrowane komentarze czarno białe \n \n ">🔰<span>Filtruj</span></button>`;
  3086. 								}
  3087. 							}
  3088.  
  3089. 							if (settings.mirkoukrywaczEnable)
  3090. 							{
  3091. 								if (settings.mirkoukrywaczHideComments || settings.mirkoukrywaczHideEntries || settings.mirkoukrywaczHideLinks)
  3092. 								{
  3093. 									wxs_menu_action_box_html += `<button data-wxs_object_id="${object_id}" data-wxs_id="${id}" data-wxs_resource="${resource}" data-wxs_parent_id="${parent_id}" data-wxs_parent_resource="${parent_resource}" data-wxs_author_username="${wxs_author_username}" data-wxs_author_gender="${wxs_author_gender}" class="wxs_minimize" title="Wykop X Krawężnik — zwiń"><span>[ </span>—<span> ]</span></button>
  3094. 								<button data-wxs_object_id="${object_id}" data-wxs_id="${id}" data-wxs_resource="${resource}" data-wxs_parent_id="${parent_id}" data-wxs_parent_resource="${parent_resource}" data-wxs_author_username="${wxs_author_username}" data-wxs_author_gender="${wxs_author_gender}" class="wxs_maximize" title="Wykop X Krawężnik — pokaż cały"><span>[ </span>+<span> ]</span></button>
  3095. 								<button data-wxs_object_id="${object_id}" data-wxs_id="${id}" data-wxs_resource="${resource}" data-wxs_parent_id="${parent_id}" data-wxs_parent_resource="${parent_resource}" data-wxs_author_username="${wxs_author_username}" data-wxs_author_gender="${wxs_author_gender}" class="wxs_hide" title="Wykop X Mirkoukrywacz — ukryj"><span>Ukryj </span>🗙</button> `;
  3096. 								}
  3097. 							}
  3098.  
  3099. 							// DODAJEMY KRAWĘŻNIK
  3100. 							wxs_menu_action_box.innerHTML = wxs_menu_action_box_html;
  3101. 							const sectionEntryHeaderElement = sectionObjectElement.querySelector("article > header");
  3102. 							sectionEntryHeaderElement.parentNode.insertBefore(wxs_menu_action_box, sectionEntryHeaderElement);
  3103. 						}
  3104.  
  3105.  
  3106.  
  3107. 						// TODO
  3108. 						// liczba komentarzy autora wpisu
  3109. 						if (resource == "entry" && sectionObjectElement.classList.contains("detailed")) 						// jestesmy na stronie wpisu i ta sekcja to glowny wpis
  3110. 						{
  3111. 							const wxs_comments_count = sectionObjectElement.__vue__.item.comments.count;
  3112. 							sectionObjectElement.dataset.wxs_comments_count = wxs_comments_count;								// <section class="entry detailed" data-wxs_comments-count="99" data-wxs_comments_author_count="12" data-comments-author-percent="10%">
  3113.  
  3114. 							if (wxs_comments_count > 0)
  3115. 							{
  3116. 								const wxs_comments_author_count = sectionObjectElement.__vue__.item.comments.items.filter(comment => comment.author.username === sectionObjectElement.__vue__.item.author.username).length;
  3117. 								const wxs_comments_author_percent = Math.round(wxs_comments_author_count / wxs_comments_count * 100);
  3118. 								sectionObjectElement.dataset.wxs_comments_author_count = wxs_comments_author_count;
  3119. 								sectionObjectElement.dataset.wxs_comments_author_percent = wxs_comments_author_percent;
  3120. 							}
  3121. 						}
  3122. 					}
  3123. 				}
  3124. 				// ----- OBJECT IS NOT VISIBLE  -- SEKCJA ZNIKNĘŁA Z EKRANU
  3125. 				else if (sectionObjectElement.classList.contains("isIntersecting"))
  3126. 				{
  3127. 					// consoleX(`section.entry NOT intersecting: ${id}`, 1)
  3128. 					sectionObjectElement.classList.remove("isIntersecting", "plusesAdded", "plusesRemoved", "minusesAdded", "minusesRemoved");
  3129. 					sectionObjectElement.classList.add("notIntersecting");
  3130. 				}
  3131. 			});
  3132. 		};
  3133.  
  3134.  
  3135. 		const sectionObjectIntersectionObserverOptions =
  3136. 		{
  3137. 			root: null,
  3138. 			rootMargin: "0px 0px -50px 0px",	// rootMargin: "0px 0px -100px 0px",
  3139. 			threshold: 0,
  3140. 		};
  3141. 		// powiekszenie wczytywania ponizej viewportu
  3142. 		if (settings.intersectionObserverRootMargin) sectionObjectIntersectionObserverOptions.rootMargin = "0px 0px 700px 0px";
  3143. 		const sectionObjectIntersectionObserver = new IntersectionObserver(sectionObjectsAreIntersecting, sectionObjectIntersectionObserverOptions)
  3144.  
  3145.  
  3146. 		/*
  3147. 			__vue__.item.
  3148. 						.actions. [create/create_favourite/delete/delete_favourite/report/undo_vote/update/vote_up]
  3149. 						.adult
  3150. 						.atchive
  3151. 						.author
  3152. 						.comments [count: int, items: Array]
  3153. 						.content: "tresc"
  3154. 						.created_at: "2023-12..."
  3155. 						.deletable: false
  3156. 						.device: ""
  3157. 						.editable: false
  3158. 						.favourite: false
  3159. 						.id: 1234567
  3160. 						.media [embed/photo/survey]
  3161. 						.parent
  3162. 						.resource: "entry"
  3163. 						.slug: "wykop-to-portal"
  3164. 						.status: "visible"
  3165. 						,tags: Array
  3166. 						.voted: 0
  3167. 						.votes [.down: 1 / .up: 2 / .users: Array[]]
  3168. 			
  3169. 			__vue__.item. author.
  3170. 								.avatar (url jpg)
  3171. 								.blacklist: false
  3172. 								.color: "orange"
  3173. 								.company: false
  3174. 								.follow: false
  3175. 								.gender: "m"
  3176. 								.note: true
  3177. 								.online: true
  3178. 								.rank [trend/position]
  3179. 								.status: ["active"/"banned"/"suspended"]
  3180. 								.username: "nick"
  3181. 								.verified: false
  3182. 		*/
  3183.  
  3184.  
  3185. 		async function createInfoboxDivsForUserEverywhere(userDataObject, userNoteObject, username = userDataObject.username)
  3186. 		{
  3187. 			consoleX(`createInfoboxDivsForUserEverywhere(username: ${username})`, 1);
  3188.  
  3189. 			let userInfoElementTitle = "";
  3190. 			const a_usernameAll = document.querySelectorAll(`div.right div.tooltip-slot > span > a.username[href="/ludzie/${username}"]:not(:has([data-wxs_username]))`);
  3191. 			let changeSexTo = false;
  3192. 			if (userDataObject.changeSexTo) changeSexTo = userDataObject.changeSexTo;
  3193.  
  3194.  
  3195. 			// informacja o użytkowniku pobrana z __vue__ lub fetch z API
  3196. 			// DIV Z INFOBOXEM i NOTATKAMI
  3197. 			let div = document.createElement('div');
  3198. 			{
  3199. 				div.classList = `wykopxs wxs_user_info wxs_user_info_year`;  					// <div class="wykopxs wxs_user_info wxs_user_info_year"
  3200.  
  3201. 				let noteVarElement = null;
  3202. 				let noteURLsElement = null;
  3203. 				let infoboxInnerHTML = "";
  3204.  
  3205. 				// XLABEL
  3206. 				if (settings.wxsUserLabelsEnable)
  3207. 				{
  3208. 					if (userDataObject.changeSexTo == "male")
  3209. 					{
  3210. 						infoboxInnerHTML += `<span class="wxs_user_label wxs_user_label_fake_gender wxs_user_label_fake_female"><span>#falszywyrozowypasek</span></span>`;
  3211. 					}
  3212. 					else if (userDataObject.changeSexTo == "female")
  3213. 					{
  3214. 						infoboxInnerHTML += `<span class="wxs_user_label wxs_user_label_fake_gender wxs_user_label_fake_male"><span>#falszywyniebieskipasek</span></span>`;
  3215. 					}
  3216. 					if (userDataObject.wxsUserLabel)
  3217. 					{
  3218. 						infoboxInnerHTML += `<span class="wxs_user_label wxs_user_label_name"><span>${userDataObject.wxsUserLabel}</span></span>`;
  3219. 					}
  3220. 					if (userDataObject.wxsUserURL)
  3221. 					{
  3222. 						infoboxInnerHTML += `<span class="wxs_user_label wxs_user_label_url"><a href="${userDataObject.wxsUserURL}" target="_blank">www</a></span> `;
  3223. 					}
  3224. 				}
  3225.  
  3226.  
  3227. 				// NOTATKI
  3228. 				if (settings.notatkowatorEnable && userDataObject.note == true && userNoteObject)
  3229. 				{
  3230. 					// if(dev) console.log("NOTATKI 222: ")
  3231. 					// if(dev) console.log("userDataObject.note")
  3232. 					// if(dev) console.log(userDataObject.note);
  3233. 					// if(dev) console.log("userNoteObject");
  3234. 					// if(dev) console.log(userNoteObject);
  3235. 					/* 
  3236. 						Notes from API:
  3237. 							user.data = { username: 'NadiaFrance', content: 'Treść notatki' } 
  3238. 							user.data = { username: 'NadiaFrance', content: '' } 
  3239. 						Notes from LocalStorage:
  3240. 						userNoteObject ->	wykopx/notatkowator/tomek123456789 = 
  3241. 						{
  3242. 							username: "Zenek",
  3243. 							usernote: "Notatka | +r",
  3244. 							lastUpdate: "2024-01-07T15:55:37.210Z"
  3245. 						}
  3246. 					*/
  3247. 					let usernoteParsedToDisplay = removePlusWords(userNoteObject.usernote);
  3248. 					// if(dev) console.log("usernoteParsedToDisplay");
  3249. 					// if(dev) console.log(usernoteParsedToDisplay);
  3250.  
  3251. 					if (settings.notatkowatorVerticalBar)
  3252. 					{
  3253. 						let sepIndex = userNoteObject.usernote.indexOf("|");
  3254. 						if (sepIndex != -1)
  3255. 						{
  3256. 							usernoteParsedToDisplay = `${usernoteParsedToDisplay.substring(0, sepIndex).trim()}...`;
  3257. 							//let remainingPart = usernote.substring(sepIndex + 1).trim();
  3258. 						}
  3259. 					}
  3260.  
  3261. 					noteVarElement = document.createElement('var');
  3262. 					// <span class="wxs_user_info_usernote wxs_notatkowator_normal">
  3263. 					// <span class="wxs_user_info_usernote wxs_notatkowator_r">
  3264. 					noteVarElement.classList = `wxs_user_info_usernote`;
  3265.  
  3266. 					if (userNoteObject.changeSexTo) changeSexTo = userNoteObject.changeSexTo;
  3267.  
  3268. 					const plusWordsArray = getPlusWords(userNoteObject.usernote);
  3269. 					plusWordsArray.forEach(plusWord =>
  3270. 					{
  3271. 						noteVarElement.classList.add(`wxs_notatkowator_${plusWord}`); // class="wxs_notatkowator_r"
  3272. 					});
  3273.  
  3274.  
  3275. 					if (settings.notatkowatorWebsiteURL)
  3276. 					{
  3277. 						const noteURLsArray = getURLsFromString(usernoteParsedToDisplay, false, false);
  3278. 						if (noteURLsArray)
  3279. 						{
  3280. 							noteURLsElement = document.createElement('span');
  3281. 							noteURLsElement.classList = `wxs_user_label wxs_user_info_usernote_url`;
  3282.  
  3283. 							noteURLsArray.forEach((url) =>
  3284. 							{
  3285. 								noteURLsElement.innerHTML += `<a href="${url.startsWith('www.') ? 'https://' + url : url}" target="_blank">www</a>`;
  3286. 								usernoteParsedToDisplay = usernoteParsedToDisplay.replace(url, "");
  3287. 							})
  3288. 						}
  3289. 					}
  3290.  
  3291. 					noteVarElement.innerHTML = `${usernoteParsedToDisplay}`;
  3292. 					userInfoElementTitle += ` \n 𝗪𝘆𝗸𝗼𝗽 𝗫 𝗡𝗼𝘁𝗮𝘁𝗸𝗼𝘄𝗮𝘁𝗼𝗿 \n \n ${userNoteObject.usernote} \n \n`;
  3293. 				}
  3294.  
  3295.  
  3296.  
  3297. 				// INFOBOX
  3298. 				if (settings.infoboxEnable)
  3299. 				{
  3300. 					userInfoElementTitle += ` \n 𝗪𝘆𝗸𝗼𝗽 𝗫 InfoBox \n Informacje o użytkowniku @${userDataObject.username} \n  \n `
  3301.  
  3302. 					if (changeSexTo == "male") userInfoElementTitle += ` FAŁSZYWY RÓŻOWY PASEK \n  \n `;
  3303. 					else if (changeSexTo == "female") userInfoElementTitle += ` FAŁSZYWY NIEBIESKI PASEK \n  \n `;
  3304.  
  3305.  
  3306. 					if (userDataObject.wxsUserLabel) userInfoElementTitle += ` XLabel: ${userDataObject.wxsUserLabel} \n  \n `;
  3307.  
  3308. 					// basic data without fetch
  3309. 					if (userDataObject.blacklist == true) 											// basic
  3310. 					{
  3311. 						infoboxInnerHTML += `<var class="wxs_user_blacklist" title="@${userDataObject.username} jest na Twojej czarnej liście">🚯</var>`
  3312. 					}
  3313. 					if (userDataObject.follow == true) 												// basic
  3314. 					{
  3315. 						infoboxInnerHTML += `<var class="wxs_user_follow" title="Obserwujesz użytkownika @${userDataObject.username}">🔔</var>`
  3316. 					}
  3317.  
  3318. 					if (userDataObject.status == "banned" || userDataObject.status == "suspended") 						// basic
  3319. 					{
  3320. 						if (userDataObject.banned?.wxs_info_text_1) 													// DETAILS from API
  3321. 						{
  3322. 							if (settings.infoboxUserBannedEmoji) infoboxInnerHTML += `<var class="wxs_user_banned" title=" 🍌 ${userDataObject.banned.wxs_info_text_1}. \n \n ${userDataObject.banned.wxs_info_text_2} \n \n ${userDataObject.banned.wxs_info_text_3} \n \n">🍌</var>`;
  3323. 							userInfoElementTitle += `  🍌 ${userDataObject.banned.wxs_info_text_1}. \n \n ${userDataObject.banned.wxs_info_text_2} \n \n ${userDataObject.banned.wxs_info_text_3} \n \n`;
  3324. 						}
  3325. 					}
  3326.  
  3327. 					let memberSinceDate = null;
  3328. 					let membersSinceInYears = null;
  3329. 					let membersSinceInMonths = null;
  3330. 					let membersSinceInDays = null;
  3331. 					memberSinceDate = dayjs(userDataObject.member_since);
  3332. 					membersSinceInYears = loadTime.diff(memberSinceDate, 'year');
  3333. 					membersSinceInMonths = loadTime.diff(memberSinceDate, 'month');
  3334. 					membersSinceInDays = loadTime.diff(memberSinceDate, 'day');
  3335.  
  3336. 					if (settings.infoboxUserMemberSince)
  3337. 					{
  3338. 						if (userDataObject.member_since) // DETAILS from API
  3339. 						{
  3340.  
  3341. 							// wyświetlony obok nazwy użytkownika rok założenia konta
  3342. 							if (membersSinceInDays < 32)
  3343. 							{
  3344. 								// konto zalozone dzisiaj
  3345. 								if (membersSinceInDays == 0)
  3346. 								{
  3347. 									let membersSinceInHours = loadTime.diff(memberSinceDate, 'hour');
  3348. 									let membersSinceInMinutes = loadTime.diff(memberSinceDate, 'minute');
  3349. 									if (membersSinceInHours == 0)
  3350. 									{
  3351. 										infoboxInnerHTML += `<var class="wxs_user_member_since">Konto od ${membersSinceInMinutes} minut </var>`;
  3352. 									}
  3353. 									else
  3354. 									{
  3355. 										infoboxInnerHTML += `<var class="wxs_user_member_since">Konto od ${membersSinceInHours} h </var>`;
  3356. 									}
  3357. 								}
  3358. 								// wczoraj
  3359. 								else if (membersSinceInDays == 1)
  3360. 								{
  3361. 									infoboxInnerHTML += `<var class="wxs_user_member_since">Konto od wczoraj</var>`;
  3362. 								}
  3363. 								else
  3364. 								{
  3365. 									infoboxInnerHTML += `<var class="wxs_user_member_since">${membersSinceInDays} dni </var>`;
  3366. 								}
  3367. 							}
  3368. 							// mniej niz 12 miesiecy
  3369. 							else if (membersSinceInMonths < 12)
  3370. 							{
  3371. 								infoboxInnerHTML += `<var class="wxs_user_member_since">${membersSinceInMonths} mies. </var>`;
  3372. 							}
  3373. 							// ponad 11 miesiecy
  3374. 							else
  3375. 							{
  3376. 								if (settings.infoboxUserMemberSinceYear) infoboxInnerHTML += `<var class="wxs_user_member_since">${memberSinceDate.year()}</var>`; // 2011
  3377. 								else
  3378. 								{
  3379. 									if (membersSinceInYears >= 5) infoboxInnerHTML += `<var class="wxs_user_member_since">${membersSinceInYears} lat</var>`; // 5 lat
  3380. 									else if (membersSinceInYears >= 2) infoboxInnerHTML += `<var class="wxs_user_member_since">${membersSinceInYears} lata</var>`; // 2 lata
  3381. 									else if (membersSinceInYears == 1) infoboxInnerHTML += `<var class="wxs_user_member_since">1 rok</var>`; // 1 rok
  3382. 								}
  3383.  
  3384. 							}
  3385. 						}
  3386. 					}
  3387. 					else
  3388. 					{
  3389. 						infoboxInnerHTML += `<var class="wxs_user_member_since"> ℹ </var>`; // · { i }
  3390. 					}
  3391.  
  3392.  
  3393. 					userInfoElementTitle += userDataObject.online ? ` \n @${userDataObject.username} jest teraz online 🟢 \n ` : "";
  3394.  
  3395. 					if (userDataObject.name) userInfoElementTitle += userDataObject.name != "" ? `Nazwa: ${userDataObject.name} \n ` : "";
  3396. 					if (userDataObject.city) userInfoElementTitle += userDataObject.city != "" ? `Miasto: ${userDataObject.city} \n ` : "";
  3397. 					if (userDataObject.public_email) userInfoElementTitle += userDataObject.public_email != "" ? `\n E-mail: ${userDataObject.public_email} \n ` : "";
  3398. 					userInfoElementTitle += `\n`;
  3399.  
  3400. 					if (userDataObject.gender == "f")
  3401. 					{
  3402. 						userInfoElementTitle += userDataObject.follow ? `🔔 Obserwujesz tę Mirabelkę. \n ` : "";
  3403. 						userInfoElementTitle += userDataObject.blacklist ? `🚯 Ta Mirabelka jest na Twojej czarnej liście. \n ` : "";
  3404.  
  3405. 						if (userDataObject.summary) // DETAILS from API
  3406. 						{
  3407. 							userInfoElementTitle += userDataObject.summary.followers > 0 ? ` Jest obserwowana przez ${userDataObject.summary.followers} osób` : "Nikt jej nie obserwuje";
  3408. 							userInfoElementTitle += userDataObject.summary.following_users > 0 ? `, a ona sama obserwuje ${userDataObject.summary.following_users} innych osób oraz ` : `. Nie obserwuje żadnych użytkowników i `;
  3409. 							userInfoElementTitle += userDataObject.summary.following_tags > 0 ? `${userDataObject.summary.following_tags} #tagów  \n ` : `nie obserwuje żadnych #tagów \n `;
  3410. 						}
  3411.  
  3412. 					}
  3413. 					else
  3414. 					{
  3415. 						userInfoElementTitle += userDataObject.follow ? `🔔 Obserwujesz tego Mireczka \n ` : "";
  3416. 						userInfoElementTitle += userDataObject.blacklist ? `🚯 Ten Mireczek jest na Twojej czarnej liście \n ` : "";
  3417.  
  3418. 						if (userDataObject.summary) // DETAILS from API
  3419. 						{
  3420. 							userInfoElementTitle += userDataObject.summary.followers > 0 ? ` Jest obserwowany przez ${userDataObject.summary.followers} osób \n ` : "Nikt go nie obserwuje";
  3421. 							userInfoElementTitle += `\n On sam obserwuje`;
  3422. 							userInfoElementTitle += `\n — ${userDataObject.summary.following_users} osób `;
  3423. 							userInfoElementTitle += userDataObject.summary.following_tags > 0 ? `\n — ${userDataObject.summary.following_tags} #tagów  \n ` : `i nie obserwuje żadnych #tagów \n `;
  3424. 						}
  3425. 					}
  3426.  
  3427. 					if (userDataObject.member_since)
  3428. 					{
  3429. 						userInfoElementTitle += `\n Na Wykopie od: ${userDataObject.member_since} \n  \n `;
  3430. 						userInfoElementTitle += `Przez ${membersSinceInYears > 1 ? membersSinceInYears + " lat(a)" : membersSinceInMonths > 1 ? membersSinceInMonths + " miesiące(ęcy)" : membersSinceInDays + " dni"} na Wykopie ${userDataObject.gender == "f" ? "dodała" : "dodał"}: \n `; // Rzeczownik
  3431. 					}
  3432.  
  3433. 					if (userDataObject.summary)
  3434. 					{
  3435. 						userInfoElementTitle += `\n Na mikroblogu: \n `;
  3436. 						userInfoElementTitle += `- ${userDataObject.summary.entries_details.added} wpisów\n `;
  3437. 						userInfoElementTitle += `- ${userDataObject.summary.entries_details.commented} komentarzy pod wpisami \n `;
  3438. 						userInfoElementTitle += `- ${userDataObject.summary.entries_details.voted} zaplusowanych wpisów \n `;
  3439.  
  3440. 						userInfoElementTitle += `\n Na głównej: \n `;
  3441. 						userInfoElementTitle += `- ${userDataObject.summary.links_details.up} wykopanych znalezisk \n `;
  3442.  
  3443. 						userInfoElementTitle += `- ${userDataObject.summary.links_details.published} znalezisk na głównej \n `;
  3444. 						userInfoElementTitle += `- ${userDataObject.summary.links_details.added} znalezisk \n `;
  3445. 						userInfoElementTitle += `- ${userDataObject.summary.links_details.commented} komentarzy pod znaleziskami \n `;
  3446. 						userInfoElementTitle += `- ${userDataObject.summary.links_details.related} powiązanych do znalezisk \n `;
  3447. 					}
  3448.  
  3449. 					if (userDataObject.about) userInfoElementTitle += userDataObject.about != "" ? ` \n  \n O sobie: \n ${userDataObject.about} \n \n ` : "";
  3450. 				}
  3451.  
  3452.  
  3453.  
  3454.  
  3455. 				if (infoboxInnerHTML !== "") div.innerHTML = infoboxInnerHTML;
  3456. 				if (noteVarElement !== null) div.appendChild(noteVarElement);
  3457. 				if (noteURLsElement !== null) div.appendChild(noteURLsElement);
  3458.  
  3459. 				div.title = `${userInfoElementTitle} \n.`;
  3460. 			}
  3461.  
  3462. 			// if(dev) console.log("gotowy user infobox div:")
  3463. 			// if(dev) console.log(div)
  3464.  
  3465. 			// dołączenie info o użytkowniku do każdego wystąpienia jego nicka na stronie
  3466. 			a_usernameAll.forEach((a_username) =>
  3467. 			{
  3468. 				// if(dev) console.log(`Dodaję infobox przy każdym linku a.username:`);
  3469. 				// if(dev) console.log(a_username);
  3470. 				// if(dev) console.log(a_username.parentNode.nodeName);
  3471. 				if (a_username.dataset.wxs_username == undefined)
  3472. 				{
  3473. 					a_username.dataset.wxs_username = userDataObject.username;
  3474.  
  3475. 					let a_username_type;
  3476. 					if (a_username.parentNode.nodeName == "SPAN") a_username_type = "section_entry_header";
  3477. 					if (a_username.parentNode.nodeName == "LI") a_username_type = "section_entry_voters_li";
  3478.  
  3479.  
  3480. 					// tylko dla section.entry, nie dla listy plusujących
  3481. 					if (a_username_type == "section_entry_header")
  3482. 					{
  3483. 						if (changeSexTo != false)
  3484. 						{
  3485. 							const figureElement = a_username.parentNode.parentNode.parentNode.parentNode.parentNode.querySelector("div.left > a.avatar > figure"); // header
  3486. 							if (changeSexTo == "male")
  3487. 							{
  3488. 								figureElement.classList.remove("female");
  3489. 								figureElement.classList.add("male");
  3490. 							}
  3491. 							else if (changeSexTo == "female")
  3492. 							{
  3493. 								figureElement.classList.add("female");
  3494. 								figureElement.classList.remove("male");
  3495. 							}
  3496. 						}
  3497. 						let sectionObjectElement = a_username.closest('section.entry, section.link-block, aside.profile-top'); 	 // section.entry, section.link-block a w profilu <aside class="profile-top wide-top">
  3498.  
  3499. 						if (sectionObjectElement && (!sectionObjectElement.dataset.wxs_username || sectionObjectElement.dataset.wxs_username != userDataObject.username))
  3500. 						{
  3501.  
  3502. 							// USER DATA BASIC
  3503. 							sectionObjectElement.dataset.wxs_username = userDataObject.username; 					// <section data-wxs-username="NadiaFrance">
  3504. 							sectionObjectElement.dataset.wxs_user_note = userDataObject.note;						// data-wxs_user_note="true"
  3505. 							sectionObjectElement.dataset.wxs_user_company = userDataObject.company;					// 
  3506. 							sectionObjectElement.dataset.wxs_user_status = userDataObject.status;					// data-wxs_user_status="banned" / "suspended"
  3507. 							sectionObjectElement.dataset.wxs_user_color = userDataObject.color;						// data-wxs_user_color="orange"
  3508. 							sectionObjectElement.dataset.wxs_user_verified = userDataObject.verified;				// data-wxs_user_verified="true"
  3509. 							sectionObjectElement.dataset.wxs_user_blacklist = userDataObject.blacklist;				// data-wxs_user_blacklist="true"
  3510. 							sectionObjectElement.dataset.wxs_user_follow = userDataObject.follow;					// data-wxs_user_follow="true"
  3511. 							sectionObjectElement.dataset.wxs_user_gender = userDataObject.gender;					// data-wxs_user_gender="m"
  3512. 							sectionObjectElement.dataset.wxs_user_online = userDataObject.online;					// data-wxs_user_online="true"
  3513. 							sectionObjectElement.dataset.wxs_user_rank_position = userDataObject.rank?.position;	// data-wxs_user_rank_position=34 // "null"
  3514. 							sectionObjectElement.dataset.wxs_user_rank_trend = userDataObject.rank?.trend;			// data-wxs_user_rank_trend=0
  3515.  
  3516. 							if (settings.wxsUserLabelsEnable && userDataObject.wxsUserLabel)
  3517. 							{
  3518. 								sectionObjectElement.dataset.wxs_user_label = userDataObject.wxsUserLabel; // XLabel
  3519. 							}
  3520.  
  3521. 							if (userDataObject.summary)
  3522. 							{
  3523. 								sectionObjectElement.dataset.wxs_user_entries_added = userDataObject.summary.entries_details.added; 			// <section data-wxs-user-entries-added="12">
  3524. 								sectionObjectElement.dataset.wxs_user_entries_commented = userDataObject.summary.entries_details.commented; 	// <section data-wxs-user-entries-commented="12">
  3525. 								sectionObjectElement.dataset.wxs_user_entries_voted = userDataObject.summary.entries_details.voted; 			// <section data-wxs-user-entries-voted="12">
  3526. 								sectionObjectElement.dataset.wxs_user_links_up = userDataObject.summary.links_details.up; 						// <section data-wxs-user-links-up="12">
  3527. 								sectionObjectElement.dataset.wxs_user_links_published = userDataObject.summary.links_details.published; 		// <section data-wxs-user-links-published="12">
  3528. 								sectionObjectElement.dataset.wxs_user_links_added = userDataObject.summary.links_details.added; 				// <section data-wxs-user-links-added="12">
  3529. 								sectionObjectElement.dataset.wxs_user_links_commented = userDataObject.summary.links_details.commented; 		// <section data-wxs-user-links-commented="12">
  3530. 								sectionObjectElement.dataset.wxs_user_links_related = userDataObject.summary.links_details.related; 			// <section data-wxs-user-links-related="12">
  3531. 							}
  3532.  
  3533.  
  3534.  
  3535. 							// WykopObject
  3536. 							// to juz jest dodawane wczesniej
  3537.  
  3538. 							//sectionObjectElement.dataset.wxs_id = sectionObjectElement.__vue__.item.id;									// <section data-wxs_id="1234567">
  3539. 							//sectionObjectElement.dataset.wxs_resource = sectionObjectElement.__vue__.item.resource;						// <section data-wxs_resource="entry_comment">
  3540. 							// if (sectionObjectElement.__vue__.item.parent)
  3541. 							// {
  3542. 							// 	sectionObjectElement.dataset.wxs_parent_resource = sectionObjectElement.__vue__.item.parent.resource;	// data-wxs_parent_resource="entry"
  3543. 							// 	sectionObjectElement.dataset.wxs_parent_id = sectionObjectElement.__vue__.item.parent.id;					// data-wxs_parent_id="1234567"
  3544. 							// }
  3545. 							// if (sectionObjectElement.__vue__.item.created_at) sectionObjectElement.dataset.wxs_created_at = sectionObjectElement.__vue__.item.created_at;			// data-wxs_created_at="2023-12-31 2359"
  3546. 							// if (sectionObjectElement.__vue__.item.favourite) sectionObjectElement.dataset.wxs_favourite = sectionObjectElement.__vue__.item.author.favourite;		// data-wxs_favourite="true"
  3547. 							// if (sectionObjectElement.__vue__.item.voted)
  3548. 							// {
  3549. 							// 	sectionObjectElement.dataset.wxs_voted = sectionObjectElement.__vue__.item.voted;							// data-wxs_voted="0" / "1"
  3550. 							// 	sectionObjectElement.dataset.wxs_votes_up = sectionObjectElement.__vue__.item.votes.up;						// data-wxs_votes-up="23"
  3551. 							// 	sectionObjectElement.dataset.wxs_votes_down = sectionObjectElement.__vue__.item.votes.down;					// data-wxs_votes-up="23"
  3552. 							// }
  3553. 						}
  3554. 					}
  3555.  
  3556.  
  3557. 					//let div_tooltipSlot = a_username.closest("div.tooltip-slot");
  3558. 					let userInfoboxDiv = div.cloneNode(true);
  3559. 					// if(dev) console.log(`userInfoboxDiv`, userInfoboxDiv);
  3560. 					// if(dev) console.log(`a_username`, a_username);
  3561. 					// if(dev) console.log(`a_username.closest("div.right > div:has(a.username)")`, a_username.closest("div.right > div:has(a.username)"));
  3562.  
  3563.  
  3564. 					a_username.closest("div.right > div:has(a.username)").appendChild(userInfoboxDiv);
  3565.  
  3566. 					// if (div_tooltipSlot)
  3567. 					// {
  3568. 					// 	div_tooltipSlot.insertAdjacentElement('afterend', userInfoboxDiv);
  3569. 					// }
  3570. 					// else
  3571. 					// {
  3572. 					// 	a_username.title = userInfoElementTitle;
  3573. 					// 	a_username.insertAdjacentElement('afterend', userInfoboxDiv);
  3574. 					// }
  3575. 				}
  3576.  
  3577.  
  3578. 				// elementToInsertUserInfo.appendChild(div);
  3579. 				// elementToInsertUserInfo.parentNode.insertBefore(div, elementToInsertUserInfo.nextSibling);
  3580.  
  3581. 				// -- strona wpisu
  3582. 				// — wpis:
  3583. 				// section.entry.detailed 	> article 																													> header > div.right > div > div.tooltip-slot > span > a.username > span
  3584. 				// section.entry.detailed 	> article 																													> header > div.right > div > span > a.current.active > time
  3585. 				// — komentarze:
  3586. 				// section.entry.detailed 	> div.comments > section.stream > div.content > section.entry.reply > article 												> header > div.right > div > div.tooltip-slot > span > a.username > span
  3587. 				// section.entry.detailed 	> div.comments > section.stream > div.content > section.entry.reply > article 												> header > div.right > div > span > a > time
  3588.  
  3589.  
  3590. 				// -- mikroblog wpisy i komentarze:											
  3591. 				// — wpis: 											
  3592. 				// section.entry 			> article 																													> header > div.right > div > div.tooltip.slot > span > a.username > span
  3593. 				// section.entry 			> article 																													> header > div.right > div > span > a > time
  3594. 				// — komentarze:											
  3595. 				// section.entry 			> div.comments > section.stream > div.content > section.entry.reply > article 												> header > div.right > div > div.tooltip-slot > span > a.username > span
  3596. 				// section.entry 			> div.comments > section.stream > div.content > section.entry.reply > article 												> header > div.right > div > span > a > time
  3597.  
  3598. 				// główna (brak header div.right)
  3599. 				// section.link-block > section > article 																												> header > div.content > section.info > span > div.tooltip-slot > span > a.username > span
  3600. 				// section.link-block > section > article 																												> header > div.content > section.info > span > div.tooltip-slot (drugi) > span > a.external // domena linku
  3601. 				// section.link-block > section > article 																												> header > div.content > section.info > span > time
  3602.  
  3603. 				// strona znaleziska (brak header div.right)
  3604. 				// main.main > section > div.content > section.link-page > section.link > section.link-block.detailed > section > article > div.content > section.info > span > div.tooltip-slot > span > a.username > span
  3605. 				// main.main > section > div.content > section.link-page > section.link > section.link-block.detailed > section > article > div.content > section.info > span > div.tooltip-slot (drugi) > span > a.external
  3606. 				// main.main > section > div.content > section.link-page > section.link > section.link-block.detailed > section > article > div.content > section.info > span > time 
  3607.  
  3608. 				// wpisy na stronie profilu
  3609. 				// main.main > section > div.content > section.profile-page > section.profile > section.stream.link-entries > div.content > section.entry > article 	> header > div.right > div > div.tooltip-slot > span > a.username > span
  3610. 				// main.main > section > div.content > section.profile-page > section.profile > section.stream.link-entries > div.content > section.entry > article 	> header > div.right > div > span > a > time
  3611.  
  3612. 				// prawy sidebar (brak .tooltip-slot)
  3613. 				//main.main > section > section.sidebar > section > div.content > section.entries > section.entry 														> header > div.right > div > a.username > span 
  3614. 				//main.main > section > section.sidebar > section > div.content > section.entries > section.entry 														> header > div.right > div > span.plus // +16 liczba plusów
  3615. 				//main.main > section > section.sidebar > section > div.content > section.entries > section.entry 														> header > div.right > a > time
  3616.  
  3617. 				// strona PROFILU — naglowek profilu uzytkownika (brak .tooltip-slot)
  3618. 				// main.main > aside.profile-top > section 																												> header > div > h1 > a.username > span
  3619. 				// main.main > aside.profile-top > section 																												> header > div > time
  3620. 			});
  3621. 			div.remove();
  3622. 		}
  3623.  
  3624.  
  3625.  
  3626.  
  3627.  
  3628.  
  3629.  
  3630.  
  3631.  
  3632. 		/* ------------- NOTATKOWATOR ------------ */
  3633. 		async function getUserNoteObjectByUsername(sectionObjectElement, username = sectionObjectElement.__vue__.item.author.username, forceAPICheck = false)
  3634. 		{
  3635. 			consoleX(`getUserNoteObjectByUsername(username: ${username}, forceAPICheck: ${forceAPICheck})`, 1)
  3636.  
  3637. 			if (settings.notatkowatorEnable && (forceAPICheck || (sectionObjectElement && sectionObjectElement.__vue__.item.author.note)))
  3638. 			{
  3639. 				// consoleX(`getUserNoteObjectByUsername()`, 1);
  3640.  
  3641. 				if (username)
  3642. 				{
  3643. 					let usernote = "";
  3644. 					let userNoteObject = await localStorageNotatkowator.getItem(username);
  3645.  
  3646. 					// consoleX(`getUserNoteObjectByUsername()`, 1);
  3647. 					// if(dev) console.log(username);
  3648.  
  3649. 					if (forceAPICheck == false)
  3650. 					{
  3651. 						// TODO check this
  3652.  
  3653. 						if (userNoteObject == null || userNoteObject == "")
  3654. 						{
  3655. 							// if(dev) console.log("typeof userNoteObject", typeof userNoteObject)
  3656. 							// if(dev) console.log(userNoteObject);
  3657.  
  3658. 							const date2 = dayjs(userNoteObject.lastUpdate);
  3659.  
  3660. 							//if (loadTime.diff(date2, "second") > parseFloat(settings.notatkowatorUpdateInterval * 3600))
  3661. 							//{
  3662. 							// userNoteObject = null; /* notatka jest zbyt stara */
  3663. 							//}
  3664. 							//else
  3665. 							//{
  3666. 							// mamy aktualną notatkę z localforage
  3667. 							// consoleX(`Notatkowator wczytał notatkę z LocalStorage. Użytkownik: @${username}`);
  3668. 							// if(dev) console.log("userNoteObject")
  3669. 							// if(dev) console.log(userNoteObject)
  3670. 							// if(dev) console.log("userNoteObject.usernote")
  3671. 							// if(dev) console.log(userNoteObject.usernote)
  3672. 							usernote = userNoteObject.usernote;
  3673.  
  3674. 							return userNoteObject;
  3675. 							//}
  3676. 						}
  3677. 					}
  3678.  
  3679. 					if (usernote != "")
  3680. 					{
  3681. 						return userNoteObject;
  3682. 					}
  3683.  
  3684. 					else // Notatka z API — brak notatki o tym użytkowniku w localforage lub była zbyt stara lub forceAPICheck = true 
  3685. 					{
  3686. 						try
  3687. 						{
  3688. 							let jsonResponse = await getWykopAPIData("notes", username);
  3689. 							usernote = jsonResponse?.data?.content;
  3690.  
  3691. 							/* 
  3692. 								Notes from API:
  3693. 									user.data = { username: 'NadiaFrance', content: 'Treść notatki' } 
  3694. 									user.data = { username: 'NadiaFrance', content: '' } 
  3695. 			
  3696. 								Notes from LocalStorage:
  3697. 								userNoteObject ->	wykopx/notatkowator/tomek123456789 = 
  3698. 								{
  3699. 									username: "Zenek",
  3700. 									usernote: "Notatka | +r",
  3701. 									lastUpdate: "2024-01-07T15:55:37.210Z"
  3702. 									gender: "f" / "m" / null
  3703. 									changeSexTo: "female" / "male"
  3704. 								}
  3705. 							*/
  3706.  
  3707. 							userNoteObject =
  3708. 							{
  3709. 								username: jsonResponse?.data?.username,
  3710. 								usernote: jsonResponse?.data?.content,
  3711. 								gender: sectionObjectElement.__vue__.item.author,
  3712. 								lastUpdate: dayjs()
  3713. 							}
  3714.  
  3715. 							const plusWordsArray = getPlusWords(userNoteObject.usernote);
  3716. 							// if(dev) console.log("plusWordsArray")
  3717. 							// if(dev) console.log(plusWordsArray)
  3718.  
  3719. 							// dodane jakies +przełączniki
  3720. 							if (plusWordsArray[0] != "normal")
  3721. 							{
  3722. 								const femaleChecklistArray = ["k", "f", "female", "kobieta", "dziewczyna", "dziewczynka", "girl", "baba", "różowa", "rozowa", "rózowa", "rożowa"];
  3723. 								const maleChecklistArray = ["m", "mezczyzna", "mężczyzna", "męzczyzna", "meżczyzna", "male", "facet", "boy", "chlopak", "chłopak", "chłopiec", "chłop", "chlop", "niebieski"];
  3724. 								const isFemale = plusWordsArray.filter(item => femaleChecklistArray.includes(item));
  3725. 								const isMale = plusWordsArray.filter(item => maleChecklistArray.includes(item));
  3726.  
  3727. 								if (isFemale.length >= 1) 					// różowy pasek 	// +k lub +f
  3728. 								{
  3729. 									userNoteObject.changeSexTo = "female";
  3730. 									userNoteObject.gender = "f";
  3731. 									//userDataObject.gender="f";
  3732. 								}
  3733. 								else if (isMale.length >= 1) 				// niebieski pasek // +m
  3734. 								{
  3735. 									userNoteObject.changeSexTo = "male";
  3736. 									userNoteObject.gender = "m";
  3737. 									//userDataObject.gender="m";
  3738. 								}
  3739. 							}
  3740.  
  3741.  
  3742. 							// if(dev) console.log(jsonResponse);
  3743. 							// if(dev) console.log("userNoteObject");
  3744. 							// if(dev) console.log(userNoteObject);
  3745.  
  3746.  
  3747.  
  3748.  
  3749. 							if (usernote != "" && userNoteObject.usernote != null && userNoteObject.usernote != "")
  3750. 							{
  3751. 								// if(dev) console.log(`API zwróciło ${userNoteObject.username} notatkę: ${userNoteObject.usernote}`);
  3752. 								consoleData.notatkowator.count++;
  3753. 								refreshConsole();
  3754.  
  3755. 								// await displayUserNote(sectionObjectElement, usernote, username)
  3756.  
  3757. 								if (localStorageNotatkowator)
  3758. 								{
  3759. 									localStorageNotatkowator.setItem(username, userNoteObject)
  3760. 										.then(function (value)
  3761. 										{
  3762. 											consoleX(`Notatkowator zapisał notatkę o użytkowniku @${userNoteObject.username}: "${userNoteObject.usernote}"`, 1);
  3763. 										})
  3764. 										.catch(function (err)
  3765. 										{
  3766. 											consoleX(`Notatkowator = error: ` + err, 1);
  3767. 										});
  3768. 									// return usernote;
  3769. 									return userNoteObject
  3770. 								}
  3771. 							}
  3772. 							else
  3773. 							{
  3774. 								// consoleX(`Użytkownik ${username} nie ma żadnej notatki`)
  3775. 							}
  3776. 						}
  3777. 						catch (error)
  3778. 						{
  3779. 							console.error(`Failed to get data: ${error}`);
  3780. 						}
  3781. 					}
  3782. 				}
  3783.  
  3784. 			}
  3785.  
  3786. 		}
  3787.  
  3788.  
  3789.  
  3790.  
  3791.  
  3792.  
  3793.  
  3794. 		/* wyświetlenie danych o autorze z __vue__ lub pobranie z API*/
  3795. 		async function getUserDetailsForUsername(userDataObject = null, username = userDataObject.username, forceAPICheck = false)
  3796. 		{
  3797.  
  3798. 			consoleX(`getUserDetailsForUsername(username: ${username}, forceAPICheck: ${forceAPICheck})`, 1)
  3799.  
  3800. 			if (settings.infoboxEnable && username)
  3801. 			{
  3802. 				// consoleX(`getUserDetailsForUsername() ${username}`, 1);
  3803.  
  3804. 				// if(dev) console.log(`user: ${username}: `)
  3805.  
  3806. 				// jesli jest zbanowany lub chcemy wszystkie dane (np. followersi — wysylamy zapytanie do API)
  3807. 				if (userDataObject.status == "banned" || userDataObject.status == "suspended" || forceAPICheck == true)
  3808. 				{
  3809. 					// if(dev) console.log("---- getUserDetailsForUsername — sprawdzanie użytkownika w API: " + username)
  3810. 					try
  3811. 					{
  3812. 						// profile/users/{username}
  3813. 						// profile/users/{username}/short
  3814. 						// let jsonResponse = await getWykopAPIData("profile", "users", username, "short");
  3815. 						let jsonResponse = await getWykopAPIData("profile", "users", username);
  3816. 						if (jsonResponse.data)
  3817. 						{
  3818. 							let userDataObject = jsonResponse.data;
  3819.  
  3820. 							// if(dev) console.log("userData fetched from API");
  3821. 							// if(dev) console.log(userDataObject);
  3822. 							return userDataObject; // return the data
  3823. 						}
  3824.  
  3825. 					}
  3826. 					catch (error)
  3827. 					{
  3828. 						console.error(`Failed to get data: ${error}`);
  3829. 					}
  3830. 				}
  3831. 				// jeśli wystarczą nam podstawowe informacje z __vue__ 
  3832. 				else
  3833. 				{
  3834. 					// if(dev) console.log("---- getUserDetailsForUsername — zwracam danej użytkownika z vue: " + username)
  3835. 					return userDataObject;
  3836. 				}
  3837. 			}
  3838. 		}
  3839.  
  3840.  
  3841.  
  3842.  
  3843. 		// wykop_xs_banned.user.js - START - 2
  3844. 		if (settings.infoboxUserBannedInfoOnProfilePage)
  3845. 		{
  3846. 			waitForKeyElements("aside.profile-top:has(aside.info-box.red)", bannedUserProfileAside, false);
  3847.  
  3848. 			// DODAJEMY INFO NA STRONIE PROFILOWEJ O SZCZEGÓŁACH BANA
  3849. 			function bannedUserProfileAside(element)
  3850. 			{
  3851. 				const bannedUserObject = element?.__vue__?.user;
  3852.  
  3853. 				if (!bannedUserObject) return;
  3854.  
  3855. 				if (bannedUserObject.status == "banned" || bannedUserObject.status == "suspended")
  3856. 				{
  3857. 					bannedUserObject.banned.wxs_reason_lowercase = bannedUserObject.banned.reason.toLowerCase();
  3858.  
  3859. 					bannedUserObject.banned.wxs_ban_end_date_string = bannedUserObject.banned.expired; 											// "2024-01-04 17:22:31" / null
  3860. 					if (bannedUserObject.banned.wxs_ban_end_date_string != null)
  3861. 					{
  3862. 						bannedUserObject.banned.wxs_ban_end_date_object = dayjs(bannedUserObject.banned.wxs_ban_end_date_string);
  3863. 						bannedUserObject.banned.wxs_ban_end_in_years = bannedUserObject.banned.wxs_ban_end_date_object.diff(loadTime, 'year');		// 5 > koniec bana za "5" lat
  3864. 						bannedUserObject.banned.wxs_ban_end_in_months = bannedUserObject.banned.wxs_ban_end_date_object.diff(loadTime, 'month');	// 3 > koniec bana za: "3" miesiące
  3865. 						bannedUserObject.banned.wxs_ban_end_in_days = bannedUserObject.banned.wxs_ban_end_date_object.diff(loadTime, 'day');		// 31 > koniec bana za 31 dni
  3866. 						bannedUserObject.banned.wxs_ban_end_in_days = bannedUserObject.banned.wxs_ban_end_date_object.diff(loadTime, 'day');		// 31 > koniec bana za 31 dni
  3867. 						// banEndDateDuration = banEndDateObject.toNow()
  3868.  
  3869. 					}
  3870.  
  3871.  
  3872.  
  3873. 					const bannedRedBox = element.querySelector("aside.info-box.red p");
  3874. 					let bannedRedBoxInnerHTML = `To konto jest ${bannedUserObject.status == "suspended" ? "w trakcie usuwania" : "zbanowane"}. <br/><br/><strong>Informacja z Wykop X - Ban Info:</strong> <br/>`;
  3875.  
  3876. 					// Ban permanentny
  3877. 					if (bannedUserObject.status == "banned" && (bannedUserObject.banned.wxs_ban_end_date_string == null || bannedUserObject.banned.wxs_ban_end_in_years > 100))
  3878. 					{
  3879. 						bannedRedBoxInnerHTML = `To konto jest zbanowane permanentnie. <br/><br/><strong>Wykop XS Ban Info:</strong> <br/>`;
  3880. 					}
  3881.  
  3882.  
  3883. 					// "Użytkowniczka @NadiaFrance dsotała bana za naruszenie regulaminu"
  3884. 					if (bannedUserObject.status == "suspended")
  3885. 					{
  3886. 						bannedRedBoxInnerHTML += `${bannedUserObject.gender == "f" ? "Użytkowniczka @" + bannedUserObject.username + " rozpoczęła usuwanie konta" : "Użytkownik @" + bannedUserObject.username + " rozpoczął usuwanie konta"}`;
  3887. 					}
  3888. 					else
  3889. 					{
  3890. 						bannedRedBoxInnerHTML += `${bannedUserObject.gender == "f" ? "Użytkowniczka @" + bannedUserObject.username + " dostała" : "Użytkownik @" + bannedUserObject.username + " dostał"} bana za <strong>${bannedUserObject.banned.wxs_reason_lowercase}</strong>`;
  3891. 					}
  3892.  
  3893. 					// Ban permanentny
  3894. 					if (bannedUserObject.banned.wxs_ban_end_date_string == null || bannedUserObject.banned.wxs_ban_end_in_years > 100)
  3895. 					{
  3896. 						// Ban permanentny na 999 lat
  3897. 						bannedRedBoxInnerHTML += `<br/><small>Ban permanentny. Śpij słodko aniołku [*] </small>`;
  3898. 					}
  3899. 					else
  3900. 					{
  3901. 						// "Koniec bana za 14 dni"
  3902. 						bannedRedBoxInnerHTML += `<br/><small title="Czas końca bana dotyczy czasu letniego. \nWykop posiada błąd i nie rozpoznaje czasu zimowego, \ndlatego zimą i jesienią ban trwa o godzinę dłużej niż podany">
  3903. 						Koniec bana ${bannedUserObject.banned.wxs_ban_end_in_years > 1 ? "za <strong>" + bannedUserObject.banned.wxs_ban_end_in_years + " lat(a)" : bannedUserObject.banned.wxs_ban_end_in_months > 1 ? "za <strong>" + bannedUserObject.banned.wxs_ban_end_in_months + " miesiące(ęcy)" : bannedUserObject.banned.wxs_ban_end_in_days > 1 ? "za <strong>" + bannedUserObject.banned.wxs_ban_end_in_days + " dni" : bannedUserObject.banned.wxs_ban_end_date_object.isSame(loadTime, 'day') == true ? " <strong>już dzisiaj!  " : " jutro"}</strong><br/>`;
  3904. 						// "Ban trwa do 2024-12-12 23:59:59"
  3905. 						bannedRedBoxInnerHTML += `Ban trwa do ${bannedUserObject.banned.wxs_ban_end_date_string}<span style="cursor: help; padding: 0px 7px">ℹ</span></small>`;
  3906. 					}
  3907.  
  3908. 					bannedRedBox.innerHTML = bannedRedBoxInnerHTML;
  3909. 				}
  3910. 			}
  3911. 		}
  3912. 		// wykop_xs_banned.user.js - END - 2
  3913.  
  3914.  
  3915.  
  3916.  
  3917. 		// DOPISUJE NOTATKĘ DO UZYTKOWNIKA
  3918. 		/*async function displayUserNote(sectionObjectElement = null, usernote, username = sectionObjectElement.__vue__.item.author.username)
  3919. 		{
  3920. 			if (usernote?.length > 0 && username)
  3921. 			{
  3922. 				// "⭐ Obok nicka (Notatkowator2000)":"obok_nicka",
  3923. 				// "Wyraźna, pod avatarem (Wykop X Style)":"pod_avatarem",
  3924. 			
  3925. 				let elementToInsertNoteAfter;
  3926. 			
  3927. 				const sectionObjectElementsAll = document.querySelectorAll(`section[data-wxs_username="${username}"]`)
  3928. 				sectionObjectElementsAll.forEach((section) =>
  3929. 				{
  3930. 					if (!section.dataset.wxs_note || section.dataset.wxs_username != username)
  3931. 					{
  3932. 						section.dataset.wxs_note="true"; // <section data-wxs-note="true" wxs_username="NadiaFrance">
  3933. 						// if(dev) console.log(`Notatkowator — dodaje notatkę: ${ username } / ${usernote}`);
  3934. 						let resource = section.__vue__.item.resource;
  3935. 			
  3936. 						if (resource == "entry" || resource == "entry_comment" || resource == "link_comment")
  3937. 						{
  3938. 							switch (settings.notatkowatorStyle)
  3939. 							{
  3940. 								case "pod_avatarem":
  3941. 									elementToInsertNoteAfter = section.querySelector(`article > header`);
  3942. 									break;
  3943. 								case "obok_nicka":
  3944. 									elementToInsertNoteAfter = section.querySelector(`article > header > div.right > div > div.tooltip-slot`);
  3945. 									break;
  3946. 								default:
  3947. 									null;
  3948. 							}
  3949. 						}
  3950. 						else if (resource == "link")
  3951. 						{
  3952. 							elementToInsertNoteAfter = section.querySelector("section > article > div.content > section.info > span > div.tooltip-slot");
  3953. 						}
  3954. 			
  3955. 		*/
  3956.  
  3957.  
  3958.  
  3959.  
  3960.  
  3961.  
  3962.  
  3963.  
  3964.  
  3965. 		// returns objecct-id "comment-1234567", "link-12345678"
  3966. 		function getObjectIdFromSectionObjectElement(sectionObjectElement)
  3967. 		{
  3968. 			consoleX(`getObjectIdFromSectionObjectElement()`, 1);
  3969.  
  3970. 			if (sectionObjectElement && sectionObjectElement.__vue__?.item?.resource)
  3971. 			{
  3972. 				let resource = sectionObjectElement.__vue__.item.resource;
  3973.  
  3974. 				if (resource == "link")
  3975. 				{
  3976. 					return `link-${sectionObjectElement.__vue__.item.id}`;
  3977. 				}
  3978. 				else if (resource == "entry" || resource == "entry_comment" || resource == "link_comment")
  3979. 				{
  3980. 					return `comment-${sectionObjectElement.__vue__.item.id}`;
  3981. 				}
  3982. 			}
  3983. 			else
  3984. 			{
  3985. 				return null;
  3986. 			}
  3987. 		}
  3988. 		// zwraca tytul znaleziska lub fragment poczatku wpisu/komentarza. Maks tytul znaleziska to 80 znakow
  3989. 		function getTitleTextFromSectionObjectElement(sectionObjectElement, charLimit = 80)
  3990. 		{
  3991. 			consoleX(`getTitleTextFromSectionObjectElement(charLimit: ${charLimit})`, 1);
  3992.  
  3993. 			if (sectionObjectElement && sectionObjectElement.__vue__?.item?.resource)
  3994. 			{
  3995. 				let resource = sectionObjectElement.__vue__.item.resource;
  3996.  
  3997. 				if (resource == "link" && sectionObjectElement.__vue__?.item?.title)
  3998. 				{
  3999. 					return sectionObjectElement.__vue__.item.title.substring(0, charLimit);
  4000. 				}
  4001. 				else if (sectionObjectElement.__vue__?.item?.content && (resource == "entry" || resource == "entry_comment" || resource == "link_comment"))
  4002. 				{
  4003. 					return sectionObjectElement.__vue__.item.content.replace(/\n/g, " ").substring(0, charLimit);
  4004. 				}
  4005. 			}
  4006. 			else
  4007. 			{
  4008. 				return null;
  4009. 			}
  4010. 		}
  4011.  
  4012.  
  4013.  
  4014. 		/*     MIRKOUKRYWA   */
  4015.  
  4016. 		// mirkoukrywaczBlockNewElement(sectionObjectElement, null, "minimized")
  4017. 		// mirkoukrywaczBlockNewElement(null, "comment-123456", "hidden")
  4018. 		function mirkoukrywaczBlockNewElement(sectionObjectElement = null, object_id = getObjectIdFromSectionObjectElement(sectionObjectElement), blockingType = "hidden")
  4019. 		{
  4020. 			// console.clear();
  4021. 			consoleX(`mirkoukrywaczBlockNewElement(blockingType: ${blockingType})`, 1);
  4022.  
  4023.  
  4024. 			if (localStorageMirkoukrywacz && (sectionObjectElement || object_id))
  4025. 			{
  4026. 				if (!sectionObjectElement)
  4027. 				{
  4028. 					sectionObjectElement = document.getElementById(object_id);
  4029. 				}
  4030.  
  4031. 				if (blockingType == "minimized") 
  4032. 				{
  4033. 					sectionObjectElement.classList.add('wxs_minimized');
  4034. 					consoleData.mirkoukrywacz_minimized.count++;
  4035. 					refreshConsole();
  4036. 				}
  4037. 				else if (blockingType == "hidden") 
  4038. 				{
  4039. 					sectionObjectElement.classList.add('wxs_hidden');
  4040. 					consoleData.mirkoukrywacz_hidden.count++;
  4041. 					refreshConsole();
  4042. 				}
  4043.  
  4044. 				const resource = sectionObjectElement.__vue__.item.resource;
  4045. 				const text = getTitleTextFromSectionObjectElement(sectionObjectElement);
  4046. 				if (!object_id) object_id = getObjectIdFromSectionObjectElement(sectionObjectElement);
  4047.  
  4048. 				// if(dev) console.log("sectionObjectElement")
  4049. 				// if(dev) console.log(sectionObjectElement);
  4050.  
  4051. 				localStorageMirkoukrywacz
  4052. 					.setItem(object_id,
  4053. 						{
  4054. 							object_id,
  4055. 							grandcomment_id: sectionObjectElement.__vue__.item.parent?.id,
  4056. 							resource,
  4057. 							username: sectionObjectElement.__vue__.item.author?.username,
  4058. 							text,
  4059. 							blockingType, // "hidden" / "minimized"
  4060. 							date: dayjs()
  4061. 						})
  4062. 					.then(function (value)
  4063. 					{
  4064. 						// if(dev) console.log(value);
  4065. 					})
  4066. 					.catch(function (err)
  4067. 					{
  4068. 						if (dev) console.log(`mirkoukrywaczBlockNewElement = error: ` + err);
  4069. 					});
  4070. 				// mirkoukrywaczHideAllBlockedElements();
  4071. 			}
  4072. 		}
  4073.  
  4074. 		function mirkoukrywaczUnblockElement(sectionObjectElement = null, object_id = getObjectIdFromSectionObjectElement(sectionObjectElement))
  4075. 		{
  4076. 			// console.clear();
  4077. 			if (dev) console.log(`mirkoukrywaczUnblockElement(${object_id})`)
  4078.  
  4079. 			if (localStorageMirkoukrywacz)
  4080. 			{
  4081. 				localStorageMirkoukrywacz
  4082. 					.getItem(object_id)
  4083. 					.then(function (value)
  4084. 					{
  4085. 						if (dev) console.log("getItem: " + object_id)
  4086. 						if (dev) console.log(value)
  4087.  
  4088. 						localStorageMirkoukrywacz
  4089. 							.removeItem(object_id)
  4090. 							.then(function ()
  4091. 							{
  4092. 								if (value.blockingType == "minimized")
  4093. 								{
  4094. 									if (!sectionObjectElement) sectionObjectElement = document.getElementById(object_id);
  4095. 									if (sectionObjectElement)
  4096. 									{
  4097. 										sectionObjectElement.classList.remove(`wxs_minimized`);
  4098. 										consoleData.mirkoukrywacz_hidden.count--;
  4099. 										refreshConsole();
  4100. 									}
  4101. 								}
  4102. 								document.getElementById(`wykopx_mirkoukrywacz_element_${object_id}`)?.remove();
  4103. 							})
  4104. 							.catch(function (err)
  4105. 							{
  4106. 								if (dev) console.log(err);
  4107. 							});
  4108. 					})
  4109. 			}
  4110. 		}
  4111.  
  4112. 		function mirkoukrywaczHideAllBlockedElements()
  4113. 		{
  4114. 			consoleX(`mirkoukrywaczHideAllBlockedElements()`, 1)
  4115. 			if (localStorageMirkoukrywacz)
  4116. 			{
  4117. 				//consoleX(`mirkoukrywaczHideAllBlockedElements()`, 1);
  4118.  
  4119. 				let hiddenElements = 0;
  4120. 				let minimizedElements = 0;
  4121.  
  4122. 				localStorageMirkoukrywacz.iterate(function (value, key, iterationNumber)
  4123. 				{
  4124. 					// if(dev) console.log("value");
  4125. 					// if(dev) console.log(value);
  4126. 					// if(dev) console.log("key");
  4127. 					// if(dev) console.log(key);
  4128.  
  4129. 					let foundElementToHide = document.getElementById(`${key}`); // comment-1234   link-12345
  4130. 					if (foundElementToHide)
  4131. 					{
  4132.  
  4133. 						if (value.blockingType == "hidden")
  4134. 						{
  4135. 							if (sectionObjectIntersectionObserver) sectionObjectIntersectionObserver.unobserve(foundElementToHide);
  4136. 							foundElementToHide.remove();
  4137. 							hiddenElements++;
  4138. 						}
  4139. 						else if (value.blockingType == "minimized")
  4140. 						{
  4141. 							foundElementToHide.classList.add(`wxs_minimized`); // class="wxs_minimized"
  4142. 							minimizedElements++;
  4143. 						}
  4144. 					}
  4145. 				}).then(function ()
  4146. 				{
  4147.  
  4148. 					if (hiddenElements + minimizedElements == 0)
  4149. 					{
  4150. 						consoleData.mirkoukrywacz_hidden.count = 0;
  4151. 						consoleData.mirkoukrywacz_minimized.count = 0;
  4152. 						refreshConsole();
  4153. 					}
  4154. 					else
  4155. 					{
  4156. 						consoleData.mirkoukrywacz_hidden.count = hiddenElements;
  4157. 						consoleData.mirkoukrywacz_minimized.count = minimizedElements;
  4158. 						refreshConsole();
  4159. 					}
  4160.  
  4161.  
  4162. 				}).catch(function (err)
  4163. 				{
  4164. 					if (dev) console.log(err);
  4165. 				});
  4166.  
  4167. 			}
  4168. 			/* 
  4169. 			value = {
  4170. 			"id": "74301447",
  4171. 			"grandcomment_id": "74301447",
  4172. 			"resource": "entry",
  4173. 			"username": "Jadowityssak",
  4174. 			"text": "Zawsze jak widzę tego typa z Afromental to mi gość",
  4175. 			"date": "2023-12-26T02:44:23.039Z"
  4176. 			"blockingType": "minimize"/"hide" }*/
  4177. 		}
  4178.  
  4179. 		function mirkoukrywaczAppendOneElementToHideList(value, key, iterationNumber = "⭐")
  4180. 		{
  4181. 			consoleX(`mirkoukrywaczAppendOneElementToHideList(value: ${value}, key: ${key})`);
  4182.  
  4183. 			if (!document.querySelector(`#wxs_modal .wykopx_mirkoukrywacz_list_of_hidden_items #wykopx_mirkoukrywacz_element_${key}`))
  4184. 			{
  4185. 				let hidden_element_html = `
  4186. 				<div class="wykopx_mirkoukrywacz_element" id="wykopx_mirkoukrywacz_element_${key}">
  4187. 					<div class="wykopx_mirkoukrywacz_unhide" data-object_id="${key}" title="Przestań ukrywać ten element">❌</div>
  4188. 					<div class="wykopx_mirkoukrywacz_lp">${iterationNumber}</div>
  4189. 					<div class="wykopx_mirkoukrywacz_text">${value.text}</div>
  4190. 					<div class="wykopx_mirkoukrywacz_id">${key}</div>
  4191. 					<div class="wykopx_mirkoukrywacz_resource">${value.resource}</div>
  4192. 					<div class="wykopx_mirkoukrywacz_date">${dayjs(value.date).format("YYYY-MM-DD HH:mm")}</div>
  4193. 					<div class="wykopx_mirkoukrywacz_blocking_type">${value.blockingType}</div>
  4194. 				</div>`;
  4195. 				document.querySelector("#wxs_modal .wykopx_mirkoukrywacz_list_of_hidden_items").innerHTML += hidden_element_html;
  4196. 			}
  4197. 		}
  4198.  
  4199. 		function mirkoukrywaczRefreshHideList()
  4200. 		{
  4201. 			if (localStorageMirkoukrywacz)
  4202. 			{
  4203. 				consoleX(`mirkoukrywaczRefreshHideList()`, 1);
  4204.  
  4205. 				localStorageMirkoukrywacz
  4206. 					.iterate(function (value, key, iterationNumber)
  4207. 					{
  4208. 						mirkoukrywaczAppendOneElementToHideList(value, key, iterationNumber);
  4209. 					})
  4210. 					.then(function () { })
  4211. 					.catch(function (err) { });
  4212. 			}
  4213.  
  4214. 		}
  4215.  
  4216. 		function createMenuItemForMirkoukrywacz()
  4217. 		{
  4218. 			if (settings.mirkoukrywaczEnable)
  4219. 			{
  4220. 				consoleX(`createMenuItemForMirkoukrywacz()`, 1)
  4221.  
  4222. 				if (document.getElementById("wxs_open_modal_mirkoukrywacz_button") == null)
  4223. 				{
  4224. 					createProfileDropdownMenuItem(
  4225. 						{
  4226. 							text: `Mirkoukrywacz: Wykop X`,
  4227. 							title: "Wykop X — lista elementów ukrytych przez Mirkoukrywacz",
  4228. 							className: `mirkoukrywacz`,
  4229. 							id: "wxs_open_modal_mirkoukrywacz_button",
  4230. 							url: null,
  4231. 							target: null,
  4232. 							icon: null,
  4233. 							number: null
  4234. 						});
  4235. 					document.getElementById("wxs_open_modal_mirkoukrywacz_button").onclick = function (event)
  4236. 					{
  4237. 						event.preventDefault();
  4238. 						if (wxs_modal == null)
  4239. 						{
  4240. 							createModalBox();
  4241. 						}
  4242. 						mirkoukrywaczRefreshHideList();
  4243. 						wxs_modal.style.display = "block";
  4244. 					};
  4245. 				}
  4246. 			}
  4247. 		}
  4248. 		function createMenuItemForNotatkowator()
  4249. 		{
  4250. 			if (settings.notatkowatorEnable)
  4251. 			{
  4252. 				consoleX(`createMenuItemForNotatkowator()`, 1)
  4253.  
  4254. 				createProfileDropdownMenuItem(
  4255. 					{
  4256. 						text: `Notatki: Wykop X`,
  4257. 						title: "Wykop X — Notatkowator — Twoje notatki do innych użytkowników",
  4258. 						className: `notatkowator`,
  4259. 						id: "wxs_open_modal_notatkowator_button",
  4260. 						url: null,
  4261. 						target: null,
  4262. 						icon: null,
  4263. 						number: null
  4264. 					});
  4265. 				document.getElementById("wxs_open_modal_notatkowator_button").onclick = function (event)
  4266. 				{
  4267. 					//mirkoukrywaczRefreshHideList();
  4268. 					event.preventDefault();
  4269. 					if (wxs_modal == null) createModalBox();
  4270. 					wxs_modal.style.display = "block";
  4271. 				};
  4272. 			}
  4273. 		}
  4274.  
  4275. 		function createModalBox()
  4276. 		{
  4277. 			if (wxs_modal == null)
  4278. 			{
  4279. 				consoleX(`createModalBox()`, 1)
  4280.  
  4281. 				let html = `
  4282. 			<div class="wykopxs wykopx_modal" id="wxs_modal">
  4283. 				<div class="wykopx_modal-content">
  4284. 					<aside class="wykopxs_info_bar wykopx_hide_this_if_stylus_is_installed">
  4285. 						Masz już działający skrypt Wykop XS. Aby Mirkoukrywacz działał, musisz zainstalować i włączyć w Stylusie <a href="http://wiki.wykopx.pl" target="_blank">Wykop X</a>
  4286. 					</aside>
  4287. 	
  4288. 					<aside class="wxs_modal_is_turned_off wykopx_hide_this_if_mirkoukrywanie_is_turned_on">
  4289. 						Wykop XS oraz Wykop X są zainstalowane poprawnie, ale Mirkoukrywacz jest wyłączony. Aby Mirkoukrywacz działał, włącz go w ustawieniach Stylusa. <a href="https://github.com/wykopx/WykopX/wiki/Extra#mirkoukrywacz" target="_blank">Zobacz instrukcję obsługi Mirkoukrywacza</a>
  4290. 					</aside>
  4291. 					<header class="wykopxs">
  4292. 						<span>Mirkoukrywacz:</span>
  4293. 						<span>Lista ukrytych elementów</span>
  4294. 					</header>
  4295. 					<section class="wykopxs wykopx_mirkoukrywacz_list_of_hidden_items">
  4296. 						<span class="wykopx_mirkoukrywacz_hidden_list_is_empty">
  4297. 							Żadne treści nie zostały jeszcze zaznaczone do ukrycia
  4298. 						</span>
  4299. 					</section>
  4300. 					<footer>
  4301. 						<span>Usuń z Mirkoukrywacza</span>
  4302. 						
  4303. 						<section>
  4304. 	
  4305. 						<select id="wxs_mirkoukrywacz_delete_block_type">
  4306. 							<option value="all" selected>wszystkie</option>
  4307. 							<option value="minimized">zwinięte (Krawężnik)</option>
  4308. 							<option value="hidden">ukryte (Mirkoukrywacz)</option>
  4309. 						</select>
  4310. 	
  4311. 						<select id="wxs_mirkoukrywacz_delete_resource">
  4312. 							<option value="all" selected>znaleziska, wpisy i komentarze</option>
  4313. 							<option value="links">znaleziska</option>
  4314. 							<option value="entries">wpisy</option>
  4315. 							<option value="comments">komentarze</option>
  4316. 						</select>					
  4317. 						
  4318. 						<select id="wxs_mirkoukrywacz_delete_timespan">
  4319. 							<option value="30">starsze niż miesiąc</option>
  4320. 							<option value="14">starsze niż 2 tygodnie</option>
  4321. 							<option value="7">starsze niż 7 dni</option>
  4322. 							<option value="3" selected>starsze niż 3 dni</option>
  4323. 							<option value="1">starsze niż 1 dzień</option>
  4324. 							<option value="0">wszystkie</option>
  4325. 						</select> 
  4326. 	
  4327. 						</section>
  4328. 	
  4329. 						<button id="wxs_mirkoukrywacz_delete_older_than_7_days">Usuń</button>
  4330. 	
  4331. 						<button id="wxs_mirkoukrywacz_delete_all" style="color: rgb(255, 60, 60); margin-left: auto;">Usuń wszystkie</button>
  4332. 					</footer>
  4333. 				</div>
  4334. 			</div>`;
  4335.  
  4336. 				body.insertAdjacentHTML('afterbegin', html);
  4337. 				wxs_modal = document.getElementById("wxs_modal");
  4338.  
  4339. 				window.onclick = function (event)
  4340. 				{
  4341. 					if (event.target == wxs_modal)
  4342. 					{
  4343. 						wxs_modal.style.display = "none";
  4344. 					}
  4345. 				};
  4346. 			}
  4347. 		}
  4348.  
  4349.  
  4350. 		function mirkoukrywaczRemoveTooOld(PointerEvent, options) 
  4351. 		{
  4352. 			if (localStorageMirkoukrywacz && options)
  4353. 			{
  4354. 				consoleX(`mirkoukrywaczRemoveTooOld()`, 1);
  4355.  
  4356. 				let numberOfRemovedItems = 0;
  4357.  
  4358. 				localStorageMirkoukrywacz.iterate(function (value, id, iterationNumber)
  4359. 				{
  4360. 					if (value.blockingType == options.blockingType || options.blockingType == "all") // "hidden", "minimized"
  4361. 					{
  4362. 						const itemDate = dayjs(value.date);
  4363. 						const diffInDays = loadTime.diff(itemDate, 'day', true); // true — floating point
  4364.  
  4365. 						if (diffInDays >= options.days)
  4366. 						{
  4367. 							numberOfRemovedItems++;
  4368.  
  4369. 							localStorageMirkoukrywacz.removeItem(id).then(function ()
  4370. 							{
  4371. 								document.getElementById(`wykopx_mirkoukrywacz_element_${id}`).remove();
  4372. 							}).catch(function (err) { console.log(err); });
  4373. 						}
  4374. 					}
  4375. 				}).then(function ()
  4376. 				{
  4377. 					if (numberOfRemovedItems > 0)
  4378. 					{
  4379. 						if (options.days == 0) alert(`Wykop X Mirkowołacz: 
  4380.  
  4381. Usunięto wszystkie elementy z listy.
  4382. Od teraz będą się one znów wyświetlać na Wykopie`);
  4383. 						else alert(`Wykop X Mirkowołacz: 
  4384.  
  4385. ${numberOfRemovedItems} ukrytych elementów starszych niż ${options.days} dni
  4386. zostało usuniętych z listy Mirkoukrywacza.
  4387.  
  4388. Od teraz będą się one znów wyświetlać na Wykopie`);
  4389. 					}
  4390. 				}).catch(function (err)
  4391. 				{
  4392. 					if (dev) console.log(err);
  4393. 				});
  4394. 			}
  4395. 		}
  4396.  
  4397.  
  4398.  
  4399.  
  4400.  
  4401.  
  4402.  
  4403.  
  4404.  
  4405.  
  4406.  
  4407. 		/* AUTOMATYCZNIE POKAŻ CAŁOŚĆ DŁUGICH TREŚCI */
  4408. 		function autoOpenMoreContentEverywhere()
  4409. 		{
  4410. 			if (settings.autoOpenMoreContentEverywhere)
  4411. 			{
  4412. 				consoleX("autoOpenMoreContentEverywhere()", 1)
  4413.  
  4414. 				let showMoreButtons = document.querySelectorAll("div.wrapper button.more");
  4415. 				if (showMoreButtons?.length > 0)
  4416. 				{
  4417. 					showMoreButtons.forEach(button =>
  4418. 					{
  4419. 						button.click()
  4420. 					});
  4421. 					consoleX(`Automatycznie rozwinięto ${showMoreButtons.length} długich wpisów i komentarzy`);
  4422. 				}
  4423. 			}
  4424. 		}
  4425. 		/* AUTOMATYCZNIE ROZWIJAJ SPOILERY */
  4426. 		function autoOpenSpoilersEverywhere()
  4427. 		{
  4428. 			if (settings.autoOpenSpoilersEverywhere) 
  4429. 			{
  4430. 				consoleX("autoOpenMoreContentEverywhere()", 1)
  4431.  
  4432. 				let showSpoilerButtons = document.querySelectorAll("div.wrapper section.content-spoiler button");
  4433. 				if (showSpoilerButtons?.length > 0)
  4434. 				{
  4435. 					showSpoilerButtons.forEach(button =>
  4436. 					{
  4437. 						button.click()
  4438. 					});
  4439. 					consoleX(`Automatycznie rozwinięto ${showSpoilerButtons.length} spoilerów`);
  4440. 				}
  4441. 			}
  4442. 		}
  4443.  
  4444.  
  4445. 		/* Kliknięcie w stronę główną odświeża stronę główną */
  4446. 		function topNavLogoClick()
  4447. 		{
  4448. 			if (settings.topNavLogoClick == "mikroblog")
  4449. 			{
  4450. 				consoleX(`topNavLogoClick()`, 1);
  4451.  
  4452. 				refreshOrRedirectOnButtonClick(`body > section > header.header > div.left > a`, `/mikroblog`);
  4453. 			}
  4454. 			else if (settings.topNavLogoClick == "mikroblog_dodaj")
  4455. 			{
  4456. 				refreshOrRedirectOnButtonClick(`body > section > header.header > div.left > a`, `/mikroblog#dodaj`);
  4457. 			}
  4458. 		}
  4459. 		/* Kliknięcie w stronę główną odświeża stronę główną */
  4460. 		function topNavHomeButtonClickRefreshOrRedirect()
  4461. 		{
  4462. 			if (settings.topNavHomeButtonClickRefreshOrRedirect)
  4463. 			{
  4464. 				consoleX(`topNavHomeButtonClickRefreshOrRedirect()`, 1);
  4465. 				refreshOrRedirectOnButtonClick(`body > section > header.header > div.left > nav.main > ul > li > a[href="/"]`, `/`);
  4466. 			}
  4467. 		}
  4468. 		/* Kliknięcie w Mikroblog odświeża stronę */
  4469. 		function topNavMicroblogButtonClickRefreshOrRedirect()
  4470. 		{
  4471. 			if (settings.topNavMicroblogButtonClickRefreshOrRedirect)
  4472. 			{
  4473. 				consoleX(`topNavMicroblogButtonClickRefreshOrRedirect()`, 1);
  4474.  
  4475. 				refreshOrRedirectOnButtonClick(`body > section > header.header > div.left > nav.main > ul > li > a[href="/mikroblog"]`, `/mikroblog`);
  4476. 			}
  4477. 		}
  4478.  
  4479. 		function refreshOrRedirectOnButtonClick(selector, pathToRefresh = "/")
  4480. 		{
  4481. 			consoleX(`refreshOrRedirectOnButtonClick(selector: ${selector}, pathToRefresh: ${pathToRefresh})`, 1)
  4482. 			document.querySelectorAll(selector).forEach(function (element)
  4483. 			{
  4484. 				element.addEventListener('click', function (event)
  4485. 				{
  4486. 					event.preventDefault();
  4487. 					let pathname = new URL(document.URL).pathname;
  4488. 					if (pathname == pathToRefresh) window.location.reload();
  4489. 					else window.location.href = pathToRefresh;
  4490. 				});
  4491. 			});
  4492. 		}
  4493.  
  4494.  
  4495.  
  4496. 		if (settings.categoryRedirectToMicroblogButtonEnable)
  4497. 		{
  4498. 			waitForKeyElements(`ul.categories`, categoryRedirectToMicroblogButton, false); // waitForKeyElements sends jNode object, not DOM object
  4499. 		}
  4500.  
  4501. 		// przyciski MIRKO w kategoriach
  4502. 		function categoryRedirectToMicroblogButton(ul_category_element)
  4503. 		{
  4504. 			consoleX("categoryRedirectToMicroblogButton()", 1);
  4505.  
  4506. 			/*
  4507. 				"Najnowsze":"_mikroblog_najnowsze",
  4508. 				"Ostatnio wybrane":"_mikroblog",
  4509. 				"Aktywne":"_mikroblog_aktywne",
  4510. 				"Gorące (2h)":"_mikroblog_gorace_2",
  4511. 				"Gorące (6h)":"_mikroblog_gorace_6",
  4512. 				"Gorące (12h)":"_mikroblog_gorace_12",
  4513. 				"Gorące (24h)":"_mikroblog_gorace_24"
  4514. 			*/
  4515. 			if (document.querySelectorAll('section.links div.content ul.categories .wykopx_categories_microblog_a').length == 0)
  4516. 			{
  4517. 				let listItems = document.querySelectorAll('section.links div.content ul.categories li');
  4518. 				listItems.forEach(function (item)
  4519. 				{
  4520. 					let kategoria = item.outerText;
  4521. 					let href = "";
  4522. 					switch (kategoria)
  4523. 					{
  4524. 						case "Ciekawostki":
  4525. 							href = "/k/ciekawostki";
  4526. 							break;
  4527. 						case "Informacje":
  4528. 							href = "/k/informacje";
  4529. 							break;
  4530. 						case "Rozrywka":
  4531. 							href = "/k/rozrywka";
  4532. 							break;
  4533. 						case "Sport":
  4534. 							href = "/k/sport";
  4535. 							break;
  4536. 						case "Motoryzacja":
  4537. 							href = "/k/motoryzacja";
  4538. 							break;
  4539. 						case "Technologia":
  4540. 							href = "/k/technologia";
  4541. 							break;
  4542. 						case "Ukraina":
  4543. 							href = "/k/ukraina";
  4544. 							break;
  4545. 						case "Gospodarka":
  4546. 							href = "/k/gospodarka";
  4547. 							break;
  4548. 						case "Podróże":
  4549. 							href = "/k/podroze";
  4550. 							break;
  4551. 						default:
  4552. 							null;
  4553. 					}
  4554. 					href += settings.categoryRedirectToMicroblogButtonFilter;
  4555. 					const microblogButtonHtml = `<li class="wykopxs wykopx_categories_microblog_li"><a class="wykopx_categories_microblog_a" href="${href}">M</a></li>`;
  4556. 					item.insertAdjacentHTML('afterend', microblogButtonHtml);
  4557. 				});
  4558.  
  4559. 			}
  4560.  
  4561. 			if (document.querySelectorAll('section.links div.content ul.buckets .wykopx_categories_microblog_a').length == 0)
  4562. 			{
  4563. 				document.querySelectorAll('section.links div.content ul.buckets li').forEach(function (item)
  4564. 				{
  4565. 					let href = item.querySelector("a").getAttribute("href");
  4566. 					href = href.replaceAll("/mikroblog", "");
  4567. 					href += settings.categoryRedirectToMicroblogButtonFilter;
  4568. 					const microblogButtonHtml = `<li class="wykopxs wykopx_categories_microblog_li"><a class="wykopxs wykopx_categories_microblog_a" href="${href}"></a></li>`;
  4569. 					item.insertAdjacentHTML('afterend', microblogButtonHtml);
  4570. 				});
  4571. 			}
  4572.  
  4573. 		}
  4574.  
  4575.  
  4576.  
  4577.  
  4578.  
  4579.  
  4580.  
  4581. 		// otwieranie powiadomienia SPM w nowej karcie 
  4582. 		// REMOVED in WykopXS 3.0
  4583. 		/* if (wykopxSettings.getPropertyValue("--middleClickOpensNotificationsInNewTab"))
  4584. 		{
  4585. 			// środkowy przycisk na powiadomieniu otwiera je w nowej karcie 
  4586. 			body.addEventListener('mousedown', function(e1) {
  4587. 				if (e1.target.closest('section.notifications-stream section.notify') && e1.which === 2) {
  4588. 					let target = e1.target;
  4589. 					target.addEventListener('mouseup', function(e2) {
  4590. 						if (e1.target === e2.target) {
  4591. 							let url_to_open = target.querySelector('a[href^="/wpis/"]').getAttribute('href');
  4592. 							let tab_handle = window.open(url_to_open, '_blank');
  4593. 							// tab_handle.blur();  //window.focus();
  4594. 							if (window.CustomEvent) {
  4595. 								var e3 = new CustomEvent('middleclick', {bubbles: true, cancelable: true});
  4596. 								e2.target.dispatchEvent(e3);
  4597. 							} else if (document.createEvent) {
  4598. 								var e3 = document.createEvent('HTMLEvents');
  4599. 								e3.initEvent('middleclick', true, true);
  4600. 								e2.target.dispatchEvent(e3);
  4601. 							}
  4602. 						}
  4603. 					}, {once: true});
  4604. 				}
  4605. 			});
  4606. 		}
  4607. 		*/
  4608.  
  4609.  
  4610.  
  4611. 		// otwieranie obrazka w nowej karcie klikając wybrany przycisk myszy	
  4612. 		if (settings.mouseClickOpensImageInNewTab != "nie_otwieraj")
  4613. 		{
  4614. 			let detected_event_click;
  4615. 			let event_trigger_type;
  4616.  
  4617. 			if (settings.mouseClickOpensImageInNewTab == "lewy_przycisk_myszy")
  4618. 			{
  4619. 				detected_event_click = 1;
  4620. 				event_trigger_type = "wykopx_leftclick";
  4621. 			}
  4622. 			if (settings.mouseClickOpensImageInNewTab == "srodkowy_przycisk_myszy")
  4623. 			{
  4624. 				detected_event_click = 2;
  4625. 				event_trigger_type = "wykopx_middleclick";
  4626. 			}
  4627. 			if (settings.mouseClickOpensImageInNewTab == "prawy_przycisk_myszy")
  4628. 			{
  4629. 				detected_event_click = 3;
  4630. 				event_trigger_type = "wykopx_rightclick";
  4631. 			}
  4632. 			body.addEventListener('mousedown', function (e1)
  4633. 			{
  4634. 				if (e1.which === detected_event_click && e1.target?.tagName === 'IMG' && e1.target?.src?.startsWith('https://wykop.pl/cdn/'))
  4635. 				{
  4636. 					const sectionEntryPhoto = e1.target.closest('section.entry section.entry-photo');
  4637.  
  4638. 					if (sectionEntryPhoto)
  4639. 					{
  4640. 						e1.preventDefault();
  4641. 						consoleX("Kliknięto przycisk myszy: " + e1.which, 1);
  4642.  
  4643. 						e1.target.addEventListener('mouseup', function (e2)
  4644. 						{
  4645. 							e2.preventDefault();
  4646. 							if (e1.target === e2.target)
  4647. 							{
  4648. 								let url_to_open = sectionEntryPhoto.querySelector('a[href^="https://wykop.pl/cdn/"]').getAttribute('href');
  4649. 								window.open(url_to_open, '_blank');
  4650.  
  4651. 								if (window.CustomEvent)
  4652. 								{
  4653. 									var e3 = new CustomEvent(event_trigger_type, { bubbles: true, cancelable: true });
  4654. 									e2.target.dispatchEvent(e3);
  4655. 								}
  4656. 								else if (document.createEvent)
  4657. 								{
  4658. 									var e3 = document.createEvent('HTMLEvents');
  4659. 									e3.initEvent(event_trigger_type, true, true);
  4660. 									e2.target.dispatchEvent(e3);
  4661. 								}
  4662. 							}
  4663. 						}, { once: true });
  4664. 					}
  4665.  
  4666.  
  4667. 				}
  4668.  
  4669.  
  4670.  
  4671. 			});
  4672.  
  4673. 		}
  4674.  
  4675.  
  4676.  
  4677.  
  4678.  
  4679.  
  4680.  
  4681.  
  4682.  
  4683.  
  4684.  
  4685.  
  4686. 		/* checking for new versions */
  4687. 		// getIntegerVersionNumber("2.50.3") -> 2503
  4688. 		function getIntegerVersionNumber(versionString)
  4689. 		{
  4690. 			let arr = versionString.split(".");
  4691. 			let result = arr[0] * 1000 + arr[1] * 10 + arr[2] * 1;
  4692. 			return result;
  4693. 		}
  4694.  
  4695.  
  4696. 		async function checkVersionForUpdates()
  4697. 		{
  4698. 			// if (!dev) console.clear();
  4699. 			consoleX("Sprawdzanie aktualizacji Wykop X Style i Wykop XS...");
  4700.  
  4701. 			try
  4702. 			{
  4703. 				const response = await fetch(`https://update.wykopx.pl/xs/wykopxs?${currentVersion}`); // wykopxs?3.0.0
  4704. 				const newestWykopXSVersion = await response.text();
  4705.  
  4706.  
  4707. 				if (getIntegerVersionNumber(currentVersion) >= getIntegerVersionNumber(newestWykopXSVersion))
  4708. 				{
  4709. 					consoleX(`✅ Masz najnowszą wersję skryptu Wykop XS v.${currentVersion}`);
  4710. 				}
  4711. 				else
  4712. 				{
  4713. 					addWykopXSNewVersionAvailableToast();
  4714. 					consoleX(`🆕 Dostępna jest nowa wersja Wykop XS v. ${newestWykopXSVersion} Możesz wejść na http://script.wykopx.pl i zaktualizować skrypt. Wersja, którą masz u siebie to Wykop XS v.${currentVersion}`);
  4715. 				}
  4716. 			}
  4717. 			catch (error)
  4718. 			{
  4719. 			}
  4720.  
  4721. 			if (settings.versor == "style" || settings.versor == "blank")
  4722. 			{
  4723. 				try
  4724. 				{
  4725. 					const response = await fetch(`https://update.wykopx.pl/xs/wykopx${settings.versor}?${settings.version}`); // wykopxstyle?3.0.0   | wykopxblank?3.0.0
  4726. 					const newestWykopXStyleVersion = await response.text();
  4727.  
  4728. 					if (getIntegerVersionNumber(settings.version) >= getIntegerVersionNumber(newestWykopXStyleVersion))
  4729. 					{
  4730. 						consoleX(`✅ Masz najnowszą wersję styli Wykop X ${capitalizeFirstLetter(settings.versor)} v.${settings.version}`);
  4731. 					}
  4732. 					else
  4733. 					{
  4734. 						addWykopXStyleNewVersionAvailableToast();
  4735. 						consoleX(`🆕 Dostępna jest nowa wersja styli Wykop X ${capitalizeFirstLetter(settings.versor)} v.${newestWykopXStyleVersion} Możesz wejść na http://${settings.versor}.wykopx.pl i zaktualizować je.  Wersja, którą masz u siebie to Wykop X ${capitalizeFirstLetter(settings.versor)} v.${settings.version}`);
  4736. 					}
  4737. 				}
  4738. 				catch (error)
  4739. 				{
  4740. 				}
  4741. 			}
  4742. 		}
  4743.  
  4744.  
  4745.  
  4746. 		function hideWykopXSPromo()
  4747. 		{
  4748. 			consoleX("hideWykopXSPromo()", 1)
  4749.  
  4750. 			let style = document.createElement('style');
  4751. 			style.innerHTML = `body div.main-content section > section.sidebar::after { display: none !important; }`;
  4752. 			head.appendChild(style);
  4753. 		}
  4754.  
  4755. 		function addWykopXPromoBanner()
  4756. 		{
  4757. 			consoleX("addWykopXPromoBanner()", 1)
  4758.  
  4759. 			let targetElement = document.querySelector('section.sidebar > footer');
  4760. 			if (targetElement)
  4761. 			{
  4762. 				const wykopxpromo = document.createElement('section');
  4763. 				const wykopxpromolink = document.createElement('a');
  4764. 				wykopxpromolink.href = "http://xstyle.wykopx.pl/"
  4765. 				wykopxpromolink.target = "wykopx"
  4766. 				wykopxpromo.appendChild(wykopxpromolink);
  4767. 				wykopxpromo.classList.add("wykopx_promo", "wykopx_promo_banner");
  4768. 				targetElement.parentNode.insertBefore(wykopxpromo, targetElement);
  4769. 			}
  4770. 		}
  4771.  
  4772. 		function addWykopXSNewVersionAvailableToast()
  4773. 		{
  4774. 			consoleX("addWykopXSNewVersionAvailableToast()", 1)
  4775.  
  4776.  
  4777. 			// <a href="http://script.wykopx.pl" target="_blank" style="color: #fff!important;">
  4778. 			let wykopxsnewversionavailabletoast = `
  4779. 		<aside class="wykopxs_new_version wykopxs_info_bar">
  4780. 			<span class="wykopxs_new_version_first">
  4781. 				Dostępna jest nowa wersja skryptu Wykop XS.
  4782. 			</span>
  4783. 			<a href="https://greasyfork.org/scripts/458860-wykop-xs/code/Wykop%20XS.user.js" target="_blank" style="color: #fff!important;">
  4784. 				Zaktualizuj Wykop XS
  4785. 			</a>
  4786. 			<span class="wykopxs_new_version_second">
  4787. 				do najnowszej wersji
  4788. 			</span>
  4789. 			<footer>
  4790. 				Twoja wersja Wykop XS to v.${currentVersion}
  4791. 			</footer>
  4792. 		</aside>`;
  4793. 			document.querySelector('body > section > header.header').insertAdjacentHTML('afterend', wykopxsnewversionavailabletoast);
  4794. 		}
  4795.  
  4796. 		function addWykopXStyleNewVersionAvailableToast()
  4797. 		{
  4798. 			consoleX("addWykopXStyleNewVersionAvailableToast()", 1)
  4799.  
  4800. 			let wykopxstylenewversionavailabletoast = "";
  4801.  
  4802. 			if (settings.versor == "style")
  4803. 			{
  4804. 				wykopxstylenewversionavailabletoast = `
  4805. 			<aside class="wykopxs_new_version wykopxs_info_bar">
  4806. 					<span class="wykopxs_new_version_first">Dostępna jest nowa wersja styli Wykop X Style</strong>.
  4807. 				</span>
  4808. 				<a href="https://userstyles.world/style/8174/wykop-x-style" target="_blank" style="color: #fff!important;">
  4809. 					Zaktualizuj Wykop X Style
  4810. 				</a>
  4811. 					<span class="wykopxs_new_version_second">do najnowszej wersji</span>
  4812. 					<footer>Twoja wersja Wykop X Style to v.${settings.version}</footer>
  4813. 			</aside>`;
  4814. 			}
  4815. 			else if (settings.versor == "blank")
  4816. 			{
  4817. 				wykopxstylenewversionavailabletoast = `
  4818. 			<aside class="wykopxs_new_version wykopxs_info_bar">
  4819. 				<span class="wykopxs_new_version_first">Dostępna jest nowa wersja styli Wykop X Blank</strong>.</span>
  4820. 				<a href="https://userstyles.world/style/8174/wykop-x-style" target="_blank" style="color: #fff!important;">
  4821. 					Zaktualizuj Wykop X Blank
  4822. 				</a>
  4823. 				<span class="wykopxs_new_version_second">do najnowszej wersji</span>
  4824. 				<footer>Twoja wersja Wykop X Style to v.${settings.version}</footer>
  4825. 			</aside>`;
  4826. 			}
  4827.  
  4828. 			let div = document.createElement('div');
  4829. 			div.innerHTML = wykopxstylenewversionavailabletoast;
  4830. 			let newElement = div.firstChild;
  4831. 			let header = document.querySelector('body > section > header.header');
  4832. 			header.parentNode.insertBefore(newElement, header.nextSibling);
  4833. 		}
  4834. 		function addWykopXBlockerNewVersionAvailableToast()
  4835. 		{
  4836. 			consoleX("addWykopXBlockerNewVersionAvailableToast()", 1)
  4837.  
  4838. 			let wykopxblockernewversionavailabletoast = `
  4839. 			<aside class="wykopxs_new_version wykopxs_info_bar">
  4840. 					<span class="wykopxs_new_version_first">Dostępna jest nowa wersja styli Wykop X Blocker</strong>.
  4841. 				</span>
  4842. 				<a href="https://userstyles.world/style/" target="_blank" style="color: #fff!important;">
  4843. 					Zaktualizuj Wykop X Blocker
  4844. 				</a>
  4845. 					<span class="wykopxs_new_version_second">do najnowszej wersji</span>
  4846. 					<footer>Twoja wersja Wykop X Blocker to v.${settings.xblocker}</footer>
  4847. 			</aside>`;
  4848. 			let div = document.createElement('div');
  4849. 			div.innerHTML = wykopxblockernewversionavailabletoast;
  4850. 			let newElement = div.firstChild;
  4851. 			let header = document.querySelector('body > section > header.header');
  4852. 			header.parentNode.insertBefore(newElement, header.nextSibling);
  4853. 		}
  4854.  
  4855.  
  4856.  
  4857.  
  4858.  
  4859.  
  4860.  
  4861.  
  4862. 		const unreadNotifications = {
  4863. 			tags: 0,
  4864. 			tags_new_entry_with_observed_tag: 0,
  4865. 			tags_new_link_with_observed_tag: 0,
  4866. 			entries: 0,
  4867. 			pm: 0,
  4868. 			total: 0,
  4869. 		};
  4870.  
  4871. 		// ZLICZA NOWE POWIADOMIENIA Z MENU OD 1 DO 5+
  4872. 		function countNumberOfNotificationsOnDesktop()
  4873. 		{
  4874. 			consoleX(`countNumberOfNotificationsOnDesktop()`, 1)
  4875.  
  4876. 			unreadNotifications.tags = unreadNotifications.tags_new_entry_with_observed_tag = unreadNotifications.tags_new_link_with_observed_tag = unreadNotifications.entries = unreadNotifications.pm = unreadNotifications.total = 0;
  4877.  
  4878. 			let elements = document.querySelectorAll('header .right ul li.dropdown');
  4879. 			elements.forEach(function (element)
  4880. 			{
  4881. 				element.classList.remove('unread_5', 'unread_4', 'unread_3', 'unread_2', 'unread_1');
  4882. 			});
  4883.  
  4884.  
  4885.  
  4886. 			let li_dropdown = document.querySelectorAll("header .right ul li.dropdown:has(a.new)");
  4887. 			li_dropdown.forEach(function (dropdown)
  4888. 			{
  4889.  
  4890. 				const lastWord = dropdown.className.split(" ").pop();
  4891. 				let numberOfNotifications = 0;
  4892. 				let notifies = dropdown.querySelectorAll(".notify:not(.read)");
  4893. 				notifies.forEach(function (notify)
  4894. 				{
  4895. 					++numberOfNotifications;
  4896. 					notify.classList.add(`unread_${numberOfNotifications}`);
  4897. 					if (lastWord == "tags")
  4898. 					{
  4899. 						++unreadNotifications["total"];
  4900. 						if (notify.querySelector(`div.content p.new-entry-with-observed-tag`))
  4901. 						{
  4902. 							++unreadNotifications["tags_new_entry_with_observed_tag"];
  4903. 							++unreadNotifications["tags"];
  4904. 							++unreadNotifications["total"];
  4905. 						} else if (notify.querySelector(`div.content p.new-link-with-observed-tag`))
  4906. 						{
  4907. 							++unreadNotifications["tags_new_link_with_observed_tag"];
  4908. 							++unreadNotifications["tags"];
  4909. 							++unreadNotifications["total"];
  4910. 						}
  4911. 					} else if (lastWord == "entries")
  4912. 					{
  4913. 						++unreadNotifications["entries"];
  4914. 						++unreadNotifications["total"];
  4915. 					}
  4916. 				});
  4917. 				let parentNotification = dropdown.closest(`.notifications.dropdown`);
  4918. 				if (parentNotification)
  4919. 				{
  4920. 					parentNotification.classList.add(`unread_${numberOfNotifications}`);
  4921. 				}
  4922. 			});
  4923.  
  4924.  
  4925. 			if (unreadNotifications["tags"] > 0)
  4926. 			{
  4927. 				consoleX(`Liczba nowych powiadomień z obserwowanych tagów: ${unreadNotifications["tags"]} (w tym ${unreadNotifications["tags_new_entry_with_observed_tag"]} z wpisów i ${unreadNotifications["tags_new_link_with_observed_tag"]} ze znalezisk)`, 1);
  4928. 			}
  4929. 			if (unreadNotifications["entries"] > 0)
  4930. 			{
  4931. 				consoleX(`Liczba nowych zawołań: ${unreadNotifications["entries"]}`, 1);
  4932. 			}
  4933.  
  4934.  
  4935.  
  4936. 			let li_pm_dropdown = document.querySelectorAll("header .right ul li.pm.dropdown");
  4937. 			li_pm_dropdown.forEach(function (dropdown)
  4938. 			{
  4939. 				if (dropdown.querySelector('a.new'))
  4940. 				{
  4941. 					let numberOfNotifications = 0; // liczba powiadomień o wiadomościach PM
  4942. 					let unreadItems = dropdown.querySelectorAll(".item.unread");
  4943. 					unreadItems.forEach(function (item, index)
  4944. 					{
  4945. 						++numberOfNotifications;
  4946. 						++unreadNotifications["total"];
  4947. 						item.classList.add(`unread_${numberOfNotifications}`);
  4948. 					});
  4949. 					let parentDropdown = dropdown.closest(`.pm.dropdown`);
  4950. 					if (parentDropdown)
  4951. 					{
  4952. 						parentDropdown.classList.add(`unread_${numberOfNotifications}`);
  4953. 					}
  4954. 					unreadNotifications["pm"] = numberOfNotifications;
  4955. 					// if(dev) console.log(`Liczba nowych wiadomości: ${unreadNotifications["pm"]}`);
  4956. 				}
  4957. 			});
  4958.  
  4959.  
  4960. 			if (unreadNotifications.tags > 0)
  4961. 			{
  4962. 				createProfileDropdownMenuItem(
  4963. 					{
  4964. 						text: `Powiadomienia z #tagów: (${unreadNotifications.tags < 25 ? unreadNotifications.tags : "25+"})`,
  4965. 						title: "Masz nowe powiadomienia z obserwowanych #tagów",
  4966. 						className: `wykopx_notifications_tags`,
  4967. 						id: undefined,
  4968. 						url: "/powiadomienia/tagi",
  4969. 						target: "_self",
  4970. 						icon: null,
  4971. 						number: unreadNotifications.tags < 25 ? unreadNotifications.tags : "25+"
  4972. 					})
  4973. 			}
  4974. 			if (unreadNotifications.entries > 0)
  4975. 			{
  4976. 				createProfileDropdownMenuItem(
  4977. 					{
  4978. 						text: `Zawołania w komentarzach: (${unreadNotifications.entries < 25 ? unreadNotifications.entries : "25+"})`,
  4979. 						title: "Zawołano Cię w komentarzu",
  4980. 						className: `wykopx_notifications_entries`,
  4981. 						id: undefined,
  4982. 						url: "/powiadomienia/moje",
  4983. 						target: "_self",
  4984. 						icon: null,
  4985. 						number: unreadNotifications.entries < 25 ? unreadNotifications.entries : "25+"
  4986. 					})
  4987. 			}
  4988. 			if (unreadNotifications.pm > 0)
  4989. 			{
  4990. 				createProfileDropdownMenuItem(
  4991. 					{
  4992. 						text: `Nowe wiadomości: (${unreadNotifications.pm < 25 ? unreadNotifications.pm : "25+"})`,
  4993. 						title: "Masz nowe, nieprzeczytane wiadomości prywatne",
  4994. 						className: `wykopx_notifications_pm`,
  4995. 						id: undefined,
  4996. 						url: "/wiadomosci",
  4997. 						target: "_self",
  4998. 						icon: null,
  4999. 						number: unreadNotifications.pm < 25 ? unreadNotifications.pm : "25+"
  5000. 					})
  5001. 			}
  5002.  
  5003. 			if (settings.tabChangeEnabled) executeTabAndFaviconChanges();
  5004. 		}
  5005.  
  5006.  
  5007.  
  5008. 		function addWykopXButtonsToNavBar()
  5009. 		{
  5010. 			consoleX("addWykopXButtonsToNavBar()", 1)
  5011.  
  5012. 			// createNewNavBarButton({
  5013. 			// 	position: "left",
  5014. 			// 	text: "Czat",
  5015. 			// 	title: `Otwórz mikroczat.pl ${promoString}`,
  5016. 			// 	class: "open_mikroczat", // wykopx_open_mikroczat_li
  5017. 			// 	hideWithoutXStyle: false,
  5018. 			// 	url: mikroczatDomain,
  5019. 			// 	target: "mikroczat",
  5020. 			// 	icon: "https://i.imgur.com/9PvHlaA.png",
  5021. 			// 	number: null,
  5022. 			// })
  5023.  
  5024.  
  5025. 			if (settings.myWykopInTopNavJS)
  5026. 			{
  5027. 				createNewNavBarButton({
  5028. 					position: "left",
  5029. 					text: "Mój Wykop",
  5030. 					title: `Mój Wykop ${promoString}`,
  5031. 					class: "mywykop", // wykopx_mywykop_li
  5032. 					hideWithoutXStyle: false,
  5033. 					url: "/obserwowane",
  5034. 					target: "_self",
  5035. 					icon: null,
  5036. 					number: null,
  5037. 					data: "data-v-5182b5f6",
  5038. 				})
  5039. 			}
  5040. 			if (settings.hitsInTopNavJS)
  5041. 			{
  5042. 				createNewNavBarButton({
  5043. 					position: "left",
  5044. 					text: "Hity",
  5045. 					title: `Hity ${promoString}`,
  5046. 					class: "hits",
  5047. 					hideWithoutXStyle: false,
  5048. 					url: "/hity",
  5049. 					target: "_self",
  5050. 					icon: null,
  5051. 					number: null,
  5052. 					data: "data-v-5182b5f6",
  5053. 				})
  5054. 			}
  5055. 			if (settings.favoritesInTopNavJS)
  5056. 			{
  5057. 				createNewNavBarButton({
  5058. 					position: "left",
  5059. 					text: "Ulubione",
  5060. 					title: `Ulubione ${promoString}`,
  5061. 					class: "favorites",
  5062. 					hideWithoutXStyle: false,
  5063. 					url: "/ulubione",
  5064. 					target: "_self",
  5065. 					icon: null,
  5066. 					number: null,
  5067. 					data: "data-v-5182b5f6",
  5068. 				})
  5069. 			}
  5070. 			if (settings.addNewLinkInTopNavJS)
  5071. 			{
  5072. 				createNewNavBarButton({
  5073. 					position: "left",
  5074. 					text: "+",
  5075. 					title: `Dodaj nowe Znalezisko ${promoString}`,
  5076. 					class: ["add_new_link", "plus"], // wykopx_add_new_link_li wykopx_plus_li // a > wykopx_add_new_link wykopx_plus_button
  5077. 					hideWithoutXStyle: false,
  5078. 					url: "/dodaj-link",
  5079. 					target: "_self",
  5080. 					icon: null,
  5081. 					number: null,
  5082. 					data: "data-v-5182b5f6",
  5083. 					insertAfter: `li:has(a[href="/wykopalisko"])`
  5084. 				})
  5085. 			}
  5086.  
  5087. 			if (settings.addNewEntryInTopNavJS)
  5088. 			{
  5089. 				createNewNavBarButton({
  5090. 					position: "left",
  5091. 					text: "+",
  5092. 					title: `Dodaj nowy wpis na Mirko ${promoString}`,
  5093. 					class: ["add_new_entry", "plus"], // wykopx_add_new_entry_li wykopx_plus_li // a > wykopx_add_new_entry wykopx_plus_button
  5094. 					hideWithoutXStyle: false,
  5095. 					url: "/mikroblog/#dodaj",
  5096. 					target: "_self",
  5097. 					icon: null,
  5098. 					number: null,
  5099. 					data: "data-v-5182b5f6",
  5100. 					insertAfter: `li:has(a[href="/mikroblog"])`
  5101. 				})
  5102. 			}
  5103.  
  5104. 			// TODO IF
  5105. 			/* createNewNavBarButton({
  5106. 				position: "left",
  5107. 				text: "Wykop X Style",
  5108. 				title: `Zainstaluj style CSS "𝗪𝘆𝗸𝗼𝗽 𝗫 𝗦𝘁𝘆𝗹𝗲" w rozszerzeniu Stylus i odkryj setki dodatkowych funkcji zmieniających i naprawiających Wykop`,
  5109. 				class: ["promo", "install_wykopx"], // wykopx_promo (ukrywane przez X Style) wykopx_install_wykopx_li hybrid" | a > wykopx_promo wykopx_install_wykopx_button hybrid
  5110. 				hideWithoutXStyle: false,
  5111. 				url: "https://userstyles.world/search?q=Wykop+X+Style+3&category=&sort=mostinstalls",
  5112. 				target: "_blank",
  5113. 				icon: null,
  5114. 				number: null,
  5115. 				data: "data-v-5182b5f6",
  5116. 			}) */
  5117.  
  5118. 			addQuickLinksToNavBar();
  5119.  
  5120. 		}
  5121.  
  5122.  
  5123. 		// QUICK LINKS
  5124. 		function addQuickLinksToNavBar()
  5125. 		{
  5126. 			consoleX("addQuickLinksToNavBar()", 1)
  5127.  
  5128. 			if (settings.quickLinksEnable == true)
  5129. 			{
  5130. 				let wxs_quick_links = document.getElementById("wxs_quick_links");
  5131. 				if (wxs_quick_links == null)
  5132. 				{
  5133. 					wxs_quick_links = document.createElement('div');
  5134. 					wxs_quick_links.id = "wxs_quick_links";
  5135. 					// wxs_quick_links.classList.add("wykopxs"); // nie dodajemy bo domyslnie wlaczone
  5136.  
  5137. 					wxs_quick_links.innerHTML = `
  5138.  
  5139. 		<nav class="home">
  5140. 			<section>
  5141. 				<span>
  5142. 					<a href="/" target="_self" title="Wykop X: Przejdź na stronę główną Wykopu">Główna</a>
  5143. 				</span>
  5144. 				<div>
  5145. 					<a href="/najnowsze" target="_self" title="Wykop X: Najnowsze znaleziska, które dostały się na główną">Najnowsze</a>
  5146. 					<a href="/aktywne" target="_self" title="Wykop X: Najpopularniejsze znaleziska na stronie głównej z ostatnich 24 godzin">Aktywne</a>
  5147. 				</div>
  5148. 			</section>
  5149.  
  5150. 			<section>
  5151. 				<span>
  5152. 					<a href="/hity" target="_self">Hity</a>
  5153. 				</span>
  5154. 				<div>
  5155. 					<a href="/hity/dnia" target="_self">Dnia</a>
  5156. 					<a href="/hity/tygodnia" target="_self">Tygodnia</a>
  5157. 					<a href="/hity/miesiaca" target="_self">Miesiąca</a>
  5158. 					<a href="/hity/roku" target="_self">Roku</a>
  5159. 				</div>
  5160. 			</section>
  5161.  
  5162. 			<section>
  5163. 				<span>Ulubione</span>
  5164. 				<div>
  5165. 					<a href="/ulubione/znaleziska" target="_self" title="Wykop X: Znaleziska dodane przez Ciebie do Ulubionych">Znaleziska</a>
  5166. 					<a href="/ulubione/komentarze-znaleziska" target="_self" title="Wykop X: Komentarze pod znaleziskami dodane przez Ciebie do Ulubionych">Komentarze do znalezisk</a>
  5167. 				</div>
  5168. 			</section>
  5169. 		</nav>
  5170. 		
  5171. 		<nav class="upcoming">
  5172. 			<section>
  5173. 				<span>Dodaj</span>
  5174. 				<div>
  5175. 					<a href="/dodaj-link" target="_self" title="Wykop X: Dodaj nowe znalezisko (link do strony internetowej)">Nowe znalezisko</a>
  5176. 				</div>
  5177. 			</section>
  5178. 			<section>
  5179. 				<span>Wykopalisko</span>
  5180. 				<div>
  5181. 					<a href="/wykopalisko/najnowsze" target="_self">Najnowsze</a>
  5182. 					<a href="/wykopalisko/aktywne" target="_self">Aktywne</a>
  5183. 					<a href="/wykopalisko/wykopywane" target="_self">Wykopywane</a>
  5184. 					<a href="/wykopalisko/komentowane" target="_self">Komentowane</a>
  5185. 				</div>
  5186. 				<span>Moja aktywność</span>
  5187. 				<div>
  5188. 					<a href="/ludzie/${loggedUser.username}/znaleziska/dodane" target="_self">Moje znaleziska</a>
  5189. 					<a href="/ludzie/${loggedUser.username}/znaleziska/komentowane" target="_self">Komentowane</a>
  5190. 					<a href="/ludzie/${loggedUser.username}/znaleziska/wykopane" target="_self">Wykopane</a>
  5191. 					<a href="/ludzie/${loggedUser.username}/znaleziska/zakopane" target="_self">Zakopane</a>
  5192. 				</div>
  5193. 			</section>
  5194.  
  5195. 			<section>
  5196. 				<span>Ulubione</span>
  5197. 				<div>
  5198. 				<a href="/ulubione/znaleziska" target="_self" title="Wykop X: Znaleziska dodane przez Ciebie do Ulubionych">Znaleziska</a>
  5199. 				<a href="/ulubione/komentarze-znaleziska" target="_self" title="Wykop X: Komentarze pod znaleziskami dodane przez Ciebie do Ulubionych">Komentarze do znalezisk</a>
  5200. 				</div>
  5201. 			</section>
  5202. 		</nav>
  5203.  
  5204. 		<nav class="hits">
  5205. 			<section>
  5206. 				<span>Hity</span>
  5207. 				<div>
  5208. 					<a href="/hity/dnia" target="_self">Dnia</a>
  5209. 					<a href="/hity/tygodnia" target="_self">Tygodnia</a>
  5210. 					<a href="/hity/miesiaca" target="_self">Miesiąca</a>
  5211. 					<a href="/hity/roku" target="_self">Roku</a>
  5212. 				</div>
  5213. 			</section>
  5214.  
  5215. 			<section>
  5216. 				<span>Archiwum</span>
  5217. 				<div>
  5218. 					<a href="/hity/2020" target="_self">2020</a>
  5219. 					<a href="/hity/2021" target="_self">2021</a>
  5220. 					<a href="/hity/2022" target="_self">2022</a>
  5221. 					<a href="/hity/2023" target="_self">2023</a>
  5222. 				</div>
  5223. 			</section>
  5224. 		</nav>
  5225.  
  5226.  
  5227. 		<nav class="microblog">
  5228. 			<section>
  5229. 				<span>Dodaj</span>
  5230. 				<div>
  5231. 				<a href="/mikroblog/#dodaj" target="_self" title="Wykop X: Dodaj nowy wpis na Mikroblogu">Nowy wpis na Mirko</a>
  5232. 				</div>
  5233. 			</section>
  5234.  
  5235. 			<section>
  5236. 				<span>Mikroblog</span>
  5237. 				<div>
  5238. 					<a href="/mikroblog/najnowsze" target="_self" title="Wykop X: Najnowsze wpisy na Mikroblogu">Najnowsze</a>
  5239. 					<a href="/mikroblog/aktywne" target="_self" title="Wykop X: Nowe, angażujące wpisy na Mikroblogu">Aktywne</a>
  5240. 				</div>
  5241. 			</section>
  5242.  
  5243. 			<section>
  5244. 				<span>
  5245. 					<a href="/mikroblog/gorace" target="_self" title="Wykop X: Przejdź na ostatnio wybrane gorące">Gorące</a>
  5246. 				</span>
  5247. 				<div>
  5248. 					<a href="/mikroblog/gorace/2" class="wxs_quicklink_short" target="_self" title="Wykop X: Najbardziej gorące wpisy z ostatnich 2 godzin">2h</a>
  5249. 					<a href="/mikroblog/gorace/6" class="wxs_quicklink_short" target="_self" title="Wykop X: Najbardziej gorące wpisy z ostatnich 6 godzin">6h</a>
  5250. 					<a href="/mikroblog/gorace/12" class="wxs_quicklink_short" target="_self" title="Wykop X: Najbardziej gorące wpisy z ostatnich 12 godzin">12h</a>
  5251. 					<a href="/mikroblog/gorace/24" class="wxs_quicklink_short" target="_self" title="Wykop X: Najbardziej gorące wpisy z ostatnich 24 godzin">24h</a>
  5252. 				</div>
  5253. 			</section>
  5254.  
  5255. 			<section>
  5256. 				<span>
  5257. 					Moje Mirko
  5258. 				</span>
  5259. 				<div>
  5260. 					<a href="/ludzie/${loggedUser.username}/wpisy/dodane" target="_self">Moje wpisy</a>
  5261. 					<a href="/ludzie/${loggedUser.username}/wpisy/komentowane" target="_self">Komentowane</a>
  5262. 					<a href="/ludzie/${loggedUser.username}/wpisy/plusowane" target="_self">Zaplusowane</a>
  5263. 				</div>
  5264. 			</section>
  5265.  
  5266. 			<section>
  5267. 				<span>Ulubione</span>
  5268. 				<div>
  5269. 					<a href="/ulubione/wpisy" target="_self">Wpisy</a>
  5270. 					<a href="/ulubione/komentarze-wpisy" target="_self">Komentarze do wpisów</a>
  5271. 				</div>
  5272. 			</section>
  5273. 		</nav>
  5274.  
  5275. 		<nav class="mywykop">
  5276. 			<section>
  5277. 				<span>Mój Wykop</span>
  5278. 				<div>
  5279. 					<a href="/obserwowane/" target="_self">Wszystko</a>
  5280. 					<a href="/obserwowane/tagi" target="_self">#Tagi</a>
  5281. 					<a href="/obserwowane/profile" target="_self">@Profile</a>
  5282. 				</div>
  5283. 			</section>
  5284.  
  5285. 			<section>
  5286. 				<span>Moja aktywność</span>
  5287. 				<span>Mikroblog</span>
  5288. 				<div>
  5289. 					<a href="/ludzie/${loggedUser.username}/wpisy/dodane" target="_self">Moje wpisy</a>
  5290. 					<a href="/ludzie/${loggedUser.username}/wpisy/komentowane" target="_self">Moje komentarze</a>
  5291. 					<a href="/ludzie/${loggedUser.username}/wpisy/plusowane" target="_self">Moje plusy</a>
  5292. 				</div>
  5293. 			</section>
  5294. 			<section>
  5295. 				<span>Znaleziska</span>
  5296. 				<div>
  5297. 					<a href="/ludzie/${loggedUser.username}/znaleziska/dodane" target="_self">Moje znaleziska</a>
  5298. 					<a href="/ludzie/${loggedUser.username}/znaleziska/komentowane" target="_self">Moje komentarze</a>
  5299. 					<a href="/ludzie/${loggedUser.username}/znaleziska/wykopane" target="_self">Wykopane</a>
  5300. 					<a href="/ludzie/${loggedUser.username}/znaleziska/zakopane" target="_self">Zakopane</a>
  5301. 				</div>
  5302. 			</section>
  5303. 		</nav>
  5304.  
  5305. 		<nav class="favorites">
  5306. 			<section>
  5307. 				<span>Ulubione</span>
  5308. 				<div>
  5309. 					<a href="/ulubione" target="_self">Wszystko</a>
  5310. 					<a href="/ulubione/znaleziska" target="_self">Znaleziska</a>
  5311. 					<a href="/ulubione/komentarze-znaleziska" target="_self">Komentarze do znalezisk</a>
  5312. 					<a href="/ulubione/wpisy" target="_self">Wpisy</a>
  5313. 					<a href="/ulubione/komentarze-wpisy" target="_self">Komentarze do wpisów</a>
  5314. 				</div>
  5315. 			</section>
  5316. 		</nav>
  5317.  
  5318. 		<nav class="profile_links">
  5319. 			<section>
  5320. 				<span>Mój profil</span>
  5321. 				<div>
  5322. 					<a href="/ludzie/${loggedUser.username}" target="_self">Profil</a>
  5323. 					<a href="/ludzie/${loggedUser.username}/znaleziska/dodane" target="_self">Dodane znaleziska</a>
  5324. 					<a href="/ludzie/${loggedUser.username}/znaleziska/komentowane" target="_self">Komentowane znaleziska</a>
  5325. 					<a href="/ludzie/${loggedUser.username}/znaleziska/wykopane" target="_self">Wykopane</a>
  5326. 					<a href="/ludzie/${loggedUser.username}/znaleziska/zakopane" target="_self">Zakopane</a>
  5327. 				</div>
  5328. 			</section>
  5329. 		</nav>
  5330.  
  5331. 		<nav class="profile_entries">
  5332. 			<section>
  5333. 				<span>Mój profil</span>
  5334. 				<div>
  5335. 					<a href="/ludzie/${loggedUser.username}/wpisy/dodane" target="_self">Dodane wpisy</a>
  5336. 					<a href="/ludzie/${loggedUser.username}/wpisy/komentowane" target="_self">Komentowane wpisy</a>
  5337. 					<a href="/ludzie/${loggedUser.username}/wpisy/plusowane" target="_self">Zaplusowane</a>
  5338. 				</div>
  5339. 			</section>
  5340. 		</nav>
  5341.  
  5342. 		<nav class="profile_observed">
  5343. 			<section>
  5344. 				<span>Mój profil</span>
  5345. 				<div>
  5346. 					<a href="/ludzie/${loggedUser.username}/obserwowane/profile" target="_self">Obserwowani @użytkownicy</a>
  5347. 					<a href="/ludzie/${loggedUser.username}/obserwowane/tagi" target="_self">Obserwowane #tagi</a>
  5348. 				</div>
  5349. 			</section>
  5350. 		</nav>
  5351.  
  5352. 		<nav class="add_new">
  5353. 			<section>
  5354. 				<span>Dodaj</span>
  5355. 				<div>
  5356. 					<a href="/dodaj-link" target="_self" title="Wykop X: Dodaj nowe znalezisko (link do strony internetowej)">Nowe znalezisko</a>
  5357. 					<a href="/mikroblog/#dodaj" target="_self" title="Wykop X: Dodaj nowy wpis na Mikroblogu">Nowy wpis na Mirko</a>
  5358. 				</div>
  5359. 			</section>
  5360. 		</nav>
  5361.  
  5362. 		`;
  5363. 					document.querySelector('body > section > header.header > div.left').appendChild(wxs_quick_links);
  5364. 				}
  5365. 			}
  5366.  
  5367. 		}
  5368.  
  5369.  
  5370.  
  5371. 		// options: { position: "left", "right", "center", 
  5372. 		// text: ``, title: ``, : ``, id: null, url: null, 
  5373. 		// target: "_blank", icon: null, number: null, 
  5374. 		// insertAfter: selectorQuery, showWithoutXStyle: true
  5375. 		// data: "data-v-5182b5f6"   // data-v-5182b5f6
  5376. 		// number-nieuzwane
  5377. 		function createNewNavBarButton(options)
  5378. 		{
  5379. 			consoleX(`createNewNavBarButton()`, 1)
  5380.  
  5381. 			let nav_ul;
  5382.  
  5383. 			if (options.position == "left") nav_ul = document.querySelector("body header div.left nav.main ul");
  5384. 			else if (options.position == "center") nav_ul = document.querySelector("body header div.right nav aside"); // doodle
  5385. 			/*<aside title="Komentuj ważne wydarzenia" class="doodle">
  5386. 				<div class="v-portal"></div>
  5387. 				<a href="/tag/sejm/wpisy">
  5388. 					<div class="vue-portal-target">
  5389. 					<img src="/static/img/svg/doodles/gov.svg" alt="">
  5390. 						Komentuj ważne wydarzenia
  5391. 					</div>
  5392. 				</a>
  5393. 			</aside>*/
  5394. 			else nav_ul = document.querySelector("body header div.right nav ul"); // brak na wersji mobilnej
  5395.  
  5396. 			if (nav_ul) 
  5397. 			{
  5398. 				let nav_ul_li = nav_ul.querySelector(`li.wykopx_${options.class}_li`);
  5399.  
  5400. 				if (!nav_ul_li)
  5401. 				{
  5402. 					nav_ul_li = document.createElement("li");
  5403. 					if (options.data) nav_ul_li.setAttribute(options.data, null);
  5404. 					if (options.hideWithoutXStyle == true) nav_ul_li.classList.add("wykopxs");
  5405. 					addWykopXSClassesToElement(nav_ul_li, options.class, "li") // class="wykopx_aaaaaa_li"
  5406.  
  5407. 					let nav_ul_li_a = document.createElement("a");
  5408.  
  5409. 					nav_ul_li.dataset["v-6c2d0fdd"] = "";
  5410. 					nav_ul_li_a.dataset["v-6c2d0fdd"] = "";
  5411.  
  5412. 					if (options.url) nav_ul_li_a.setAttribute("href", options.url);
  5413. 					if (options.href) nav_ul_li_a.setAttribute("href", options.href);
  5414. 					if (options.target) nav_ul_li_a.setAttribute("target", options.target);
  5415. 					if (options.title) nav_ul_li_a.setAttribute("title", options.title);
  5416. 					if (options.data) nav_ul_li_a.setAttribute(options.data, null);
  5417.  
  5418. 					nav_ul_li_a.classList.add("hybrid");
  5419. 					if (options.class) addWykopXSClassesToElement(nav_ul_li_a, options.class);
  5420.  
  5421.  
  5422. 					let nav_ul_li_a_span = document.createElement("span");
  5423. 					nav_ul_li_a_span.innerHTML = options.text;
  5424.  
  5425. 					nav_ul_li_a.appendChild(nav_ul_li_a_span);
  5426. 					nav_ul_li.appendChild(nav_ul_li_a);
  5427.  
  5428. 					if (options.insertAfter != null)
  5429. 					{
  5430. 						let section = nav_ul.querySelector(options.insertAfter);
  5431. 						section.insertAdjacentElement('afterend', nav_ul_li);
  5432. 					}
  5433. 					else
  5434. 					{
  5435. 						nav_ul.appendChild(nav_ul_li);
  5436. 					}
  5437. 				}
  5438. 			}
  5439. 		}
  5440.  
  5441.  
  5442.  
  5443.  
  5444. 		// returnWykopXSClassesString("klasa", "li") >> class="wykopx_klasa_li"
  5445. 		// returnWykopXSClassesString(["klasa1", "klasa2"]) class="wykopx_klasa1 wykopx_klasa2"
  5446. 		function addWykopXSClassesToElement(element, inputClassOrArray, suffix = null)
  5447. 		{
  5448. 			consoleX("addWykopXSClassesToElement()", 1)
  5449.  
  5450. 			if (inputClassOrArray)
  5451. 			{
  5452. 				if (typeof inputClassOrArray === 'string')
  5453. 				{
  5454. 					element.classList.add(`wykopx_${inputClassOrArray}${suffix != null ? "_" + suffix : ""}`);
  5455. 				}
  5456. 				else if (Array.isArray(inputClassOrArray) && inputClassOrArray.every(item => typeof item === 'string'))
  5457. 				{
  5458. 					inputClassOrArray.map(item =>
  5459. 					{
  5460. 						element.classList.add(`wykopx_${item}${suffix != null ? "_" + suffix : ""}`);
  5461. 					});
  5462. 				}
  5463. 			}
  5464. 		}
  5465.  
  5466. 		// options: { text: null, title: null, className: ``, id: null, url: null, target: "_blank", icon: null, number: null
  5467. 		function createProfileDropdownMenuItem(options)
  5468. 		{
  5469. 			consoleX(`createProfileDropdownMenuItem()`, 1)
  5470.  
  5471. 			let dropdownBody = document.querySelector("body header div.right nav ul li.account.dropdown ul.dropdown-body");
  5472.  
  5473. 			if (dropdownBody)
  5474. 			{
  5475. 				let dropdownItem = dropdownBody.querySelector(`li.${options.className}_li`);
  5476.  
  5477. 				if (!dropdownItem)
  5478. 				{
  5479. 					// dropdownItem.remove();
  5480. 					let clonedDropdownItem = dropdownBody.querySelector("li.settings").cloneNode(true);
  5481. 					if (options.className)
  5482. 					{
  5483. 						clonedDropdownItem.setAttribute("class", `${options.className}_li`);
  5484.  
  5485. 						let clonedDropdownItemLink = clonedDropdownItem.querySelector("a");
  5486. 						clonedDropdownItemLink.setAttribute("class", `${options.className}_button`);
  5487.  
  5488. 						if (options.url) clonedDropdownItemLink.setAttribute("href", options.url);
  5489. 						else if (options.href) clonedDropdownItemLink.setAttribute("href", options.href);
  5490. 						else clonedDropdownItemLink.removeAttribute("href");
  5491.  
  5492. 						if (options.target) clonedDropdownItemLink.setAttribute("target", options.target);
  5493. 						if (options.id) clonedDropdownItemLink.setAttribute("id", options.id);
  5494. 						if (options.title) clonedDropdownItemLink.setAttribute("title", options.title);
  5495. 						if (options.text) clonedDropdownItemLink.textContent = options.text;
  5496. 						dropdownBody.appendChild(clonedDropdownItem);
  5497. 					}
  5498. 				}
  5499. 			}
  5500. 			else // niezalogowany brak menu, zamiast tego przyciski Zaloguj/Zarejestruj
  5501. 			{
  5502. 				createNewNavBarButton({
  5503. 					position: "left",
  5504. 					text: options.text,
  5505. 					title: options.title,
  5506. 					class: options.className,
  5507. 					hideWithoutXStyle: options.hideWithoutXStyle,
  5508. 					url: options.url,
  5509. 					target: options.target,
  5510. 					icon: options.icon,
  5511. 					number: options.number
  5512. 				})
  5513. 			}
  5514. 		}
  5515.  
  5516.  
  5517. 		// wyswietla sie tylko 25 powiadomien, wiec powinno byc 25+
  5518. 		function addNotificationSummaryButtonToNavBar()
  5519. 		{
  5520. 			consoleX("addNotificationSummaryButtonToNavBar()", 1)
  5521.  
  5522. 			let mojeLubTagi = document.querySelector('header .right ul li.account.dropdown ul.dropdown-body li.notifications.new a')?.getAttribute('href');
  5523.  
  5524. 			let wykopx_notification_summary_url = "/powiadomienia/";
  5525. 			if (typeof mojeLubTagi == "string")
  5526. 			{
  5527. 				mojeLubTagi = mojeLubTagi.split("/").pop();
  5528.  
  5529. 				if (mojeLubTagi == "tagi")
  5530. 				{
  5531. 					createProfileDropdownMenuItem(
  5532. 						{
  5533. 							text: `Powiadomienia z #tagów`,
  5534. 							title: "Masz nowe powiadomienia z obserwowanych #tagów",
  5535. 							className: `wykopx_notifications_tags`,
  5536. 							id: undefined,
  5537. 							url: "/powiadomienia/tagi",
  5538. 							target: "_self",
  5539. 							icon: null,
  5540. 							number: null
  5541. 						})
  5542. 				}
  5543. 				if (mojeLubTagi == "moje")
  5544. 				{
  5545. 					createProfileDropdownMenuItem(
  5546. 						{
  5547. 							text: `Powiadomienia z #tagów`,
  5548. 							title: "Masz nowe powiadomienia z obserwowanych #tagów",
  5549. 							className: `wykopx_notifications_tags`,
  5550. 							id: undefined,
  5551. 							url: "/powiadomienia/tagi",
  5552. 							target: "_self",
  5553. 							icon: null,
  5554. 							number: null
  5555. 						})
  5556. 					createProfileDropdownMenuItem(
  5557. 						{
  5558. 							text: `Zawołania w komentarzach`,
  5559. 							title: "Zawołano Cię w komentarzu",
  5560. 							className: `wykopx_notifications_entries`,
  5561. 							id: undefined,
  5562. 							url: "/powiadomienia/moje",
  5563. 							target: "_self",
  5564. 							icon: null,
  5565. 							number: null
  5566. 						})
  5567. 				}
  5568. 				wykopx_notification_summary_url += mojeLubTagi;
  5569. 			}
  5570.  
  5571. 			let li = document.createElement("li");
  5572. 			li.setAttribute("class", "wykopxs wykopx_notification_summary notifications dropdown");
  5573. 			li.setAttribute("title", `Nowe powiadomienia ${promoString}`);
  5574. 			let a = document.createElement("a");
  5575. 			a.setAttribute("href", wykopx_notification_summary_url);
  5576. 			let figure = document.createElement("figure");
  5577. 			a.appendChild(figure);
  5578. 			li.appendChild(a);
  5579. 			topNavHeaderRightElement.insertAdjacentElement("afterbegin", li);
  5580. 		}
  5581.  
  5582.  
  5583.  
  5584.  
  5585.  
  5586. 		// TRYB NOCNY W BELCE NAWIGACYJNEJ
  5587. 		function addNightModeButtonToNavBar()
  5588. 		{
  5589. 			if (settings.topNavNightSwitchButton)
  5590. 			{
  5591. 				consoleX("addNightModeButtonToNavBar()", 1)
  5592.  
  5593. 				const wykopx_night_mode = `<li class="wykopxs wykopx_night_mode notifications dropdown" title="Przełącz pomiędzy trybem nocnym/dziennym ${promoString}"><a href="#"><figure></figure></a></li>`;
  5594. 				topNavHeaderRightElement.insertAdjacentHTML('afterbegin', wykopx_night_mode);
  5595.  
  5596. 				document.querySelector('.wykopx_night_mode').addEventListener('click', function ()
  5597. 				{
  5598. 					const currentMode = localStorage.getItem('nightMode');
  5599. 					if (currentMode === null || currentMode === '0')
  5600. 					{
  5601. 						body.setAttribute('data-night-mode', 'true');
  5602. 						localStorage.setItem('nightMode', 1);
  5603. 						if (mikroczatWindow && mikroczatDomain) mikroczatWindow.postMessage({ type: "nightMode", value: 1 }, mikroczatDomain);
  5604. 					}
  5605. 					else
  5606. 					{
  5607. 						body.removeAttribute('data-night-mode');
  5608. 						localStorage.setItem('nightMode', 0);
  5609. 						if (mikroczatWindow && mikroczatDomain) mikroczatWindow.postMessage({ type: "nightMode", value: 0 }, mikroczatDomain);
  5610. 					}
  5611. 				});
  5612. 			}
  5613. 		}
  5614.  
  5615.  
  5616.  
  5617.  
  5618.  
  5619.  
  5620. 		function addExtraButtons()
  5621. 		{
  5622. 			consoleX("addExtraButtons()", 1)
  5623.  
  5624. 			/* Przyciski dodawane tylko na górną belkę nawigacyjną */
  5625. 			const wykopx_wykopwnowymstylu_li = `<li class="wykopx_wykopwnowymstylu_li dropdown"><a href="/tag/wykopx" class="wykopx_wykopwnowymstylu_button" title="Przejdź na #wykopx"><span>#</span></a></li>`;
  5626. 			const wykopx_microblog_mobile_li = `<li class="wykopx_microblog_mobile_li dropdown"><a href="/mikroblog" class="wykopx_microblog_mobile_button" title="Mikroblog ${promoString}"><figure> </figure></a></li>`;
  5627. 			/* Te przyciski także na belce mobilnej */
  5628. 			const wykopx_mywykop_mobile_li = `<li data-v-1adb6cc8 class="wykopx_mywykop_mobile_li dropdown"><a data-v-1adb6cc8 href="/obserwowane" class="wykopx_mywykop_mobile_button" title="Mój Wykop ${promoString}"><span data-v-1adb6cc8><i data-v-1adb6cc8>Mój Wykop</i></span></a></li>`;
  5629. 			const wykopx_profile_mobile_li = `<li data-v-1adb6cc8 class="wykopx_profile_mobile_li dropdown ${loggedUser.username}"><a data-v-1adb6cc8 href="/ludzie/${loggedUser.username}" class="wykopx wykopx_profile_button" title="Przejdź na swój profil ${loggedUser.username} ${promoString}"><span data-v-1adb6cc8><i data-v-1adb6cc8>Profil</i></span></a></li>`;
  5630. 			const wykopx_messages_mobile_li = `<li data-v-1adb6cc8 class="wykopx_messages_mobile_li dropdown"><a data-v-1adb6cc8 href="/wiadomosci" class="wykopx wykopx_messages_button" title="Wiadomości ${promoString}"><span data-v-1adb6cc8><i data-v-1adb6cc8>Wiadomości</i></span></a></li>`;
  5631. 			const wykopx_notifications_mobile_li = `<li data-v-1adb6cc8 class="wykopx_notifications_mobile_li dropdown"><a data-v-1adb6cc8 href="/powiadomienia" class="wykopx wykopx_notifications_button" title="Powiadomienia ${promoString}"><span data-v-1adb6cc8><i data-v-1adb6cc8>Powiadomienia</i></span></a></li>`;
  5632.  
  5633. 			if (topNavHeaderRightElement)
  5634. 			{
  5635. 				topNavHeaderRightElement.insertAdjacentHTML('beforeend', wykopx_wykopwnowymstylu_li);
  5636.  
  5637. 				if (settings.topNavMicroblogButton) topNavHeaderRightElement.insertAdjacentHTML('beforeend', wykopx_microblog_mobile_li);
  5638.  
  5639. 				if (loggedUser !== null)
  5640. 				{
  5641. 					if (settings.topNavMyWykopButton) topNavHeaderRightElement.insertAdjacentHTML('beforeend', wykopx_mywykop_mobile_li);
  5642. 					if (settings.topNavMessagesButton) topNavHeaderRightElement.insertAdjacentHTML('beforeend', wykopx_messages_mobile_li);
  5643. 					if (settings.topNavNotificationsButton) topNavHeaderRightElement.insertAdjacentHTML('beforeend', wykopx_notifications_mobile_li);
  5644. 					if (settings.topNavProfileButton) topNavHeaderRightElement.insertAdjacentHTML('beforeend', wykopx_profile_mobile_li);
  5645. 				}
  5646. 			}
  5647.  
  5648. 			/* dolna belka mobilna */
  5649. 			if (settings.mobileNavBarHide == false)
  5650. 			{
  5651. 				const mobileNavbarUlElement = document.querySelector('body > section > nav.mobile-navbar > ul')
  5652. 				if (mobileNavbarUlElement)
  5653. 				{
  5654. 					if (loggedUser !== null)
  5655. 					{
  5656. 						if (settings.mobileNavBarMyWykopButton) mobileNavbarUlElement.insertAdjacentHTML('beforeend', wykopx_mywykop_mobile_li);
  5657. 						if (settings.mobileNavBarNotificationsButton) mobileNavbarUlElement.insertAdjacentHTML('beforeend', wykopx_notifications_mobile_li);
  5658. 						if (settings.mobileNavBarMessagesButton) mobileNavbarUlElement.insertAdjacentHTML('beforeend', wykopx_messages_mobile_li);
  5659. 						if (settings.mobileNavBarProfileButton) mobileNavbarUlElement.insertAdjacentHTML('beforeend', wykopx_profile_mobile_li);
  5660. 					}
  5661. 				}
  5662. 			}
  5663. 		}
  5664.  
  5665. 		CSS += `
  5666.     /* ikona extra MW Mój Wykop w panelu powiadomień */
  5667.  
  5668. 	header.header > .right > nav > ul > li
  5669. 	{
  5670. 		display: flex!important;
  5671. 		height: 100%!important;
  5672. 		justify-content: center;
  5673. 		align-items: center;
  5674. 	}
  5675.  
  5676.     ul > li.wykopx_microblog_mobile_li > a > figure,
  5677.  
  5678.     ul > li.wykopx_mywykop_mobile_li > a > span,
  5679.     ul > li.wykopx_profile_mobile_li > a > span,
  5680.     ul > li.wykopx_notifications_mobile_li > a > span,
  5681.     ul > li.wykopx_messages_mobile_li > a > span
  5682.     {
  5683.         display: flex!important;
  5684.         background-repeat: no-repeat;
  5685.         background-position: 0 10px;
  5686.         width: 20px;
  5687.         height: 100%;
  5688.     }
  5689. 	ul > li.wykopx_microblog_mobile_li > a > figure
  5690. 	{
  5691. 		background-image: url('https://i.imgur.com/F8BqeCx.png');
  5692. 	}
  5693.     
  5694. 	/* mój wykop */
  5695.     ul > li.wykopx_mywykop_mobile_li > a > span
  5696.     {
  5697.         background-image: url('https://i.imgur.com/4oQuftz.png'); /* 20p */
  5698.         background-image: url('https://i.imgur.com/qtGPe78.png'); /* 20p */
  5699.         /*background-image: url('https://i.imgur.com/GoTmF0m.png');
  5700.           background-image: url('https://i.imgur.com/7DArcw6.png'); */
  5701.     }
  5702.     [data-night-mode] ul > li.wykopx_mywykop_mobile_li > a > span
  5703.     {
  5704.         background-image: url('https://i.imgur.com/qtGPe78.png');
  5705.     } 
  5706. 	/* profile */
  5707.     ul > li.wykopx_profile_mobile_li > a > span
  5708.     {
  5709.         background-image: url('https://i.imgur.com/XD7q4hY.png'); /* black*/
  5710.         background-image: url('https://i.imgur.com/EpytPvb.png'); /* white*/
  5711.     }
  5712.     [data-night-mode] ul > li.wykopx_profile_mobile_li > a > span
  5713.     {
  5714.         background-image: url('https://i.imgur.com/EpytPvb.png');
  5715.     }
  5716. 	/* wiadomosci */
  5717.     ul > li.wykopx_messages_mobile_li > a > span
  5718.     {
  5719.         background-image: url('https://i.imgur.com/Yx1ZAYt.png'); /* black*/
  5720.         background-image: url('https://i.imgur.com/dE4f85B.png'); /* white*/
  5721.     } 
  5722.     [data-night-mode] ul > li.wykopx_messages_mobile_li > a > figure
  5723.     {
  5724.         background-image: url('https://i.imgur.com/dE4f85B.png');
  5725.     } 
  5726.  
  5727. 	/* powiadomienia */
  5728. 	ul > li.wykopx_notifications_mobile_li > a > span
  5729.     {
  5730.         background-image: url('https://i.imgur.com/UpYMDtr.png');
  5731.     } 
  5732. 	
  5733. 	header.header > .right > nav > ul > li > a > span > i
  5734. 	{
  5735. 		display: none;
  5736. 	}
  5737.  
  5738.  
  5739. 	/* wykopwnowymstylu */
  5740.     header.header > .right > nav > ul > li.wykopx_wykopwnowymstylu_li > a > span
  5741.     {
  5742.         font-size: 1.2em;
  5743.         color: var(--x-inactive-button, rgba(255,255,255,0.3));
  5744.     } 
  5745.     header.header > .right > nav > ul > li.wykopx_wykopwnowymstylu_li > a:hover > span
  5746.     {
  5747.         color: white;
  5748.     }
  5749.  
  5750.     header.header > .right > nav > ul > li.wykopx_wykopwnowymstylu_li
  5751.     {
  5752.         display: none!important;
  5753.     }`;
  5754.  
  5755. 		if (settings.topNavNightSwitchButton)
  5756. 		{
  5757. 			CSS += `
  5758. 		/* PRZYCISK TRYB NOCNY W BELCE NAWIGACYJNEJ */
  5759. 		
  5760.  
  5761. 		header.header > .right > nav > ul > li.wykopx_night_mode figure
  5762. 		{
  5763. 			width: 20px!important;
  5764. 			height: 20px!important;
  5765. 			background: url("/static/img/svg/night-mode.svg") no-repeat center;
  5766. 		} 
  5767.  
  5768. 		[data-night-mode] header.header > .right > nav > ul > li.wykopx_night_mode figure
  5769. 		{
  5770. 			background: url("/static/img/svg/day-mode.svg") no-repeat center;
  5771. 		} 
  5772. 		`;
  5773. 		}
  5774.  
  5775.  
  5776.  
  5777. 		// DODAJ NOWY WPIS NA MIRKO /mikroblog/#dodaj
  5778. 		function focusOnAddingNewMicroblogEntry()
  5779. 		{
  5780. 			consoleX(`focusOnAddingNewMicroblogEntry()`, 1)
  5781. 			let wykop_url = new URL(document.URL);
  5782. 			if (wykop_url.hash == "#dodaj")
  5783. 			{
  5784. 				// consoleX(`focusOnAddingNewMicroblogEntry()`, 1);
  5785. 				document.querySelector(`section.microblog-page section.microblog section.editor div.content textarea`).focus();
  5786. 			}
  5787. 		}
  5788.  
  5789.  
  5790.  
  5791.  
  5792.  
  5793.  
  5794.  
  5795. 		/* ------ TAB TITLE AND WEBSITE FAVICON CHANGES --------- */
  5796. 		let pageTabTitleOriginal = document.title;
  5797. 		let pageTabTitleProcessed = pageTabTitleOriginal;
  5798. 		let tabTitles = new Map([
  5799. 			["domyslny", "           "],
  5800. 			["adres_url", "           "],
  5801. 			["pusty_tytul", "ᅟᅟ"],
  5802. 			["wlasny", settings.tabChangeTitleCustom],
  5803. 			["wykop", "Wykop"],
  5804. 			["wykopx", "Wykop X"],
  5805. 			["digg", "News and Trending Stories Around the Internet | Digg"],
  5806. 			["google", "Google"],
  5807. 			["interia", "Interia — Polska i świat: informacje, sport, gwiazdy."],
  5808. 			["onet", "Onet – Jesteś na bieżąco"],
  5809. 			["reddit", "Reddit — Dive into anything"],
  5810. 			["wp", "Wirtualna Polska — Wszystko co ważne"],
  5811. 			["x", "Home / X"],
  5812. 			["youtube", "YouTube"],
  5813. 		])
  5814.  
  5815. 		const defaultWykopFaviconURL = "https://wykop.pl/static/img/favicons/favicon.png";
  5816. 		let tabFaviconsMap = new Map([
  5817. 			["wykop", defaultWykopFaviconURL],
  5818. 			["wykop_white", "https://raw.githubusercontent.com/wykopx/wykopx-png/main/icons/favicons/W_white.png"],
  5819. 			["wykop_gray", "https://raw.githubusercontent.com/wykopx/wykopx-png/main/icons/favicons/W_black.png"],
  5820.  
  5821. 			["digg", "https://raw.githubusercontent.com/wykopx/wykopx-png/main/icons/favicons/digg.png"],
  5822. 			["google", "https://raw.githubusercontent.com/wykopx/wykopx-png/main/icons/favicons/google.svg"],
  5823. 			["interia", "https://raw.githubusercontent.com/wykopx/wykopx-png/main/icons/favicons/interia.ico"],
  5824. 			["onet", "https://raw.githubusercontent.com/wykopx/wykopx-png/main/icons/favicons/onet.png"],
  5825. 			["reddit", "https://raw.githubusercontent.com/wykopx/wykopx-png/main/icons/favicons/reddit.png"],
  5826. 			["wp", "https://raw.githubusercontent.com/wykopx/wykopx-png/main/icons/favicons/wp.png"],
  5827. 			["x", "https://raw.githubusercontent.com/wykopx/wykopx-png/main/icons/favicons/x.png"],
  5828. 			["youtube", "https://raw.githubusercontent.com/wykopx/wykopx-png/main/icons/favicons/youtube.ico"],
  5829. 		])
  5830. 		let tabSuffixesMap = new Map([
  5831. 			["domyslny", ":: Wykop.pl"],
  5832. 			["dashwykoppl", "- Wykop.pl"],
  5833. 			["dashwykop", "- Wykop"],
  5834. 			["dashwykopx", "- Wykop X"],
  5835. 			["", ""],
  5836. 		])
  5837.  
  5838.  
  5839. 		/*  TAB TITLE
  5840. 			changeDocumentTitle()
  5841. 			changeDocumentTitle("youtube")
  5842. 			changeDocumentTitle("Example new title")
  5843. 		*/
  5844.  
  5845.  
  5846. 		function changeDocumentTitle(new_document_title)
  5847. 		{
  5848. 			consoleX(`changeDocumentTitle(${new_document_title})`, 1)
  5849.  
  5850. 			// if(dev) console.log(`changeDocumentTitle() > start:  document.title:`);
  5851. 			// if(dev) console.log(document.title);
  5852. 			// if(dev) console.log(`changeDocumentTitle() > start:  pageTabTitleOriginal`);
  5853. 			// if(dev) console.log(pageTabTitleOriginal);
  5854.  
  5855. 			pageTabTitleProcessed = pageTabTitleOriginal;
  5856.  
  5857. 			// sufix :: Wykop.pl
  5858. 			if (settings.tabChangeTitleSuffix) pageTabTitleProcessed = pageTabTitleProcessed.replace(":: Wykop.pl", tabSuffixesMap.get(settings.tabChangeTitleSuffix));
  5859. 			// prefix 
  5860. 			if (settings.tabChangeTitlePrefix) pageTabTitleProcessed = `Wykop X - ${pageTabTitleProcessed}`;
  5861.  
  5862.  
  5863.  
  5864.  
  5865. 			let tabTitleNotifications = "";
  5866.  
  5867. 			if (settings.tabChangeTitleShowNotificationsEnabled == true)
  5868. 			{
  5869. 				let notificationsTotalCount = 0;
  5870.  
  5871. 				let tabNotificationsSeparated = "";
  5872.  
  5873. 				if (unreadNotifications["total"] > 0)
  5874. 				{
  5875. 					if (settings.tabChangeTitleShowNotificationsCountPM && unreadNotifications["pm"] > 0
  5876. 						|| settings.tabChangeTitleShowNotificationsCountTagsNewLink && unreadNotifications["tags_new_link_with_observed_tag"] > 0
  5877. 						|| settings.tabChangeTitleShowNotificationsCountTagsNewEntry && unreadNotifications["tags_new_entry_with_observed_tag"] > 0
  5878. 						|| settings.tabChangeTitleShowNotificationsCountEntries && unreadNotifications["entries"] > 0)
  5879. 					{
  5880. 						let notificationsEmoji = "";
  5881.  
  5882. 						if (settings.tabChangeTitleShowNotificationsCountPM && unreadNotifications["pm"] > 0)
  5883. 						{
  5884. 							notificationsTotalCount += unreadNotifications["pm"];
  5885. 							notificationsEmoji = "✉"; // 🔗✉📧📩✉ 🖂 🖃 🖄 🖅 🖆
  5886. 							tabNotificationsSeparated += `${notificationsEmoji}${unreadNotifications["pm"]} `;
  5887. 						}
  5888.  
  5889. 						if (settings.tabChangeTitleShowNotificationsCountEntries && unreadNotifications["entries"] > 0)
  5890. 						{
  5891. 							notificationsTotalCount += unreadNotifications["entries"];
  5892. 							notificationsEmoji = "🕭"; // 🕭🔔
  5893. 							tabNotificationsSeparated += `${notificationsEmoji}${unreadNotifications["entries"]} `;
  5894. 						}
  5895.  
  5896. 						if (unreadNotifications["tags"] && settings.tabChangeTitleShowNotificationsCountTagsNewLink || settings.tabChangeTitleShowNotificationsCountTagsNewEntry)
  5897. 						{
  5898. 							notificationsEmoji = "#"; // #🏷
  5899. 							if (settings.tabChangeTitleShowNotificationsCountTagsNewLink && unreadNotifications["tags_new_link_with_observed_tag"] > 0)
  5900. 							{
  5901. 								notificationsTotalCount += unreadNotifications["tags_new_link_with_observed_tag"];
  5902. 							}
  5903. 							if (settings.tabChangeTitleShowNotificationsCountTagsNewEntry && unreadNotifications["tags_new_entry_with_observed_tag"] > 0)
  5904. 							{
  5905. 								notificationsTotalCount += unreadNotifications["tags_new_entry_with_observed_tag"];
  5906. 							}
  5907. 							tabNotificationsSeparated += `${notificationsEmoji}${unreadNotifications["tags"]} `;
  5908. 						}
  5909.  
  5910. 						if (settings.tabChangeTitleShowNotificationsCountSeparated)
  5911. 						{
  5912. 							tabTitleNotifications = tabNotificationsSeparated; // 📧 2 🔔 3 # 14
  5913. 						}
  5914. 						else
  5915. 						{
  5916. 							tabTitleNotifications = notificationsTotalCount; 	// 19
  5917. 						}
  5918.  
  5919. 						if (new_document_title == "pusty_tytul") // jesli pusty tytul — ikonki powiadomien bez nawiasow
  5920. 						{
  5921. 							tabTitleNotifications = `${tabTitleNotifications} `						// 📧 2 🔔 3 # 14 albo 19
  5922. 						}
  5923. 						else
  5924. 						{
  5925. 							tabTitleNotifications = `${tabTitleNotifications} | `					// 📧 2 🔔 3 # 14 |   albo  19 |
  5926. 						}
  5927. 					}
  5928. 				}
  5929.  
  5930. 			}
  5931.  
  5932. 			let documentTitle = tabTitleNotifications;
  5933.  
  5934. 			if (new_document_title != "domyslny")
  5935. 			{
  5936. 				if (tabTitles.has(new_document_title)) // selected title from Map
  5937. 				{
  5938. 					documentTitle += `${tabTitles.get(new_document_title)}`;
  5939. 				}
  5940. 				else
  5941. 				{
  5942. 					documentTitle += `${new_document_title}`;
  5943. 				}
  5944. 			}
  5945. 			else
  5946. 			{
  5947. 				documentTitle += pageTabTitleProcessed;
  5948. 			}
  5949. 			document.title = documentTitle;
  5950. 			// if(dev) console.log("changeDocumentTitle() > zmieniam document.title na: " + documentTitle);
  5951. 		}
  5952.  
  5953.  
  5954. 		// FAVICON ICO
  5955. 		function changeDocumentFavicon(new_favicon = defaultWykopFaviconURL)
  5956. 		{
  5957. 			consoleX(`changeDocumentFavicon(new_favicon: "${new_favicon}")`, 1)
  5958. 			let selectedFaviconURL = new_favicon;
  5959. 			if (tabFaviconsMap.has(new_favicon)) selectedFaviconURL = tabFaviconsMap.get(new_favicon);
  5960.  
  5961. 			// <link rel="icon" type="image/svg+xml" href="/static/img/favicons/favicon.svg">
  5962. 			// <link rel="alternate icon" type="image/png" href="/static/img/favicons/favicon.png">
  5963. 			const oldFaviconElement = head.querySelector('link[rel="icon"]');
  5964.  
  5965. 			if (oldFaviconElement && !oldFaviconElement.href.startsWith(selectedFaviconURL))
  5966. 			{
  5967. 				head.removeChild(oldFaviconElement);
  5968. 				const faviconLinkElement = document.createElement('link');
  5969. 				faviconLinkElement.rel = 'icon';
  5970. 				faviconLinkElement.type = 'image/x-icon'; // "image/svg+xml" "image/png"
  5971. 				faviconLinkElement.href = selectedFaviconURL + '?=' + Math.random();
  5972. 				head.appendChild(faviconLinkElement);
  5973. 			}
  5974.  
  5975. 			const alternateFaviconElement = head.querySelector('link[rel="alternate icon"]');
  5976. 			if (alternateFaviconElement)
  5977. 			{
  5978. 				head.removeChild(alternateFaviconElement);
  5979. 			}
  5980. 		}
  5981.  
  5982.  
  5983.  
  5984. 		function executeTabAndFaviconChanges()
  5985. 		{
  5986. 			consoleX(`executeTabAndFaviconChanges()`, 1);
  5987.  
  5988. 			if (document.hidden || !settings.tabChangeOnlyOnHiddenState)
  5989. 			{
  5990. 				if (settings.tabChangeFaviconEnabled) changeDocumentFavicon(settings.tabChangeFaviconSelect);
  5991. 				if (settings.tabChangeTitleEnabled) changeDocumentTitle(settings.tabChangeTitleSelect);
  5992. 			}
  5993. 		}
  5994.  
  5995.  
  5996.  
  5997. 		// EVENT: KARTA JEST W TLE document.hidden == true
  5998. 		// https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API
  5999. 		// https://developer.mozilla.org/en-US/docs/Web/API/Document/visibilitychange_event
  6000. 		function browserTabVisibilityChanged()
  6001. 		{
  6002. 			consoleX(`browserTabVisibilityChanged() -> ${document.visibilityState}`, 1);
  6003.  
  6004. 			// if(dev) console.log("browserTabVisibilityChanged(): " + document.visibilityState)
  6005. 			// document.visibilityState > "visible"/"hidden"
  6006. 			// document.hidden > true/false
  6007. 			if (document.hidden == false)
  6008. 			{
  6009. 				if (settings.wxsArchiveXNewestEntry && (wxs_newest_entry == 1 || wxs_newest_entry == 3)) runWithDelay(3000, getNewestEntryFromAPI);
  6010. 			}
  6011.  
  6012. 			if (settings.tabChangeEnabled)
  6013. 			{
  6014. 				if (document.hidden)
  6015. 				{
  6016. 					executeTabAndFaviconChanges();
  6017. 					// if(dev) console.log(`document.hidden -> true > document.visibilityState: ${document.visibilityState}`);
  6018. 				}
  6019. 				else
  6020. 				{
  6021. 					if (settings.tabChangeOnlyOnHiddenState)
  6022. 					{
  6023. 						if (settings.tabChangeTitleEnabled) changeDocumentTitle(pageTabTitleOriginal);
  6024. 						if (settings.tabChangeFaviconEnabled) changeDocumentFavicon();
  6025. 					}
  6026. 				}
  6027. 			}
  6028.  
  6029. 		}
  6030. 		// EVENT LISTENER
  6031. 		document.addEventListener("visibilitychange", browserTabVisibilityChanged, false); // ICO PNG GIF JPEG SVG
  6032.  
  6033.  
  6034.  
  6035.  
  6036. 		// TITLE MUTATION
  6037. 		let titleMutationObserver = new MutationObserver(mutationsList =>
  6038. 		{
  6039. 			if (dev) console.log("titleMutationObserver ->")
  6040. 			if (dev) console.log(mutationsList);
  6041.  
  6042. 			for (let mutation of mutationsList)
  6043. 			{
  6044. 				if (mutation.type === 'childList')
  6045. 				{
  6046. 					let mutatedTitle = mutation.addedNodes[0].textContent;
  6047. 					consoleX(`titleMutationObserver -> Nowy tytuł strony: ${mutatedTitle}`, 1);
  6048.  
  6049. 					// if (mutatedTitle.endsWith(":: Wykop.pl"))
  6050. 					// {
  6051. 					// 	pageTabTitleOriginal = mutatedTitle;
  6052. 					// 	if(dev) console.log(`mutatedTitle.endsWith(":: Wykop.pl")`);
  6053. 					// }
  6054.  
  6055. 					// if (!mutatedTitle.includes(specialCharacter)) // tytul nie zostal jeszcze zmieniony i dodane są liczby powiadomien zeby sie nie powtarzalo (1)(1)
  6056. 					// {
  6057. 					// 	pageTabTitleProcessed = mutatedTitle;
  6058. 					// 	// if(dev) console.log(`!mutatedTitle.includes("specialCharacter")`);
  6059. 					// }
  6060.  
  6061. 					// titleMutationObserver.disconnect();
  6062. 					// executeTabAndFaviconChanges();
  6063. 					// titleMutationObserver.observe(document.querySelector('title'), { childList: true, })
  6064. 					// if(dev) console.log("pageTabTitleProcessed: " + pageTabTitleProcessed)
  6065. 				}
  6066. 			}
  6067. 		});
  6068. 		// MUTATION OBSERVER
  6069. 		titleMutationObserver.observe(document.querySelector('title'), { childList: true, })
  6070.  
  6071.  
  6072.  
  6073.  
  6074.  
  6075. 		// PLUSES OBSERVER
  6076. 		function getVotesObject(sectionObjectElement, ratingBoxSection)
  6077. 		{
  6078. 			consoleX(`getVotesObject()`, 1);
  6079.  
  6080. 			/* returns:
  6081. 		
  6082. 			{
  6083. 				separated: false,
  6084. 		
  6085. 				votesUp: 50,
  6086. 				votesUpPercent: 100,
  6087. 				votesDown: 5,
  6088. 				votesDownPercent: 0,
  6089. 				
  6090. 				votesCount: 45,
  6091. 				votesAll: 55,
  6092. 				voted: 0
  6093. 		
  6094. 				votesUpPrevious: 49
  6095. 				votesDownPrevious: 4,
  6096. 				plusesDelta: 1
  6097. 				minusesDelta: 1
  6098. 		
  6099. 				commentsCount: 100,	// liczba komentarzy dla znalezisk, wpisów i main-comments pod znaleziskami
  6100. 				commentsHot: true // dla gorących znalezisk 
  6101. 			}
  6102. 		
  6103. 			{
  6104. 				resource: "link"
  6105. 				sectionObjectElement: <DOMElement>,
  6106. 				ratingBox: <DOMElement>,
  6107. 				link: <DOMElement>,
  6108. 				id: 123456,
  6109. 				link_id: 123456,
  6110. 			}
  6111. 		
  6112. 			{
  6113. 				resource: "entry"
  6114. 				sectionObjectElement: <DOMElement>,
  6115. 				ratingBox: <DOMElement>,
  6116. 				entry: <DOMElement>,
  6117. 				id: 123456,
  6118. 				entry_id: 123456,
  6119. 			}
  6120. 			or
  6121. 			{
  6122. 				resource: "entry_comment"
  6123. 				sectionObjectElement: <DOMElement>
  6124. 				ratingBox: <DOMElement>,
  6125. 				entry: <DOMElement>, // parent
  6126. 				comment: DOMElement,
  6127. 				id: 12345678,
  6128. 				entry_id: 123456,	// parent
  6129. 				comment_id: 12345678,
  6130. 			}
  6131. 			or
  6132. 			{
  6133. 				resource: "link_subcomment"
  6134. 				sectionObjectElement: DOMElement
  6135. 				ratingBox: <DOMElement>,
  6136. 				entry: <DOMElement>,
  6137. 				id: 12345678,
  6138. 				entry_id: 123456,
  6139. 				link_id: 12345678,
  6140. 				comment_id: 12345678123
  6141. 			
  6142. 				parent_id: 1234567 // znalezisko
  6143. 				parent_comment_id: 123456 // komentarz pod znaleziskiem
  6144. 				parent_element: <DOMElement>, // komentarz
  6145. 				fetchURL: 'https://wykop.pl/api/v3...'
  6146. 			}
  6147. 			
  6148. 			
  6149. 			ratingBoxSection.__vue__
  6150. 			{
  6151. 				voted: 		0  			// czy zaglosowane
  6152. 				down:		0
  6153. 				up:			278
  6154. 				value:		278
  6155. 				formattedValue: "278",
  6156. 				separated:	false	
  6157. 				id:			23456789
  6158. 				idParent:	1234567
  6159. 				linkId:		1234567
  6160. 				users: 		[{}, {}...],
  6161. 				type: "entryComment" / "???"
  6162. 				deleted: 	null
  6163. 				author:		"NadiaFrance"
  6164. 				showBtn:	true / false
  6165. 			}
  6166. 			
  6167. 			
  6168. 			*/
  6169.  
  6170. 			let votesObject =
  6171. 			{
  6172. 				separated: false,
  6173.  
  6174. 				votesUp: 0,
  6175. 				votesDown: 0,
  6176. 				votesCount: 0,
  6177. 				votesAll: 0,
  6178. 				votesCount: 0,
  6179. 				votesAll: 0,
  6180. 				votesDownPercent: 0,
  6181. 				votesUpPercent: 100,
  6182. 				voted: 0,
  6183.  
  6184. 				commentsCount: 0,
  6185. 				commentsHot: false,
  6186. 			};
  6187.  
  6188.  
  6189. 			votesObject.sectionObjectElement = sectionObjectElement; 								// returns the section element above .rating-box
  6190. 			votesObject.ratingBoxSection = ratingBoxSection; 										// returns .rating-box section
  6191.  
  6192. 			//blocks.id = blocks.sectionObjectElement.__vue__.item.id;
  6193. 			votesObject.id = ratingBoxSection.__vue__.id;
  6194. 			votesObject.separated = ratingBoxSection.__vue__.separated;
  6195. 			votesObject.votesUp = ratingBoxSection.__vue__.up;
  6196.  
  6197. 			if (dev) console.log(votesObject.votesUp)
  6198. 			votesObject.votesDown = ratingBoxSection.__vue__.down;
  6199.  
  6200. 			votesObject.votesCount = votesObject.votesUp - votesObject.votesDown;				// -10 (suma plusów i minusów nie dotyczy entry, entry_comment)
  6201. 			votesObject.votesAll = votesObject.votesUp + votesObject.votesDown;				// 30  (łączna liczba głosów nie dotyczy entry, entry_comment)
  6202.  
  6203. 			votesObject.votesDownPercent = Math.ceil(votesObject.votesDown * 100 / votesObject.votesAll);											// nie dotyczy entry, entry_comment
  6204. 			votesObject.votesUpPercent = Math.ceil(votesObject.votesUp * 100 / votesObject.votesAll);											// nie dotyczy entry, entry_comment zawsze 100%
  6205.  
  6206. 			votesObject.voted = ratingBoxSection.__vue__.voted;
  6207.  
  6208.  
  6209. 			/*  
  6210. 				block.commentsCount 
  6211. 				__vue__.item.comments = 
  6212. 		
  6213. 				- znalezisko na stronie głównej i stronie znaleziska 
  6214. 				comments = { count: 42, hot: false }
  6215. 				
  6216. 				- na stronie mikrobloga i wpisie (na stronie Mikrobloga Array[2])
  6217. 				comments = { count: 142, items: Array[50] }
  6218. 		
  6219. 				komentarze nie mają "comments"
  6220. 			*/
  6221.  
  6222. 			if (votesObject?.sectionObjectElement?.__vue__?.item?.comments?.count) votesObject.commentsCount = votesObject.sectionObjectElement.__vue__.item.comments.count;
  6223. 			if (votesObject?.sectionObjectElement?.__vue__?.item?.comments?.hot) votesObject.commentsHot = votesObject.sectionObjectElement.__vue__.item.comments.hot;
  6224.  
  6225.  
  6226. 			if (votesObject.sectionObjectElement.__vue__.item.resource == "link") // znalezisko
  6227. 			{
  6228. 				votesObject.resource = "link";
  6229. 				votesObject.fetchURL = `https://wykop.pl/api/v3/links/${votesObject.id}`; // TODO
  6230.  
  6231. 				votesObject.link_id = votesObject.id;
  6232. 				votesObject.link = votesObject.sectionObjectElement; 		// parent = this
  6233. 				votesObject.parent_element = votesObject.sectionObjectElement; 		// parent = this
  6234. 				votesObject.parent_id = votesObject.id;
  6235. 				votesObject.sectionObjectElement.dataset.wxs_resource = "link";
  6236. 			}
  6237. 			else
  6238. 			{
  6239. 				if (votesObject.sectionObjectElement.__vue__.item.resource == "link_comment")
  6240. 				{
  6241. 					votesObject.comment_element = votesObject.sectionObjectElement;
  6242.  
  6243. 					if (votesObject.comment_element.__vue__.item.parent.resource == "link_comment") // subkomentarz
  6244. 					{
  6245. 						votesObject.resource = "link_subcomment";
  6246. 						votesObject.comment_element.dataset.wxs_resource = "link_subcomment";
  6247.  
  6248. 						votesObject.comment_id = votesObject.comment_element.__vue__.item.id;
  6249. 						votesObject.parent_id = votesObject.comment_element.__vue__.item.parent.link.id; 	// id znaleziska
  6250. 						votesObject.parent_comment_id = votesObject.comment_element.__vue__.item.parent.id; // id nadkomentarza
  6251. 						votesObject.parent_element = document.getElementById(`comment-${votesObject.parent_comment_id}`) // nadkomentarz
  6252. 						votesObject.fetchURL = `https://wykop.pl/api/v3/links/${votesObject.parent_id}/comments/${votesObject.parent_comment_id}/comments`; // TODO
  6253. 					}
  6254. 					else
  6255. 					{
  6256. 						votesObject.resource = "link_comment";
  6257. 						votesObject.comment_element.dataset.wxs_resource = "link_comment";
  6258. 						votesObject.comment_id = votesObject.comment_element.__vue__.item.id;
  6259. 						votesObject.parent_id = votesObject.comment_element.__vue__.item.parent.id;
  6260. 						votesObject.parent_element = document.getElementById(`link-${votesObject.parent_id}`) // section.link-block
  6261. 						votesObject.fetchURL = `https://wykop.pl/api/v3/links/${votesObject.parent_id}/comments/${votesObject.comment_id}`;
  6262.  
  6263. 					}
  6264. 				}
  6265. 				// KOMENTARZ POD WPISEM
  6266. 				else if (votesObject.sectionObjectElement.__vue__.item.resource == "entry_comment")
  6267. 				{
  6268. 					votesObject.comment_element = votesObject.sectionObjectElement;
  6269.  
  6270. 					if (votesObject.comment_element.parentNode)
  6271. 					{
  6272. 						votesObject.resource = "entry_comment"; 								// komentarz pod wpisem
  6273. 						votesObject.comment_element.dataset.wxs_resource = "entry_comment";
  6274. 						votesObject.parent_element = votesObject.comment_element.parentNode.closest('section.entry');
  6275. 						votesObject.parent_id = votesObject.parent_element.__vue__.item.id;
  6276. 						votesObject.comment_id = votesObject.comment_element.__vue__.item.id;
  6277. 						votesObject.fetchURL = `https://wykop.pl/api/v3/entries/${votesObject.parent_id}/comments/${votesObject.comment_id}`;
  6278. 					}
  6279. 					else
  6280. 					{
  6281. 						return null;
  6282. 					}
  6283. 				}
  6284. 				// WPIS NA MIKROBLOGU
  6285. 				else if (votesObject.sectionObjectElement.__vue__.item.resource == "entry")
  6286. 				{
  6287. 					votesObject.parent_element = votesObject.sectionObjectElement; 	// parent = this
  6288. 					votesObject.parent_id = votesObject.id;
  6289. 					votesObject.resource = "entry";
  6290. 					votesObject.fetchURL = `https://wykop.pl/api/v3/entries/${votesObject.id}`;
  6291. 					votesObject.parent_element.dataset.wxs_resource = "entry";
  6292. 				}
  6293. 			}
  6294.  
  6295.  
  6296. 			// votesObject.sectionObjectElement.dataset.wxs_votes_up = votesObject.votesUp;			// <section data-wxs_votes_up="1" data_wxs_votes_down="8">
  6297. 			// votesObject.sectionObjectElement.dataset.wxs_votes_down = votesObject.votesDown;
  6298.  
  6299. 			if (dev) console.log("votesObject");
  6300. 			if (dev) console.log(votesObject);
  6301.  
  6302. 			return votesObject;
  6303. 		}
  6304.  
  6305.  
  6306.  
  6307.  
  6308.  
  6309.  
  6310.  
  6311.  
  6312. 		function checkPluses(sectionObjectElement, ratingBoxSection, showUpdatedValues = true)
  6313. 		{
  6314. 			// console.clear();
  6315. 			consoleX(`checkPluses(showUpdatedValues: ${showUpdatedValues})`, 0);
  6316.  
  6317. 			if (sectionObjectElement == null && ratingBoxSection?.__vue__?.$parent)
  6318. 			{
  6319. 				if (ratingBoxSection?.__vue__?.$parent.item.resource == "link")
  6320. 				{
  6321. 					sectionObjectElement = ratingBoxSection.closest("section.link-block")
  6322. 				}
  6323. 				else
  6324. 				{
  6325. 					sectionObjectElement = ratingBoxSection.closest("section.entry")
  6326. 				}
  6327. 			}
  6328.  
  6329.  
  6330. 			if (sectionObjectElement && sectionObjectElement.__vue__ && sectionObjectElement.__vue__.item.deleted == null)
  6331. 			{
  6332. 				if (!ratingBoxSection)
  6333. 				{
  6334. 					if (sectionObjectElement.__vue__.item.resource == "link")
  6335. 					{
  6336. 						ratingBoxSection = sectionObjectElement.querySelector("section.vote-box");
  6337. 					}
  6338. 					else
  6339. 					{
  6340. 						ratingBoxSection = sectionObjectElement.querySelector("section.rating-box");
  6341. 					}
  6342. 				}
  6343.  
  6344. 				if (dev) console.log("checkPluses() -> sectionObjectElement: ", sectionObjectElement)
  6345. 				if (dev) console.log("checkPluses() -> ratingBoxSection: ", ratingBoxSection)
  6346.  
  6347. 				const votesObject = getVotesObject(sectionObjectElement, ratingBoxSection);
  6348.  
  6349. 				if (votesObject) // TODO subkomentarze
  6350. 				{
  6351. 					if (dev) console.log("checkPluses() -> votesObject", votesObject);
  6352.  
  6353. 					// let sectionObjectElement = votesObject.sectionObjectElement;
  6354. 					sectionObjectElement.classList.remove("plusesAdded", "plusesRemoved", "minusesAdded", "minusesRemoved");
  6355.  
  6356. 					sectionObjectElement.style.removeProperty('--plusesAdded');
  6357. 					sectionObjectElement.style.removeProperty('--plusesRemoved');
  6358. 					sectionObjectElement.style.removeProperty('--minusesAdded');
  6359. 					sectionObjectElement.style.removeProperty('--minusesRemoved');
  6360.  
  6361. 					fetch(votesObject.fetchURL,
  6362. 						{
  6363. 							method: "GET",
  6364. 							headers: {
  6365. 								"Content-Type": "application/json",
  6366. 								Authorization: "Bearer " + window.localStorage.token,
  6367. 							},
  6368. 						})
  6369. 						.then(x => x.json())
  6370. 						.then(data =>
  6371. 						{
  6372. 							if (!data.data) return false;
  6373.  
  6374. 							let data_fetched;
  6375. 							if (Array.isArray(data.data) && data.data.length > 0) data_fetched = data.data.find(item => item.id === votesObject.id); // array from subcomments /api/v3/links/a/comments/b/comments => [array of subcomment objects]
  6376. 							else if (data.data && data.data.id === votesObject.id) data_fetched = data.data;
  6377. 							else { return false; }
  6378.  
  6379. 							if (dev) console.log(`checkPluses() -> data_fetched from ${votesObject.fetchURL}`, data_fetched);
  6380.  
  6381. 							votesObject.votesUpPrevious = votesObject.votesUp; 			// sectionObjectElement.dataset.wxs_votes_up;
  6382. 							votesObject.votesDownPrevious = votesObject.votesDown; 		// sectionObjectElement.dataset.wxs_votes_down;
  6383.  
  6384. 							votesObject.votesUp = data_fetched.votes.up;
  6385. 							votesObject.votesDown = data_fetched.votes.down;
  6386. 							votesObject.votesCount = data_fetched.votes.up - data_fetched.votes.down; 					// -10 (suma plusów i minusów nie dotyczy entry, entry_comment)
  6387. 							votesObject.votesAll = data_fetched.votes.up + data_fetched.votes.down; 					// 30  (liczba głosów nie dotyczy entry, entry_comment)
  6388. 							votesObject.votesUpPercent = 0;																// nie dotyczy entry, entry_comment zawsze 100%
  6389. 							votesObject.votesDownPercent = 0;															// nie dotyczy entry, entry_comment
  6390.  
  6391. 							if (data_fetched?.comments?.count) votesObject.commentsCount = data_fetched.comments.count;
  6392. 							if (data_fetched?.comments?.hot) votesObject.commentsHot = data_fetched.comments.hot;
  6393.  
  6394. 							// ile plusów przybyło/ubyło od ostatniego sprawdzenia
  6395. 							votesObject.plusesDelta = votesObject.votesUp - votesObject.votesUpPrevious;
  6396. 							votesObject.minusesDelta = votesObject.votesDown - votesObject.votesDownPrevious;
  6397. 							votesObject.votesCountChanged = (votesObject.plusesDelta != 0 || votesObject.minusesDelta != 0);
  6398.  
  6399.  
  6400. 							// if(dev) console.log("dataset.votesup: " + sectionObjectElement.dataset.wxs_votes_up + " / votesObject.plusesDelta: " + votesObject.plusesDelta)
  6401. 							// if(dev) console.log("sectionObjectElement.dataset")
  6402. 							// if(dev) console.log(sectionObjectElement.dataset)
  6403. 							// if(dev) console.log(sectionObjectElement)
  6404.  
  6405. 							// ZMIENIŁA SIĘ LICZBA PLUSÓW / WYKOPÓW
  6406. 							if (votesObject.votesCountChanged)
  6407. 							{
  6408. 								//alert("votesCountChanged")
  6409. 								if (dev) console.log("checkPluses() -> --------------------");
  6410. 								if (dev) console.log("checkPluses() -> VOTES COUNT CHANGED", sectionObjectElement)
  6411.  
  6412.  
  6413. 								sectionObjectElement.dataset.wxs_votes_up = votesObject.votesUp;				//  10
  6414. 								sectionObjectElement.dataset.wxs_votes_down = votesObject.votesDown;			//  20  — dodatnia nie dotyczy entry, entry_comment
  6415. 								sectionObjectElement.dataset.wxs_votes_count = votesObject.votesCount;			// -10 (suma plusów i minusów nie dotyczy entry, entry_comment)
  6416. 								sectionObjectElement.dataset.wxs_votes_all = votesObject.votesAll; 				//  30  (łączna liczba głosów nie dotyczy entry, entry_comment)
  6417. 								sectionObjectElement.dataset.wxs_voted = votesObject.voted;						// czy zaglosowano
  6418. 								sectionObjectElement.dataset.wxs_votes_separated = votesObject.separated || true;
  6419.  
  6420. 								updateFetchedVotesData(sectionObjectElement, votesObject, showUpdatedValues);
  6421. 							}
  6422. 						});
  6423. 				}
  6424. 			}
  6425. 		}
  6426.  
  6427. 		function updateFetchedVotesData(sectionObjectElement, votesObject, showUpdatedValues = true, onlyPluses = false)
  6428. 		{
  6429. 			consoleX(`updateFetchedVotesData() -> updateVisibleLinkVotesCount(showUpdatedValues: ${showUpdatedValues}, onlyPluses: ${onlyPluses})`, 1);
  6430.  
  6431. 			let ratingBoxSection;
  6432. 			let ratingBoxVotesUpCountElement;
  6433. 			let ratingBoxVotesDownCountElement;
  6434. 			let ratingBoxVotesDownPercentElement;
  6435. 			let ratingBoxVotesPerHourElement;
  6436.  
  6437. 			if (sectionObjectElement.__vue__.item.resource == "link")
  6438. 			{
  6439. 				ratingBoxSection = sectionObjectElement.querySelector("section.vote-box");
  6440.  
  6441. 				ratingBoxVotesUpCountElement = ratingBoxSection.querySelector("div.dig > p > span");
  6442. 				ratingBoxVotesDownCountElement = ratingBoxSection.querySelector(".wykopx_votesDownCount");
  6443. 				ratingBoxVotesDownPercentElement = ratingBoxSection.querySelector(".wykopx_votesDownPercent");
  6444. 				ratingBoxVotesPerHourElement = ratingBoxSection.querySelector(".wxs_votes_per_hour");
  6445. 			}
  6446. 			else
  6447. 			{
  6448. 				ratingBoxSection = sectionObjectElement.querySelector("section.rating-box");
  6449. 				sectionObjectElement.dataset.wxs_votes_separated = ratingBoxSection.__vue__.separated;
  6450.  
  6451. 				if (ratingBoxSection.__vue__.separated)
  6452. 				{
  6453. 					ratingBoxVotesUpCountElement = ratingBoxSection.querySelector("li.plus");	// li.plus.zero
  6454. 					ratingBoxVotesDownCountElement = ratingBoxSection.querySelector("li.minus"); // tylko przy komentarzach pod znaleziskiem
  6455. 				}
  6456. 				else
  6457. 				{
  6458. 					ratingBoxVotesUpCountElement = ratingBoxSection.querySelector("ul > li");
  6459. 				}
  6460.  
  6461. 				ratingBoxVotesPerHourElement = ratingBoxSection.querySelector(".wxs_votes_per_hour");
  6462. 			}
  6463.  
  6464.  
  6465.  
  6466. 			if (!votesObject && ratingBoxSection)
  6467. 			{
  6468. 				votesObject = getVotesObject(sectionObjectElement, ratingBoxSection);
  6469. 			}
  6470.  
  6471.  
  6472.  
  6473. 			// VOTES PER HOUR CALCULATION
  6474. 			if ((votesObject.resource == "link" && settings.checkLinkVotesEnable && settings.checkLinkVotesPerHour)
  6475. 				|| (votesObject.resource != "link" && settings.checkEntryPlusesEnable && settings.checkEntryPlusesPerHour))
  6476. 			{
  6477. 				const timeSinceFirtsLoad = (dayjs().valueOf() - sectionObjectElement.dataset.wxs_first_load_time) / 1000; // liczba sekund od zaladowania strony
  6478.  
  6479. 				if (timeSinceFirtsLoad > votesFetchingFirstDelayInSeconds + 5)
  6480. 				{
  6481. 					let votesPerHour = (votesObject.votesCount - sectionObjectElement.dataset.wxs_first_load_votes_count) * 3600 / timeSinceFirtsLoad;
  6482. 					let votesPerHourString;
  6483.  
  6484. 					// PLUSÓW NA GODZINE
  6485. 					if (votesPerHour == 0)
  6486. 					{
  6487. 						votesPerHourString = "0";
  6488. 					}
  6489. 					else if (votesPerHour > 0 && votesPerHour < 0.9)
  6490. 					{
  6491. 						votesPerHourString = "< 1";
  6492. 					}
  6493. 					else
  6494. 					{
  6495. 						let suffix_text;
  6496.  
  6497. 						if (votesObject.resource == "link")
  6498. 						{
  6499. 							suffix_text = "/h";
  6500. 							votesPerHour = votesPerHour.toFixed(0);
  6501. 						}
  6502. 						else
  6503. 						{
  6504. 							suffix_text = " plusa / h";
  6505. 							votesPerHour = votesPerHour.toFixed(1);
  6506. 						}
  6507.  
  6508. 						//votesPerHour = Math.round(votesPerHour)
  6509. 						votesPerHourString = `${votesPerHour}${suffix_text}`;
  6510. 					}
  6511.  
  6512. 					if (ratingBoxVotesPerHourElement) ratingBoxVotesPerHourElement.dataset.wxs_votes_per_hour = votesPerHourString; // data-wxs_votes_per_hour
  6513. 				}
  6514. 			}
  6515.  
  6516. 			// VOTES DOWN PERCENT
  6517. 			if (votesObject.votesAll > 0)
  6518. 			{
  6519. 				votesObject.votesDownPercent = Math.ceil(votesObject.votesDown * 100 / votesObject.votesAll);
  6520.  
  6521. 				sectionObjectElement.dataset.wxs_votes_down_percent = votesObject.votesDownPercent;
  6522.  
  6523.  
  6524. 				if (ratingBoxVotesDownPercentElement) 
  6525. 				{
  6526. 					ratingBoxVotesDownPercentElement.dataset.wxs_votes_down_percent = votesObject.votesDownPercent;
  6527. 					ratingBoxVotesDownPercentElement.textContent = `(${votesObject.votesDownPercent}%)`;
  6528. 				}
  6529. 			}
  6530.  
  6531. 			// COMMENTS COUNT
  6532. 			// if (votesObject.resource == "link" || votesObject.resource == "entry" || votesObject.resource == "link_comment")
  6533. 			// {
  6534. 			// 	sectionObjectElement.dataset.wxs_comment_count = votesObject.commentsCount;
  6535. 			// }
  6536.  
  6537. 			// if(dev) console.log("votesObject:");
  6538. 			// if(dev) console.log(votesObject);
  6539. 			// if(dev) console.log("sectionObjectElement.dataset:");
  6540. 			// if(dev) console.log(sectionObjectElement.dataset);
  6541.  
  6542.  
  6543.  
  6544.  
  6545. 			if (onlyPluses == false)
  6546. 			{
  6547. 				const votesDown = sectionObjectElement.dataset.wxs_votes_down;
  6548. 				sectionObjectElement.style.setProperty('--votesDown', `"${settings.prefixBeforeMinusesCount}` + votesDown + `"`);
  6549. 				// zbytek
  6550. 				let minusLi = sectionObjectElement.querySelector("section.rating-box > ul > li.minus");
  6551. 				if (minusLi) minusLi.textContent = votesDown;
  6552. 			}
  6553.  
  6554.  
  6555.  
  6556. 			// PRZYBYŁY PLUSY
  6557. 			if (votesObject.plusesDelta != 0)
  6558. 			{
  6559. 				ratingBoxVotesUpCountElement.dataset.wxs_votes_up = votesObject.votesUp;
  6560.  
  6561. 				if (votesObject.resource == "link")
  6562. 				{
  6563. 					ratingBoxVotesUpCountElement.textContent = votesObject.votesUp;
  6564. 				}
  6565. 				else 
  6566. 				{
  6567. 					const separated = sectionObjectElement.dataset.wxs_votes_separated || true;
  6568. 					let votesCountDisplayValue = ((separated === "true" || separated === true) ? votesObject.votesCount : votesObject.votesUp);
  6569. 					if (votesCountDisplayValue > 0) votesCountDisplayValue = `${settings.prefixBeforePlusesCount}${votesCountDisplayValue}`
  6570. 					else if (votesCountDisplayValue < 0) votesCountDisplayValue = `${settings.prefixBeforeMinusesCount}${votesCountDisplayValue}`;
  6571.  
  6572.  
  6573. 				}
  6574.  
  6575. 				if (votesObject.plusesDelta > 0)
  6576. 				{
  6577. 					sectionObjectElement.classList.add("plusesAdded");
  6578. 					ratingBoxSection.dataset.wxs_pluses_delta = `+${votesObject.plusesDelta}`;
  6579. 					//sectionObjectElement.style.setProperty('--plusesAdded', `"+${votesObject.plusesDelta}"`);
  6580. 				}
  6581. 				else
  6582. 				{
  6583. 					sectionObjectElement.classList.add("plusesRemoved");
  6584. 					ratingBoxSection.dataset.wxs_pluses_delta = `${votesObject.plusesDelta}`;
  6585. 					//sectionObjectElement.style.setProperty('--plusesRemoved', `"${votesObject.plusesDelta}"`); // jest z minusem
  6586. 				}
  6587. 			}
  6588.  
  6589. 			// PRZYBYŁY MINUSY POD KOMENTARZEM W ZNALEZISKU
  6590. 			if (votesObject.minusesDelta != 0 && ratingBoxVotesDownCountElement)
  6591. 			{
  6592. 				ratingBoxVotesDownCountElement.dataset.wxs_votes_down = votesObject.votesDown;
  6593.  
  6594. 				if (votesObject.resource == "link")
  6595. 				{
  6596. 					ratingBoxVotesDownCountElement.textContent = votesObject.votesDown;
  6597. 				}
  6598. 				else 
  6599. 				{
  6600. 					const separated = sectionObjectElement.dataset.wxs_votes_separated || true;
  6601. 					if (separated) // minusy i plusy są osobno, więc zmieniamy minusy
  6602. 					{
  6603. 						let votesCountDisplayValue = votesObject.votesDown;
  6604. 						if (votesCountDisplayValue < 0) votesCountDisplayValue = `${settings.prefixBeforeMinusesCount}${votesCountDisplayValue}`;
  6605. 						ratingBoxVotesDownCountElement.textContent = votesCountDisplayValue;
  6606. 					}
  6607. 					else // minusy i plusy są razem, więc zmieniamy plusy
  6608. 					{
  6609. 						let votesCountDisplayValue = votesObject.votesCount;
  6610. 						if (votesCountDisplayValue > 0) votesCountDisplayValue = `${settings.prefixBeforePlusesCount}${votesCountDisplayValue}`
  6611. 						else if (votesCountDisplayValue < 0) votesCountDisplayValue = `${settings.prefixBeforeMinusesCount}${votesCountDisplayValue}`;
  6612. 						ratingBoxVotesUpCountElement.textContent = votesCountDisplayValue;
  6613. 					}
  6614.  
  6615. 				}
  6616.  
  6617.  
  6618. 				if (votesObject.minusesDelta > 0)
  6619. 				{
  6620. 					sectionObjectElement.classList.add("minusesAdded");
  6621. 					ratingBoxSection.dataset.wxs_minuses_delta = `-${votesObject.minusesDelta}`;
  6622. 					//sectionObjectElement.style.setProperty('--minusesAdded', `"-${votesObject.minusesDelta}"`);
  6623. 				}
  6624. 				else
  6625. 				{
  6626. 					sectionObjectElement.classList.add("minusesRemoved");
  6627. 					ratingBoxSection.dataset.wxs_minuses_delta = `+${votesObject.minusesDelta}`;
  6628. 					//sectionObjectElement.style.setProperty('--minusesRemoved', `"+${votesObject.minusesDelta}"`);
  6629. 				}
  6630. 			}
  6631. 		}
  6632.  
  6633.  
  6634.  
  6635.  
  6636.  
  6637.  
  6638.  
  6639. 		// <section class="rating-box" data-wxs_pluses="269" data-wxs_minuses="0" data-wxs_pluses_minuses_total="269" data-wxs_pluses_below_limit="true">
  6640. 		function parseRatingBoxCurrentContentAndCreateDataValues(ratingBoxSection)
  6641. 		{
  6642. 			// dodanie data-wxs_pluses na podstawie aktualnych wartosci plusow w HTML
  6643. 			// if(dev) console.log("parseRatingBoxCurrentContentAndCreateDataValues(ratingBoxSection)")
  6644. 			consoleX(`parseRatingBoxCurrentContentAndCreateDataValues()`, 1);
  6645.  
  6646. 			const minusLi = ratingBoxSection.querySelector('li.minus');
  6647. 			let plusLi = ratingBoxSection.querySelector('li.plus');
  6648. 			if (!plusLi) plusLi = ratingBoxSection.querySelector('li.zero')
  6649. 			let votesUp = plusLi ? plusLi.textContent : 0; 				// 5liczba plusów
  6650. 			let votesDown = minusLi ? -1 * minusLi.textContent : 0; 	// 15 liczba minusów (dodatnia)
  6651. 			let votesCount = votesUp - votesDown;						// -10 suma plusów i minusów
  6652. 			let votesAll = votesUp + votesDown;							// 20 liczba glosow
  6653.  
  6654.  
  6655. 			ratingBoxSection.dataset.wxs_votes_up = votesUp;
  6656. 			ratingBoxSection.dataset.wxs_votes_down = votesDown;
  6657. 			ratingBoxSection.dataset.wxs_votes_count = votesCount;
  6658. 			ratingBoxSection.dataset.wxs_votes_all = votesAll;
  6659.  
  6660. 			// limit ukrywania wpisow przypietych na glownej
  6661. 			const homepagePinnedEntriesPlusesLimit = settings.homepagePinnedEntriesHideBelowLimit;
  6662. 			if (homepagePinnedEntriesPlusesLimit > 0)
  6663. 			{
  6664. 				// czy wpis jest poniżej limitu ukrywania wpisow przypietych na glownej
  6665. 				let plusesBelowLimit = (votesCount < homepagePinnedEntriesPlusesLimit ? true : false);
  6666. 				ratingBoxSection.dataset.wxs_pluses_below_limit = plusesBelowLimit;
  6667. 			}
  6668. 		}
  6669.  
  6670.  
  6671.  
  6672. 		// VOTING REAL UPDATE, VOTING EXPLOSION
  6673. 		function votingEventListener(sectionObjectElement, ratingBoxSection)
  6674. 		{
  6675. 			consoleX(`votingEventListener()`, 1);
  6676.  
  6677. 			if (sectionObjectElement && ratingBoxSection)
  6678. 			{
  6679. 				if (settings.checkEntryPlusesWhenVoting)
  6680. 				{
  6681. 					ratingBoxSection.addEventListener('mouseenter', function (event)
  6682. 					{
  6683. 						//var clickedButton = event.target;
  6684. 						if (dev) console.log("mouseenter rating box")
  6685. 						checkPluses(sectionObjectElement, ratingBoxSection, false);
  6686. 					});
  6687. 				}
  6688.  
  6689.  
  6690. 				/* 
  6691. 				
  6692. 				ratingBoxSection.__vue__
  6693. 				{
  6694. 					voted: 		0  			// czy zaglosowane
  6695. 					down:		0
  6696. 					up:			278
  6697. 					value:		278
  6698. 					formattedValue: "278",
  6699. 					separated:	false	
  6700. 					id:			23456789
  6701. 					idParent:	1234567
  6702. 					linkId:		1234567
  6703. 					users: 		[{}, {}...],
  6704. 					type: "entryComment" / "???"
  6705. 					deleted: 	null
  6706. 					author:		"NadiaFrance"
  6707. 					showBtn:	true / false
  6708. 				}
  6709. 				*/
  6710.  
  6711. 				if (settings.votePlusMinusOnHover)
  6712. 				{
  6713. 					ratingBoxSection.addEventListener('mouseover', function (event)
  6714. 					{
  6715.  
  6716. 						if (event.target.matches('button:not(.voted)'))
  6717. 						{
  6718. 							event.target.click();
  6719. 						}
  6720. 					});
  6721. 				}
  6722.  
  6723.  
  6724. 				ratingBoxSection.addEventListener('click', function (event)
  6725. 				{
  6726. 					var clickedButton = event.target;
  6727.  
  6728. 					let up = 0;
  6729. 					let down = 0;
  6730. 					let count = 0;
  6731. 					let all = 0;
  6732.  
  6733. 					let vote = "voted"; // "voted", "unvoted"
  6734. 					let action = "plused"; // "plused", "minused"
  6735. 					let sign = "+";
  6736.  
  6737. 					// let votesUp = ratingBoxSection.__vue__.up;
  6738. 					// let votesDown = ratingBoxSection.__vue__.down;
  6739.  
  6740. 					//let votesUp = sectionObjectElement.dataset.wxs_votes_up;
  6741. 					//let votesDown = sectionObjectElement.dataset.wxs_votes_down;
  6742.  
  6743.  
  6744. 					if (clickedButton.matches('button.plus.voted'))			// dodano plusa
  6745. 					{
  6746. 						action = "plused";
  6747. 						vote = "voted";
  6748. 						// count = votesUp;
  6749. 						up = Number(sectionObjectElement.dataset.wxs_votes_up) + 1;
  6750. 						count = Number(sectionObjectElement.dataset.wxs_votes_count) + 1;
  6751. 						all = Number(sectionObjectElement.dataset.wxs_votes_all) + 1;
  6752.  
  6753. 					}
  6754. 					else if (clickedButton.matches('button.plus:not(.voted)'))	// usunieto plusa
  6755. 					{
  6756. 						action = "plused";
  6757. 						vote = "unvoted";
  6758. 						//count = votesUp;
  6759. 						up = Number(sectionObjectElement.dataset.wxs_votes_up) - 1;
  6760. 						count = Number(sectionObjectElement.dataset.wxs_votes_count) - 1;
  6761. 						all = Number(sectionObjectElement.dataset.wxs_votes_all) - 1;
  6762. 					}
  6763. 					else if (clickedButton.matches('button.minus.voted')) 		//  dodano minusa
  6764. 					{
  6765. 						action = "minused";
  6766. 						vote = "voted";
  6767. 						sign = "-";
  6768. 						down = Number(sectionObjectElement.dataset.wxs_votes_down) - 1;
  6769. 						count = Number(sectionObjectElement.dataset.wxs_votes_count) - 1;
  6770. 						all = Number(sectionObjectElement.dataset.wxs_votes_all) + 1;	// liczba głosów
  6771. 					}
  6772. 					else if (clickedButton.matches('button.minus:not(.voted)')) // usunięto minusa
  6773. 					{
  6774. 						action = "minused";
  6775. 						vote = "unvoted";
  6776. 						sign = "-";
  6777. 						//count = votesDown;
  6778. 						down = Number(sectionObjectElement.dataset.wxs_votes_down) + 1;
  6779. 						count = Number(sectionObjectElement.dataset.wxs_votes_count) + 1;
  6780. 						all = Number(sectionObjectElement.dataset.wxs_votes_all) - 1;	// liczba głosów
  6781. 					}
  6782.  
  6783. 					sectionObjectElement.dataset.wxs_votes_up = up;
  6784. 					sectionObjectElement.dataset.wxs_votes_down = down;
  6785. 					sectionObjectElement.dataset.wxs_votes_all = all;
  6786. 					sectionObjectElement.dataset.wxs_votes_count = count;
  6787.  
  6788. 					updateFetchedVotesData(sectionObjectElement);
  6789.  
  6790. 					// voting explosion
  6791. 					if (settings.votingExplosionEnable && vote == "voted")
  6792. 					{
  6793. 						let maximumExpliosionTime = 1300; // default 0 delay, 1300 duration
  6794.  
  6795. 						let min_x = -60;
  6796. 						let max_x = 60;
  6797. 						let min_y = -60;
  6798. 						let max_y = -20;
  6799.  
  6800. 						if (count > 30) max_y = 60;
  6801. 						if (count > 300) { min_x = -90; max_x = 90; }
  6802.  
  6803. 						// let particlesCount = (count > 110 ? Math.ceil(count / 10) : count);
  6804. 						let particlesCount = count;
  6805. 						if (particlesCount > 2000) particlesCount = 200;
  6806. 						else if (particlesCount > 690) particlesCount = particlesCount / 10;
  6807. 						else if (particlesCount > 345) particlesCount = particlesCount / 5;
  6808. 						else if (particlesCount > 39) particlesCount = 39;
  6809.  
  6810.  
  6811. 						var newDivs = [];
  6812.  
  6813. 						for (var i = 0; i < particlesCount; i++)
  6814. 						{
  6815. 							var newDiv = document.createElement('div');
  6816. 							newDiv.textContent = sign;
  6817. 							newDiv.classList.add(`wykopxs_vote_animation`, `wykopxs_${vote}`, `wykopxs_${action}`); // class="wykopxs_vote_animation wykopxs_voted wykopxs_plused"
  6818.  
  6819. 							let color = (sign === "+" ? "green" : "red");
  6820. 							if (sign === "+")
  6821. 							{
  6822. 								if (count >= 666 && getRandomInt(1, 10) == 1) color = "golden";
  6823. 								if (count > 100 && count < 666 && getRandomInt(1, 80) == 1) newDiv.textContent = "💚";;
  6824. 							}
  6825. 							if (count > 100 && getRandomInt(1, 30) == 1) 
  6826. 							{
  6827. 								min_x += getRandomInt(-30, 30); max_x += getRandomInt(-30, 30)
  6828. 								min_y -= getRandomInt(-30, 30); max_y -= getRandomInt(-30, 30);
  6829. 							}
  6830.  
  6831. 							newDiv.classList.add(`wykopxs_${color}`);
  6832.  
  6833. 							newDiv.style.setProperty('--position_x', getRandomInt(min_x, max_x, "px"));
  6834. 							newDiv.style.setProperty('--position_y', getRandomInt(min_y, max_y, "px"));
  6835. 							newDiv.style.setProperty('--position_z', 0);
  6836.  
  6837.  
  6838. 							if (count > 30)
  6839. 							{
  6840. 								newDiv.style.setProperty('--explosionTiming', getRandomString("linear", "ease", "ease-in-out", "ease-in", "ease-out")); // "cubic-bezier(0.1, 0.7, 1, 0.1)"
  6841. 								newDiv.style.setProperty('--explosionDelay', getRandomInt(0, getRandomInt(0, Math.max(800, count)), "ms"));
  6842. 								newDiv.style.setProperty('--explosionDuration', getRandomInt(900, 1300), "ms");
  6843.  
  6844. 								maximumExpliosionTime = Math.max(800, count) + 1300;
  6845. 							}
  6846.  
  6847. 							clickedButton.after(newDiv);
  6848. 							newDivs.push(newDiv);
  6849. 						}
  6850.  
  6851. 						parseRatingBoxCurrentContentAndCreateDataValues(ratingBoxSection); // TODO
  6852.  
  6853. 						setTimeout(function ()
  6854. 						{
  6855. 							for (var i = 0; i < newDivs.length; i++)
  6856. 							{
  6857. 								newDivs[i].parentNode.removeChild(newDivs[i]);
  6858. 							}
  6859.  
  6860. 						}, maximumExpliosionTime);
  6861. 					}
  6862. 				});
  6863. 			}
  6864.  
  6865. 		}
  6866.  
  6867.  
  6868.  
  6869.  
  6870.  
  6871.  
  6872.  
  6873.  
  6874.  
  6875.  
  6876.  
  6877. 		const apiGetLink = "https://wykop.pl/api/v3/links/";
  6878. 		/*
  6879. 		<section id="link-7288349" class="link-block" 
  6880. 			data-wxs_votes_up="183" data-wxs_votes_down="5" data-wxs_votes_count="178" data-voted="0" data-comments-count="10" data-comments-hot="false" data-hot="false" data-adult="false" data-wxs_created_at="2023-11-27 21:12:49" data-published-at="2023-11-28 15:22:38" data-title="Dwie awarie..." data-slug="dwie-awarie-w-ec-bedzin-wznowienie-dostaw-ciepla-w-koncu-tygodnia-rmf-24" data-wxs_description="Dwie awarie w (...)" data-wxs_source_label="www.rmf24.pl" data-source-u-r-l="https://www.rmf24.pl/regiony/slaskie/news..." data-wxs_source_type="anchor" data-tags="slaskie,bedzin,awaria,wydarzenia">
  6881. 		*/
  6882.  
  6883. 		function linkSectionIntersected(linkBlock)
  6884. 		{
  6885. 			if (dev) console.log("linkSectionIntersected(linkBlock)", linkBlock)
  6886.  
  6887. 			// const linkBlock = jNodeLinkBlock[0]; // jNode => DOMElement
  6888. 			//const link_id = linkBlock.id.replace("link-", ""); // 78643212
  6889. 			const link_id = linkBlock.__vue__.item.id;
  6890. 			const fetchURL = apiGetLink + link_id;
  6891. 			if (dev) console.log(fetchURL);
  6892.  
  6893. 			let link_data;
  6894.  
  6895. 			let sectionVoteBox = linkBlock.querySelector('section.vote-box');
  6896.  
  6897. 			if (sectionVoteBox)
  6898. 			{
  6899.  
  6900. 				if (settings.linksAnalyzerEnable)
  6901. 				{
  6902.  
  6903. 					fetch(fetchURL,
  6904. 						{
  6905. 							method: "GET", // or 'PUT'
  6906. 							headers: {
  6907. 								"Content-Type": "application/json",
  6908. 								Authorization: "Bearer " + window.localStorage.token,
  6909. 							},
  6910. 						})
  6911. 						.then(x => x.json())
  6912. 						.then(data =>
  6913. 						{
  6914. 							link_data = data.data;
  6915. 							if (dev) console.log("link_data");
  6916. 							if (dev) console.log(link_data);
  6917.  
  6918. 							linkBlock.dataset.wxs_votes_up = link_data.votes.up;								// liczba wykopów/plusów 10
  6919. 							linkBlock.dataset.wxs_votes_down = link_data.votes.down;							// liczba zakopów/minusów 20
  6920. 							linkBlock.dataset.wxs_votes_count = link_data.votes.count;							// suma plusów i minusów/ suma wykopów i zakopów -10 
  6921. 							linkBlock.dataset.wxs_votes_all = link_data.votes.up + link_data.votes.down; 		// łączna liczba oddanych głosów 30 
  6922.  
  6923. 							link_data.votes.votesDownPercent = 0;
  6924. 							link_data.votes.votesUpPercent = 0;
  6925.  
  6926. 							if (linkBlock.dataset.wxs_votes_all > 0)
  6927. 							{
  6928. 								link_data.votes.votesDownPercent = Math.ceil(link_data.votes.down * 100 / linkBlock.dataset.wxs_votes_all);
  6929. 								link_data.votes.votesUpPercent = Math.ceil(link_data.votes.up * 100 / linkBlock.dataset.wxs_votes_all);
  6930. 							}
  6931.  
  6932. 							linkBlock.dataset.wxs_hot = link_data.hot;
  6933. 							linkBlock.dataset.wxs_slug = link_data.slug;
  6934. 							linkBlock.dataset.wxs_adult = link_data.adult;
  6935. 							linkBlock.dataset.wxs_tags = link_data.tags;
  6936. 							linkBlock.dataset.wxs_title = link_data.title;
  6937. 							linkBlock.dataset.wxs_voted = link_data.voted;
  6938. 							linkBlock.dataset.wxs_source_url = link_data.source.url;
  6939. 							linkBlock.dataset.wxs_source_type = link_data.source.type;
  6940. 							linkBlock.dataset.wxs_comments_hot = link_data.comments.hot;
  6941. 							linkBlock.dataset.wxs_description = link_data.description;
  6942. 							linkBlock.dataset.wxs_source_label = link_data.source.label;
  6943. 							linkBlock.dataset.wxs_comment_count = link_data.comments.count;
  6944. 							const linkBlockInfoSpan = linkBlock.querySelector("section > article > div.content > section.info > span");
  6945. 							if (link_data.created_at)
  6946. 							{
  6947. 								linkBlock.dataset.wxs_created_at = link_data.created_at;
  6948. 								const timeCreatedAt = document.createElement("time");
  6949. 								// timeCreatedAt.setAttribute("data-v-441f7cc5", null);
  6950. 								timeCreatedAt.innerHTML = `Dodane: ${link_data.created_at}`;
  6951. 								linkBlockInfoSpan.appendChild(timeCreatedAt);
  6952. 							}
  6953.  
  6954. 							if (link_data.published_at)
  6955. 							{
  6956. 								linkBlock.dataset.wxs_published_at = link_data.published_at;
  6957. 								const timePublishedAt = document.createElement("time");
  6958. 								// timePublishedAt.setAttribute("data-v-441f7cc5", null);
  6959. 								timePublishedAt.innerHTML = `Na głównej od: ${link_data.published_at}`;
  6960. 								linkBlockInfoSpan.appendChild(timePublishedAt);
  6961. 							}
  6962.  
  6963.  
  6964.  
  6965.  
  6966. 							// SORTOWANIE ZNALEZISK NA GŁÓWNEJ WEDŁUG
  6967. 							if (typeof settings.linksAnalyzerSortBy === "string" && settings.linksAnalyzerSortBy != "" && settings.linksAnalyzerSortBy != "domyslnie")
  6968. 							{
  6969. 								if (settings.linksAnalyzerSortBy == "by_votes_count") linkBlock.style.order = -1 * link_data.votes.count;  					// 🔽 Sortuj wg liczby wykopów style="order: -321"
  6970. 								else if (settings.linksAnalyzerSortBy == "by_comments_count") linkBlock.style.order = -1 * link_data.comments.count;		// 🔽 Sortuj wg liczby komentarzy
  6971. 								else if (settings.linksAnalyzerSortBy == "by_created_oldest")												
  6972. 								{
  6973. 									linkBlock.style.order = Math.floor(new Date(link_data.created_at).getTime() / 1000);					// ⏬ Sortuj wg daty dodania (od najstarszego)
  6974. 								}
  6975. 								else if (settings.linksAnalyzerSortBy == "by_created_newest")												
  6976. 								{
  6977. 									linkBlock.style.order = -1 * Math.floor(new Date(link_data.created_at).getTime() / 1000);				// ⏫ Sortuj wg daty dodania (od najnowszego)
  6978. 								}
  6979. 								else if (link_data.published_at != null && settings.linksAnalyzerSortBy == "by_published_oldest")												
  6980. 								{
  6981. 									linkBlock.style.order = Math.floor(new Date(link_data.published_at).getTime() / 1000);					// ⏬ Sortuj wg czasu na głównej (od najstarszego)
  6982. 								}
  6983. 								else if (link_data.published_at != null && settings.linksAnalyzerSortBy == "by_published_newest")												
  6984. 								{
  6985. 									linkBlock.style.order = -1 * Math.floor(new Date(link_data.published_at).getTime() / 1000);				// ⏫ Sortuj wg czasu na głównej (od najnowszego)
  6986. 								}
  6987. 							}
  6988.  
  6989.  
  6990. 							const votesMeter = document.createElement('progress');
  6991. 							votesMeter.className = "wykopxs wykopx_votesMeter";
  6992. 							votesMeter.setAttribute('value', link_data.votes.up);
  6993. 							votesMeter.setAttribute('max', link_data.votes.up + link_data.votes.down);
  6994.  
  6995. 							const votesDownInfo = document.createElement('div');
  6996. 							votesDownInfo.className = "burry active wykopxVotesDownInfo";
  6997.  
  6998. 							const span = document.createElement('span');
  6999. 							span.className = "wykopxs wykopx_votesDown";
  7000. 							// VUE SENSITIVE data-v-5bb34f93
  7001. 							span.setAttribute('data-v-5bb34f93', '');
  7002. 							span.setAttribute('data-dropdown', `buried-${link_id}`);
  7003. 							span.setAttribute('title', `Statystyki Wykop X:
  7004.  
  7005. Liczba wykopujących: ${link_data.votes.up} 
  7006. Liczba zakopujących: ${link_data.votes.down} (${link_data.votes.votesDownPercent}%)`);
  7007.  
  7008. 							const spanVotesDownCount = document.createElement('span');
  7009. 							spanVotesDownCount.className = "wykopxs wykopx_votesDownCount";
  7010. 							spanVotesDownCount.textContent = `${link_data.votes.down}`;
  7011.  
  7012. 							const spanVotesDownPercent = document.createElement('span');
  7013. 							spanVotesDownPercent.className = "wykopxs wykopx_votesDownPercent";
  7014. 							spanVotesDownPercent.textContent = `(${link_data.votes.votesDownPercent}%)`;
  7015.  
  7016. 							span.appendChild(spanVotesDownCount);
  7017. 							span.appendChild(spanVotesDownPercent);
  7018. 							votesDownInfo.appendChild(span);
  7019.  
  7020. 							sectionVoteBox.appendChild(votesDownInfo);
  7021. 							if (linkBlock.dataset.wxs_votes_all > 0)
  7022. 							{
  7023. 								sectionVoteBox.appendChild(votesMeter);
  7024. 							}
  7025.  
  7026. 						});
  7027. 				}
  7028.  
  7029. 				// if (settings.linkVoteDownButton && pageType != "wykopalisko")
  7030. 				if (settings.linkVoteDownButton && !sectionVoteBox.querySelector("div.burry"))
  7031. 				{
  7032. 					const downVoteElement = document.createElement("div");
  7033. 					downVoteElement.classList = "wxsDownVoteWrapper";
  7034. 					downVoteElement.style = "justify-content: center; display: flex; margin-top: 5px;"
  7035. 					let downVoteButtonHtml = `<button class="wxsDownVote" data-id="${link_id}" data-vote="down" data-reason="5" style="color: var(--blackish); font-size: 11px;">ZAKOP</button>`; //1-duplikat, 2-spam, 3-informacja nieprawidłowa, 4-treść nieodpowiednia, 5-nie nadaje się
  7036. 					downVoteElement.innerHTML = downVoteButtonHtml;
  7037. 					sectionVoteBox.appendChild(downVoteElement);
  7038.  
  7039.  
  7040. 					downVoteElement.addEventListener("click", async function ()
  7041. 					{
  7042. 						const downVoteButton = downVoteElement.children[0];
  7043. 						if (dev) console.log(downVoteButton);
  7044. 						let data = null;
  7045. 						if (downVoteButton.dataset.vote == "down")
  7046. 						{
  7047. 							data = await postWykopAPIData("links", downVoteButton.dataset.id, "votes", "down", downVoteButton.dataset.reason) // "/api/v3/links/1234567/votes/down/5"
  7048. 							// znalezisko zakopano
  7049. 							if (data == 204)
  7050. 							{
  7051. 								downVoteButton.dataset.vote = "undo";
  7052. 								downVoteButton.innerText = "odkop";
  7053. 								linkBlock.classList.add("wxsVotedDown");
  7054. 								sectionVoteBox.classList.add("voted", "buried");
  7055. 							}
  7056. 						}
  7057. 						else if (downVoteButton.dataset.vote == "undo")
  7058. 						{
  7059. 							data = await deleteWykopAPIData("links", downVoteButton.dataset.id, "votes") // "/api/v3/links/1234567/votes" -- cofniecie wykopu/zakopu
  7060. 							// cofnięto wykop/zakop
  7061. 							if (data == 204)
  7062. 							{
  7063. 								downVoteButton.dataset.vote = "down";
  7064. 								downVoteButton.innerText = "ZAKOP";
  7065. 								linkBlock.classList.remove("wxsVotedDown");
  7066. 								sectionVoteBox.classList.remove("voted", "buried");
  7067. 							}
  7068. 						}
  7069.  
  7070. 						if (dev) console.log("downVoteLink data:");
  7071. 						if (dev) console.log(data);
  7072. 					})
  7073. 				}
  7074. 			}
  7075. 		}
  7076.  
  7077.  
  7078.  
  7079.  
  7080.  
  7081.  
  7082.  
  7083.  
  7084.  
  7085.  
  7086.  
  7087.  
  7088.  
  7089.  
  7090.  
  7091.  
  7092.  
  7093. 		/* ------ ZNIESIENIE LIMITÓW W TEXTAREA I INPUT PODCZAS WKLEJANIA TEKSTU ------ */
  7094.  
  7095. 		// <input data-v-6486857b="" data-v-99298700="" type="text" placeholder="Wpisz tytuł Znaleziska..." maxlength="80" class="">
  7096. 		// <textarea data-v-8f9e192e="" data-v-99298700="" placeholder="Wpisz opis Znaleziska..." maxlength="300" class=""></textarea>
  7097. 		// <input data-v-714efcd5="" id="title" type="text" placeholder="Wpisz tytuł..." maxlength="80" class="highlight">
  7098. 		if (settings.disableNewLinkEditorPastedTextLimit)
  7099. 		{
  7100. 			waitForKeyElements("[maxlength]", disableNewLinkEditorPastedTextLimit, false);
  7101. 		}
  7102.  
  7103. 		function disableNewLinkEditorPastedTextLimit(input)
  7104. 		{
  7105. 			consoleX(`disableNewLinkEditorPastedTextLimit()`, 1)
  7106. 			const maxLength = input.getAttribute('maxlength');
  7107. 			input.removeAttribute('maxlength');
  7108.  
  7109. 			let divElement = document.createElement('div');
  7110.  
  7111. 			divElement.className = 'wykopxs_textinput_limit_info';
  7112. 			divElement.style.color = 'rgba(120, 120, 120, 1)';
  7113. 			divElement.style.fontSize = '14px';
  7114. 			divElement.style.margin = '10px 0px 10px 0px';
  7115.  
  7116. 			input.parentNode.appendChild(divElement, input);
  7117.  
  7118. 			function handleInputEvent()
  7119. 			{
  7120. 				let charCount = input.value.length;
  7121. 				divElement.innerHTML = `
  7122. 			Wykop X: wprowadzono: 
  7123. 			<span class="${charCount > maxLength ? 'overLimit' : 'withinLimit'}" style="color: ${charCount > maxLength ? 'red' : 'inherit'}">
  7124. 				<strong>${charCount}</strong> / 
  7125. 				<strong>${maxLength}</strong>
  7126. 			</span> 
  7127. 			znaków`;
  7128. 			}
  7129.  
  7130. 			input.addEventListener('change', handleInputEvent);
  7131. 			input.addEventListener('focus', handleInputEvent);
  7132. 			input.addEventListener('paste', handleInputEvent);
  7133.  
  7134.  
  7135. 			let timeout = null;
  7136. 			input.addEventListener('keyup', function (e)
  7137. 			{
  7138. 				if (e.key === ' ' || e.key === '.')
  7139. 				{
  7140. 					handleInputEvent(e);
  7141. 				}
  7142. 				else
  7143. 				{
  7144. 					clearTimeout(timeout);
  7145. 					timeout = setTimeout(function ()
  7146. 					{
  7147. 						handleInputEvent(e);
  7148. 					}, 2000);
  7149. 				}
  7150. 			});
  7151.  
  7152. 		}
  7153.  
  7154.  
  7155.  
  7156.  
  7157.  
  7158.  
  7159.  
  7160.  
  7161.  
  7162.  
  7163.  
  7164.  
  7165.  
  7166. 		/* ------ HELPER FUNCTIONS --------- */
  7167.  
  7168. 		// consoleX("TEXT")
  7169. 		// consoleX("TEXT", false) 
  7170. 		// consoleX("TEXT", 1) -- wyświetla tylko w trybie dev
  7171. 		function consoleX(text, only_on_dev_mode = false)
  7172. 		{
  7173. 			if (only_on_dev_mode == false || dev == true)
  7174. 			{
  7175. 				let tpl = `background-color:black; border:1px solid rgba(244, 244, 244, 0.4); font-weight: bolder; padding: 0px 9px; font-family: "Segoe UI", "Open Sans", sans-serif; margin-right: 10px;`;
  7176. 				if (only_on_dev_mode) tpl += `color:rgba(43, 255, 75, 1);`;
  7177. 				else tpl += `color:rgba(255, 255, 255, 0.8);`;
  7178.  
  7179. 				if (dev) console.log(`%cWykop X%c` + text, `${tpl}`, `font-family: "Segoe UI", "Open Sans"`);
  7180. 			}
  7181.  
  7182. 		}
  7183.  
  7184.  
  7185. 		// DEV RUN WITH DELAY
  7186. 		function runWithDelay(time, f)
  7187. 		{
  7188. 			// consoleX(`runWithDelay(f , ${time})`, 1);
  7189. 			setTimeout(function ()
  7190. 			{
  7191. 				f();
  7192. 			}, time);
  7193. 		}
  7194.  
  7195.  
  7196.  
  7197. 		function replaceDigitsWithDot(num)
  7198. 		{
  7199. 			if (num < 100)
  7200. 			{
  7201. 				return num.toString().slice(0, -1) + " ·";
  7202. 			} else
  7203. 			{
  7204. 				return num.toString().slice(0, -2) + " · ·";
  7205. 			}
  7206. 		}
  7207.  
  7208. 		// SHA256("WykopX") => "f5583a1d5d6044951722fe4b08d534af2b571efc065c8b73d07689d25d8a6175"
  7209. 		async function SHA256(message)
  7210. 		{
  7211. 			const encoder = new TextEncoder();
  7212. 			const data = encoder.encode(message); // 8,87,121,107,111,112,88
  7213. 			const hashBuffer = await crypto.subtle.digest("SHA-256", data);
  7214. 			const hashArray = Array.from(new Uint8Array(hashBuffer)); // convert buffer to byte array
  7215. 			const hashHex = hashArray.map(b => b.toString(16).padStart(2, '0')).join(''); // convert bytes to hex string f5583a1d5d6044951722fe4b08d534af2b571efc065c8b73d07689d25d8a6175
  7216. 			consoleX(`SHA256 hash: ${hashHex}`, 1);
  7217. 			return hashHex;
  7218. 		}
  7219.  
  7220.  
  7221.  
  7222. 		// getRandomInt(-30, 20, "px")
  7223. 		function getRandomInt(min, max, unit)
  7224. 		{
  7225. 			min = Math.ceil(min);
  7226. 			max = Math.floor(max);
  7227. 			let randomValue = Math.floor(Math.random() * (max - min + 1)) + min;
  7228. 			if (unit != null) randomValue = randomValue + unit;
  7229. 			return randomValue;
  7230. 		}
  7231.  
  7232.  
  7233. 		//	getRandomString("string1", "string2", "string3", "string4", "string5");
  7234. 		function getRandomString(...stringsArray)
  7235. 		{
  7236. 			let randomString = stringsArray[Math.floor(Math.random() * stringsArray.length)];
  7237. 			return randomString;
  7238. 		}
  7239.  
  7240.  
  7241.  
  7242. 		// FUNKCJA SKOPIOWANA DO TS W WykopX Drop
  7243. 		function isValidURL(string)
  7244. 		{
  7245. 			try
  7246. 			{
  7247. 				new URL(string);
  7248. 				return true;
  7249. 			} catch (err)
  7250. 			{
  7251. 				return false;
  7252. 			}
  7253. 		}
  7254. 		// FUNKCJA SKOPIOWANA DO TS W WykopX Drop
  7255. 		function isValidImageURL(string)
  7256. 		{
  7257. 			if (isValidURL(string))
  7258. 			{
  7259. 				let lowerCaseString = string.toLowerCase();
  7260. 				if (lowerCaseString.endsWith(".png") || lowerCaseString.endsWith(".jpeg") || lowerCaseString.endsWith(".jpg") || lowerCaseString.endsWith(".webp"))
  7261. 				{
  7262. 					return true;
  7263. 				}
  7264. 			}
  7265. 			return false;
  7266. 		}
  7267. 		// FUNKCJA SKOPIOWANA DO TS W WykopX Drop
  7268. 		// returns array of valid URL's from a given string
  7269. 		// returns ["http://onet.pl", "https://www.wp.pl"]
  7270. 		// returns null
  7271. 		// getURLsFromString("string")
  7272. 		// getURLsFromString("string with img urls", true)
  7273. 		function getURLsFromString(string, onlyImagesURLs = false, appendHttpsForBeforeWww = true)
  7274. 		{
  7275. 			let urlRegex = /(https?:\/\/[^\s]+)|(www\.[^\s]+)/g;
  7276. 			let urlImagesRegex = /(https?:\/\/[^\s]+(\.png|\.jpg|\.jpeg|\.webp))|(www\.[^\s]+(\.png|\.jpg|\.jpeg|\.webp))/g;
  7277.  
  7278. 			let urls = string.match(onlyImagesURLs ? urlImagesRegex : urlRegex);
  7279. 			if (urls && appendHttpsForBeforeWww)
  7280. 			{
  7281. 				urls = urls.map(url => url.startsWith('www.') ? 'https://' + url : url);
  7282. 			}
  7283. 			return urls;
  7284. 		}
  7285. 		// FUNKCJA SKOPIOWANA DO TS W WykopX Drop
  7286. 		function bytesToKB(bytes, decimalDigits = 2)
  7287. 		{
  7288. 			return (bytes / 1024).toFixed(decimalDigits) + ' KB';
  7289. 		}
  7290. 		// FUNKCJA SKOPIOWANA DO TS W WykopX Drop
  7291. 		function bytesToMB(bytes, decimalDigits = 2)
  7292. 		{
  7293. 			return (bytes / (1024 * 1024)).toFixed(decimalDigits) + ' MB';
  7294. 		}
  7295.  
  7296. 		// returns array of words prefixed with + in string 
  7297. 		// Output: ["r", "b", "f"]
  7298. 		// Output: ["normal"]
  7299. 		function getPlusWords(str)
  7300. 		{
  7301. 			// if(dev) console.log("getPlusWords(string): " + str)
  7302.  
  7303. 			let matches = str.match(/\+\p{L}+/gu); // diacritics characters, nie działa dla: str.match(/\+\w+/g); 
  7304. 			if (matches)
  7305. 			{
  7306. 				return matches.map(word => word.slice(1)); // 
  7307. 			}
  7308. 			else
  7309. 			{
  7310. 				return ["normal"];
  7311. 			}
  7312. 		}
  7313. 		function removePlusWords(str)
  7314. 		{
  7315. 			let words = str.split(' ');
  7316. 			let filteredWords = words.filter(word => word[0] !== '+');
  7317. 			let stringWithout = filteredWords.join(' ');
  7318. 			return stringWithout;
  7319. 		}
  7320.  
  7321. 		function capitalizeFirstLetter(str)
  7322. 		{
  7323. 			return str.charAt(0).toUpperCase() + str.slice(1);
  7324. 		}
  7325.  
  7326. 		function timeDurationFromSeconds(seconds)
  7327. 		{
  7328. 			const hours = Math.floor(seconds / 3600);
  7329. 			seconds %= 3600;
  7330. 			const minutes = String(Math.floor(seconds / 60)).padStart(2, '0');
  7331. 			seconds = String(Math.floor(seconds % 60)).padStart(2, '0');
  7332. 			return `${hours > 0 ? hours + ":" : ""}${minutes}:${seconds}`;
  7333. 		}
  7334.  
  7335.  
  7336.  
  7337.  
  7338.  
  7339.  
  7340.  
  7341.  
  7342.  
  7343. 		/* ARCHIWUM X */
  7344. 		let newestEntrySection = null;
  7345. 		let newestEntryID = null;
  7346. 		let wxs_newest_entry = 1;
  7347.  
  7348. 		async function archiveXNewestEntry()
  7349. 		{
  7350. 			let newestEntrySectionElem = document.createElement("div");
  7351. 			newestEntrySectionElem.id = "wxs_newest_entry";
  7352. 			newestEntrySectionElem.classList.add("hidden");	// .hidden
  7353.  
  7354. 			newestEntrySectionElem.innerHTML = `
  7355. 		<section data-v-2aacfeb5="" data-v-7693ae52="" class="entry" data-v-0a84d0a4=""><!-- id="comment-75364841"  -->
  7356. 			<article data-v-2aacfeb5="">
  7357. 				<header data-v-2aacfeb5="">
  7358. 					<div data-v-2aacfeb5="" class="left">
  7359. 						<a data-v-fb64f4be="" data-v-2aacfeb5="" class="avatar active" style="width: 40px; height: 40px;"> <!-- href="/ludzie/NICK" -->
  7360. 							<figure data-v-fb64f4be="" class="male orange-profile wxs_newest_entry_author_color wxs_newest_entry_author_gender">
  7361. 								<img class="wxs_newest_entry_author_avatar" data-v-ecb5ea3e="" data-v-fb64f4be="" loading="lazy" src="https://wykop.pl/cdn/c0834752/3f55ec16859056965fb5ef04e080527497a9abce924d2edb171680c11e34ce1c,q80.png" alt="NICK">
  7362. 							</figure>
  7363. 						</a>
  7364. 					</div>
  7365.  
  7366. 					<div data-v-2aacfeb5="" class="right">
  7367. 						<div data-v-2aacfeb5="">
  7368. 							<div data-v-0908378b="" data-v-2aacfeb5="" class="tooltip-slot">
  7369. 								<span data-v-0908378b="">
  7370. 									<a class="wxs_newest_entry_author_username_ahref wxs_newest_entry_author_color username orange-profile active" href="/ludzie/WykopX" data-v-ed9f6c56="" data-v-2aacfeb5="">
  7371. 										<span class="wxs_newest_entry_author_username" data-v-ed9f6c56="">WykopX</span>
  7372. 									</a>
  7373. 								</span>
  7374. 							</div>
  7375. 							<span data-v-0908378b="">
  7376. 									<span data-v-2aacfeb5="">
  7377. 										<a class="wxs_newest_entry_ahref" data-v-2aacfeb5="" href="">
  7378. 											<time class="date wxs_newest_entry_created_at"  data-v-0132bb98="" data-v-2aacfeb5="" title="2024-03-09 18:42:19" datetime="2024-03-09 18:42:19">przed chwilą</time>
  7379. 										</a>
  7380. 									</span>
  7381. 								</a>
  7382. 							</span>
  7383. 							</div>
  7384. 							<div data-v-2aacfeb5="">
  7385. 								<section data-v-76790450="" data-v-2aacfeb5="" class="rating-box">
  7386. 									<ul data-v-76790450="" class="">
  7387. 										<li data-v-76790450="" class="zero">0</li>
  7388. 									</ul>
  7389. 									<div data-v-76790450="" class="buttons">
  7390. 										<button data-v-76790450="" data-no-bubble="" class="plus">+</button>
  7391. 									</div>
  7392. 								</section>
  7393. 							</div>
  7394. 						</div>
  7395. 				</header>
  7396. 				<div data-v-2aacfeb5="" class="edit-wrapper">
  7397. 					<div data-v-2aacfeb5="" data-selectable="" class="content">
  7398. 						<section data-v-725caa02="" data-v-2aacfeb5="" class="entry-content">
  7399. 							<div data-v-725caa02="" class="wxs_newest_entry_content wrapper">Ładowanie...</div>
  7400. 						</section>
  7401. 					</div>
  7402. 				</div>
  7403. 			</article>
  7404. 			<div class="timer">
  7405. 				<div class="mask"></div>
  7406. 			</div>
  7407. 		</section>
  7408. 		`;
  7409.  
  7410. 			bodySection.appendChild(newestEntrySectionElem);
  7411. 			newestEntrySection = bodySection.querySelector("#wxs_newest_entry");
  7412.  
  7413. 			if (wxs_newest_entry && wxs_newest_entry != 0) getNewestEntryFromAPI(newestEntrySection);
  7414. 		}
  7415.  
  7416.  
  7417.  
  7418.  
  7419. 		let firstInDayID = {
  7420. 			entry: null,
  7421. 			link: null
  7422. 		}
  7423.  
  7424. 		// getEntryDailyNumber(wykopObjectData, "2023-01-01")		-> 678 - zwraca który wpis tego dnia
  7425. 		async function getEntryDailyNumber(objectData) // "2024-03-14 21:34:51",
  7426. 		{
  7427. 			// if(dev) console.log(`getEntryDailyNumber(objectData.id: ${objectData.id}, createdAtDate: ${objectData.created_at})`);
  7428. 			// if(dev) console.log(`getEntryDailyNumber() - firstInDayID[${objectData.resource}]: `, firstInDayID[objectData.resource]);
  7429.  
  7430. 			const dateToCheck = dayjs(objectData.created_at).format("YYYY-MM-DD");
  7431.  
  7432. 			if (firstInDayID[objectData.resource] != null)
  7433. 			{
  7434. 				// if(dev) console.log(`mapa firstInDayID[${objectData.resource}] = null, sprawdzamy localstorage`);
  7435.  
  7436. 				await localStorageFirstDailyIDs.getItem(`${objectData.resource}FirstInDayIDsMap`).then(val =>	// localstorage: entryFirstInDayIDsMap / linkFirstInDayIDsMap
  7437. 				{
  7438. 					if (val !== null)
  7439. 					{
  7440. 						firstInDayID[objectData.resource] = new Map(Object.entries(val));
  7441. 						// if(dev) console.log("znaleziono w localstorage val=", val);
  7442. 						// if(dev) console.log("znaleziono w localstorage firstInDayID[objectData.resource]=", firstInDayID[objectData.resource]);
  7443. 					}
  7444. 					else
  7445. 					{
  7446. 						// if(dev) console.log('Mapa nie istniała, a w localstorage nie było zapisanych danych');
  7447. 						firstInDayID[objectData.resource] = new Map();
  7448. 					}
  7449. 				}).catch(err =>
  7450. 				{
  7451. 					console.error(err);
  7452. 				});
  7453. 			}
  7454.  
  7455. 			if (firstInDayID[objectData.resource])
  7456. 			{
  7457. 				// if(dev) console.log('Mapa już istnieje: firstInDayID[objectData.resource]', firstInDayID[objectData.resource]);
  7458.  
  7459. 				if (firstInDayID[objectData.resource].has(dateToCheck))
  7460. 				{
  7461. 					// if(dev) console.log(`Mapa posiada dla daty ${dateToCheck}, wartość: ${firstInDayID[objectData.resource].get(dateToCheck)}`);
  7462. 					// if(dev) console.log("firstInDayID[objectData.resource]", firstInDayID[objectData.resource])
  7463.  
  7464. 					return (objectData.id - firstInDayID[objectData.resource].get(dateToCheck)) / 2;
  7465. 				}
  7466. 				else
  7467. 				{
  7468. 					// if(dev) console.log(`Mapa istnieje, ale dla daty ${dateToCheck} nie posiada jeszcze wartości`);
  7469. 				}
  7470. 			}
  7471. 			else
  7472. 			{
  7473. 				firstInDayID[objectData.resource] = new Map();
  7474. 			}
  7475.  
  7476.  
  7477. 			// if(dev) console.log('Mapa przed wyslaniem zapytania do API WykopX: firstInDayID[objectData.resource]', firstInDayID[objectData.resource]);
  7478.  
  7479. 			const firstEntryData = await getWykopXAPIData(objectData.resource, "first-by-date") // https://archiwum.wykopx.pl/api/entry/first-by-date  // https://archiwum.wykopx.pl/api/link/first-by-date
  7480. 			// if(dev) console.log('Pobrano z Archiwum Wykop X: firstEntryData, ', firstEntryData);
  7481.  
  7482. 			if (firstEntryData && firstEntryData.id != null)
  7483. 			{
  7484. 				firstInDayID[objectData.resource].set(dateToCheck, firstEntryData.id);
  7485. 				localStorageFirstDailyIDs.setItem(`${objectData.resource}FirstInDayIDsMap`, Object.fromEntries(firstInDayID[objectData.resource]));//.then(() => { });
  7486. 				// if(dev) console.log("firstInDayID[objectData.resource]", firstInDayID[objectData.resource])
  7487.  
  7488. 				return (objectData.id - firstEntryData.id) / 2;
  7489. 			}
  7490.  
  7491. 			return false;
  7492. 		}
  7493.  
  7494.  
  7495.  
  7496.  
  7497.  
  7498.  
  7499. 		// zmodyfikowana funkcja z mikroczatu
  7500. 		// zwraca 400 jesli autor cię blokuje, 409 jeśli nie
  7501. 		async function checkIfYouCanPostCommentInEntry(entry_id)
  7502. 		{
  7503. 			if (dev) console.log(`checkIfYouCanPostCommentInEntry() entry_id: ${entry_id}`);
  7504.  
  7505. 			let newMessageBody = {
  7506. 				resource: "entry_comment",
  7507. 				entry_id: entry_id,
  7508. 				content: ""
  7509. 			}
  7510.  
  7511. 			if (dev) console.log(`checkIfYouCanPostCommentInEntry() newMessageBody:`, newMessageBody);
  7512.  
  7513. 			//try
  7514. 			//{
  7515. 			if (dev) console.log(`try > postNewMessageToChannel, entry_id: ${entry_id}`);
  7516. 			return await postNewMessageToChannel(newMessageBody)
  7517. 			//}
  7518. 			// catch (error)
  7519. 			// {
  7520. 			// 	let httpError = error;
  7521.  
  7522. 			// 	switch (httpError.status)
  7523. 			// 	{
  7524. 			// 		case 400:
  7525. 			// 			// UZYTKOWNIK CIĘ BLOKUJE
  7526. 			// 			return false;
  7527. 			// 			break;
  7528. 			// 		case 409:
  7529. 			// 			// MOZED ODPISYWAĆ - WSZYSTKO OK (po prostu za krotka wiadomosc)
  7530. 			// 			return true;
  7531. 			// 			break;
  7532. 			// 		case 429:
  7533. 			// 			// INNY BLAD - ZA DUZO REQUESTOW
  7534. 			// 			break;
  7535. 			// 		default:
  7536. 			// 		// Other status codes
  7537. 			// 	}
  7538. 			// }
  7539. 		}
  7540.  
  7541.  
  7542.  
  7543.  
  7544.  
  7545. 		/* POST */
  7546. 		// funkcja z mikroczatu
  7547. 		async function postNewMessageToChannel(message)
  7548. 		{
  7549. 			if (dev) console.log(`postNewMessageToChannel: message: `, message);
  7550. 			/*
  7551. 				{
  7552. 					"data":
  7553. 					{
  7554. 						"content": "**foobar** __foobar__ [lorem](https://www.wykop.pl) impsum!!! #nsfw #wykop",
  7555. 						"photo": "e07843ss3fbe9cb4saeed0asdfsdfc64b9a4df6084199b39d2",
  7556. 						"embed": "1fde707843ss3fbe9cb4eed0asdfsdfc64ab9a4df6084199b39d2",
  7557. 						"survey": "qErgdjp5K0xz",
  7558. 						"adult": false
  7559. 					}
  7560. 				}
  7561. 			*/
  7562.  
  7563. 			// nowy wpis (domyślnie)
  7564. 			let apiURL = "https://wykop.pl/api/v3/entries";
  7565.  
  7566. 			// nowy komentarz pod wpisem
  7567. 			if (message.resource && message.resource == "entry_comment" && message.entry_id)
  7568. 			{
  7569. 				apiURL = `https://wykop.pl/api/v3/entries/${message.entry_id}/comments`;
  7570. 			}
  7571.  
  7572. 			let bodyData = {};
  7573. 			message.content ? bodyData.content = message.content : "";
  7574. 			message.photo ? bodyData.photo = message.photo : "";
  7575. 			message.embed ? bodyData.embed = message.embed : "";
  7576. 			message.survey ? bodyData.survey = message.survey : "";
  7577. 			message.adult ? bodyData.adult = message.adult : "";
  7578.  
  7579. 			if (dev) console.log("bodyData to send: ", bodyData);
  7580. 			if (dev) console.log("apiURL: ", apiURL);
  7581.  
  7582. 			return new Promise(async (resolve, reject) =>
  7583. 			{
  7584. 				try
  7585. 				{
  7586. 					await fetch(apiURL,
  7587. 						{
  7588. 							method: "POST",
  7589. 							headers:
  7590. 							{
  7591. 								"Content-Type": "application/json",
  7592. 								Authorization: "Bearer " + window.localStorage.getItem("token"),
  7593. 							},
  7594. 							body: JSON.stringify(
  7595. 								{
  7596. 									"data": bodyData
  7597. 								})
  7598. 						})
  7599. 						.then((response) =>
  7600. 						{
  7601. 							if (dev) console.log("response", response)
  7602.  
  7603. 							if (!response.ok)
  7604. 							{
  7605. 								// zwraca error.status = 400 (jestes blokowany) albo error.status = 409 (pusta tresc)
  7606. 								if (dev) console.log(`HTTP error! status: ${response.status}`);
  7607. 								resolve(response.status);
  7608. 								// throw new T.HTTPError(`HTTP error! status: ${response.status}`, response.status);
  7609. 							}
  7610. 						})
  7611. 						.then(async (responseJSON) =>
  7612. 						{
  7613. 							if (dev) console.log("responseJSON")
  7614. 							if (dev) console.log(responseJSON)
  7615.  
  7616. 							resolve(responseJSON.data);
  7617.  
  7618. 						}).catch((error) =>
  7619. 						{
  7620. 							if (error instanceof TypeError)
  7621. 							{
  7622. 								//console.error('xxx Network error:', error); // AWARIA SERWERA
  7623. 							} else
  7624. 							{
  7625. 								//console.error('Other error:', error);
  7626. 							}
  7627. 							reject(error);
  7628. 						});
  7629. 				}
  7630. 				catch (error)
  7631. 				{
  7632. 					//console.error('Other catched error:', error);
  7633. 					reject(error);
  7634. 				}
  7635. 			});
  7636. 		}
  7637.  
  7638.  
  7639.  
  7640.  
  7641.  
  7642.  
  7643. 		async function getNewestEntryFromAPI(sectionElement = newestEntrySection)
  7644. 		{
  7645. 			sectionElement.classList.remove("animationRunning");
  7646.  
  7647. 			let newestEntryObject = await getWykopAPIData(`entries?sort=newest&limit=1`); // https://wykop.pl/api/v3/entries?sort=newest&limit=1
  7648. 			newestEntryObject = newestEntryObject.data[0]
  7649.  
  7650. 			if (newestEntryObject.id != newestEntryID)
  7651. 			{
  7652. 				newestEntryID = newestEntryObject.id
  7653. 				sectionElement.classList.add("animationRunning");
  7654.  
  7655. 				let entries_today_count = await getEntryDailyNumber(newestEntryObject);
  7656.  
  7657. 				if (entries_today_count)
  7658. 				{
  7659. 					sectionElement.querySelectorAll(".entry").forEach((el) =>
  7660. 					{
  7661. 						el.dataset.entries_today_count = entries_today_count;
  7662. 					});
  7663. 				}
  7664.  
  7665. 				sectionElement.querySelectorAll(".wxs_newest_entry_author_username_ahref").forEach((el) =>
  7666. 				{
  7667. 					el.href = `/ludzie/${newestEntryObject.author.username}`;
  7668. 				});
  7669. 				sectionElement.querySelectorAll(".wxs_newest_entry_author_gender").forEach((el) =>
  7670. 				{
  7671. 					el.classList.remove("male", "female");
  7672. 					if (newestEntryObject.author.gender == "m") el.classList.add(`male`);
  7673. 					else if (newestEntryObject.author.gender == "f") el.classList.add(`female`);
  7674. 				});
  7675. 				sectionElement.querySelectorAll(".wxs_newest_entry_author_color").forEach((el) =>
  7676. 				{
  7677. 					el.classList.remove("orange-profile", "green-profile", "burgundy-progile");
  7678. 					el.classList.add(`${newestEntryObject.author.color}-profile`);
  7679. 				});
  7680. 				sectionElement.querySelectorAll(".wxs_newest_entry_author_username").forEach((el) =>
  7681. 				{
  7682. 					el.innerHTML = newestEntryObject.author.username;
  7683. 				});
  7684. 				sectionElement.querySelectorAll(".wxs_newest_entry_author_avatar").forEach((el) =>
  7685. 				{
  7686. 					if (newestEntryObject.author.avatar) el.src = newestEntryObject.author.avatar;
  7687. 					else el.src = "/static/img/svg/avatar-default.svg";
  7688.  
  7689. 					el.alt = newestEntryObject.author.username;
  7690. 				});
  7691.  
  7692. 				sectionElement.querySelectorAll(".wxs_newest_entry_ahref").forEach((el) =>
  7693. 				{
  7694. 					el.href = `https://wykop.pl/wpis/${newestEntryObject.id}/wykopx`;
  7695. 				});
  7696. 				sectionElement.querySelectorAll(".wxs_newest_entry_created_at").forEach((el) =>
  7697. 				{
  7698. 					el.title = newestEntryObject.created_at;
  7699. 					el.datetime = newestEntryObject.created_at;
  7700. 				});
  7701.  
  7702. 				sectionElement.querySelectorAll(".wxs_newest_entry_content").forEach((el) =>
  7703. 				{
  7704. 					el.innerHTML = newestEntryObject.content;
  7705. 				});
  7706.  
  7707. 			}
  7708.  
  7709. 			sectionElement.classList.remove("hidden");
  7710.  
  7711. 			if (document.hidden == false) runWithDelay(2000 + (settings.wxsArchiveXNewestEntryRefresh * 1000), getNewestEntryFromAPI);
  7712. 		}
  7713.  
  7714.  
  7715. 		if (settings.wxsArchiveXNewestEntry)
  7716. 		{
  7717. 			CSS += `
  7718. 		body[data-wxs_newest_entry="0"] #wxs_newest_entry { display: none!important; }
  7719. 		body[data-wxs_newest_entry="1"] .wykopx_newest_entry_switcher { background: linear-gradient(to bottom right, transparent 0%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 100%); }
  7720. 		body[data-wxs_newest_entry="2"] .wykopx_newest_entry_switcher { background: linear-gradient(to top left, transparent 0%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 100%); }
  7721. 		body[data-wxs_newest_entry="3"] .wykopx_newest_entry_switcher { background: rgba(255, 255, 255, 0.1); }
  7722.  
  7723. 		#wxs_newest_entry
  7724. 		{
  7725. 			right: 40px;
  7726. 			width: 400px;
  7727. 			
  7728. 			height: auto;
  7729. 			max-height: 50%;
  7730.  
  7731. 			--border-radius: 0px;
  7732. 			border-radius: var(--border-radius)!important;
  7733. 			position: fixed;
  7734. 			bottom: 15px;
  7735. 			z-index: 9999;
  7736. 			display: grid;
  7737. 			color: var(--blackish);
  7738. 			background-color: var(--alta);
  7739. 			background: linear-gradient(145deg, var(--whitish), var(--alta));
  7740. 			box-shadow:  5px 5px 10px var(--porcelain),  -5px -5px 10px var(--porcelain);
  7741. 		}
  7742. 		#wxs_newest_entry > .entry
  7743. 		{
  7744. 			border-radius: var(--border-radius)!important;
  7745. 		}
  7746.  
  7747. 		#wxs_newest_entry > .entry::after
  7748. 		{
  7749. 			bottom: 10px;
  7750. 			left: 20px;
  7751. 			content: attr(data-entries_today_count);
  7752. 			position: absolute;
  7753. 			font-size: 15px;
  7754. 			opacity: 0.2;
  7755. 		}`;
  7756. 		}
  7757.  
  7758.  
  7759. 		// TRYB NOCNY W BELCE NAWIGACYJNEJ
  7760. 		function addNewestEntryTopNavButton()
  7761. 		{
  7762. 			if (settings.wxsArchiveXNewestEntry)
  7763. 			{
  7764. 				wxs_newest_entry = localStorage.getItem('wxs_newest_entry');
  7765. 				if (!wxs_newest_entry) wxs_newest_entry = 1;
  7766. 				body.dataset.wxs_newest_entry = wxs_newest_entry;
  7767. 				// wykopx_newest_entry_switcher_status_0 - wylaczone
  7768. 				// wykopx_newest_entry_switcher_status_1 - wpisy
  7769. 				// wykopx_newest_entry_switcher_status_2 - linki
  7770. 				// wykopx_newest_entry_switcher_status_3 - oba
  7771. 				const wykopx_newest_entry_switcher_button = document.createElement("li");
  7772. 				wykopx_newest_entry_switcher_button.insertAdjacentHTML('afterbegin', `<a href="#"><figure>🤍</figure></a>`);
  7773. 				wykopx_newest_entry_switcher_button.classList.add("wykopx_newest_entry_switcher", "notifications", "dropdown");
  7774. 				wykopx_newest_entry_switcher_button.title = `Włącz/wyłącz powiadomienia o najnowszych wpisach na Mikroblogu ${promoString}`;
  7775. 				wykopx_newest_entry_switcher_button.addEventListener('click', function ()
  7776. 				{
  7777. 					wxs_newest_entry = localStorage.getItem('wxs_newest_entry');
  7778. 					// 0 - wylaczone
  7779. 					// 1 - wpisy
  7780. 					// 2 - linki
  7781. 					// 3 - wpisy + linki
  7782. 					if (wxs_newest_entry === null)
  7783. 					{
  7784. 						wxs_newest_entry = 1;
  7785. 					}
  7786. 					else if (wxs_newest_entry == 1)	// przy linkach zmienić na == 3
  7787. 					{
  7788. 						wxs_newest_entry = 0;
  7789. 					}
  7790. 					else
  7791. 					{
  7792. 						wxs_newest_entry++;
  7793. 					}
  7794.  
  7795. 					if (wxs_newest_entry > 0) getNewestEntryFromAPI();
  7796.  
  7797. 					localStorage.setItem('wxs_newest_entry', wxs_newest_entry);
  7798.  
  7799. 					body.dataset.wxs_newest_entry = wxs_newest_entry;
  7800. 				});
  7801. 				topNavHeaderRightElement.appendChild(wykopx_newest_entry_switcher_button);
  7802. 			}
  7803. 		}
  7804.  
  7805.  
  7806.  
  7807.  
  7808.  
  7809.  
  7810.  
  7811.  
  7812.  
  7813.  
  7814.  
  7815. 		/* ------ PRZYCISK DO POBIERANIA OBRAZKÓW --------- */
  7816. 		if (settings.wxsDownloadImageButton)
  7817. 		{
  7818. 			waitForKeyElements("section.entry section.entry-photo figure", wxsDownloadImageButton, false);
  7819.  
  7820. 			function wxsDownloadImageButton(entryPhotoFigureElement)
  7821. 			{
  7822. 				consoleX(`wxsDownloadImageButton()`, 1);
  7823. 				let html = `<div class="wykopxs wxs_download_image_button"><a title="Pobierz ten obrazek w pełnej rozdzielczości ${promoString}" href="${entryPhotoFigureElement.querySelector('figcaption a').getAttribute('href')} " download>Pobierz ten obrazek</a></div>`;
  7824. 				entryPhotoFigureElement.insertAdjacentHTML('beforeend', html);
  7825. 			}
  7826. 		}
  7827.  
  7828.  
  7829.  
  7830.  
  7831.  
  7832. 		/* ------ IMAGE UPLOADER CTRL+V --------- */
  7833. 		waitForKeyElements("section.editor", sectionEditor, false);
  7834.  
  7835. 		function sectionEditor(sectionEditorElement)
  7836. 		{
  7837. 			consoleX("sectionEditor", 1)
  7838. 			const textareaEditorElement = sectionEditorElement.querySelector("textarea");
  7839.  
  7840. 			if (settings.editorSendHotkey != "domyslnie")
  7841. 			{
  7842. 				sendOnCTRL_ENTER(sectionEditorElement);
  7843. 			}
  7844.  
  7845. 			if (settings.imageUploaderEnable)
  7846. 			{
  7847. 				imagePasteFromClipboardListener(sectionEditorElement);
  7848. 			}
  7849.  
  7850. 		}
  7851.  
  7852.  
  7853. 		function sendOnCTRL_ENTER(sectionEditorElement)
  7854. 		{
  7855. 			consoleX("sendOnCTRL_ENTER", 1)
  7856.  
  7857. 			const textareaEditorElement = sectionEditorElement.querySelector("textarea");
  7858. 			const buttonSendElement = sectionEditorElement.querySelector("div.button.send > button");
  7859.  
  7860. 			if (settings.editorSendHotkey == "ctrl_enter")
  7861. 			{
  7862. 				sectionEditorElement.style.setProperty('--editorSendHotkey', `"CTRL+ENTER"`);
  7863. 				buttonSendElement.title = "Wykop X: Wciśnij CTRL + ENTER, aby wysłać "
  7864. 			}
  7865. 			else if (settings.editorSendHotkey == "enter")
  7866. 			{
  7867. 				sectionEditorElement.style.setProperty('--editorSendHotkey', `"ENTER"`);
  7868. 				buttonSendElement.title = "Wykop X: Wciśnij ENTER, aby wysłać "
  7869. 			}
  7870. 			else if (settings.editorSendHotkey == "ctrl_s")
  7871. 			{
  7872. 				sectionEditorElement.style.setProperty('--editorSendHotkey', `"CTRL+S"`);
  7873. 				buttonSendElement.title = "Wykop X: Wciśnij CTRL + S, aby wysłać ";
  7874. 			}
  7875.  
  7876. 			textareaEditorElement.addEventListener('keydown', function (e)
  7877. 			{
  7878. 				if (settings.editorSendHotkey == "ctrl_enter" && e.ctrlKey && e.key === 'Enter')
  7879. 				{
  7880. 					e.preventDefault();
  7881. 					buttonSendElement.dispatchEvent(new Event('click'));
  7882. 				}
  7883. 				else if (settings.editorSendHotkey == "enter" && e.key === 'Enter')
  7884. 				{
  7885. 					e.preventDefault();
  7886. 					buttonSendElement.dispatchEvent(new Event('click'));
  7887. 				}
  7888. 				else if (settings.editorSendHotkey == "ctrl_s" && e.ctrlKey && e.key === 's')
  7889. 				{
  7890. 					e.preventDefault();
  7891. 					buttonSendElement.dispatchEvent(new Event('click'));
  7892. 				}
  7893. 			});
  7894. 		}
  7895.  
  7896.  
  7897.  
  7898. 		function imagePasteFromClipboardListener(sectionEditorElement)
  7899. 		{
  7900. 			consoleX(`imagePasteFromClipboardListener()`, 1);
  7901. 			const textarea = sectionEditorElement.querySelector("textarea");
  7902. 			// if(dev) console.log(textarea);
  7903. 			const imageUploadPreview = document.createElement('figure');
  7904. 			imageUploadPreview.classList.add("wxs_uploaded_image_placeholder");
  7905. 			textarea.parentNode.appendChild(imageUploadPreview);
  7906.  
  7907. 			const imageUploaderCaption = document.createElement('div');
  7908. 			imageUploaderCaption.classList.add("wxs_uploader_caption");
  7909. 			imageUploaderCaption.innerHTML = `<span class="wxs_upload_first_image">CTRL + V - wklej obrazek ze schowka</span><span class="wxs_upload_and_replace_current_image">CTRL + V - wklej kolejny obrazek, aby zastąpić aktualnie dodany</span>`;
  7910. 			textarea.parentNode.appendChild(imageUploaderCaption);
  7911.  
  7912.  
  7913.  
  7914. 			// PASTE EVENT
  7915. 			document.addEventListener('paste', async (e) => 
  7916. 			{
  7917. 				// e.preventDefault();
  7918. 				// e.stopPropagation(); 
  7919. 				console.clear();
  7920. 				// if(dev) console.log("e.clipboardData.items") // object DataTransferItemList {0: DataTransferItem, 1: DataTransferItem, ...}
  7921. 				// if(dev) console.log(e.clipboardData.items)
  7922. 				// if(dev) console.log("clipboardData.types")
  7923. 				// if(dev) console.log(e.clipboardData.types) //  Array: ['Files', 'text/plain', 'text/html', 'application/vnd.code.copymetadata', 'vscode-editor-data']
  7924. 				// if(dev) console.log("clipboardData.files")
  7925. 				// if(dev) console.log(e.clipboardData.files)
  7926. 				/*
  7927. 					FileList = { 0: File, length: 1 }
  7928. 					FileList = { 0: 
  7929. 									{
  7930. 										lastModified: timestamp // 1702989703658
  7931. 										lastModifiedDate: DateTime
  7932. 										name: "image.png";
  7933. 										size: 1230133
  7934. 										type: "image/png"
  7935. 										webkitRelativePath: ""
  7936. 									},
  7937. 									length: 1
  7938. 								}
  7939. 				*/
  7940. 				// items ->text  files -> pliki png
  7941.  
  7942. 				const uploadModal = document.querySelector('#modals-container div[data-modal="entryPhoto"] section.modal.entryPhoto');
  7943. 				let fileInput, urlInput;
  7944. 				if (uploadModal)
  7945. 				{
  7946. 					fileInput = uploadModal.querySelector('form div.upload section.file div.upload input');
  7947. 					urlInput = uploadModal.querySelector('form div.field input[inputmode="url"]');
  7948. 				}
  7949.  
  7950. 				// W SCHOWKU BYŁ OBRAZEK
  7951. 				if (e.clipboardData.files.length > 0)
  7952. 				{
  7953. 					if (dev) console.log(e.clipboardData.files[0]);
  7954. 					let imageFile = e.clipboardData.files[0];
  7955. 					if (dev) console.log("imageFile (original)");
  7956. 					if (dev) console.log(imageFile);
  7957.  
  7958. 					// próba konwersji z WEBP na PNG
  7959. 					// if (imageFile.type == "image/webp") // image/gif				// image/png				// image/jpeg				// image/webp
  7960. 					// {
  7961. 					// 	let reader = new FileReader();
  7962. 					// 	reader.onload = function (event)
  7963. 					// 	{
  7964. 					// 		let img = new Image();
  7965. 					// 		img.onload = function ()
  7966. 					// 		{
  7967. 					// 			let canvas = document.createElement('canvas');
  7968. 					// 			canvas.width = this.width;
  7969. 					// 			canvas.height = this.height;
  7970. 					// 			let ctx = canvas.getContext('2d');
  7971. 					// 			ctx.drawImage(this, 0, 0);
  7972. 					// 			canvas.toBlob(function (blob)
  7973. 					// 			{
  7974. 					// 				imageFile = new File([blob], "test.png", { type: "image/png" });
  7975. 					// 				if(dev) console.log(imageFile);
  7976. 					// 			}, 'image/png');
  7977. 					// 		};
  7978. 					// 		img.src = event.target.result;
  7979. 					// 	};
  7980. 					// 	reader.readAsDataURL(imageFile);
  7981. 					// }
  7982.  
  7983. 					if (imageFile.name === "image.png")
  7984. 					{
  7985. 						imageFile = new File([imageFile], "WykopX", { type: imageFile.type });
  7986. 					}
  7987.  
  7988. 					if (dev) console.log("imageFile");
  7989. 					if (dev) console.log(imageFile);
  7990.  
  7991. 					const bitmap = await createImageBitmap(imageFile)
  7992. 					let canvas = document.createElement('canvas');
  7993. 					canvas.width = bitmap.width;
  7994. 					canvas.height = bitmap.height;
  7995. 					canvas.style.width = "100%";
  7996. 					canvas.style.maxWidth = "400px";
  7997. 					canvas.classList.add("wxs_uploaded_image_preview", `wxs_uploaded_image_${imageFile.type.split("/")[1]}`); // class="wxs_uploaded_image_png", class="wxs_uploaded_image_jpeg"
  7998. 					canvas.title = `WykopX: Plik ${imageFile.type.split("/")[1].toUpperCase()} o wielkości ${imageFile.size < 1048576 ? bytesToKB(imageFile.size, 2) : bytesToMB(imageFile.size)} i rozmiarach ${bitmap.width} x ${bitmap.height}`
  7999.  
  8000.  
  8001. 					canvas.getContext('2d').drawImage(bitmap, 0, 0, bitmap.width, bitmap.height);
  8002. 					imageUploadPreview.appendChild(canvas);
  8003.  
  8004. 					if (dev) console.log("bitmap");
  8005. 					if (dev) console.log(bitmap);
  8006.  
  8007. 					if (!fileInput)
  8008. 					{
  8009. 						let fakeDropEvent = new DragEvent('drop');
  8010.  
  8011. 						Object.defineProperty(fakeDropEvent, 'dataTransfer',
  8012. 							{
  8013. 								value: {
  8014. 									files: [imageFile],  // 'file' is the File object you want to drop
  8015. 									types: ['Files'],
  8016. 									effectAllowed: 'all',
  8017. 									dropEffect: 'move',
  8018. 									items: [
  8019. 										{
  8020. 											kind: 'file',
  8021. 											type: imageFile.type,
  8022. 											getAsFile: function () { return imageFile; }
  8023. 										}
  8024. 									],
  8025. 									getData: function () { return ''; },
  8026. 									setData: function () { },
  8027. 									clearData: function () { },
  8028. 									setDragImage: function () { }
  8029. 								}
  8030. 							});
  8031.  
  8032. 						// Dispatch the fake drop event
  8033. 						sectionEditorElement.dispatchEvent(fakeDropEvent);
  8034. 					}
  8035. 					else
  8036. 					{
  8037.  
  8038. 					}
  8039. 				}
  8040. 				// wklejono tekst
  8041. 				else if (e.clipboardData.files.length == 0 && e.clipboardData.items.length > 0)
  8042. 				{
  8043. 					if (dev) console.log("e.clipboardData.items.length > 0");
  8044. 					let textPlainFromClipboard = e.clipboardData.getData('text/plain');
  8045. 					if (dev) console.log("Clipboard text/plain: " + textPlainFromClipboard);
  8046.  
  8047. 					let urlsArray = getURLsFromString(textPlainFromClipboard, true);
  8048. 					if (urlsArray && urlsArray.length > 0)
  8049. 					{
  8050. 						urlsArray.forEach((urlFromClipboard) =>
  8051. 						{
  8052.  
  8053. 							if (urlFromClipboard.endsWith(".webp"))
  8054. 							{
  8055.  
  8056. 							}
  8057.  
  8058.  
  8059. 							if (dev) console.log("probuje pobrać plik: " + urlFromClipboard);
  8060.  
  8061. 							let img = new Image();
  8062. 							img.src = urlFromClipboard;
  8063.  
  8064. 							img.onload = function ()
  8065. 							{
  8066. 								let canvas = document.createElement('canvas');
  8067. 								canvas.width = this.width;
  8068. 								canvas.height = this.height;
  8069. 								canvas.style.width = "100%";
  8070. 								let ctx = canvas.getContext('2d');
  8071. 								ctx.drawImage(this, 0, 0);
  8072. 								imageUploadPreview.appendChild(canvas);
  8073.  
  8074. 								/* CORS POLICY ERROR:
  8075. 								canvas.toBlob(function (blob)
  8076. 								{
  8077. 									let imageFile = new File([blob], "test.png", { type: "image/png" });
  8078. 									// You now have a PNG File object, 'newFile', with image data from the original WebP file
  8079. 								}, 'image/png'); */
  8080. 							};
  8081. 							// img.crossOrigin = 'anonymous'; CORS
  8082. 						});
  8083.  
  8084. 						// e.preventDefault();
  8085.  
  8086. 					}
  8087. 					else
  8088. 					{
  8089. 						// wklejono tekst bez okna modalnego (wiekszosc wypadkow)
  8090. 					}
  8091. 				}
  8092. 			});
  8093. 		}
  8094. 		// IMAGE UPLOADER END
  8095.  
  8096.  
  8097.  
  8098.  
  8099.  
  8100.  
  8101.  
  8102.  
  8103.  
  8104. 		/* ------------- EVENTS ------------ */
  8105.  
  8106. 		// LOADED PAGE
  8107. 		window.onload = function (event)
  8108. 		{
  8109. 			consoleX("windows.onload", 1)
  8110. 			loadTime = dayjs();
  8111. 			browserExecuteOnPageLoad();
  8112. 			browserExecuteOnPageLoadAndPageChange();
  8113. 		};
  8114.  
  8115.  
  8116. 		/* NEW WYKOP PAGE REDIRECTION */
  8117. 		if (window?.navigation != null)  /* Firefox nadal tego nie obsluguje */
  8118. 		{
  8119. 			navigation.addEventListener("navigate", (event) =>
  8120. 			{
  8121. 				consoleX(`🎈 Event: "navigate"`)
  8122. 				loadTime = dayjs();
  8123. 				browserExecuteOnPageChange(event);
  8124. 				browserExecuteOnPageLoadAndPageChange();
  8125. 			});
  8126. 		}
  8127.  
  8128.  
  8129.  
  8130. 		function handleWindowEvent(event)
  8131. 		{
  8132. 			if (dev) console.log(`handleWindowEvent() -> event.type: ${event.type} was fired`);
  8133. 			// if(dev) console.log(event);
  8134. 		}
  8135. 		// window.addEventListener('load', handleWindowEvent); 		// 1.
  8136. 		// window.addEventListener('pageshow', handleWindowEvent); 	// 2.
  8137. 		// window.addEventListener('popstate', handleWindowEvent);
  8138. 		// window.addEventListener('hashchange', handleWindowEvent);
  8139. 		// window.addEventListener('pagehide', handleWindowEvent);
  8140. 		// window.addEventListener('beforeunload', handleWindowEvent);
  8141. 		// window.addEventListener('unload', handleWindowEvent);
  8142.  
  8143. 		/*	events in Wykop podczas ladowania strony:
  8144. 			1. 	window.addEventListener('load', callback); (Event) event.srcElement.URL > "https://wykop.pl/wpis/74180083/pytanie#comment-261404235"
  8145. 			2. 	window.addEventListener('pageshow', callback); (PageTransitionEvent)
  8146. 			
  8147. 			firefox: 
  8148. 			- load, pageshow - OK
  8149. 			- brak wykrytych eventów podczas przechodzenia miedzy stronami
  8150. 			- brak obiektu window.navigator
  8151. 			przejscie na nowa strone, do innego #anchora po kliknieciu w permalink komentarza we wpisie
  8152. 			
  8153. 			3. navigation.addEventListener("navigate", callback) (NavigateEvent)
  8154. 			
  8155. 			“popstate”: This event is fired when the active history entry changes, either by the user navigating to a different state, or by the code calling the history.pushState() or history.replaceState() methods. This event can be used to update the page content according to the new state.
  8156. 			“hashchange”: This event is fired when the fragment identifier of the URL (the part after the “#”) changes. This event can be used to implement single-page applications that use different hash values to load different views.
  8157. 			“pushstate”: This event is fired when the history.pushState() method is called, which adds a new state to the history stack. This event can be used to perform some actions when a new state is created.
  8158. 			“replacestate”: This event is fired when the history.replaceState() method is called, which modifies the current state in the history stack. This event can be used to perform some actions when the current state is changed.
  8159. 		*/
  8160.  
  8161.  
  8162. 		// ---- PAGE OPENED 1st TIME
  8163. 		async function browserExecuteOnPageLoad()
  8164. 		{
  8165. 			// awariaSerwera();
  8166. 			// consoleX(`browserExecuteOnPageLoad`, 1);
  8167. 			if (isURLChanged()) newPageURL()
  8168.  
  8169. 			const loggedUserJSON = await getWykopAPIData("profile") // -> https://wykop.pl/api/v3/profile
  8170.  
  8171. 			loggedUser = loggedUserJSON.data;
  8172. 			//ser.username = user.data.username;
  8173.  
  8174. 			if (!(loggedUser?.username))
  8175. 			{
  8176. 				const topHeaderProfileButton = document.querySelector("body header > div.right > nav > ul > li.account a.avatar");
  8177. 				if (topHeaderProfileButton)
  8178. 				{
  8179. 					loggedUser.username = topHeaderProfileButton.getAttribute("href").split('/')[2];
  8180. 				}
  8181. 			}
  8182.  
  8183. 			if (loggedUser?.username)
  8184. 			{
  8185. 				if (settings.editorShowMyUsername)
  8186. 				{
  8187. 					bodySection.style.setProperty('--myUsername', `"${loggedUser.username}"`);
  8188. 					bodySection.style.setProperty('--myUsernameAs', `"jako ${loggedUser.username}"`);
  8189. 					bodySection.style.setProperty('--myUsernameAS', `"JAKO ${loggedUser.username}"`);
  8190. 					bodySection.style.setProperty('--myUsernameAddingAs', `"Dodajesz z konta ${loggedUser.username}"`);
  8191. 				}
  8192. 				// UŻYTKOWNIK MA BANA
  8193. 				if (loggedUser?.status && loggedUser.status == "banned")
  8194. 				{
  8195. 					settings.authorBlocksYouCheckingEnable = false; // BlockDetector off for banned user
  8196. 					settings.editorSendHotkey = "domyslnie";
  8197. 					settings.editorSendHotkeyShowOnSendButton = false;
  8198.  
  8199. 					body.dataset.userBanned = "true"; 	// <body data-user-banned="true">
  8200.  
  8201. 					if (settings.haveBanDisableTextarea)
  8202. 					{
  8203. 						// 🍌 Pokaż informację o banie w edytorze nowego wpisu/komentarza
  8204. 						bodySection.style.setProperty('--myUsernameAddingAs', `"🍌 ${loggedUser.username}, masz bana. Nie możesz dodawać wpisów i komentarzy"`);
  8205. 					}
  8206. 				}
  8207. 			}
  8208. 			else
  8209. 			{
  8210. 				// niezalogowany
  8211. 			}
  8212.  
  8213.  
  8214. 			// if (loggedUser.username == null) consoleX(`Cześć Anon.Nie jesteś zalogowany na Wykopie(⌐ ͡■ ͜ʖ ͡■)`);
  8215. 			// else consoleX(`Cześć ${ loggedUser.username }(⌐ ͡■ ͜ʖ ͡■)`);
  8216.  
  8217. 			focusOnAddingNewMicroblogEntry();
  8218. 			addWykopXButtonsToNavBar();
  8219.  
  8220. 			if (settings.wxsSwitchesEnable)
  8221. 			{
  8222. 				runWithDelay(200, function ()
  8223. 				{
  8224. 					addSwitchButtons();
  8225. 				});
  8226. 			}
  8227. 			if (settings.observedTagsInRightSidebarEnable)
  8228. 			{
  8229. 				runWithDelay(500, function ()
  8230. 				{
  8231. 					addObservedTagsToRightSidebar();
  8232. 				});
  8233. 			}
  8234.  
  8235. 			runWithDelay(400, function ()
  8236. 			{
  8237. 				addExtraButtons();
  8238. 			});
  8239.  
  8240. 			// 8s
  8241. 			runWithDelay(8000, function ()
  8242. 			{
  8243. 				if (settings.topNavNightSwitchButton) addNightModeButtonToNavBar();
  8244. 				hideWykopXSPromo();
  8245. 				topNavLogoClick();
  8246. 				topNavHomeButtonClickRefreshOrRedirect();
  8247. 				addNotificationSummaryButtonToNavBar();
  8248. 				topNavMicroblogButtonClickRefreshOrRedirect();
  8249. 			});
  8250.  
  8251.  
  8252. 			if (settings.notatkowatorEnable)
  8253. 			{
  8254. 				runWithDelay(17000, function ()
  8255. 				{
  8256. 					createMenuItemForNotatkowator();
  8257. 				});
  8258. 			}
  8259. 			if (settings.mirkoukrywaczEnable)
  8260. 			{
  8261. 				runWithDelay(17000, function ()
  8262. 				{
  8263. 					createMenuItemForMirkoukrywacz();
  8264. 				});
  8265. 			}
  8266.  
  8267. 			// 20s
  8268. 			//runWithDelay(25000, function ()
  8269. 			runWithDelay(1000, function ()
  8270. 			{
  8271. 				checkVersionForUpdates();
  8272. 				createProfileDropdownMenuItem(
  8273. 					{
  8274. 						text: `Pomoc: Wykop X`,
  8275. 						title: "Otwórz stronę Wiki z informacjami o dodatku Wykop X",
  8276. 						className: `wykopx_wiki`,
  8277. 						id: undefined,
  8278. 						url: "http://wiki.wykopx.pl/",
  8279. 						target: "wykopx",
  8280. 						icon: null,
  8281. 						number: null
  8282. 					});
  8283.  
  8284. 				addWykopXPromoBanner();
  8285. 			});
  8286.  
  8287. 			runWithDelay(30000, async function ()
  8288. 			{
  8289. 				if (loggedUser?.username)
  8290. 				{
  8291. 					try
  8292. 					{
  8293. 						let settings_list_update = await localStorageObserved.getItem("settings_list_update");
  8294. 						if (settings_list_update == null)
  8295. 						{
  8296. 							POSTDATATOWYKOPX();
  8297. 						}
  8298. 						else
  8299. 						{
  8300. 							if (loadTime.diff(dayjs(settings_list_update), "days") > 1)
  8301. 							{
  8302. 								POSTDATATOWYKOPX();
  8303. 							}
  8304. 							else
  8305. 							{
  8306. 								return true;
  8307. 							}
  8308. 						}
  8309. 					}
  8310. 					catch (err)
  8311. 					{
  8312. 						if (dev) console.log(err);
  8313. 					}
  8314. 				}
  8315. 			});
  8316.  
  8317. 			if (settings.wxsArchiveXNewestEntry)
  8318. 			{
  8319. 				addNewestEntryTopNavButton();
  8320. 				archiveXNewestEntry();
  8321. 			}
  8322. 		}
  8323. 		// ----- PAGE NAVIGATION
  8324. 		async function browserExecuteOnPageChange(event)
  8325. 		{
  8326. 			consoleX(`browserExecuteOnPageChange() -> navigation -> navigate event — ${event.type}`, 1);
  8327. 			consoleX(`browserExecuteOnPageChange() -> document.title: ${document.title}`, 1);
  8328. 			// if(dev) console.log(event);
  8329.  
  8330. 			pageTabTitleOriginal = document.title;
  8331. 			pageTabTitleProcessed = pageTabTitleOriginal;
  8332.  
  8333. 			//visiblePlusesObserver.disconnect();
  8334. 			//if (sectionObjectIntersectionObserver) sectionObjectIntersectionObserver.disconnect();
  8335. 			//if (settings.actionBoxEnable && (settings.filterUserComments || settings.filterUserReplies)) filterUserOff(); // usuniecie filtra komentarzy
  8336.  
  8337. 			runWithDelay(500, function ()
  8338. 			{
  8339. 				if (isURLChanged())
  8340. 				{
  8341. 					const previousPageSubtype = pageSubtype;
  8342. 					newPageURL();
  8343. 					if (pageSubtype == previousPageSubtype) removeAllDataWXSAttributes();
  8344. 				}
  8345. 			});
  8346.  
  8347. 			// 7s
  8348. 			if (!settings.tabChangeOnlyOnHiddenState) runWithDelay(7000, () => { executeTabAndFaviconChanges() })
  8349. 		}
  8350. 		// ---- PAGE OPENED 1st TIME + PAGE NAVIGATION
  8351. 		async function browserExecuteOnPageLoadAndPageChange()
  8352. 		{
  8353. 			consoleX(`browserExecuteOnPageLoadAndPageChange()`, 1);
  8354.  
  8355. 			runWithDelay(100, function ()
  8356. 			{
  8357. 				countNumberOfNotificationsOnDesktop();
  8358. 			});
  8359.  
  8360. 			if (settings.mirkoukrywaczEnable) 
  8361. 			{
  8362. 				runWithDelay(3000, function ()
  8363. 				{
  8364. 					mirkoukrywaczHideAllBlockedElements(); // ukrycie elementow blokowanych przez Mirkowolacz oraz actionBox
  8365. 				});
  8366. 			}
  8367.  
  8368. 			if (pageType == "tag" && settings.tagHeaderEditable)
  8369. 			{
  8370. 				runWithDelay(2200, function ()
  8371. 				{
  8372. 					tagHeaderEditableWatcher();
  8373. 				})
  8374. 			}
  8375.  
  8376. 			if (pageType == "profil")	// info o blokadzie
  8377. 			{
  8378. 				// runWithDelay(100, function ()
  8379. 				// {
  8380.  
  8381. 				// })
  8382. 			}
  8383.  
  8384. 			if (settings.autoOpenMoreContentEverywhere)
  8385. 			{
  8386. 				runWithDelay(6000, function ()
  8387. 				{
  8388. 					autoOpenMoreContentEverywhere();
  8389. 				})
  8390. 			}
  8391.  
  8392.  
  8393. 			// 10s
  8394. 			if (settings.autoOpenSpoilersEverywhere)
  8395. 			{
  8396. 				runWithDelay(10000, function ()
  8397. 				{
  8398. 					autoOpenSpoilersEverywhere();
  8399. 				});
  8400. 			}
  8401.  
  8402. 			if (settings.removeAnnoyancesEnable)
  8403. 			{
  8404. 				runWithDelay(18000, function ()
  8405. 				{
  8406. 					if (settings.removeAnnoyancesIframes) waitForKeyElements(`html > iframe, html > body > iframe`, removeFromDOM, false);
  8407. 					if (settings.removeAnnoyancesScripts) waitForKeyElements(`html > head > script[src^="https://"]`, removeFromDOM, false);
  8408. 				})
  8409.  
  8410. 				runWithDelay(3000, function ()
  8411. 				{
  8412. 					removeAnnoyances()
  8413. 				})
  8414. 			}
  8415.  
  8416. 			// waitForKeyElements("main.main > section > div.content section.stream > header.stream-top", buildConsole, false)
  8417. 			// buildConsole();
  8418. 			// refreshConsole();
  8419. 		}
  8420.  
  8421.  
  8422.  
  8423.  
  8424.  
  8425.  
  8426.  
  8427.  
  8428.  
  8429.  
  8430.  
  8431.  
  8432.  
  8433.  
  8434. 		// async function awariaSerwera()
  8435. 		// {
  8436. 		// 	let awaria = document.querySelector(`body > section > footer > a[onclick="window.location.href = reloadURL"`);
  8437. 		// 	if (awaria) alert("AWARIA");
  8438. 		// }
  8439.  
  8440. 		// XHR BLOCKER
  8441.  
  8442.  
  8443.  
  8444. 		// Wykop XS-XHR Blocker
  8445. 		// https://greasyfork.org/en/scripts/486722-wykop-xs-xhr-blocker
  8446. 		setSettingsValueFromCSSProperty("wxsBlockXHREnable");
  8447. 		if (settings.wxsBlockXHREnable)
  8448. 		{
  8449. 			setSettingsValueFromCSSProperty("wxsBlockXHRExternal");
  8450. 			setSettingsValueFromCSSProperty("wxsBlockXHRInternalAds");
  8451. 			setSettingsValueFromCSSProperty("wxsBlockXHRConsoleLogAllowed", false);
  8452. 			setSettingsValueFromCSSProperty("wxsBlockXHRConsoleLogBlocked", false);
  8453. 			setSettingsValueFromCSSProperty("rightSidebarHidePopularTags", false);
  8454. 			setSettingsValueFromCSSProperty("rightSidebarHideRelatedTags", false);
  8455. 			setSettingsValueFromCSSProperty("rightSidebarHideHits", false);
  8456. 			setSettingsValueFromCSSProperty("rightSidebarHideEntriesHot", false);
  8457. 			setSettingsValueFromCSSProperty("rightSidebarHideEntriesActive", false);
  8458. 			setSettingsValueFromCSSProperty("rightSidebarHideEntriesPopular", false);
  8459. 			setSettingsValueFromCSSProperty("rightSidebarHideUpcomingActive", false);
  8460. 			setSettingsValueFromCSSProperty("rightSidebarHideLinksNewest", false);
  8461. 			setSettingsValueFromCSSProperty("rightSidebarHideLinksActive", false);
  8462. 			setSettingsValueFromCSSProperty("rightSidebarHideLinksPopular", false);
  8463. 		}
  8464.  
  8465. 		let xhook = null;
  8466. 		if (settings.infiniteScrollEntriesEnabled || settings.infiniteScrollLinksEnabled || settings.wxsBlockXHREnable)
  8467. 		{
  8468. 			//XHook-v1.6.2-https://github.com/jpillora/xhook
  8469. 			//Jaime Pillora <dev@jpillora.com>-MIT Copyright 2023
  8470. 			xhook = function () { "use strict"; const e = (e, t) => Array.prototype.slice.call(e, t); let t = null; "undefined" != typeof WorkerGlobalScope && self instanceof WorkerGlobalScope ? t = self : "undefined" != typeof global ? t = global : window && (t = window); const n = t, o = t.document, r = ["load", "loadend", "loadstart"], s = ["progress", "abort", "error", "timeout"], a = e => ["returnValue", "totalSize", "position"].includes(e), i = function (e, t) { for (let n in e) { if (a(n)) continue; const o = e[n]; try { t[n] = o } catch (e) { } } return t }, c = function (e, t, n) { const o = e => function (o) { const r = {}; for (let e in o) { if (a(e)) continue; const s = o[e]; r[e] = s === t ? n : s } return n.dispatchEvent(e, r) }; for (let r of Array.from(e)) n._has(r) && (t[`on${r}`] = o(r)) }, u = function (e) { if (o && null != o.createEventObject) { const t = o.createEventObject(); return t.type = e, t } try { return new Event(e) } catch (t) { return { type: e } } }, l = function (t) { let n = {}; const o = e => n[e] || [], r = { addEventListener: function (e, t, r) { n[e] = o(e), n[e].indexOf(t) >= 0 || (r = void 0 === r ? n[e].length : r, n[e].splice(r, 0, t)) }, removeEventListener: function (e, t) { if (void 0 === e) return void (n = {}); void 0 === t && (n[e] = []); const r = o(e).indexOf(t); -1 !== r && o(e).splice(r, 1) }, dispatchEvent: function () { const n = e(arguments), s = n.shift(); t || (n[0] = i(n[0], u(s)), Object.defineProperty(n[0], "target", { writable: !1, value: this })); const a = r[`on${s}`]; a && a.apply(r, n); const c = o(s).concat(o("*")); for (let e = 0; e < c.length; e++) { c[e].apply(r, n) } }, _has: e => !(!n[e] && !r[`on${e}`]) }; return t && (r.listeners = t => e(o(t)), r.on = r.addEventListener, r.off = r.removeEventListener, r.fire = r.dispatchEvent, r.once = function (e, t) { var n = function () { return r.off(e, n), t.apply(null, arguments) }; return r.on(e, n) }, r.destroy = () => n = {}), r }; var f = function (e, t) { switch (typeof e) { case "object": return n = e, Object.entries(n).map((([e, t]) => `${e.toLowerCase()}: ${t}`)).join("\r\n"); case "string": return function (e, t) { const n = e.split("\r\n"); null == t && (t = {}); for (let e of n) if (/([^:]+):\s*(.+)/.test(e)) { const e = null != RegExp.$1 ? RegExp.$1.toLowerCase() : void 0, n = RegExp.$2; null == t[e] && (t[e] = n) } return t }(e, t) }var n; return [] }; const d = l(!0), p = e => void 0 === e ? null : e, h = n.XMLHttpRequest, y = function () { const e = new h, t = {}; let n, o, a, u = null; var y = 0; const v = function () { if (a.status = u || e.status, -1 !== u && (a.statusText = e.statusText), -1 === u); else { const t = f(e.getAllResponseHeaders()); for (let e in t) { const n = t[e]; if (!a.headers[e]) { const t = e.toLowerCase(); a.headers[t] = n } } } }, b = function () { x.status = a.status, x.statusText = a.statusText }, g = function () { n || x.dispatchEvent("load", {}), x.dispatchEvent("loadend", {}), n && (x.readyState = 0) }, E = function (e) { for (; e > y && y < 4;)x.readyState = ++y, 1 === y && x.dispatchEvent("loadstart", {}), 2 === y && b(), 4 === y && (b(), "text" in a && (x.responseText = a.text), "xml" in a && (x.responseXML = a.xml), "data" in a && (x.response = a.data), "finalUrl" in a && (x.responseURL = a.finalUrl)), x.dispatchEvent("readystatechange", {}), 4 === y && (!1 === t.async ? g() : setTimeout(g, 0)) }, m = function (e) { if (4 !== e) return void E(e); const n = d.listeners("after"); var o = function () { if (n.length > 0) { const e = n.shift(); 2 === e.length ? (e(t, a), o()) : 3 === e.length && t.async ? e(t, a, o) : o() } else E(4) }; o() }; var x = l(); t.xhr = x, e.onreadystatechange = function (t) { try { 2 === e.readyState && v() } catch (e) { } 4 === e.readyState && (o = !1, v(), function () { if (e.responseType && "text" !== e.responseType) "document" === e.responseType ? (a.xml = e.responseXML, a.data = e.responseXML) : a.data = e.response; else { a.text = e.responseText, a.data = e.responseText; try { a.xml = e.responseXML } catch (e) { } } "responseURL" in e && (a.finalUrl = e.responseURL) }()), m(e.readyState) }; const w = function () { n = !0 }; x.addEventListener("error", w), x.addEventListener("timeout", w), x.addEventListener("abort", w), x.addEventListener("progress", (function (t) { y < 3 ? m(3) : e.readyState <= 3 && x.dispatchEvent("readystatechange", {}) })), "withCredentials" in e && (x.withCredentials = !1), x.status = 0; for (let e of Array.from(s.concat(r))) x[`on${e}`] = null; if (x.open = function (e, r, s, i, c) { y = 0, n = !1, o = !1, t.headers = {}, t.headerNames = {}, t.status = 0, t.method = e, t.url = r, t.async = !1 !== s, t.user = i, t.pass = c, a = {}, a.headers = {}, m(1) }, x.send = function (n) { let u, l; for (u of ["type", "timeout", "withCredentials"]) l = "type" === u ? "responseType" : u, l in x && (t[u] = x[l]); t.body = n; const f = d.listeners("before"); var p = function () { if (!f.length) return function () { for (u of (c(s, e, x), x.upload && c(s.concat(r), e.upload, x.upload), o = !0, e.open(t.method, t.url, t.async, t.user, t.pass), ["type", "timeout", "withCredentials"])) l = "type" === u ? "responseType" : u, u in t && (e[l] = t[u]); for (let n in t.headers) { const o = t.headers[n]; n && e.setRequestHeader(n, o) } e.send(t.body) }(); const n = function (e) { if ("object" == typeof e && ("number" == typeof e.status || "number" == typeof a.status)) return i(e, a), "data" in e || (e.data = e.response || e.text), void m(4); p() }; n.head = function (e) { i(e, a), m(2) }, n.progress = function (e) { i(e, a), m(3) }; const d = f.shift(); 1 === d.length ? n(d(t)) : 2 === d.length && t.async ? d(t, n) : n() }; p() }, x.abort = function () { u = -1, o ? e.abort() : x.dispatchEvent("abort", {}) }, x.setRequestHeader = function (e, n) { const o = null != e ? e.toLowerCase() : void 0, r = t.headerNames[o] = t.headerNames[o] || e; t.headers[r] && (n = t.headers[r] + ", " + n), t.headers[r] = n }, x.getResponseHeader = e => p(a.headers[e ? e.toLowerCase() : void 0]), x.getAllResponseHeaders = () => p(f(a.headers)), e.overrideMimeType && (x.overrideMimeType = function () { e.overrideMimeType.apply(e, arguments) }), e.upload) { let e = l(); x.upload = e, t.upload = e } return x.UNSENT = 0, x.OPENED = 1, x.HEADERS_RECEIVED = 2, x.LOADING = 3, x.DONE = 4, x.response = "", x.responseText = "", x.responseXML = null, x.readyState = 0, x.statusText = "", x }; y.UNSENT = 0, y.OPENED = 1, y.HEADERS_RECEIVED = 2, y.LOADING = 3, y.DONE = 4; var v = { patch() { h && (n.XMLHttpRequest = y) }, unpatch() { h && (n.XMLHttpRequest = h) }, Native: h, Xhook: y }; function b(e, t, n, o) { return new (n || (n = Promise))((function (r, s) { function a(e) { try { c(o.next(e)) } catch (e) { s(e) } } function i(e) { try { c(o.throw(e)) } catch (e) { s(e) } } function c(e) { var t; e.done ? r(e.value) : (t = e.value, t instanceof n ? t : new n((function (e) { e(t) }))).then(a, i) } c((o = o.apply(e, t || [])).next()) })) } const g = n.fetch; function E(e) { return e instanceof Headers ? m([...e.entries()]) : Array.isArray(e) ? m(e) : e } function m(e) { return e.reduce(((e, [t, n]) => (e[t] = n, e)), {}) } const x = function (e, t = { headers: {} }) { let n = Object.assign(Object.assign({}, t), { isFetch: !0 }); if (e instanceof Request) { const o = function (e) { let t = {}; return ["method", "headers", "body", "mode", "credentials", "cache", "redirect", "referrer", "referrerPolicy", "integrity", "keepalive", "signal", "url"].forEach((n => t[n] = e[n])), t }(e), r = Object.assign(Object.assign({}, E(o.headers)), E(n.headers)); n = Object.assign(Object.assign(Object.assign({}, o), t), { headers: r, acceptedRequest: !0 }) } else n.url = e; const o = d.listeners("before"), r = d.listeners("after"); return new Promise((function (t, s) { let a = t; const i = function (e) { if (!r.length) return a(e); const t = r.shift(); return 2 === t.length ? (t(n, e), i(e)) : 3 === t.length ? t(n, e, i) : i(e) }, c = function (e) { if (void 0 !== e) { const n = new Response(e.body || e.text, e); return t(n), void i(n) } u() }, u = function () { if (!o.length) return void l(); const e = o.shift(); return 1 === e.length ? c(e(n)) : 2 === e.length ? e(n, c) : void 0 }, l = () => b(this, void 0, void 0, (function* () { const { url: t, isFetch: o, acceptedRequest: r } = n, c = function (e, t) { var n = {}; for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]); if (null != e && "function" == typeof Object.getOwnPropertySymbols) { var r = 0; for (o = Object.getOwnPropertySymbols(e); r < o.length; r++)t.indexOf(o[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[r]) && (n[o[r]] = e[o[r]]) } return n }(n, ["url", "isFetch", "acceptedRequest"]); return e instanceof Request && c.body instanceof ReadableStream && (c.body = yield new Response(c.body).text()), g(t, c).then((e => i(e))).catch((function (e) { return a = s, i(e), s(e) })) })); u() })) }; var w = { patch() { g && (n.fetch = x) }, unpatch() { g && (n.fetch = g) }, Native: g, Xhook: x }; const O = d; return O.EventEmitter = l, O.before = function (e, t) { if (e.length < 1 || e.length > 2) throw "invalid hook"; return O.on("before", e, t) }, O.after = function (e, t) { if (e.length < 2 || e.length > 3) throw "invalid hook"; return O.on("after", e, t) }, O.enable = function () { v.patch(), w.patch() }, O.disable = function () { v.unpatch(), w.unpatch() }, O.XMLHttpRequest = v.Native, O.fetch = w.Native, O.headers = f, O.enable(), O }();
  8471. 		}
  8472.  
  8473.  
  8474. 		if (xhook != null && settings.wxsBlockXHREnable)
  8475. 		{
  8476. 			if (!dev) dev = wykopxSettings.getPropertyValue("--wxsDev") ? wykopxSettings.getPropertyValue("--wxsDev") === '1' : false;
  8477.  
  8478. 			const allowed = ['https://wykop.pl/api/', 'https://raw.githubusercontent.com/wykopx/', 'wykopx.pl']; // allowed.push();
  8479. 			if (settings.wxsBlockXHRExternal)
  8480. 			{
  8481.  
  8482. 			}
  8483.  
  8484. 			const prohibited = [];
  8485. 			if (settings.wxsBlockXHRInternalAds) prohibited.push("https://wykop.pl/api/v3/ads");
  8486.  
  8487. 			if (settings.rightSidebarHidePopularTags) prohibited.push("https://wykop.pl/api/v3/tags/popular?sidebar=true");
  8488. 			if (settings.rightSidebarHideRelatedTags) prohibited.push("/related?sidebar=true");
  8489.  
  8490. 			//if (settings.rightSidebarHideEntriesHot) prohibited.push("https://wykop.pl/api/v3/entries?sort=hot&last_update=6");
  8491. 			if (settings.rightSidebarHideEntriesActive) prohibited.push("https://wykop.pl/api/v3/entries?sort=active&sidebar=true");
  8492. 			if (settings.rightSidebarHideEntriesPopular) prohibited.push("https://wykop.pl/api/v3/entries?sort=hot&last_update=12&sidebar=true");
  8493. 			if (settings.rightSidebarHideUpcomingActive) prohibited.push("https://wykop.pl/api/v3/links?type=upcoming&sort=active&sidebar=true");
  8494. 			if (settings.rightSidebarHideHits) prohibited.push("https://wykop.pl/api/v3/hits/links?sort=day&sidebar=true");
  8495. 			if (settings.rightSidebarHideLinksNewest) prohibited.push("&sort=newest&sidebar=true");
  8496. 			if (settings.rightSidebarHideLinksActive) prohibited.push("&sort=active&sidebar=true");
  8497. 			// if (settings.rightSidebarHideLinksPopular) prohibited.push(""); // popularne w kategorii https://wykop.pl/api/v3/search/links?sort=popular&category=rozrywka&date_from=2024-02-16+24:30:06&sidebar=true
  8498.  
  8499. 			//		https://wykop.pl/api/v3/entries?sort=active&sidebar=true
  8500. 			//		https://wykop.pl/api/v3/entries?sort=hot&last_update=24&sidebar=true
  8501. 			//		https://wykop.pl/api/v3/entries?sort=hot&last_update=12&sidebar=true
  8502.  
  8503.  
  8504. 			//		https://wykop.pl/api/v3/hits/links?sort=day&sidebar=true
  8505. 			//		https://wykop.pl/api/v3/hits/links?sort=week&sidebar=true
  8506.  
  8507. 			//		https://wykop.pl/api/v3/links?type=homepage&sort=newest&sidebar=true
  8508. 			//		https://wykop.pl/api/v3/links?type=upcoming&sort=newest&sidebar=true
  8509. 			//		https://wykop.pl/api/v3/links?type=upcoming&sort=active&sidebar=true
  8510. 			//		https://wykop.pl/api/v3/links?type=homepage&sort=active&sidebar=true
  8511. 			//		https://wykop.pl/api/v3/links/stats/upcoming
  8512.  
  8513.  
  8514. 			//		https://wykop.pl/api/v3/search/links?sort=popular&bucket=17c344d6871fcac52893&sidebar=true
  8515. 			//		https://wykop.pl/api/v3/search/entries?sort=popular&bucket=17c344d6871fcac52893&sidebar=true
  8516. 			//		https://wykop.pl/api/v3/search/links?sort=popular&category=rozrywka&date_from=2024-02-16+24:30:06&sidebar=true
  8517.  
  8518. 			//		https://wykop.pl/api/v3/tags/polska/related?sidebar=true
  8519. 			//		https://wykop.pl/api/v3/tags/popular?sidebar=true
  8520.  
  8521. 			//		https://wykop.pl/api/v3/buckets/status
  8522. 			//		https://wykop.pl/api/v3/notifications/status
  8523. 			//		https://wykop.pl/api/v3/notifications/tags?page=1
  8524. 			//		https://wykop.pl/api/v3/notifications/entries?page=1
  8525. 			//		https://wykop.pl/api/v3/pm/conversations
  8526.  
  8527. 			xhook.before((request, callback) =>
  8528. 			{
  8529. 				if (allowed.some(str => request.url.includes(str)) && !prohibited.some(str => request.url.includes(str)))
  8530. 				{
  8531. 					if (settings.wxsBlockXHRConsoleLogAllowed) console.log("Wykop XS: XHR Blocker | XHR: 🌍 " + request.url);
  8532. 					callback();
  8533. 				}
  8534. 				else
  8535. 				{
  8536. 					if (settings.wxsBlockXHRConsoleLogBlocked) console.log("Wykop XS: XHR Blocker | XHR: ⛔ " + request.url + " (BLOCKED)");
  8537. 				}
  8538. 			});
  8539. 		}
  8540.  
  8541. 		if (xhook != null && (settings.infiniteScrollEntriesEnabled || settings.infiniteScrollLinksEnabled))
  8542. 		{
  8543. 			xhook.after((request, response) =>
  8544. 			{
  8545. 				// if(dev) console.log("✔ xhook.after-request: " + request.url);
  8546. 				// if(dev) console.log(request);
  8547. 				// if(dev) console.log("✔ xhook.after-response");
  8548. 				// if(dev) console.log(response);
  8549.  
  8550. 				if (response.status == 200 && request.url.endsWith("page=1"))
  8551. 				{
  8552. 					// if(dev) console.log("request.url.endsWith(page = 1)")
  8553. 					if ((settings.infiniteScrollEntriesEnabled && pageType == "wpis") || (settings.infiniteScrollLinksEnabled && pageType == "znalezisko"))
  8554. 					{
  8555. 						let url = null;
  8556.  
  8557. 						try
  8558. 						{
  8559. 							url = new URL(request.url);
  8560. 						}
  8561. 						catch
  8562. 						{
  8563. 							return
  8564. 						}
  8565.  
  8566. 						// if(dev) console.log("xhook.after-request.url");
  8567. 						// if(dev) console.log(request.url);
  8568. 						// if(dev) console.log(url);
  8569.  
  8570. 						//if (url.host == "wykop.pl")
  8571. 						if (1)
  8572. 						{
  8573. 							let searchParams = new URLSearchParams(url.searchParams)
  8574.  
  8575. 							// if(dev) console.log("✔ xhook.after-url.href");
  8576. 							// if(dev) console.log(url.href);
  8577. 							// if(dev) console.log("✔ xhook.after-searchParams");
  8578. 							// if(dev) console.log(searchParams);
  8579. 							// if(dev) console.log(`✔ xhook.after-${url.href} searchParams.has('page'): ` + searchParams.has('page'))
  8580. 							// if(dev) console.log(`✔ xhook.after-${url.href} searchParams.get('page'): ` + searchParams.get('page'))
  8581.  
  8582. 							if (searchParams.has('page') && searchParams.get('page') == 1)
  8583. 							{
  8584. 								// if(dev) console.log("✔ xhook.after-INFINITE SCROLL");
  8585.  
  8586. 								let regex = /\/api\/v3\/entries\/\d+\/comments$/;
  8587. 								if (pageType == "znalezisko") regex = /\/api\/v3\/links\/\d+\/comments$/;
  8588.  
  8589. 								// if(dev) console.log("url.pathname");
  8590. 								// if(dev) console.log(url.pathname);
  8591.  
  8592. 								if (regex.test(url.pathname))
  8593. 								{
  8594. 									let json = JSON.parse(response.text)
  8595. 									// if(dev) console.log("json")
  8596. 									// if(dev) console.log(json)
  8597.  
  8598. 									for (let page = 2; page <= Math.ceil(json['pagination']['total'] / json['pagination']['per_page']); ++page)
  8599. 									{
  8600. 										searchParams.set('page', page.toString())
  8601.  
  8602. 										let req = new XMLHttpRequest();
  8603. 										req.open('GET', `${url.pathname} ? ${searchParams.toString()}`, false)
  8604.  
  8605. 										for (let key of Object.keys(request.headers))
  8606. 										{
  8607. 											req.setRequestHeader(key, request.headers[key])
  8608. 										}
  8609.  
  8610. 										req.send(null)
  8611.  
  8612. 										if (req.status !== 200)
  8613. 										{
  8614. 											break
  8615. 										}
  8616.  
  8617. 										let data = JSON.parse(req.responseText)['data']
  8618. 										if (data.length === 0)
  8619. 										{
  8620. 											break
  8621. 										}
  8622.  
  8623. 										json['data'] = json['data'].concat(data)
  8624. 									}
  8625.  
  8626. 									// Hide pagination
  8627. 									json['pagination']['total'] = 0
  8628.  
  8629. 									// Override response text
  8630. 									response.text = JSON.stringify(json)
  8631. 								}
  8632. 							}
  8633. 						}
  8634. 					}
  8635. 				}
  8636. 			});
  8637. 		}
  8638.  
  8639.  
  8640.  
  8641.  
  8642.  
  8643.  
  8644.  
  8645.  
  8646.  
  8647.  
  8648.  
  8649.  
  8650.  
  8651.  
  8652.  
  8653. 		// USUWANIE NATARCZYWYCH IFRAME, REKLAM I GDPR
  8654. 		function removeAnnoyances()
  8655. 		{
  8656. 			consoleX("removeAnnoyances()", 1)
  8657.  
  8658. 			if (settings.removeAnnoyancesIframes)
  8659. 			{
  8660. 				document.querySelectorAll("html > iframe, html > body > iframe").forEach((el) =>
  8661. 				{
  8662. 					removeFromDOM(el)
  8663. 				});
  8664. 			}
  8665.  
  8666. 			if (settings.removeAnnoyancesAds)
  8667. 			{
  8668.  
  8669. 				/* removing .pub-slot-wrapper without .top .sidebar-1 oraz .screening -  causes Node not found error when loading further pages */
  8670. 				/* .pub.slot-wrapper  classes: .stream-bottom`.stream-1 .stream-2 .stream-3 .stream-4 .stream-5 .stream-6 .stream-7 .stream-8 .market-1 .sidebar-2 .sidebar-3 .sponsored-1 .sponsored-2 */
  8671.  
  8672. 				/* removing .pub-slot-wrapper without .top oraz .screening -  causes Node not found error when loading further pages */
  8673. 				document.querySelectorAll(`.pub-slot-wrapper:not(.sidebar-1):not(.screening):not(.top):not(:has(section.premium-pub.link-block))`).forEach((el) =>
  8674. 				{
  8675. 					if (dev) console.log(`🧧 removeAnnoyancesAds - `, el)
  8676. 					consoleData.annoyances.ads.count++;
  8677. 					removeFromDOM(el);
  8678. 				});
  8679. 			}
  8680.  
  8681. 			if (settings.removeAnnoyancesGDPR)
  8682. 			{
  8683. 				document.querySelectorAll(`div[class^="app_gdpr"]`).forEach((el) =>
  8684. 				{
  8685. 					document.querySelector("body").style = "overflow: initial!important;";
  8686. 					consoleData.annoyances.other.count++;
  8687. 					removeFromDOM(el);
  8688. 				});
  8689. 			}
  8690.  
  8691. 			if (settings.removeAnnoyancesScripts)
  8692. 			{
  8693. 				document.querySelectorAll(`html > head > script[src^="https://"]`).forEach((el) =>
  8694. 				{
  8695. 					removeFromDOM(el);
  8696. 				});
  8697. 				document.querySelectorAll(`html > head > script[src^="//"]`).forEach((el) =>
  8698. 				{
  8699. 					removeFromDOM(el);
  8700. 				});
  8701. 			}
  8702.  
  8703. 		}
  8704.  
  8705.  
  8706.  
  8707.  
  8708. 		function removeFromDOM(Node)
  8709. 		{
  8710. 			if (Node)
  8711. 			{
  8712. 				consoleX(`removeFromDOM()`, 1);
  8713.  
  8714. 				if (Node instanceof Element)
  8715. 				{
  8716. 					consoleX("removeFromDOM(): REMOVING DOM Node", 1);
  8717. 					// if(dev) console.log(Node)
  8718. 					let nodeName = Node.nodeName;
  8719. 					nodeName = nodeName.toLowerCase()
  8720. 					// if(dev) console.log("nodeName:" + nodeName)
  8721. 					if (!consoleData.annoyances[nodeName])
  8722. 					{
  8723. 						consoleData.annoyances[nodeName] = { count: 0 };
  8724. 					}
  8725. 					consoleData.annoyances[nodeName].count++;
  8726. 					Node.remove();
  8727. 				}
  8728.  
  8729. 				consoleData.annoyances.count++;
  8730. 				// if(dev) console.log("removeFromDOM(): REMOVED TOTAL: ", consoleData.annoyances.count)
  8731. 				// if(dev) console.log("removeFromDOM(): consoleData:");
  8732. 				// if(dev) console.log(consoleData);
  8733.  
  8734. 				refreshConsole();
  8735. 			}
  8736. 		}
  8737.  
  8738.  
  8739.  
  8740.  
  8741.  
  8742.  
  8743. 		/* CSS STYLES */
  8744. 		CSS += `
  8745. 	
  8746. 	body small { font-size: 0.8em; line-height: 0.9em; }
  8747. 	
  8748. 	.hidden { display: none!important; }
  8749.  
  8750. 	section.editor>header>ul>li>i,                   			/* napisy przy ikonkach edytora */
  8751.     aside.profile-top>section>header>ul li,         			/* ikonki "Zgłoś", "Zablokuj" */
  8752.     aside.profile-top>section>header>ul li a,       			/* ikonka "Napisz do użytkownika"*/
  8753.     section.editor div.enter label,                 			/* przycisk wysyłania enterem */
  8754.     aside.tag-top aside ul > li.edit > a,            			/* edycja tagu autorskiego */
  8755.     section.popper > section.tooltip > footer > ul.icons > li, 	/* ikonki w menu kontekstowym */
  8756.     section.popper > section.tooltip > footer > ul.icons > li > a, /* ikonki w menu kontekstowym */
  8757.     section.link-page > section.link > section.link-block > section > article > section.actions > ul > li > ul > li > a  /* action menu znaleziska nadpisane przez a, span { font-size: 14px; } */
  8758.     {
  8759.         font-size: 0;
  8760.     }
  8761.  
  8762.  
  8763.  
  8764.     aside.profile-top > section > header > div h1                               /* nazwa nicku na profilu */
  8765.     {
  8766.         display: flex;
  8767.         align-items: center;
  8768.     }
  8769. 	`;
  8770.  
  8771. 		if (settings.editorSendHotkey != "domyslnie")
  8772. 		{
  8773. 			if (settings.editorSendHotkeyShowOnSendButton)
  8774. 			{
  8775. 				CSS += `
  8776. 			section.editor > footer > div.buttons > div.button.send > button.target
  8777. 			{
  8778. 				display: flex;
  8779. 				flex-wrap: nowrap;
  8780. 				flex-direction: row;
  8781. 				column-gap: 4px;
  8782. 				text-transform: capitalize;
  8783. 			}
  8784. 			section.editor > footer > div.buttons > div.button.send > button.target::before
  8785. 			{
  8786. 				content: var(--editorSendHotkey);
  8787. 				text-transform: initial;
  8788. 				border-right: 1px solid var(--gullGray);
  8789. 				padding-right: 4px;
  8790. 			}`;
  8791. 			}
  8792. 		}
  8793.  
  8794. 		if (settings.imageUploaderEnable)
  8795. 		{
  8796. 			CSS += `
  8797. 		/* IMAGE UPLOADER */
  8798. 		section.editor figure.wxs_uploaded_image_placeholder
  8799. 		{
  8800. 			display: flex;
  8801. 			position: relative;	
  8802. 		}
  8803. 		section.editor div.wxs_uploader_caption > span
  8804. 		{
  8805. 			display: none;
  8806. 			font-size: 15px;
  8807. 			color: var(--gullGray);
  8808. 			text-transform: initial;
  8809. 			position: relative;
  8810. 			margin-top: 15px;
  8811. 			padding-top: 15px;
  8812. 			margin-bottom: 15px;
  8813. 			border-top: 1px dotted rgba(120, 120, 120, 0.3);
  8814. 		}
  8815. 		section.editor:has(aside li.photo) div.wxs_uploader_caption > span.wxs_upload_and_replace_current_image,
  8816. 		section.editor:not(:has(aside li.photo)) div.wxs_uploader_caption > span.wxs_upload_first_image
  8817. 		{
  8818. 			display: flex;
  8819. 		}
  8820. 		section.editor figure.wxs_uploaded_image_placeholder:has(canvas)
  8821. 		{
  8822. 			margin: 20px 0px;
  8823. 			border-radius: 4px!important;
  8824. 			display: flex;
  8825. 			flex-direction: row-reverse;
  8826. 			flex-wrap: wrap-reverse;
  8827. 			justify-content: start;
  8828. 			align-content: start;
  8829. 			gap: 10px;
  8830. 		}
  8831. 		section.editor figure.wxs_uploaded_image_placeholder > canvas
  8832. 		{
  8833. 			display: none;
  8834. 		}
  8835. 		section.editor:has(aside li.photo) figure.wxs_uploaded_image_placeholder > canvas
  8836. 		{
  8837. 			display: flex;
  8838. 			max-width: 400px!important;
  8839. 			border: 1px solid var(--whiteOpacity07, rgba(128, 128, 128, 0.7))!important;
  8840. 			border-radius: 4px!important;
  8841. 			box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3), -3px -3px 12px rgba(0, 0, 0, 0.3), 0px 0px 22px rgba(0, 0, 0, 0.3);
  8842. 			opacity: 0.7;
  8843. 			filter: brightness(0.8) grayscale(0.6);
  8844. 		}
  8845. 		section.editor:has(aside li.photo) figure.wxs_uploaded_image_placeholder > canvas:hover
  8846. 		{
  8847. 			max-width: 400px!important;
  8848. 			opacity: 1;
  8849. 			filter: brightness(1.3) grayscale(0)!important;
  8850. 			border: 1px solid var(--whiteOpacity07, rgba(128, 128, 128, 0.7))!important;
  8851. 		}
  8852. 		/* ten plik zostanie wysłany (ostatni na liscie) */
  8853. 		section.editor:has(aside li.photo) figure.wxs_uploaded_image_placeholder > canvas:nth-last-child(1 of canvas)
  8854. 		{
  8855. 			opacity: 1;
  8856. 			filter: brightness(1.1) grayscale(0);
  8857. 			border-color: rgba(21, 138, 255, .89)!important;
  8858. 			border: 20px solid red;
  8859. 		}
  8860.  
  8861.  
  8862.  
  8863. 		/* lista wgranych plików wraz z nazwami */
  8864. 		section.editor > aside > ul > li.photo > span
  8865. 		{
  8866. 			line-height: 24px;
  8867. 		}
  8868.  
  8869. 		section.editor > aside > ul > li.photo::before
  8870. 		{
  8871. 			top: unset!important;
  8872. 			left: unset!important;
  8873. 		}
  8874. 		section.editor > aside > ul > li.photo
  8875. 		{
  8876. 			padding: 8px 0px 8px 10px; 
  8877. 			border-radius: 4px;
  8878. 			background-color: rgba(255, 0, 0, 0.1);
  8879. 			opacity: 0.6;
  8880. 		}
  8881. 		section.editor > aside > ul > li:nth-last-child(1 of li.photo)
  8882. 		{
  8883. 			opacity: 1;
  8884. 			background-color: rgba(21, 138, 255, .01);
  8885. 		}
  8886.  
  8887.  
  8888. 		section.editor:has(aside li.photo) figure.wxs_uploaded_image_placeholder canvas.wxs_uploaded_image_preview::after
  8889. 		{
  8890. 			display: flex;
  8891. 			font-size: 14px;
  8892. 			color: rgba(254, 255, 255, 0.3);
  8893. 			background-color: rgba(0, 0, 0, 0.7);
  8894. 			border: 1px solid rgba(0, 0, 0, 1);
  8895. 			position: absolute;
  8896. 			left: 10px;
  8897. 			bottom: 10rem;
  8898. 			padding: 4px 11px;
  8899. 			border-radius: 3px;
  8900. 		}
  8901. 		section.editor:has(aside li.photo) figure.wxs_uploaded_image_placeholder canvas.wxs_uploaded_image_png::after
  8902. 		{
  8903. 			content: "PNG";
  8904. 		}
  8905. 		section.editor:has(aside li.photo) figure.wxs_uploaded_image_placeholder canvas.wxs_uploaded_image_jpeg::after,
  8906. 		section.editor:has(aside li.photo) figure.wxs_uploaded_image_placeholder canvas.wxs_uploaded_image_jpeg::after
  8907. 		{
  8908. 			content: "JPEG";
  8909. 		}
  8910. 		section.editor:has(aside li.photo) figure.wxs_uploaded_image_placeholder canvas.wxs_uploaded_image_gif::after
  8911. 		{
  8912. 			content: "GIF";
  8913. 		}
  8914. 		section.editor:has(aside li.photo) figure.wxs_uploaded_image_placeholder canvas.wxs_uploaded_image_webp::after
  8915. 		{
  8916. 			content: "WEBP"; 
  8917. 		}
  8918.  
  8919. 		/* IMAGE UPLOADER - END */
  8920. 	`;
  8921. 		}
  8922.  
  8923. 		if (settings.haveBanDisableTextarea)
  8924. 		{
  8925. 			CSS += `
  8926. 			section.editor > div.content::before
  8927. 			{
  8928. 				content: var(--myUsernameAddingAs);
  8929. 				display: flex;
  8930. 				position: relative;
  8931. 				color: var(--gullGray);
  8932. 				font-size: 15px;
  8933. 				text-transform: initial;
  8934. 				margin-top: 15px;
  8935. 				margin-bottom: 15px;
  8936. 				padding-bottom: 15px;
  8937. 				border-bottom: 1px dotted rgba(120, 120, 120, 0.3);
  8938. 			}
  8939. 			`;
  8940. 		}
  8941.  
  8942. 		if (settings.editorShowMyUsername)
  8943. 		{
  8944. 			CSS += `
  8945. 			header.stream-top:has(+ section.editor) > h1::after
  8946. 			{
  8947. 				margin-left: 5px;
  8948. 				content: var(--myUsernameAS);
  8949. 				text-transform: initial; 
  8950. 			}
  8951. 			section.editor > div.content::before
  8952. 			{
  8953. 				content: var(--myUsernameAddingAs);
  8954. 				display: flex;
  8955. 				position: relative;
  8956. 				color: var(--gullGray);
  8957. 				font-size: 15px;
  8958. 				text-transform: initial;
  8959. 				margin-top: 15px;
  8960. 				margin-bottom: 15px;
  8961. 				padding-bottom: 15px;
  8962. 				border-bottom: 1px dotted rgba(120, 120, 120, 0.3);
  8963. 			}
  8964. 			`;
  8965.  
  8966. 			if (settings.editorShowMyUsernameOnSendButton)
  8967. 			{
  8968. 				CSS += `
  8969. 				section.editor > footer > div.buttons > div.button.send > button.target
  8970. 				{
  8971. 					display: flex;
  8972. 					flex-wrap: nowrap;
  8973. 					flex-direction: row;
  8974. 					column-gap: 4px;
  8975. 					text-transform: capitalize;
  8976. 				}
  8977. 				section.editor > footer > div.buttons > div.button.send > button.target::after
  8978. 				{
  8979. 					content: var(--myUsernameAs);
  8980. 					text-transform: initial;
  8981. 				}
  8982. 				`;
  8983. 			}
  8984. 		}
  8985.  
  8986. 		if (settings.observedTagsInRightSidebarEnable)
  8987. 		{
  8988. 			CSS += `
  8989. 		main.main > section > section.sidebar
  8990. 		{
  8991. 			display: flex;
  8992. 			flex-direction: column;
  8993. 		}
  8994. 		section.wykopx_your_observed_tags
  8995. 		{
  8996. 			order: -9999;
  8997. 			display: flex!important;
  8998. 			flex-direction: column;
  8999. 			gap: 16px;
  9000. 		} 
  9001.  
  9002. 		section.wykopx_your_observed_tags div.wykopx_quick_search_container
  9003. 		{
  9004. 			display: flex!important;
  9005. 			width: 100%;
  9006. 			position: relative;
  9007. 		} 
  9008. 		section.wykopx_your_observed_tags .wykopx_quick_search_container,
  9009. 		section.wykopx_your_observed_tags > div.content
  9010. 		{
  9011. 			margin-top: 0px!important;
  9012. 		} 
  9013.  
  9014. 		section.wykopx_your_observed_tags .wykopx_quick_search_container input.wykopx_quick_search
  9015. 		{
  9016. 			box-sizing: border-box;
  9017. 			width: 100%;
  9018. 			height: 25px; /*25px;*/
  9019. 			font-size: 15px; /* 15px; */
  9020. 			padding: 17px 10px 17px 34px;
  9021. 			opacity: 0.5;
  9022.  
  9023. 			color: var(--colorLinkTag, rgba(47, 174, 255, 1));
  9024. 			border: 1px solid var(--blackOpacity05, rgba(175, 175, 175, 0.5));
  9025. 			background-color: var(--whiteOpacity01, rgba(175, 175, 175, 0.1));
  9026. 		} 
  9027.  
  9028. 		section.wykopx_your_observed_tags .wykopx_quick_search_container:hover input.wykopx_quick_search,
  9029. 		section.wykopx_your_observed_tags .wykopx_quick_search_container       input.wykopx_quick_search:focus,
  9030. 		section.wykopx_your_observed_tags .wykopx_quick_search_container       input.wykopx_quick_search:not(:placeholder-shown)
  9031. 		{
  9032. 			opacity: 1;
  9033. 			background-color: var(--whiteOpacity03, rgba(175, 175, 175, 0.1));
  9034. 		} 
  9035.  
  9036. 		section.wykopx_your_observed_tags .wykopx_quick_search_container::before
  9037. 		{
  9038. 			content: "🔍";
  9039. 			font-size: 16px;
  9040. 			display: block;
  9041. 			position: absolute;
  9042. 			left: 8px;
  9043. 			top: 6px;
  9044. 			min-width: 20px;
  9045. 			min-height: 20px;
  9046. 			max-height: 20px;
  9047. 			max-width: 20px;
  9048. 		}`;
  9049. 		}
  9050.  
  9051. 		if (settings.quickLinksEnable)
  9052. 		{
  9053. 			CSS += `:root
  9054. 				{
  9055. 					--quickLinksAFontSize: var(--textFontSize13, 13px);
  9056. 					--quickLinksSpanFontSize: var(--textFontSize11, 11px);
  9057. 				}
  9058. 		header.header > div.left > #wxs_quick_links > nav
  9059. 		{
  9060. 			font-size: var(--quickLinksAFontSize, 13px);
  9061. 		}
  9062. 		header.header > div.left > #wxs_quick_links > nav > section span
  9063. 		{
  9064. 			font-size: var(--quickLinksSpanFontSize, 11px);
  9065. 		}
  9066. 		header.header > div.left > #wxs_quick_links
  9067. 		{
  9068. 			display: flex;
  9069. 			top: calc(var(--topNavHeigh, 48px) - 1px);
  9070. 			position: absolute;
  9071. 			left: -1px;
  9072. 			width: 100vw;
  9073. 			height: 1px;
  9074. 			z-index: -100;
  9075. 		}
  9076. 		@keyframes quickLinksAnimationOn
  9077. 		{
  9078. 			0% { display: none; top: -20px; opacity: 1; }
  9079. 			1% { display: flex; top: -20px; opacity: 0; }
  9080. 			99% { display: flex; top: -20px; opacity: 0; }
  9081. 			100% { display: flex; top: 0px; opacity: 1; }
  9082. 		}
  9083. 		@keyframes quickLinksAnimationOff
  9084. 		{
  9085. 			0% { display: flex; top: 0px; opacity: 1; }
  9086. 			50% { display: flex; top: 0px; opacity: 0; }
  9087. 			99% { display: flex; top: -20px; opacity: 0; }
  9088. 			100% { display: none; top: -20px; opacity: 0; }
  9089. 		}
  9090. 		header.header > div.left > #wxs_quick_links > nav
  9091. 		{
  9092. 			z-index: -999;
  9093. 			column-gap: 0px;
  9094. 			flex-wrap: nowrap;
  9095. 			position: absolute;
  9096. 			left: 0px;
  9097. 			width: 100%;
  9098. 		}
  9099. 		@starting-style
  9100. 		{
  9101. 			header.header > div.left > #wxs_quick_links > nav:hover
  9102. 			{
  9103.  
  9104. 			}
  9105. 		}
  9106. 		header.header > div.left > #wxs_quick_links > nav:not(:hover)
  9107. 		{
  9108. 			z-index: -1000!important;
  9109. 			display: none;
  9110. 			transition: display 1s ease-out allow-discrete;
  9111. 			/* animation-name: quickLinksAnimationOff!important;
  9112. 			animation-duration: 0s;
  9113. 			animation-delay: 0.4s;
  9114. 			animation-iteration-count: 1;
  9115. 			animation-direction: normal;
  9116. 			animation-fill-mode: forwards;*/
  9117. 		}
  9118. 		header.header > div.left > #wxs_quick_links > nav:hover
  9119. 		{
  9120. 			z-index: 999!important;
  9121. 			display: flex!important;
  9122. 			animation-name: quickLinksAnimationOn!important;
  9123. 			animation-duration: 0s!important;
  9124. 			animation-delay: 0s!important;
  9125. 			animation-direction: normal!important;
  9126. 			animation-fill-mode: forwards!important;
  9127. 		}
  9128.  
  9129. 		header.header > div.left > #wxs_quick_links > nav > section
  9130. 		{
  9131. 			display: flex;
  9132. 			flex-wrap: nowrap;
  9133. 			align-items: center;
  9134. 		}
  9135. 		header.header > div.left > #wxs_quick_links > nav > section div
  9136. 		{
  9137. 			display: flex;
  9138. 			height: 100%;
  9139. 		}
  9140. 		header.header > div.left > #wxs_quick_links > nav > section a,
  9141. 		header.header > div.left > #wxs_quick_links > nav > section span
  9142. 		{
  9143. 			display: flex;
  9144. 			align-items: center;
  9145. 			justify-content: center;
  9146. 		}
  9147. 		header.header > div.left:has(a[href="/"]:hover) > #wxs_quick_links > nav.home,
  9148. 		header.header > div.left:has(> nav.main > ul > li:hover a[href="/"]) > #wxs_quick_links > nav.home,
  9149. 		header.header > div.left:has(> nav.main > ul > li a[href="/"]:hover) > #wxs_quick_links > nav.home,
  9150. 		header.header > div.left:has(> nav.main > ul > li:hover a[href="/wykopalisko"]) > #wxs_quick_links > nav.upcoming,
  9151. 		header.header > div.left:has(> nav.main > ul > li:hover a[href="/mikroblog"]) > #wxs_quick_links > nav.microblog,
  9152. 		header.header > div.left:has(> nav.main > ul > li:hover a[href="/obserwowane"]) > #wxs_quick_links > nav.mywykop,
  9153. 		header.header > div.left:has(> nav.main > ul > li:hover a[href="/hity"]) > #wxs_quick_links > nav.hits,
  9154. 		header.header > div.left:has(> nav.main > ul > li:hover a[href="/ulubione"]) > #wxs_quick_links > nav.favorites,
  9155. 		header.header > div.left:has(> nav.main > ul > li:hover a[href="/dodaj-link"]) > #wxs_quick_links > nav.add_new,
  9156. 		header.header > div.left:has(> nav.main > ul > li:hover a[href="/mikroblog/#dodaj"]) > #wxs_quick_links > nav.add_new
  9157. 		{
  9158. 			z-index: 999;
  9159. 			display: flex!important;
  9160. 			animation-name: quickLinksAnimationOn!important;
  9161. 			animation-duration: 2s;
  9162. 			animation-delay: 0s;
  9163. 			animation-direction: normal;
  9164. 			animation-fill-mode: forwards;
  9165. 		}
  9166. 		/* colors */
  9167. 		header.header > div.left > #wxs_quick_links > nav
  9168. 		{
  9169. 			height: 37px;
  9170. 			color: var(--blackOpacity07, rgba(255, 255, 255, 0.7));
  9171. 			border-bottom: 1px solid var(--blackOpacity03, rgba(255, 255, 255, 0.3));
  9172. 			box-shadow: 0px 4px 4px var(--whiteOpacity04, rgba(0, 0, 0, 0.4));
  9173. 		}
  9174. 		header.header > div.left > #wxs_quick_links > nav:hover
  9175. 		{
  9176.  
  9177. 		}
  9178. 		header.header > div.left > #wxs_quick_links > nav > section
  9179. 		{
  9180. 			background-color: var(--whiteOpacity1, rgba(18, 18, 20, 1));
  9181. 			column-gap: 5px;
  9182. 			padding-left: 20px;
  9183. 			padding-right: 0px;
  9184. 			border-left: 1px solid rgba(120, 120, 120, 0.2);
  9185. 		}
  9186.  
  9187. 		header.header > div.left > #wxs_quick_links > nav > section:hover
  9188. 		{
  9189. 			background-color: var(--whiteOpacity1, rgba(18, 18, 20, 1));
  9190. 		}
  9191. 		header.header > div.left > #wxs_quick_links > nav > section:hover span
  9192. 		{
  9193. 			color: var(--blackOpacity1, rgba(255, 255, 255, 1));
  9194. 		}
  9195.  
  9196. 		header.header > div.left > #wxs_quick_links > nav > section span
  9197. 		{
  9198. 			padding-right: 10px;
  9199. 			text-transform: uppercase;
  9200. 			font-weight: bolder;
  9201. 			cursor: default ;
  9202. 			width: max-content;
  9203. 		}
  9204.  
  9205. 		header.header > div.left > #wxs_quick_links > nav > section a,
  9206. 		header.header > div.left > #wxs_quick_links > nav > section span
  9207. 		{
  9208. 			height: 100%;
  9209. 			min-width: 70px;
  9210. 			width: max-content;
  9211. 		}
  9212.  
  9213. 		header.header > div.left > #wxs_quick_links > nav > section.wxs_quicklink_short
  9214. 		{
  9215. 			min-width: 20px;
  9216. 		}
  9217.  
  9218. 		header.header > div.left > #wxs_quick_links > nav > section a
  9219. 		{
  9220. 			text-decoration: none;
  9221. 			padding: 0px 14px 0px 14px;
  9222. 		}
  9223.  
  9224. 		header.header > div.left > #wxs_quick_links > nav > section a:hover
  9225. 		{
  9226. 			color: var(--blackOpacity09, rgba(255, 255, 255, 1));
  9227. 			background-color: var(--blackOpacity01, rgba(255, 255, 255, 0.2));
  9228. 		}
  9229.  
  9230. 		/* MOBILE */
  9231. 		@media(max-width: 600px)
  9232. 		{
  9233. 			header.header > div.left > #wxs_quick_links > nav:not(:hover)
  9234. 			{
  9235.  
  9236. 				animation-name: quickLinksAnimationOff!important;
  9237. 				animation-delay: 4s;
  9238. 			}
  9239.  
  9240. 			header.header > div.left > #wxs_quick_links > nav,
  9241. 			header.header > div.left > #wxs_quick_links > nav > section,
  9242. 			header.header > div.left > #wxs_quick_links > nav > section > div
  9243. 			{
  9244. 				flex-direction: column!important;
  9245. 				align-items: start!important;
  9246. 			}
  9247. 			header.header > div.left > #wxs_quick_links > nav,
  9248. 			header.header > div.left > #wxs_quick_links > nav > section,
  9249. 			header.header > div.left > #wxs_quick_links > nav > section > div,
  9250. 			header.header > div.left > #wxs_quick_links > nav > section > span,
  9251. 			header.header > div.left > #wxs_quick_links > nav > section a
  9252. 			{
  9253. 				width: 100%;
  9254. 				justify-content: start;
  9255. 			}
  9256. 			header.header > div.left > #wxs_quick_links > nav > section
  9257. 			{
  9258. 				border-top: 1px solid rgba(120, 120, 120, 0.3);
  9259. 			}
  9260. 			header.header > div.left > #wxs_quick_links > nav > section,
  9261. 			header.header > div.left > #wxs_quick_links > nav > section > div,
  9262. 			header.header > div.left > #wxs_quick_links > nav > section > span,
  9263. 			header.header > div.left > #wxs_quick_links > nav > section a
  9264. 			{
  9265. 				padding: 10px;
  9266. 			}
  9267. 		}
  9268. 	} `;
  9269. 		}
  9270.  
  9271. 		/* HIDE ADS ALWAYS */
  9272. 		CSS += `
  9273. 			.pub-slot-wrapper
  9274. 			{
  9275. 				display: none!important;
  9276. 			}
  9277. 			.pub-slot-wrapper:has(section.premium-pub.link-block)
  9278. 			{
  9279. 				display: flex!important;
  9280. 				border: 1px solid rgba(255, 0, 0, 0.3)!important;
  9281. 			}
  9282. 			.pub-slot-wrapper:has(section.premium-pub.link-block)::before
  9283. 			{
  9284. 				display: flex!important;
  9285. 				content: "Aby ukryć Wykopy Sponsorowane i Reklamowane zainstaluj 𝗪𝘆𝗸𝗼𝗽 𝗫 𝗦𝘁𝘆𝗹𝗲 lub 𝗪𝘆𝗸𝗼𝗽 𝗫 𝗕𝗹𝗼𝗰𝗸𝗲𝗿";
  9286. 				font-size: 13px;
  9287. 				color: var(--blackish);
  9288. 				margin: 9px 14px;
  9289. 				align-self: self-start;
  9290. 			}`;
  9291.  
  9292.  
  9293. 		/* HIDE WYKOP XS PROMO FROM STYLUS */
  9294. 		CSS += `body div.main-content[class] section > section.sidebar::after  { display: none!important; }`;
  9295.  
  9296.  
  9297. 		/* ----- Wykop X Style promo banners ON */
  9298. 		CSS += `.wykopx_promo_banner a 
  9299. 			{ width: 100%; display: block!important; height: 300px!important; background: url('https://raw.githubusercontent.com/wykopx/wykopx-png/main/promo-images/wykopx-install-sidebar-day.png'); }
  9300. 			[data-night-mode] .wykopx_promo_banner a
  9301. 			{ background: url('https://raw.githubusercontent.com/wykopx/wykopx-png/main/promo-images/wykopx-install-sidebar-night.png'); }
  9302. 			.wykopx_promo_banner:hover { filter: brightness(0.98) drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.2)); }
  9303. 			[data-night-mode] .wykopx_promo_banner:hover { filter: brightness(1.2); }
  9304.  
  9305. 		body > section > header.header > div.left > nav.main > ul > li
  9306. 		{
  9307. 			white-space: nowrap!important;
  9308. 			height: calc(100%-12px)!important;
  9309. 			position: relative!important;
  9310. 		}
  9311.  
  9312. 		body > section > header.header > div.left > nav.main > ul > li > a
  9313. 		{
  9314. 			text-decoration: none!important;
  9315. 			height: 100% !important;
  9316. 			display: flex!important;
  9317. 			flex-direction: column!important;
  9318. 			justify-content: center!important;
  9319. 			position: relative!important;
  9320. 			font-weight: 400!important;
  9321. 			padding: 0 12px!important;
  9322. 		}
  9323. 		body > section > header.header > div.left > nav.main > ul > li:hover a
  9324. 		{
  9325. 			background: rgba(255, 255, 255, 0.2)!important;
  9326. 		}
  9327. 		body > section > header.header > div.left > nav.main > ul > li > a > span
  9328. 		{
  9329. 			white-space: nowrap!important;
  9330. 		}
  9331. 		body > section > header.header > div.left > nav.main > ul > li.wykopx_promo_li > a > span
  9332. 		{
  9333. 			color: rgba(255, 255, 255, 1)!important;
  9334. 			font-size: 14px;
  9335. 		}
  9336.  
  9337.  
  9338. 		
  9339.  
  9340.  
  9341. 		section.editor.expand section.inline-autocomplete section.inline-autocomplete-stream div.content::after,
  9342. 		header.header div.right section.search-input section.inline-autocomplete section.inline-autocomplete-stream div.content::after
  9343. 		{ display: none!important; }
  9344.  
  9345. 		/* ----- WykopXS new version available */
  9346. 		.wykopxs_info_bar
  9347. 		{ display: flex; align-items: center; border-bottom: 1px solid rgba(128, 128, 128, 0.2); color: rgba(128, 128, 128, 1); padding: 8px 20px; font-size: 14px; }
  9348.  
  9349. 		aside.wykopxs_info_bar a
  9350. 		{ display: inline-block; background: rgb(0, 85, 0); color: white; display: inline-block; background-color: #005200; padding: .3em 0.7em; margin: 0 10px; }
  9351.  
  9352. 		aside.wykopxs_info_bar a:hover
  9353. 		{ background: rgba(0, 85, 0, 0.7); text-decoration: none!important; }
  9354.  
  9355. 		aside.wykopxs_info_bar footer
  9356. 		{ opacity: 0.6; margin-left: auto; }
  9357.  
  9358. 		@media(max-width: 640px)
  9359. 		{
  9360. 			body > section > aside.wykopxs_info_bar { flex-direction: column; padding-top: 30px; }
  9361. 			body > section > aside.wykopxs_info_bar a { margin: 11px; padding: 14px; width: 100%; text-align: center; }
  9362. 			body > section > aside.wykopxs_info_bar span.wykopxs_new_version_second,
  9363. 			body > section > aside.wykopxs_info_bar > footer { display: none; }
  9364. 		}
  9365. 	`;
  9366.  
  9367.  
  9368.  
  9369.  
  9370.  
  9371.  
  9372.  
  9373.  
  9374.  
  9375.  
  9376.  
  9377.  
  9378.  
  9379. 		// XS MIKROCZAT  -- START
  9380. 		let wykopDomain = "https://wykop.pl";
  9381. 		let wxDomain = "https://wykopx.pl";
  9382. 		const mikroczatDomain = "https://mikroczat.pl";
  9383. 		const mikroczatPath = "/"; /* /czat */
  9384. 		// let mikroczatChannel="/";
  9385. 		let mikroczatWindow = null;
  9386. 		const mikroczatButtonOpenTitle = "Otwórz wykopowy MikroCzat";
  9387. 		const mikroczatButtonOpenLabel = "Czat";
  9388.  
  9389.  
  9390. 		function openMikroczat(channel, windowOptions, target = "mikroczat")
  9391. 		{
  9392. 			if (bodySection.dataset.key_shift) delete bodySection.dataset.key_shift;
  9393. 			if (bodySection.dataset.key_ctrl) delete bodySection.dataset.key_ctrl;
  9394. 			if (bodySection.dataset.key_alt) delete bodySection.dataset.key_alt;
  9395.  
  9396. 			let mikroczatURL = `${mikroczatDomain}`;
  9397. 			mikroczatURL += `${mikroczatPath}${channel}`;
  9398.  
  9399. 			mikroczatWindow = window.open(mikroczatURL, target, windowOptions);
  9400. 		}
  9401.  
  9402. 		// OTWIERANIE MIKROCZATU Z PRZYCISKU
  9403. 		document.addEventListener("mousedown", wykopx_open_mikroczat_event_listener);
  9404.  
  9405. 		function wykopx_open_mikroczat_event_listener(e)
  9406. 		{
  9407. 			if (!e.target.closest(".wykopx_open_mikroczat")) return;
  9408. 			e.preventDefault();
  9409. 			let windowOptions = "";
  9410. 			let channel = "";
  9411.  
  9412. 			if (e.shiftKey || e.ctrlKey || e.altKey || e.button === 2)
  9413. 			{
  9414. 				windowOptions = "popup";
  9415. 			}
  9416.  
  9417. 			// WykopXS unique
  9418. 			const pathnameArray = new URL(document.URL).pathname.split("/");
  9419. 			if (pathnameArray[1] == "tag")
  9420. 			{
  9421. 				channel = "/" + pathnameArray[2]; // nazwatagu
  9422. 			}
  9423.  
  9424. 			openMikroczat(channel, windowOptions);
  9425. 		}
  9426.  
  9427.  
  9428.  
  9429. 		// PREVENT DEFAULT EVENT
  9430. 		function preventDefaultEvent(e)
  9431. 		{
  9432. 			e.preventDefault();
  9433. 		}
  9434. 		document.addEventListener("click", (e) =>
  9435. 		{
  9436. 			if (!e.target.closest(".wykopx_open_mikroczat")) return;
  9437. 			e.preventDefault();
  9438. 		});
  9439.  
  9440. 		let keys = {};
  9441. 		document.addEventListener("keydown", (e) =>
  9442. 		{
  9443. 			if (e.target.tagName.toLowerCase() === 'textarea') return;
  9444.  
  9445. 			if (!keys["SHIFT"] && e.key == "Shift")
  9446. 			{
  9447. 				keys["SHIFT"] = true;
  9448. 				bodySection.dataset.key_shift = "true";
  9449. 			}
  9450. 			else if (!keys["ALT"] && (e.key == "Alt" || e.key == "AltGraph"))
  9451. 			{
  9452. 				keys["ALT"] = true;
  9453. 				bodySection.dataset.key_alt = "true";
  9454. 			}
  9455. 		});
  9456. 		document.addEventListener("keyup", (e) =>
  9457. 		{
  9458. 			if (e.target.tagName.toLowerCase() === 'textarea') return;
  9459.  
  9460. 			if (keys["SHIFT"] && e.key == "Shift")
  9461. 			{
  9462. 				keys["SHIFT"] = false;
  9463. 				delete bodySection.dataset.key_shift;
  9464. 			}
  9465. 			else if (keys["ALT"] && (e.key == "Alt" || e.key == "AltGraph"))
  9466. 			{
  9467. 				keys["ALT"] = false;
  9468. 				delete bodySection.dataset.key_alt;
  9469. 			}
  9470. 		});
  9471.  
  9472.  
  9473.  
  9474.  
  9475. 		document.addEventListener("mouseover", (e) =>
  9476. 		{
  9477. 			if (e.target.matches(`a[href^="/tag/"]`))
  9478. 			{
  9479. 				e.target.title = `Wciśnij klawisz ⇧ 𝗦𝗛𝗜𝗙𝗧 lub ⎇ 𝗔𝗟𝗧 (⌥ 𝗢𝗽𝘁𝗶𝗼𝗻 na Mac) klikając na tag,\naby otworzyć kanał #${e.target.innerText} na 🗯 Mikroczacie\n\n⎇ 𝗔𝗟𝗧 - mikroczat w nowej karcie\n⇧ 𝗦𝗛𝗜𝗙𝗧 - mikroczat w nowym oknie`;
  9480.  
  9481. 				e.target.addEventListener("click", preventDefaultEvent, true);
  9482. 				e.target.addEventListener("mousedown", tagHrefEventListenerWithShift, true);
  9483. 				e.target.addEventListener("mouseup", preventDefaultEvent, true);
  9484. 			}
  9485. 		});
  9486.  
  9487. 		document.addEventListener("mouseout", (e) =>
  9488. 		{
  9489. 			if (e.target.matches(`a[href^="/tag/"]`))
  9490. 			{
  9491. 				e.target.removeEventListener("click", preventDefaultEvent, true);
  9492. 				e.target.removeEventListener("mousedown", tagHrefEventListenerWithShift, true);
  9493. 				e.target.removeEventListener("mouseup", preventDefaultEvent, true);
  9494. 			}
  9495. 		});
  9496.  
  9497. 		function tagHrefEventListenerWithShift(e)
  9498. 		{
  9499. 			const channel = e.target.href.split("tag/").pop();
  9500.  
  9501. 			if (e.ctrlKey || e.altKey) // || e.button === 2)
  9502. 			{
  9503. 				e.preventDefault();
  9504. 				openMikroczat(channel, null, "_blank");
  9505. 			}
  9506. 			else if (e.shiftKey)
  9507. 			{
  9508. 				e.preventDefault();
  9509. 				openMikroczat(channel, "popup");
  9510. 			}
  9511. 			else if (e.button === 2) // PPM
  9512. 			{
  9513.  
  9514. 			}
  9515. 			else if (e.button === 1) // ŚPM
  9516. 			{
  9517.  
  9518. 			}
  9519. 			else if (e.button === 0) // LPM
  9520. 			{
  9521. 				window.location.href = e.target.href;
  9522. 			}
  9523. 		}
  9524.  
  9525.  
  9526. 		// WIADOMOŚCI OD MIKROCZAT.PL
  9527. 		window.addEventListener('message', function (event)
  9528. 		{
  9529. 			if (event.origin !== mikroczatDomain) return;
  9530. 			if (dev) console.log('Wiadomość z mikroczat.pl', event.data);
  9531.  
  9532. 			//if (event.data == "MikroCzatOpened") mikroczatWindow.postMessage({ type: "token", token: window.localStorage.getItem("token") }, mikroczatDomain);
  9533.  
  9534. 			if (event.data == "MikroCzatOpened")
  9535. 			{
  9536. 				mikroczatWindow.postMessage({ type: "TokensObject", token: window.localStorage.getItem("token"), userKeep: window.localStorage.getItem("userKeep") }, mikroczatDomain);
  9537. 			}
  9538.  
  9539.  
  9540. 			if (event.data == "MikroCzatLoggedIn")
  9541. 			{
  9542. 				if (dev) console.log("event.data", event.data)
  9543. 				bodySection.dataset.mikroczatLogged = true;
  9544. 			}
  9545.  
  9546. 			if (event.data == "MikroCzatClosed")
  9547. 			{
  9548. 				bodySection.dataset.mikroczatLogged = false;
  9549. 				mikroczatWindow = null;
  9550. 			}
  9551. 		}, false);
  9552.  
  9553.  
  9554. 		function createLeftPanelButton()
  9555. 		{
  9556. 			if (dev) console.log("createLeftPanelButton");
  9557.  
  9558. 			const aside_section_div_ul = document.querySelector("body aside.left-panel > section.buttons ul");
  9559. 			if (!aside_section_div_ul) return;
  9560.  
  9561. 			let aside_section_div_ul_li = aside_section_div_ul.querySelector("li.mikroczat");
  9562. 			if (aside_section_div_ul_li) return;
  9563.  
  9564. 			aside_section_div_ul_li = document.createElement('li');
  9565. 			aside_section_div_ul_li.classList.add('wykopx_open_mikroczat', 'mikroczat');
  9566. 			aside_section_div_ul_li.title = mikroczatButtonOpenTitle;
  9567.  
  9568. 			aside_section_div_ul_li.innerHTML = `
  9569. 		<div class="popper-button">
  9570. 			<span>
  9571. 				<span class="button">
  9572. 					<a target="_mikroczat" class="hybrid">
  9573. 						<span>${mikroczatButtonOpenLabel}</span>
  9574. 					</a>
  9575. 				</span>
  9576. 			</span>
  9577. 		</div>`;
  9578.  
  9579. 			aside_section_div_ul.appendChild(aside_section_div_ul_li);
  9580. 		}
  9581.  
  9582.  
  9583. 		{
  9584. 			CSS += `
  9585. 		/* LEFT MENU MIKROCZAT BUTTON - START */
  9586. 		body aside.left-panel:not(.mini) > section.buttons > div.content > ul
  9587. 		{
  9588. 			display: flex;
  9589. 			flex-wrap: wrap;
  9590. 			justify-content: space-around;
  9591. 			column-gap: 0px;
  9592. 		}
  9593. 		body aside.left-panel:not(.mini) > section.buttons > div.content > ul > li
  9594. 		{
  9595. 			flex-basis: 47%;
  9596. 			box-sizing: border-box;
  9597. 			padding: 0px;
  9598. 			margin-top: 7px;
  9599. 		}
  9600.  
  9601. 		body aside.left-panel > section > div.content > ul > li
  9602. 		{
  9603. 			position: relative;
  9604. 			cursor: pointer;
  9605. 		}
  9606.  
  9607. 		body aside.left-panel.mini > section > div.content > ul > li:hover,
  9608. 		body aside.left-panel:not(.mini) > section.buttons > div.content > ul > li:hover a::before
  9609. 		{
  9610. 			background: var(--squeeze);
  9611. 		}
  9612.  
  9613. 		aside.left-panel>section.links>.content ul li a 									/* [data-v-5687662b] */
  9614. 		{
  9615. 			padding: 0 6px;
  9616. 			display: block;
  9617. 			-webkit-box-sizing: border-box;
  9618. 			box-sizing: border-box;
  9619. 			font-weight: 400;
  9620. 			text-decoration: none;
  9621. 			font-size: 16px;
  9622. 			line-height: 36px;
  9623. 			height: 36px;
  9624. 		}
  9625. 		
  9626.  
  9627.  
  9628. 		aside.left-panel>section.buttons>.content ul li a 									/* [data-v-5687662b] */
  9629. 		{
  9630. 			display: block;
  9631. 			position: relative;
  9632. 			color: var(--steelBluish);
  9633. 			font-size: 0;
  9634. 		}
  9635.  
  9636. 		aside.left-panel>section.buttons>.content ul li.active a, 							/* [data-v-5687662b] */
  9637. 		aside.left-panel>section.buttons>.content ul li:hover a 							/* [data-v-5687662b] */
  9638. 		{
  9639. 			color: var(--tuna);
  9640. 			font-weight: 600;
  9641. 		}
  9642.  
  9643. 		aside.left-panel>section.buttons>.content ul li a:before 							/* [data-v-5687662b] */
  9644. 		{
  9645. 			content: '';
  9646. 			display: block;
  9647. 			width: 100%;
  9648. 			height: 36px;
  9649. 			border: 1px solid var(--porcelain);
  9650. 			border-radius: 6px;
  9651. 			box-sizing: border-box;
  9652. 			transition: background .2s ease, border .2s ease;
  9653. 		}
  9654. 		[data-night-mode] aside.left-panel>section.buttons>.content ul li a:before 			/* [data-v-5687662b] */
  9655. 		{
  9656. 			border-color: #303032;
  9657. 		}
  9658.  
  9659. 		aside.left-panel:not(.mini)>section.buttons>.content ul li:hover a:before,
  9660. 		[data-night-mode] aside.left-panel:not(.mini)>section.buttons>.content ul li:hover a:before
  9661. 		{
  9662. 			border-color: var(--tuna);
  9663. 		}
  9664.  
  9665. 		aside.left-panel:not(.mini)>section.buttons>.content ul li a:after 							/* [data-v-5687662b] */
  9666. 		{
  9667. 			content: '';
  9668. 			display: block;
  9669. 			position: absolute;
  9670. 			-webkit-mask-repeat: no-repeat;
  9671. 			mask-repeat: no-repeat;
  9672. 			-webkit-mask-position: center;
  9673. 			mask-position: center;
  9674. 			background: var(--gullGray);
  9675. 			height: 34px;
  9676. 			width: 100%;
  9677. 			top: 0;
  9678. 			left: 0;
  9679. 			-webkit-transition: background .2s ease;
  9680. 			transition: background .2s ease;
  9681. 		}
  9682.  
  9683. 		aside.left-panel:not(.mini)>section.buttons>.content ul li.mikroczat a:after 					/* [data-v-5687662b] */
  9684. 		{
  9685. 			-webkit-mask-image: url(https://i.imgur.com/82a9CyK.png);
  9686. 			mask-image: url(https://i.imgur.com/82a9CyK.png);
  9687. 			-webkit-mask-size: 22px 22px;
  9688. 			mask-size: 22px 22px;
  9689. 		}
  9690.  
  9691. 		/* ZWINIETE MENU PO LEWEJ */
  9692. 		aside.left-panel>section.links>.content ul li a:before 								/* [data-v-5687662b] */
  9693. 		{
  9694. 			content: '';
  9695. 			display: block;
  9696. 			position: absolute;
  9697. 			-webkit-mask-repeat: no-repeat;
  9698. 			mask-repeat: no-repeat;
  9699. 			-webkit-mask-position: center;
  9700. 			mask-position: center;
  9701. 			-webkit-mask-size: cover;
  9702. 			mask-size: cover;
  9703. 			background: var(--gullGray);
  9704. 			-webkit-transform: translateX(-50%) translateY(-50%);
  9705. 			transform: translateX(-50%) translateY(-50%);
  9706. 			top: 50%;
  9707. 			left: 24px;
  9708. 			-webkit-transition: background .2s ease;
  9709. 			transition: background .2s ease;
  9710. 			z-index: 1;
  9711. 		}
  9712.  
  9713.  
  9714. 		aside.left-panel.mini > section.links > .content ul li.mikroczat a:before
  9715. 		{
  9716. 			-webkit-mask-image: url(https://i.imgur.com/82a9CyK.png);
  9717. 			mask-image: url(https://i.imgur.com/82a9CyK.png);
  9718. 			-webkit-mask-size: 22px 22px;
  9719. 			mask-size: 22px 22px;
  9720.  
  9721. 			mask-size: 22px 22px;
  9722. 			width: 22px;
  9723. 			height: 22px;
  9724. 			margin-top: 0px;
  9725. 		}
  9726.  
  9727.  
  9728. 		aside.left-panel:not(.mini)>section.buttons>.content ul li a>span 								/*[data-v-5687662b] */
  9729. 		{
  9730. 			position: relative;
  9731. 			display: inline-block;
  9732. 			font-size: 11px;
  9733. 			left: 50%;
  9734. 			-webkit-transform: translateX(-50%);
  9735. 			transform: translateX(-50%);
  9736. 			white-space: nowrap;
  9737. 			margin-top: 2px;
  9738. 			line-height: 16px;
  9739. 			height: 16px;
  9740. 		}
  9741. 		aside.left-panel.mini > section.links > .content ul li a > span
  9742. 		{
  9743. 			display: none;
  9744. 		}
  9745. 	
  9746. 		/* LEFT MENU MIKROCZAT BUTTON - END */
  9747.  
  9748.  
  9749.  
  9750.  
  9751. 		/* MIKROCZAT TAG LINKS */
  9752. 		section:is(.entry-content, .link-block)[class] { overflow: visible!important; }
  9753.  
  9754. 		section:is(.entry-content, .link-block) a[href^="/tag/"]
  9755. 		{
  9756. 			padding-right: 2px !important;
  9757. 			margin-right: 1px;
  9758. 			transition: none!important;
  9759. 		}
  9760. 		section:is(.entry-content, .link-block) a[href^="https://mikroczat.pl/"]
  9761. 		{
  9762. 			padding-right: 2px!important;
  9763. 			padding-left: 2px!important;
  9764. 		}
  9765. 		section:is(.entry-content, .link-block) a[href^="/tag/"],
  9766. 		section.entry-content .wrapper a[href^="https://mikroczat.pl/"]
  9767. 		{
  9768. 			border: 1px solid transparent!important;
  9769. 			position: relative!important;
  9770. 		}
  9771.  
  9772. 		body > section[data-key_shift="true"] 	section:is(.entry-content, .link-block) a[href^="/tag/"],
  9773. 		body > section[data-key_alt="true"] 	section:is(.entry-content, .link-block) a[href^="/tag/"],
  9774. 		body > section[data-key_ctrl="true"] 	section:is(.entry-content, .link-block) a[href^="/tag/"],
  9775. 		body > section[data-key_shift="true"] 	section:is(.entry-content, .link-block) a[href^="/tag/"] *,
  9776. 		body > section[data-key_alt="true"] 	section:is(.entry-content, .link-block) a[href^="/tag/"] *,
  9777. 		body > section[data-key_ctrl="true"] 	section:is(.entry-content, .link-block) a[href^="/tag/"] *,
  9778. 		body > section[data-key_shift="true"] 	section.entry-content a[href^="https://mikroczat.pl/"],
  9779. 		body > section[data-key_alt="true"] 	section.entry-content a[href^="https://mikroczat.pl/"],
  9780. 		body > section[data-key_ctrl="true"] 	section.entry-content a[href^="https://mikroczat.pl/"],
  9781. 		body > section[data-key_shift="true"] 	section.entry-content a[href^="https://mikroczat.pl/"] *,
  9782. 		body > section[data-key_alt="true"] 	section.entry-content a[href^="https://mikroczat.pl/"] *,
  9783. 		body > section[data-key_ctrl="true"] 	section.entry-content a[href^="https://mikroczat.pl/"] *
  9784. 		{
  9785. 			color: var(--tagChannelColor)!important;
  9786. 		}
  9787.  
  9788. 		body > section[data-key_shift="true"] 	section:is(.entry-content, .link-block) a[href^="/tag/"],
  9789. 		body > section[data-key_alt="true"] 	section:is(.entry-content, .link-block) a[href^="/tag/"],
  9790. 		body > section[data-key_ctrl="true"] 	section:is(.entry-content, .link-block) a[href^="/tag/"],
  9791. 		body > section[data-key_shift="true"] 	section.entry-content a[href^="https://mikroczat.pl/"],
  9792. 		body > section[data-key_alt="true"] 	section.entry-content a[href^="https://mikroczat.pl/"],
  9793. 		body > section[data-key_ctrl="true"] 	section.entry-content a[href^="https://mikroczat.pl/"]
  9794. 		{
  9795. 			border-color: var(--tagChannelColor)!important;
  9796. 			background-color: color-mix(in srgb, var(--whitish) 90%, var(--tagChannelColor))!important;
  9797. 			border-radius: var(--smallBorderRadius)!important;
  9798. 		}
  9799. 		body > section[data-key_shift="true"] 	section:is(.entry-content, .link-block) a[href^="/tag/"]:hover,
  9800. 		body > section[data-key_alt="true"] 	section:is(.entry-content, .link-block) a[href^="/tag/"]:hover,
  9801. 		body > section[data-key_ctrl="true"] 	section:is(.entry-content, .link-block) a[href^="/tag/"]:hover,
  9802. 		body > section[data-key_shift="true"] 	section.entry-content a[href^="https://mikroczat.pl/"]:hover,
  9803. 		body > section[data-key_alt="true"] 	section.entry-content a[href^="https://mikroczat.pl/"]:hover,
  9804. 		body > section[data-key_ctrl="true"] 	section.entry-content a[href^="https://mikroczat.pl/"]:hover
  9805. 		{
  9806. 			background-color: color-mix(in srgb, var(--whitish) 60%, var(--tagChannelColor))!important;
  9807. 		}
  9808.  
  9809. 		body > section[data-key_shift="true"] 	section:is(.entry-content, .link-block) a[href^="/tag/"],
  9810. 		body > section[data-key_alt="true"] 	section:is(.entry-content, .link-block) a[href^="/tag/"],
  9811. 		body > section[data-key_ctrl="true"] 	section:is(.entry-content, .link-block) a[href^="/tag/"]
  9812. 		{
  9813.  
  9814. 			padding-left: 3px !important;
  9815. 			margin-left: -12px !important;
  9816.  
  9817. 		}
  9818. 		body > section[data-key_shift="true"] 	section:is(.entry-content, .link-block) a[href^="/tag/"]:hover,
  9819. 		body > section[data-key_alt="true"] 	section:is(.entry-content, .link-block) a[href^="/tag/"]:hover,
  9820. 		body > section[data-key_ctrl="true"] 	section:is(.entry-content, .link-block) a[href^="/tag/"]:hover
  9821. 		{
  9822. 			text-decoration: none!important;
  9823. 		}
  9824. 		body > section[data-key_shift="true"] 	section:is(.entry-content, .link-block) a[href^="/tag/"]::before,
  9825. 		body > section[data-key_alt="true"] 	section:is(.entry-content, .link-block) a[href^="/tag/"]::before,
  9826. 		body > section[data-key_ctrl="true"] 	section:is(.entry-content, .link-block) a[href^="/tag/"]::before
  9827. 		{
  9828. 			content: "#";
  9829. 		}
  9830. 		body > section[data-key_shift="true"] 	section.entry-content a[href^="/tag/"]::after,
  9831. 		body > section[data-key_alt="true"] 	section.entry-content a[href^="/tag/"]::after,
  9832. 		body > section[data-key_ctrl="true"] 	section.entry-content a[href^="/tag/"]::after,
  9833. 		body > section[data-key_shift="true"] 	section.entry-content a[href^="https://mikroczat.pl/"]::after,
  9834. 		body > section[data-key_alt="true"] 	section.entry-content a[href^="https://mikroczat.pl/"]::after,
  9835. 		body > section[data-key_ctrl="true"] 	section.entry-content a[href^="https://mikroczat.pl/"]::after
  9836. 		{
  9837. 			color: white;
  9838. 			content: "🗯";
  9839. 			position: absolute;
  9840. 			top: -1em;
  9841. 			right: -0.5em;
  9842. 		}
  9843. 		
  9844. 		body > section[data-mikroczat-logged="true"] li.wykopx_open_mikroczat_li span:after
  9845. 		{
  9846. 			content: "•";
  9847. 			color: white;
  9848. 			position: absolute;
  9849. 			top: 4px;
  9850. 			right: 5px;
  9851. 		}
  9852. 		body > section[data-mikroczat-logged="false"] li.wykopx_open_mikroczat_li span:after
  9853. 		{
  9854. 			content: "•";
  9855. 			color: rgb(255, 255, 255, 0.3);
  9856. 			position: absolute;
  9857. 			top: 4px;
  9858. 			right: 5px;
  9859. 		}`;
  9860. 		}
  9861.  
  9862.  
  9863. 		createLeftPanelButton();
  9864.  
  9865. 		createNewNavBarButton({
  9866. 			position: "left",
  9867. 			// text: "Mikro<strong>czat</strong>",
  9868. 			text: mikroczatButtonOpenLabel,
  9869. 			title: mikroczatButtonOpenTitle,
  9870. 			class: "open_mikroczat", // wykopx_open_mikroczat_li
  9871. 			hideWithoutXStyle: false,
  9872. 			url: mikroczatDomain,
  9873. 			target: "_mikroczat",
  9874. 			number: null,
  9875. 		});
  9876.  
  9877.  
  9878.  
  9879. 		function throttle(func, delay)
  9880. 		{
  9881. 			let promise = Promise.resolve();
  9882. 			return function (...args)
  9883. 			{
  9884. 				promise = promise.then(() =>
  9885. 				{
  9886. 					return new Promise((resolve) =>
  9887. 					{
  9888. 						setTimeout(() =>
  9889. 						{
  9890. 							func(...args);
  9891. 							resolve();
  9892. 						}, delay);
  9893. 					});
  9894. 				});
  9895. 			};
  9896. 		}
  9897.  
  9898. 		const throttledAddVotersList = throttle(addVotersList, 200);
  9899.  
  9900. 		let observer = new MutationObserver((mutations) =>
  9901. 		{
  9902. 			if (dev) console.log(`--- ${mutations.length} mutations`, mutations);
  9903.  
  9904. 			mutations.forEach((mutation) =>
  9905. 			{
  9906. 				if (dev) 
  9907. 				{
  9908. 					console.log("---------- new mutation -----");
  9909. 					console.log(mutation);
  9910.  
  9911. 					if (mutation.type)
  9912. 					{
  9913. 						console.log(`⭐ mutation.type: `, mutation.type)
  9914. 					}
  9915. 					if (mutation.attributeName)
  9916. 					{
  9917. 						console.log(`⭐ mutation.attributeName: ${mutation.attributeName}`, mutation.attributeName)
  9918. 					}
  9919. 					if (mutation.addedNodes.length > 0 && mutation.addedNodes[0] && mutation.addedNodes[0] instanceof Element)
  9920. 					{
  9921. 						console.log(`⭐ mutation.addedNodes.length: ${mutation.addedNodes.length}`, mutation.addedNodes[0])
  9922. 					}
  9923.  
  9924. 					if (mutation.target)
  9925. 					{
  9926. 						console.log(`⭐ mutation.target: ${mutation.target.tagName}`, mutation.target)
  9927.  
  9928. 						if (mutation.target.tagName === "SECTION")
  9929. 						{
  9930.  
  9931. 						}
  9932. 					}
  9933. 				}
  9934.  
  9935. 				// ADDED NODES
  9936. 				if (mutation.addedNodes.length > 0 && mutation.addedNodes[0] && mutation.addedNodes[0] instanceof Element)
  9937. 				{
  9938. 					if (mutation.addedNodes[0].matches("section.entry[id]"))
  9939. 					{
  9940. 						const sectionEntry = mutation.addedNodes[0];
  9941.  
  9942. 						if (dev) console.log("mutation 1", sectionEntry);
  9943.  
  9944. 						processSectionEntry(sectionEntry)
  9945.  
  9946. 						const sectionCommentsArray = sectionEntry.querySelectorAll("section.entry[id]");
  9947. 						if (dev) console.log("mutation 1 - forEach: sectionEntryArray", sectionCommentsArray);
  9948. 						sectionCommentsArray.forEach((sectionComment) =>
  9949. 						{
  9950. 							processSectionEntry(sectionComment)
  9951. 						})
  9952. 					}
  9953. 					else if (mutation.addedNodes[0].matches("div.content:has(>section.entry[id])"))
  9954. 					{
  9955. 						const sectionEntriesArray = mutation.addedNodes[0].querySelectorAll("section.entry[id]");
  9956. 						if (dev) console.log("mutation 2 - forEach: sectionEntriesArray", sectionEntriesArray);
  9957. 						sectionEntriesArray.forEach((sectionEntry) =>
  9958. 						{
  9959. 							processSectionEntry(sectionEntry)
  9960. 						})
  9961. 					}
  9962. 					else if (mutation.target.tagName === "SECTION" && mutation.target.matches("section.entry.detailed[id]"))
  9963. 					{
  9964. 						const sectionEntry = mutation.target;
  9965. 						if (dev) console.log("mutation 3", sectionEntry)
  9966. 						if (dev) console.log("mutation 3: mutation.target", mutation.target);
  9967.  
  9968. 						processSectionEntry(sectionEntry);
  9969.  
  9970. 						const sectionCommentsArray = sectionEntry.querySelectorAll("section.entry[id]");
  9971. 						if (dev) console.log("mutation 3 - forEach: sectionEntryArray", sectionCommentsArray);
  9972. 						sectionCommentsArray.forEach((sectionComment) =>
  9973. 						{
  9974. 							processSectionEntry(sectionComment)
  9975. 						})
  9976. 					}
  9977. 					else if (settings.showAnimatedAvatars && mutation.addedNodes[0].matches("aside.profile-top"))
  9978. 					{
  9979. 						animatedAvatar(mutation.addedNodes[0]);
  9980. 					}
  9981. 					// LEFT SIDE CATEGORY MENU OPENED
  9982. 					else if (mutation.addedNodes[0].matches("aside.left-panel.thin-scrollbar"))
  9983. 					{
  9984. 						createLeftPanelButton();
  9985. 					}
  9986. 				}
  9987.  
  9988.  
  9989. 			});
  9990. 		});
  9991.  
  9992.  
  9993.  
  9994. 		// CONTENT LOADED
  9995. 		let mainSection;
  9996. 		document.addEventListener('readystatechange', (event) => 
  9997. 		{
  9998. 			if (dev) console.log('readyState:' + document.readyState);
  9999. 			mainSection = document.querySelector('body > section');
  10000.  
  10001. 			if (mainSection)
  10002. 			{
  10003.  
  10004. 				const sectionEntryArray = mainSection.querySelectorAll("section.entry[id]");
  10005. 				// if (dev) console.log("sectionEntryArray", sectionEntryArray);
  10006. 				sectionEntryArray.forEach((sectionEntry) =>
  10007. 				{
  10008. 					processSectionEntry(sectionEntry)
  10009. 				})
  10010. 				const config = {
  10011. 					childList: true,
  10012. 					subtree: true,
  10013. 				};
  10014.  
  10015. 				observer.observe(mainSection, config);
  10016.  
  10017. 				if (settings.showAnimatedAvatars)
  10018. 				{
  10019. 					const asideProfileTop = mainSection.querySelector("aside.profile-top");
  10020. 					if (asideProfileTop) animatedAvatar(asideProfileTop);
  10021. 				}
  10022. 			}
  10023.  
  10024. 		});
  10025.  
  10026.  
  10027.  
  10028. 		function processSectionEntry(sectionEntry)
  10029. 		{
  10030. 			if (dev) console.log("processSectionEntry()", sectionEntry)
  10031.  
  10032. 			if (!sectionEntry) return;
  10033.  
  10034. 			if (settings.showAnimatedAvatars) animatedAvatar(sectionEntry);
  10035.  
  10036. 			if (settings.showFavouriteButton) addFavouriteButton(sectionEntry);
  10037.  
  10038. 			if (settings.entryVotersListEnable && sectionEntry?.__vue__?.item) 
  10039. 			{
  10040. 				if (dev) console.log("sectionEntry?.__vue__.item.id", sectionEntry?.__vue__.item.id);
  10041. 				if (dev) console.log("sectionEntry.dataset?.votersLoaded", sectionEntry.dataset?.votersLoaded);
  10042.  
  10043. 				if (sectionEntry.dataset?.votersLoaded == sectionEntry?.__vue__.item.id) return;
  10044. 				if (sectionEntry?.__vue__.item.votes.up == 0)
  10045. 				{
  10046. 					removeVotersListWhenNoVoters(sectionEntry);
  10047. 					return;
  10048. 				}
  10049.  
  10050. 				if (settings.entryVotersListExpandIfLessThan > 5 && sectionEntry?.__vue__.item.votes.up <= settings.entryVotersListExpandIfLessThan && sectionEntry?.__vue__.item.votes.up > 5) 
  10051. 				{
  10052. 					if (dev) console.log(`processSectionEntry() wybrano 💛throttledAddVotersList  ${sectionEntry.__vue__.item.id} | plusow: ${sectionEntry.__vue__.item.votes.up}`,)
  10053. 					throttledAddVotersList(sectionEntry);
  10054. 				}
  10055. 				else
  10056. 				{
  10057. 					if (dev) console.log(`processSectionEntry() wybrano 🤎addVotersList  ${sectionEntry.__vue__.item.id} | plusow: ${sectionEntry.__vue__.item.votes.up}`,)
  10058. 					addVotersList(sectionEntry)
  10059. 				}
  10060. 			}
  10061. 		}
  10062.  
  10063.  
  10064. 		function animatedAvatar(sectionEntry)
  10065. 		{
  10066. 			const image = sectionEntry.querySelector('a.avatar figure img'); // Replace with your actual selector
  10067. 			if (image)
  10068. 			{
  10069. 				if (dev) console.log("image", image)
  10070. 				const currentSrc = image.getAttribute('src');
  10071. 				if (dev) console.log("currentSrc", currentSrc)
  10072. 				if (currentSrc.endsWith('.gif'))
  10073. 				{
  10074. 					const modifiedSrc = currentSrc.replace(/,.*?\./, '.');
  10075. 					image.setAttribute('src', modifiedSrc);
  10076. 					if (dev) console.log("image.src", image.src)
  10077. 				}
  10078. 			}
  10079. 		}
  10080.  
  10081. 		function removeVotersListWhenNoVoters(sectionEntry)
  10082. 		{
  10083. 			if (sectionEntry)
  10084. 			{
  10085. 				delete sectionEntry.dataset?.votersLoaded;
  10086. 				sectionEntry.querySelector("section.entry-voters")?.remove();
  10087. 			}
  10088.  
  10089. 		}
  10090.  
  10091. 		async function addVotersList(sectionEntry)
  10092. 		{
  10093. 			if (dev) console.log(`addVotersList precheck: `, sectionEntry)
  10094.  
  10095. 			if (!sectionEntry || !sectionEntry.__vue__) return;
  10096.  
  10097. 			if (sectionEntry.dataset?.votersLoaded == sectionEntry?.__vue__.item.id) return;
  10098.  
  10099. 			if (dev) console.log(`addVotersList execute: `, sectionEntry)
  10100.  
  10101. 			if (sectionEntry?.__vue__ && sectionEntry?.__vue__.item.votes.up > 0)
  10102. 			{
  10103. 				if (sectionEntry?.__vue__ && settings.entryVotersListExpandIfLessThan > 5 && sectionEntry?.__vue__.item.votes.up <= settings.entryVotersListExpandIfLessThan && sectionEntry?.__vue__.item.votes.up > 5)
  10104. 				{
  10105. 					let entryId, commentId;
  10106. 					if (sectionEntry?.__vue__?.item.resource == "entry") 
  10107. 					{
  10108. 						entryId = sectionEntry?.__vue__?.item.id;
  10109. 					}
  10110. 					else if (sectionEntry?.__vue__?.item.resource == "entry_comment") 
  10111. 					{
  10112. 						entryId = sectionEntry?.__vue__?.item.parent.id;
  10113. 						commentId = sectionEntry?.__vue__?.item.id;
  10114. 					}
  10115. 					let voters = await fetchAllVotersFromAPI(entryId, commentId);
  10116.  
  10117. 					appendVotersToEntry(sectionEntry, voters);
  10118.  
  10119. 				}
  10120. 				else
  10121. 				{
  10122. 					appendVotersToEntry(sectionEntry, sectionEntry?.__vue__?.item?.votes?.users);
  10123. 				}
  10124. 			}
  10125. 		}
  10126.  
  10127. 		function addFavouriteButton(sectionEntry)
  10128. 		{
  10129. 			if (sectionEntry && sectionEntry?.__vue__)
  10130. 			{
  10131. 				const sectionActionsUL = sectionEntry.querySelector("section.actions:not(:has(li.favourite)) > ul");
  10132. 				if (!sectionActionsUL) return;
  10133.  
  10134. 				let entryId, commentId;
  10135.  
  10136. 				let isFavourite = sectionEntry?.__vue__?.item.favourite;
  10137.  
  10138. 				if (sectionEntry?.__vue__?.item.resource == "entry") 
  10139. 				{
  10140. 					entryId = sectionEntry?.__vue__?.item.id;
  10141. 				}
  10142. 				else if (sectionEntry?.__vue__?.item.resource == "entry_comment") 
  10143. 				{
  10144. 					entryId = sectionEntry?.__vue__?.item.parent.id;
  10145. 					commentId = sectionEntry?.__vue__?.item.id;
  10146. 				}
  10147.  
  10148. 				const favButtonLI = document.createElement("li");
  10149. 				favButtonLI.classList.add("favourite", "icon", "icon-favourite");
  10150.  
  10151.  
  10152. 				if (isFavourite) { favButtonLI.classList.add("active"); }
  10153. 				const favButtonSpan = document.createElement("span");
  10154. 				favButtonSpan.classList.add("favouriteButton");
  10155.  
  10156. 				// VUE SENSITIVE
  10157. 				/*
  10158. 					data-v-90179052
  10159. 				*/
  10160. 				favButtonLI.setAttribute('data-v-90179052', '');
  10161. 				favButtonSpan.setAttribute('data-v-90179052', '');
  10162.  
  10163. 				favButtonSpan.dataset.isFavourite = isFavourite;
  10164. 				favButtonSpan.dataset.entryId = entryId;
  10165. 				if (commentId) favButtonSpan.dataset.commentId = commentId;
  10166. 				if (settings.showFavouriteButtonLabel) favButtonSpan.innerText = `Ulubione`;
  10167. 				favButtonLI.appendChild(favButtonSpan);
  10168.  
  10169. 				const sharingElement = sectionActionsUL.querySelector(".sharing");
  10170. 				if (sharingElement) sharingElement.insertAdjacentElement("afterend", favButtonLI);
  10171.  
  10172. 			}
  10173.  
  10174. 		}
  10175.  
  10176.  
  10177.  
  10178.  
  10179. 		function appendVotersToEntry(sectionEntry, voters)
  10180. 		{
  10181.  
  10182.  
  10183. 			if (!sectionEntry) return;
  10184. 			const divEditWrapperElement = sectionEntry.querySelector('article > div.edit-wrapper');
  10185. 			if (!divEditWrapperElement) return;
  10186.  
  10187. 			if (dev) console.log(`💚 appendVotersToEntry start`, sectionEntry)
  10188.  
  10189. 			sectionEntry.dataset.votersLoaded = sectionEntry?.__vue__?.item.id;
  10190.  
  10191. 			if (dev) console.log(`appendVotersToEntry: ${sectionEntry?.__vue__?.item.id}`, voters)
  10192.  
  10193.  
  10194. 			const fiveVoters = voters;
  10195.  
  10196. 			if (!fiveVoters || fiveVoters.length < 1) return false;
  10197.  
  10198. 			let sectionEntryVotersHTML = `<ul>`;
  10199.  
  10200. 			fiveVoters.forEach(voter =>
  10201. 			{
  10202. 				sectionEntryVotersHTML += getListItemForUser(voter);
  10203. 			});
  10204.  
  10205. 			// <li class="more">
  10206. 			if (sectionEntry?.__vue__?.item?.votes.up > settings.entryVotersListExpandIfLessThan && voters.length <= settings.entryVotersListExpandIfLessThan)
  10207. 			{
  10208. 				sectionEntryVotersHTML += `
  10209. 				<li data-no-bubble="" class="more">
  10210. 					<span data-votes-up="${sectionEntry?.__vue__?.item?.votes.up}"`;
  10211.  
  10212. 				if (sectionEntry?.__vue__?.item.resource == "entry") 
  10213. 				{
  10214. 					sectionEntryVotersHTML += `data-entry-id="${sectionEntry?.__vue__?.item.id}"`;
  10215. 				}
  10216. 				else if (sectionEntry?.__vue__?.item.resource == "entry_comment") 
  10217. 				{
  10218. 					sectionEntryVotersHTML += `data-entry-id="${sectionEntry?.__vue__?.item.parent.id}"`;
  10219. 					sectionEntryVotersHTML += `data-comment-id="${sectionEntry?.__vue__?.item.id}"`;
  10220. 				}
  10221.  
  10222. 				sectionEntryVotersHTML += `>+${sectionEntry?.__vue__?.item?.votes.up - 5} innych</span></li>`;
  10223. 			}
  10224. 			sectionEntryVotersHTML += `</ul>`;
  10225.  
  10226. 			const sectionEntryVoters = document.createElement("section");
  10227. 			sectionEntryVoters.classList.add("entry-voters");
  10228. 			// sectionEntryVoters.setAttribute('data-v-6e6ed6ee', '');
  10229. 			// sectionEntryVoters.setAttribute('data-v-2aacfeb5', '');
  10230. 			sectionEntryVoters.innerHTML = sectionEntryVotersHTML;
  10231.  
  10232. 			const sectionEntryVotersElement = divEditWrapperElement.querySelector('section.entry-voters');
  10233.  
  10234. 			if (sectionEntryVotersElement)
  10235. 			{
  10236. 				let parentElement = sectionEntryVotersElement.parentNode;
  10237. 				parentElement.replaceChild(sectionEntryVoters, sectionEntryVotersElement);
  10238. 			}
  10239. 			else
  10240. 			{
  10241. 				const editWrapper = sectionEntry.querySelector(".edit-wrapper");
  10242. 				if (editWrapper) editWrapper.appendChild(sectionEntryVoters);
  10243. 			}
  10244. 		}
  10245.  
  10246. 		function getListItemForUser(voter)
  10247. 		{
  10248. 			let userHTML = `<li>
  10249. 				<a href="/ludzie/${voter.username}" class="username`;
  10250.  
  10251. 			userHTML += ` ${voter.color}-profile`; 		// orange-profile green-profile burgundy-profile
  10252. 			userHTML += ` ${voter.status}`;				// active banned suspended removed
  10253. 			userHTML += ` follow-${voter.follow}`;		// follow-true  follow-false
  10254. 			userHTML += ` verified-${voter.verified}`;	// verified-false
  10255. 			userHTML += ` blacklist-${voter.blacklist}`;// blacklist-true blacklist-false
  10256. 			userHTML += ` online-${voter.online}`;		// online-true online-false
  10257.  
  10258. 			userHTML += ` ${voter.gender}-gender`;		// m-gender, f-gender, null-gender
  10259. 			if (voter.gender == "m") userHTML += ` male`;
  10260. 			else if (voter.gender == "f") userHTML += ` female`;
  10261. 			userHTML += `">`;
  10262.  
  10263.  
  10264. 			if (settings?.votersFollow && voter.follow) userHTML += `<i class="follow-true" title="Obserwujesz tego użytkownika"></i>`;
  10265. 			if (settings?.votersVerified && voter.verified) userHTML += `<i class="verified-true" title="Ten użytkownik jest zweryfikowany"></i>`;
  10266. 			if (settings?.votersBlacklist && voter.blacklist) userHTML += `<i class="blacklist-true" title="Ten użytkownik jest na Twojej czarnej liście"></i>`;
  10267. 			if (settings?.votersOffline && !voter.online) userHTML += `<i class="online-false" title="Ten uzytkownik jest teraz offline"></i>`;
  10268. 			if (settings?.votersOnline && voter.online) userHTML += `<i class="online-true" title="Ten uzytkownik jest teraz online"></i>`;
  10269. 			if (settings?.votersBanned && voter.status == "banned") userHTML += `<i class="banned" title="Użytkownik dostał bana. Z dodatkiem Wykop XS - Ban Info możesz szybko sprawdzić przyczynę i długość trwania bana."></i>`;
  10270. 			if (settings?.votersSuspended && voter.status == "suspended") userHTML += `<i class="suspended" title="To konto jest w trakcie usuwania."></i>`;
  10271. 			if (settings?.votersRemoved && voter.status == "removed") userHTML += `<i class="removed" title="Konto usunięte"></i>`;
  10272. 			if (settings?.votersGenderM && voter.gender == "m") userHTML += `<i class="${voter.gender}-gender" title="Wpis od niebieskiego"></i>`;
  10273. 			if (settings?.votersGenderF && voter.gender == "f") userHTML += `<i class="${voter.gender}-gender" title="Plus od różowej"></i>`;
  10274.  
  10275. 			userHTML += `<span>${voter.username}</span>
  10276. 				</a>
  10277. 			</li>`;
  10278.  
  10279. 			return userHTML;
  10280. 		}
  10281.  
  10282.  
  10283. 		/*
  10284. 		<section data-v-6e6ed6ee="" data-v-2aacfeb5="" class="entry-voters">
  10285. 			<ul data-v-6e6ed6ee="">
  10286. 				<li data-v-6e6ed6ee="" class="">
  10287. 					<a data-v-ed9f6c56="" data-v-6e6ed6ee="" href="/ludzie/NaczelnyAgnostyk" class="username orange-profile active">
  10288. 						<span data-v-ed9f6c56="">
  10289. 							NaczelnyAgnostyk<!---->
  10290. 						</span>
  10291. 					</a>
  10292. 				</li>
  10293. 				<li data-v-6e6ed6ee="" data-no-bubble="" class="more">
  10294. 					<span data-v-6e6ed6ee="">+5 innych</span>
  10295. 				</li>
  10296. 			</ul>
  10297. 		</section>
  10298. 		*/
  10299.  
  10300. 		function fetchAllVotersFromAPI(entryId, commentId)
  10301. 		{
  10302. 			if (dev) console.log(`fetchAllVotersFromAPI: ${entryId}, ${commentId}`)
  10303. 			let apiURL = `https://wykop.pl/api/v3/entries/${entryId}/votes?page=1`
  10304. 			if (commentId) apiURL = `https://wykop.pl/api/v3/entries/${entryId}/comments/${commentId}/votes`;
  10305.  
  10306. 			return new Promise(async (resolve, reject) =>
  10307. 			{
  10308. 				await fetch(apiURL, {
  10309. 					method: "GET",
  10310. 					headers: {
  10311. 						"Content-Type": "application/json",
  10312. 						Authorization: "Bearer " + window.localStorage.getItem("token"),
  10313. 					},
  10314. 				})
  10315. 					.then((response) =>
  10316. 					{
  10317. 						if (!response.ok)
  10318. 						{
  10319. 							if (dev) console.log("HTTP error! status: ${response.status}");
  10320. 							// throw new Error(`HTTP error! status: ${response.status}`);
  10321. 						}
  10322. 						return response.json();
  10323. 					})
  10324. 					.then(async (responseJSON) =>
  10325. 					{
  10326. 						resolve(responseJSON.data);
  10327.  
  10328. 					}).catch((error) =>
  10329. 					{
  10330. 						if (error instanceof TypeError)
  10331. 						{
  10332. 							console.error('Network error:', error); // AWARIA SERWERA WYPOKU
  10333. 						} else
  10334. 						{
  10335. 							console.error('Other error:', error);
  10336. 						}
  10337. 						reject(error);
  10338. 					});
  10339. 			});
  10340. 		}
  10341.  
  10342. 		function postFavouriteToAPI(favourite, resource, id)
  10343. 		{
  10344. 			let apiURL = `https://wykop.pl/api/v3/favourites`;
  10345. 			const method = favourite ? "POST" : "DELETE";
  10346. 			const body = {
  10347. 				data: {
  10348. 					type: resource,
  10349. 					source_id: id
  10350. 				}
  10351. 			}
  10352.  
  10353. 			return new Promise(async (resolve, reject) =>
  10354. 			{
  10355. 				await fetch(apiURL, {
  10356. 					method: method,
  10357. 					headers: {
  10358. 						"Content-Type": "application/json",
  10359. 						Authorization: "Bearer " + window.localStorage.getItem("token"),
  10360. 					},
  10361. 					body: JSON.stringify(body)
  10362. 				})
  10363. 					.then((response) =>
  10364. 					{
  10365. 						if (!response.ok)
  10366. 						{
  10367. 							if (dev) console.log("HTTP error! status: ${response.status}");
  10368. 							// throw new Error(`HTTP error! status: ${response.status}`);
  10369. 						}
  10370. 						return response.json();
  10371. 					})
  10372. 					.then(async (responseJSON) =>
  10373. 					{
  10374. 						resolve(responseJSON.data);
  10375.  
  10376. 					}).catch((error) =>
  10377. 					{
  10378. 						if (error instanceof TypeError)
  10379. 						{
  10380. 							console.error('Network error:', error); // AWARIA SERWERA WYPOKU
  10381. 						} else
  10382. 						{
  10383. 							console.error('Other error:', error);
  10384. 						}
  10385. 						reject(error);
  10386. 					});
  10387.  
  10388. 			});
  10389. 		}
  10390.  
  10391. 		function postCommentPlus1ToAPI(sectionEntry)
  10392. 		{
  10393. 			if (!sectionEntry || !sectionEntry.__vue__) return;
  10394.  
  10395. 			const resource = sectionEntry.__vue__.item.resource;
  10396. 			let entryId;
  10397. 			let authorUsername = sectionEntry.__vue__.item.author.username;
  10398. 			if (resource === "entry")
  10399. 				entryId = sectionEntry.__vue__.item.id;
  10400.  
  10401. 			else if (resource === "entry_comment")
  10402. 				entryId = sectionEntry.__vue__.item.parent.id;
  10403.  
  10404. 			// TODO ZNALEZISKA
  10405.  
  10406. 			let apiURL = `https://wykop.pl/api/v3/entries/${entryId}/comments`;
  10407. 			const method = "POST";
  10408. 			const body = {
  10409. 				data: {
  10410. 					"content": `@${authorUsername} [+](https://greasyfork.org/en/scripts/489949)1`,
  10411. 					"adult": false
  10412. 				}
  10413. 			}
  10414. 			/*
  10415. 			"data": 
  10416. 				{
  10417. 					"content": "**foobar** __foobar__ [lorem](https://www.wykop.pl) impsum!!! #nsfw #wykop",
  10418. 					"embed": "1fde707843ss3fbe9cb4eed0asdfsdfc64ab9a4df6084199b39d2",
  10419. 					"photo": "e07843ss3fbe9cb4saeed0asdfsdfc64b9a4df6084199b39d2",
  10420. 					"adult": false
  10421. 					}
  10422. 				}
  10423. 			*/
  10424.  
  10425. 			return new Promise(async (resolve, reject) =>
  10426. 			{
  10427. 				await fetch(apiURL, {
  10428. 					method: method,
  10429. 					headers: {
  10430. 						"Content-Type": "application/json",
  10431. 						Authorization: "Bearer " + window.localStorage.getItem("token"),
  10432. 					},
  10433. 					body: JSON.stringify(body)
  10434. 				})
  10435. 					.then((response) =>
  10436. 					{
  10437. 						if (!response.ok)
  10438. 						{
  10439. 							if (dev) console.log("HTTP error! status: ${response.status}");
  10440. 							// throw new Error(`HTTP error! status: ${response.status}`);
  10441. 						}
  10442. 						return response.json();
  10443. 					})
  10444. 					.then(async (responseJSON) =>
  10445. 					{
  10446. 						resolve(responseJSON.data);
  10447.  
  10448. 					}).catch((error) =>
  10449. 					{
  10450. 						if (error instanceof TypeError)
  10451. 						{
  10452. 							console.error('Network error:', error); // AWARIA SERWERA WYPOKU
  10453. 						} else
  10454. 						{
  10455. 							console.error('Other error:', error);
  10456. 						}
  10457. 						reject(error);
  10458. 					});
  10459.  
  10460. 			});
  10461. 		}
  10462.  
  10463.  
  10464.  
  10465.  
  10466.  
  10467. 		// li.more click
  10468. 		document.addEventListener("click", async function (e)
  10469. 		{
  10470. 			if (e.target.closest("div.buttons button.plus"))
  10471. 			{
  10472. 				const sectionEntry = e.target.closest("section.entry[id]");
  10473. 				if (sectionEntry.__vue__?.item?.voted == 1)
  10474. 				{
  10475. 					if (settings.addCommentPlusWhenVotingOnEntry && sectionEntry && sectionEntry.__vue__?.item?.resource == "entry") 
  10476. 					{
  10477. 						postCommentPlus1ToAPI(sectionEntry);
  10478. 					}
  10479. 					else if (settings.addCommentPlusWhenVotingOnComment && sectionEntry && sectionEntry.__vue__?.item?.resource == "entry_comment")
  10480. 					{
  10481. 						postCommentPlus1ToAPI(sectionEntry);
  10482. 					}
  10483. 				}
  10484. 			}
  10485.  
  10486. 			if (e.target.matches("li.more span"))
  10487. 			{
  10488. 				e.preventDefault();
  10489.  
  10490. 				let sectionEntry = e.target.closest("section.entry");
  10491. 				const entryId = e.target.dataset.entryId;
  10492. 				const commentId = e.target.dataset.commentId;
  10493. 				if (dev) console.log(`Wykop XS pobiera listę ${e.target.dataset.votesUp} plusujących`);
  10494. 				e.target.closest("section.entry-voters").innerHTML = `<span>(Wykop X: wczytywanie ${e.target.dataset.votesUp} plusujących...)</span>`;
  10495.  
  10496. 				let voters = await fetchAllVotersFromAPI(entryId, commentId);
  10497.  
  10498. 				appendVotersToEntry(sectionEntry, voters);
  10499. 				return;
  10500. 			}
  10501.  
  10502. 			if (e.target.matches("span.favouriteButton"))
  10503. 			{
  10504. 				e.preventDefault();
  10505. 				if (e.target.dataset.isFavourite == "true")
  10506. 				{
  10507. 					if (e.target.dataset.commentId) postFavouriteToAPI(false, "entry_comment", e.target.dataset.commentId);
  10508. 					else postFavouriteToAPI(false, "entry", e.target.dataset.entryId);
  10509. 					e.target.parentElement.classList.remove("active");
  10510. 					e.target.dataset.isFavourite = "false";
  10511.  
  10512. 				}
  10513. 				else if (e.target.dataset.isFavourite == "false")
  10514. 				{
  10515. 					if (e.target.dataset.commentId) postFavouriteToAPI(true, "entry_comment", e.target.dataset.commentId);
  10516. 					else postFavouriteToAPI(true, "entry", e.target.dataset.entryId);
  10517. 					e.target.parentElement.classList.add("active");
  10518. 					e.target.dataset.isFavourite = "true";
  10519. 				}
  10520. 				return;
  10521. 			}
  10522. 		}, false);
  10523.  
  10524.  
  10525.  
  10526.  
  10527.  
  10528. 		/* CSS WYKOP XS MIKROCZAT */
  10529. 		if (settings?.hideShareButton) CSS += `section.actions ul li.sharing 									{ display: none!important; }`;
  10530.  
  10531.  
  10532. 		/* Wykop X Style 3.0 */
  10533. 		CSS += `
  10534. 		:root
  10535. 		{
  10536. 			--kolorBananowy1: rgba(255, 185, 0, 1);
  10537. 			--tagChannelColor: rgba(0, 183, 255, 1);
  10538. 			--smallBorderRadius: 4px;
  10539. 		}
  10540. 		div[data-modal="entryVoters"] section.entry-voters::after {content: none!important;} /* Wykop X Style PROMO */
  10541. 	`;
  10542.  
  10543. 		/* LISTA PLUSUJĄCYCH CSS, PRZYCISK DODAJ DO ULUBIONYCH */
  10544. 		if (settings?.entryVotersListEnable)
  10545. 		{
  10546. 			CSS += `
  10547. 		/* Chrome 109, Firefox 115 */
  10548. 			@supports not (display: block flex)
  10549. 			{
  10550. 				section.entry-voters ul
  10551. 				{
  10552. 					display: flex;
  10553. 				}
  10554. 			}
  10555.  
  10556. 			section.entry-voters ul
  10557. 			{
  10558. 				display: block flex;
  10559. 				row-gap: 0px;
  10560. 				flex-wrap: wrap;
  10561. 				align-items: baseline;
  10562. 				padding: 0 0 0 0;
  10563. 				margin: 0;
  10564. 				margin-top: 8px;
  10565. 				list-style-type: none;
  10566. 				position: relative;
  10567. 			}
  10568.  
  10569. 			section.entry-voters ul,
  10570. 			section.entry-voters > span
  10571. 			{
  10572. 				font-size: var(--entryVotersTextFontSize, 12px);
  10573. 				color: var(--gullGray);
  10574. 			}
  10575.  
  10576. 			section.entry-voters ul::before
  10577. 			{
  10578. 				content: "Plusujący: ";
  10579. 				margin-right: 0.2em;
  10580. 			}
  10581.  
  10582. 			section.entry-voters ul li.more
  10583. 			{
  10584. 				cursor: pointer;
  10585. 				font-weight: 700;
  10586. 				text-transform: uppercase;
  10587. 			}
  10588.  
  10589. 			section.entry-voters ul li::after
  10590. 			{
  10591. 				content: " • ";
  10592. 				margin: 0px 0.2em 0px 0em;
  10593. 			}
  10594.  
  10595. 			section.entry-voters ul li.more::after,
  10596. 			section.entry-voters ul li:only-child::after
  10597. 			{ content: none; }
  10598.  
  10599. 			section.entry-voters ul li a.username span
  10600. 			{
  10601. 				font-weight: normal;
  10602. 			}
  10603.  
  10604. 			section.entry-voters ul li a.username i 				{ display: none; font-size: 0.8em; font-style: normal; bottom: 0px; position: relative; }
  10605. 			section.entry-voters ul li a.username i:has(+span) 		{ margin-right: 1px; }
  10606. 			section.entry-voters ul li a.username i.follow-true,
  10607. 			section.entry-voters ul li a.username i.blacklist-true,
  10608. 			section.entry-voters ul li a.username i.banned ,
  10609. 			section.entry-voters ul li a.username i.suspended,
  10610. 			section.entry-voters ul li a.username i.removed,
  10611. 			section.entry-voters ul li a.username i.f-gender,
  10612. 			section.entry-voters ul li a.username i.m-gender
  10613. 			{ display: inline flex;} 
  10614. 			
  10615. 			
  10616. 			section.entry-voters ul li a.username i.follow-true::before 										{ content: '🔔'; }
  10617. 			section.entry-voters ul li a.username i.blacklist-true::before 										{ content: '⛔'; }
  10618. 			section.entry-voters ul li a.username i.banned::before 												{ content: '🍌'; }
  10619. 			section.entry-voters ul li a.username i.suspended::before 											{ content: '✖'; }
  10620. 			section.entry-voters ul li a.username i.removed::before 											{ content: '❌'; }
  10621. 			section.entry-voters ul li a.username i.f-gender::before 											{ content: '🟣'; font-size: 0.7em; bottom: 3px; }
  10622. 			
  10623. 			section.entry-voters ul li:has(a.username) 															{ order: 6; }
  10624. 			section.entry-voters ul li.more 																	{ order: 100; }
  10625. 			`;
  10626.  
  10627. 			if (settings?.votersFollowFirst) CSS += `section.entry-voters ul li:has(a.username.follow-true) 		{ order: 1; }`;
  10628. 			if (settings?.votersBlackFirst) CSS += `section.entry-voters ul li:has(a.username.burgundy-profile) 	{ order: 3; }`;
  10629. 			if (settings?.votersOrangeFirst) CSS += `section.entry-voters ul li:has(a.username.orange-profile) 		{ order: 4; }`;
  10630. 			if (settings?.votersGreenFirst) CSS += `section.entry-voters ul li:has(a.username.green-profile) 		{ order: 5; }`;
  10631.  
  10632. 			if (settings?.votersBlacklistLast) CSS += `section.entry-voters ul li:has(a.username.blacklist-true) 	{ order: 7; }`;
  10633. 			if (settings?.votersBannedLast) CSS += `section.entry-voters ul li:has(a.username.banned) 				{ order: 8; }`;
  10634. 			if (settings?.votersSuspendedLast) CSS += `section.entry-voters ul li:has(a.username.banned) 			{ order: 9; }`;
  10635. 			if (settings?.votersRemovedLast) CSS += `section.entry-voters ul li:has(a.username.removed) 			{ order: 10; }`;
  10636.  
  10637. 			if (!settings?.votersColorOrange) CSS += `section.entry-voters ul li a.username.orange-profile 			{ color: var(--gullGray); }`;
  10638. 			if (!settings?.votersColorGreen) CSS += `section.entry-voters ul li a.username.green-profile 			{ color: var(--gullGray); }`;
  10639. 			if (!settings?.votersColorBurgundy) CSS += `section.entry-voters ul li a.username.burgundy-profile 		{ color: var(--gullGray); }`;
  10640.  
  10641. 			CSS += `
  10642. 			section.entry-voters ul li a.username.banned:not(.removed) span  				{ color: var(--kolorBananowy1); };
  10643. 			section.entry-voters ul li a.username.suspended:not(.removed) span 				{ color: var(--heather); }
  10644. 			section.entry-voters ul li a.username.removed span 								{ color: var(--heather); }
  10645. 			[data-night-mode] section.entry-voters ul li a.username.removed span 			{ background-color: rgba(255, 255, 255, 0.1); padding-left: 5px; padding-right: 5px; }
  10646. 		`;
  10647. 		}
  10648.  
  10649.  
  10650.  
  10651. 		/* ULUBIONE */
  10652. 		CSS += `
  10653. 		section.actions > ul > li.favourite 
  10654. 		{
  10655. 			cursor: pointer;
  10656. 			user-select: none;
  10657. 			color: var(--gullGray);
  10658. 			font-size: 14px;
  10659. 			padding-left: 26px;
  10660. 			transition: color .2s ease, opacity .2s ease;
  10661. 		}
  10662.  
  10663. 		.actions li.favourite span::before
  10664. 		{
  10665. 			content: '';
  10666. 			width: 18px;
  10667. 			height: 18px;
  10668. 			display: block;
  10669. 			position: absolute;
  10670. 			left: 0;
  10671. 			background: var(--gullGray);
  10672. 			transition: background .2s ease;
  10673.  
  10674. 			-webkit-mask-size: 18px 18px;
  10675. 			mask-size: 18px 18px;
  10676. 			-webkit-mask: url(/static/img/svg/favourite.svg) no-repeat center;
  10677. 			mask-image: url(/static/img/svg/favourite.svg);
  10678. 		}
  10679. 		
  10680. 		.actions li.favourite.active span::before 
  10681. 		{
  10682. 			background: var(--orange);
  10683. 			-webkit-mask: url(/static/img/svg/favourite-filled.svg) no-repeat center;
  10684. 			mask-image: url(/static/img/svg/favourite-filled.svg);
  10685. 		}
  10686. 	`;
  10687.  
  10688. 		/* fixNotificationBadgeBug */
  10689. 		// if (settings.fixNotificationBadgeBug)
  10690. 		// {
  10691. 		// 	CSS += `
  10692. 		// 	:root
  10693. 		// 	{
  10694. 		// 		/* brak nowych powiadomień */
  10695. 		// 		--notificationIconWithoutUnreadNotificationsColor:                 rgba(255, 255, 255, 0.2);   /* ikonka powiadomienia ✉ 🕭 #, jesli nie ma nowych powiadomien  */
  10696. 		// 		--notificationIconWithoutUnreadNotificationsBackgroundColor:       rgba(0, 0, 0, 0);           /* tło powiadomienia ✉ 🕭 #, jesli nie ma nowych powiadomien     */
  10697. 		// 		--notificationIconWithoutUnreadNotificationsHoverColor:            rgba(255, 255, 255, 0.8);
  10698. 		// 		--notificationIconWithoutUnreadNotificationsHoverBackgroundColor:  rgba(255, 255, 255, 0.3);
  10699. 		// 		--notificationIconWithoutUnreadNotificationsActiveColor:           rgba(255, 255, 255, 0.4);
  10700. 		// 		--notificationIconWithoutUnreadNotificationsActiveBackgroundColor: rgba(255, 255, 255, 0.2);
  10701. 		// 	}
  10702. 		// `;
  10703. 		// }
  10704.  
  10705.  
  10706.  
  10707.  
  10708. 		/* ------------- NOTATKOWATOR + INFOBOX + USER LABELS ----------------- */
  10709. 		if (settings.infoboxEnable || settings.notatkowatorEnable || settings.wxsUserLabelsEnable)
  10710. 		{
  10711. 			CSS += `
  10712. 				/* infobox wrapper */
  10713. 				.wxs_user_info
  10714. 				{
  10715. 					display: flex!important;
  10716. 					align-items: baseline!important;
  10717. 					gap: 6px!important;
  10718. 					font-size: 11px!important;
  10719. 					cursor: help!important;
  10720. 				}
  10721.  
  10722.  
  10723. 				/*  wpisy  {} */
  10724. 				section.entry > article.wxs_user_info
  10725. 				{
  10726. 				}
  10727. 				/*  znaleziska {} */
  10728. 				section.link-block article.wxs_user_info
  10729. 				{
  10730. 					margin-right: 5px;
  10731. 				}
  10732.  
  10733. 				/* kropka online w naglowku profilu uzytkownika */
  10734. 				aside.profile-top > section > header > div > h1 > a.online > span > i
  10735. 				{
  10736. 					display: block;
  10737. 					top: 0px;
  10738. 					left: -18px;
  10739. 				}
  10740. 				/* 🟢 zielona ikonka statusu online */
  10741. 				section header div.wxs_user_info.wxs_user_online
  10742. 				{
  10743. 					order: 1;
  10744. 					font-size: 5px;
  10745. 				}
  10746.  
  10747. 				/* notatka na profilu użytkownika  */
  10748. 				aside.profile-top > section > header > div > h1
  10749. 				{
  10750. 					align-items: baseline!important;
  10751. 				}
  10752. 				aside.profile-top > section > header > div > h1 > div.wxs_user_info
  10753. 				{
  10754. 					margin-left: 8px;
  10755. 					position: relative;
  10756. 					bottom: 2px;
  10757. 				}
  10758. 				.wxs_user_info var
  10759. 				{
  10760. 					font-style: normal;
  10761. 					font-size: 12px;
  10762. 					opacity: 1;
  10763. 				}
  10764. 				.wxs_user_label
  10765. 				{
  10766. 					border-radius: 4px;
  10767. 				}
  10768. 				.wxs_user_label: hover
  10769. 				{
  10770. 					filter: brightness(1.2);
  10771. 				}
  10772. 				.wxs_user_label > *,
  10773. 				.wxs_user_member_since
  10774. 				{
  10775. 					border-radius: 4px;
  10776. 					padding: 1px 9px;
  10777. 					font-size: 12px;
  10778. 					font-weight: bolder;
  10779. 					background-color: var(--alto);
  10780. 				}
  10781. 				.wxs_user_label
  10782. 				{
  10783. 					order: 10;
  10784. 				}
  10785. 				.wxs_user_label_fake_gender
  10786. 				{
  10787. 					order: 1;
  10788. 				}
  10789. 				.wxs_user_label_fake_female
  10790. 				{
  10791. 					color: var(--rozowyPasek1, rgba(192, 72, 167, 1));
  10792. 				}
  10793. 				.wxs_user_label_fake_male
  10794. 				{
  10795. 					color: var(--niebieskiPasek1, rgba(67, 131, 175, 1));
  10796. 				}
  10797. 				/* XLabel troll/bot */
  10798. 				.wxs_user_label_name
  10799. 				{
  10800. 					order: 2;
  10801. 					color: var(--persianRed);
  10802. 				}
  10803.  
  10804. 				/* LINKI-adresy URL w notatce */
  10805. 				.wxs_user_label_url,
  10806. 				.wxs_user_info_usernote_url
  10807. 				{
  10808. 					order: 3;
  10809. 				}
  10810. 				.wxs_user_label_url > a
  10811. 				{
  10812. 					background-color: var(--alto);
  10813. 					color: var(--userCustomColorLinkExternal, rgb(52, 125, 219));
  10814. 				}
  10815. 				.wxs_user_info_usernote_url > a
  10816. 				{
  10817. 					background-color: var(--alto);
  10818. 					color: var(--userCustomColorLinkInternal, rgb(23, 71, 140));
  10819. 				}
  10820. 				.wxs_user_info_usernote_url
  10821. 				{
  10822. 					order: 4;
  10823. 					display: flex;
  10824. 					gap: 4px;
  10825. 				}
  10826.  
  10827. 				/* ban */
  10828. 				.wxs_user_banned
  10829. 				{
  10830. 					order: 9;
  10831. 				}
  10832. 				/* 🔔 obserwujesz użytkownika */
  10833. 				.wxs_user_follow,
  10834. 				.wxs_user_blacklist
  10835. 				{
  10836. 					order: 10;
  10837. 				}
  10838. 				.wxs_user_member_since
  10839. 				{
  10840. 					order: 20;
  10841. 					background-color: var(--alto);
  10842. 				}
  10843. 				.wxs_user_info_usernote
  10844. 				{
  10845. 					order: 40;
  10846. 					border-radius: 4px;
  10847. 					padding: 1px 9px;
  10848. 					font-size: 12px;
  10849. 					background-color: rgba(196, 183, 123, .2);
  10850. 					background-color: var(--alto);
  10851. 				}
  10852.  
  10853. 				/* ukrycie dodanego roku oraz notatki do nazwy uzytkownika na liście plusujących */
  10854. 				section.entry-voters > ul > li > div.wxs_user_info > .wxs_user_info_usernote,
  10855. 				section.entry-voters > ul > li > div.wxs_user_info > .wxs_user_member_since
  10856. 				{
  10857. 					display: none!important;
  10858. 				}
  10859.  
  10860. 				/* NOTATKA DO UŻYTKOWNIKA */
  10861. 				.wxs_user_info
  10862. 				{
  10863. 					--notatkowator_color_red: rgb(255, 0, 0);
  10864. 					--notatkowator_color_green: rgb(14, 137, 39);
  10865. 					--notatkowator_color_blue: rgb(66, 141, 255);
  10866. 					--notatkowator_color_orange: rgb(179, 89, 30);
  10867. 					--notatkowator_color_pink: rgb(219, 14, 191);
  10868. 					--notatkowator_color_yellow: rgb(253, 246, 50);
  10869. 				}
  10870.  
  10871. 				.wxs_user_info_usernote.wxs_notatkowator_c  { color: var(--notatkowator_color_red); }
  10872. 				.wxs_user_info_usernote.wxs_notatkowator_z  { color: var(--notatkowator_color_green); }
  10873. 				.wxs_user_info_usernote.wxs_notatkowator_n  { color: var(--notatkowator_color_blue); }
  10874. 				.wxs_user_info_usernote.wxs_notatkowator_p  { color: var(--notatkowator_color_orange); }
  10875. 				.wxs_user_info_usernote.wxs_notatkowator_r  { color: var(--notatkowator_color_pink); }
  10876. 				.wxs_user_info_usernote.wxs_notatkowator_ż  { color: var(--notatkowator_color_yellow); }
  10877.  
  10878. 				/* notatka pod avatarem */
  10879. 				section.entry > article > header + .wxs_user_info_usernote
  10880. 				{
  10881. 					display: flex!important;
  10882. 					border-bottom: 1px solid rgba(128, 128, 128, 0.1);
  10883. 					background-color: var(--whiteOpacity06);
  10884. 					border-radius: 4px;
  10885. 					padding: 10px;
  10886. 					margin-top: 16px;
  10887. 					margin-bottom: 4px;
  10888. 					font-size: 13px;
  10889. 					color: var(--blackOpacity09, rgba(255, 255, 255, 1));
  10890. 				}
  10891.  
  10892. 				section.entry > article > header + .wxs_user_info_usernote
  10893. 				{
  10894. 					color: var(--blackOpacity07, rgba(255, 255, 255, 1));
  10895. 				}`;
  10896. 		}
  10897.  
  10898.  
  10899. 		/* HIDE ADS ALWAYS */
  10900. 		if (settings.hideAds) { CSS += `.pub-slot-wrapper { display: none!important; }`; }
  10901.  
  10902.  
  10903.  
  10904.  
  10905. 		styleElement.textContent = CSS;
  10906. 		document.head.appendChild(styleElement);
  10907. 	}
  10908.  
  10909. })();
  10910.  
  10911.  
  10912.  
  10913.  
  10914.  
  10915.  
  10916.  
  10917.  
  10918.  
  10919.  
  10920.  
  10921.  
  10922.  
  10923.  
  10924.  
  10925.  
  10926. // https://cdn.jsdelivr.net/gh/CoeJoder/waitForKeyElements.js@latest/waitForKeyElements.js
  10927. /**
  10928.  * A utility function for userscripts that detects and handles AJAXed content.
  10929.  *
  10930.  * @example
  10931.  * waitForKeyElements("div.comments", (element) => {
  10932.  *   element.innerHTML ="This text inserted by waitForKeyElements().";
  10933.  * });
  10934.  *
  10935.  * waitForKeyElements(() => {
  10936.  *   const iframe = document.querySelector('iframe');
  10937.  *   if (iframe) {
  10938.  *     const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
  10939.  *     return iframeDoc.querySelectorAll("div.comments");
  10940.  *   }
  10941.  *   return null;
  10942.  * }, callbackFunc);
  10943.  *
  10944.  * @param {(string|function)} selectorOrFunction - The selector string or function.
  10945.  * @param {function}          callback           - The callback function; takes a single DOM element as parameter.
  10946.  *                                                 If returns true, element will be processed again on subsequent iterations.
  10947.  * @param {boolean}           [waitOnce=true]    - Whether to stop after the first elements are found.
  10948.  * @param {number}            [interval=300]     - The time (ms) to wait between iterations.
  10949.  * @param {number}            [maxIntervals=-1]  - The max number of intervals to run (negative number for unlimited).
  10950.  */
  10951. function waitForKeyElements(selectorOrFunction, callback, waitOnce, interval, maxIntervals)
  10952. {
  10953. 	if (typeof waitOnce === "undefined")
  10954. 	{
  10955. 		waitOnce = true;
  10956. 	}
  10957. 	if (typeof interval === "undefined")
  10958. 	{
  10959. 		interval = 300;
  10960. 	}
  10961. 	if (typeof maxIntervals === "undefined")
  10962. 	{
  10963. 		maxIntervals = -1;
  10964. 	}
  10965. 	if (typeof waitForKeyElements.namespace === "undefined")
  10966. 	{
  10967. 		waitForKeyElements.namespace = Date.now().toString();
  10968. 	}
  10969. 	var targetNodes = (typeof selectorOrFunction === "function")
  10970. 		? selectorOrFunction()
  10971. 		: document.querySelectorAll(selectorOrFunction);
  10972.  
  10973. 	var targetsFound = targetNodes && targetNodes.length > 0;
  10974. 	if (targetsFound)
  10975. 	{
  10976. 		targetNodes.forEach(function (targetNode)
  10977. 		{
  10978. 			var attrAlreadyFound = `data-userscript-${waitForKeyElements.namespace}-alreadyFound`;
  10979. 			var alreadyFound = targetNode.getAttribute(attrAlreadyFound) || false;
  10980. 			if (!alreadyFound)
  10981. 			{
  10982. 				var cancelFound = callback(targetNode);
  10983. 				if (cancelFound)
  10984. 				{
  10985. 					targetsFound = false;
  10986. 				}
  10987. 				else
  10988. 				{
  10989. 					targetNode.setAttribute(attrAlreadyFound, true);
  10990. 				}
  10991. 			}
  10992. 		});
  10993. 	}
  10994.  
  10995. 	if (maxIntervals !== 0 && !(targetsFound && waitOnce))
  10996. 	{
  10997. 		maxIntervals -= 1;
  10998. 		setTimeout(function ()
  10999. 		{
  11000. 			waitForKeyElements(selectorOrFunction, callback, waitOnce, interval, maxIntervals);
  11001. 		}, interval);
  11002. 	}
  11003. }