☰

IdlePixel TCG Dex (Lux Fork)

Organizational script for the Criptoe Trading Card Game

目前为 2025-02-24 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name         IdlePixel TCG Dex (Lux Fork)
  3. // @namespace    luxferre.dev
  4. // @version      1.5.0
  5. // @description  Organizational script for the Criptoe Trading Card Game
  6. // @author       GodofNades & Lux-Ferre
  7. // @match        *://idle-pixel.com/login/play*
  8. // @grant        none
  9. // @license      MIT
  10. // @require      https://gf.qytechs.cn/scripts/441206-idlepixel/code/IdlePixel+.js?anticache=20220905
  11. // @require		 https://gf.qytechs.cn/scripts/527481/code/IdlePixel%20Dialogue%20Handler.js?anticache=20250219b
  12. // ==/UserScript==
  13.  
  14. (function () {
  15. 	"use strict";
  16.  
  17. 	let playername = "";
  18.  
  19. 	class tcgDex extends IdlePixelPlusPlugin {
  20. 		constructor() {
  21. 			super("tcgDex", {
  22. 				about: {
  23. 					name: GM_info.script.name + " (ver: " + GM_info.script.version + ")",
  24. 					version: GM_info.script.version,
  25. 					author: GM_info.script.author,
  26. 					description: GM_info.script.description,
  27. 				},
  28. 				config: [
  29. 					{
  30. 						label:
  31. 							"------------------------------------------------<br/>Notification<br/>------------------------------------------------",
  32. 						type: "label"
  33. 					},
  34. 					{
  35. 						id: "tcgNotification",
  36. 						label:
  37. 							"Enable TCG Card Buying Available Notification<br/>(Default: Enabled)",
  38. 						type: "boolean",
  39. 						default: true
  40. 					},
  41. 					{
  42. 						id: "newCardTimer",
  43. 						label:
  44. 							"New Card Timer<br/>(How long do you want a card to show as new, in minutes.)",
  45. 						type: "int",
  46. 						default: 15
  47. 					},
  48. 					{
  49. 						id: "enableSend",
  50. 						label: "Enable auto send of duplicate cards to the player in the next option.",
  51. 						type: "boolean",
  52. 						default: false
  53. 					},
  54. 					{
  55. 						id: "sendTo",
  56. 						label: "Player to send duplicate cards to automatically.",
  57. 						type: "string",
  58. 						default: null
  59. 					}
  60. 				]
  61. 			})
  62. 			this.login_loaded = false
  63. 			this.dupe_sending = false
  64. 			this.pause_processing = false
  65. 			this.newest_card_ids = new Map()
  66. 			this.categoriesTCG = []
  67. 			this.row_bg_colours = {
  68. 				"ORE": "#734d26",
  69. 				"BAR": "#3d3d29",
  70. 				"SEED": "#1a3300",
  71. 				"WOOD": "#663300",
  72. 				"LEAF": "#669900",
  73. 				"GEM": "#990099",
  74. 				"FISH": "#3333cc",
  75. 				"MONSTER": "#000000",
  76. 				"GEAR": "#800000",
  77. 				"LEGENDARY": "#ffffff",
  78. 				"BREEDING": "#ffb31a",
  79. 				"LIMITED": "#ffffe6",
  80. 			}
  81. 			this.row_text_colours = {
  82. 				"ORE": "white",
  83. 				"BAR": "white",
  84. 				"SEED": "white",
  85. 				"WOOD": "white",
  86. 				"LEAF": "white",
  87. 				"GEM": "white",
  88. 				"FISH": "white",
  89. 				"MONSTER": "white",
  90. 				"GEAR": "white",
  91. 				"LEGENDARY": "black",
  92. 				"BREEDING": "black",
  93. 				"LIMITED": "black",
  94. 			}
  95.  
  96. 			this.cards_received = []
  97.  
  98. 			this.load_fa()
  99. 		}
  100.  
  101. 		load_fa(){
  102. 			const fontAwesomeLink = document.createElement('link')
  103. 			fontAwesomeLink.rel = 'stylesheet'
  104. 			fontAwesomeLink.href = 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css'
  105. 			document.head.appendChild(fontAwesomeLink)
  106. 		}
  107.  
  108. 		getCategoryData() {
  109. 			let uniqueDescriptionTitles = [];
  110. 			const descriptionTitlesSet = new Set();
  111. 			let i = 1;
  112.  
  113. 			Object.values(CardData.data).forEach((card) => {
  114. 				const descriptionTitle = card["description_title"];
  115. 				const properTitles =
  116. 					descriptionTitle.charAt(0).toUpperCase() +
  117. 					descriptionTitle.slice(1).toLowerCase();
  118.  
  119. 				if (!descriptionTitlesSet.has(descriptionTitle)) {
  120. 					descriptionTitlesSet.add(descriptionTitle);
  121.  
  122. 					uniqueDescriptionTitles.push({
  123. 						id: `[${descriptionTitle}]`,
  124. 						desc: descriptionTitle,
  125. 						label: `${properTitles}`,
  126. 					});
  127. 					i++;
  128. 				}
  129. 			})
  130.  
  131. 			//	Sort categories alphabetically with legendaries first
  132. 			uniqueDescriptionTitles.sort((a, b) => {
  133. 				if (a.desc === "LEGENDARY") return -1
  134. 				if (b.desc === "LEGENDARY") return 1
  135. 				return a.desc.localeCompare(b.desc)
  136. 			})
  137.  
  138. 			return uniqueDescriptionTitles
  139. 		}
  140.  
  141. 		ensureNewSettingExists() {
  142. 			const settings = JSON.parse(
  143. 				localStorage.getItem(`${playername}.tcgSettings`)
  144. 			);
  145. 			if (settings && typeof settings.new === "undefined") {
  146. 				settings.new = true;
  147. 				localStorage.setItem(
  148. 					`${playername}.tcgSettings`,
  149. 					JSON.stringify(settings)
  150. 				);
  151. 			}
  152. 		}
  153.  
  154. 		initializeDatabase() {
  155. 			const dbName = `IdlePixel_TCG_DB.${playername}`;
  156. 			const version = 2;
  157. 			const request = indexedDB.open(dbName, version);
  158.  
  159. 			request.onerror = (event) => {
  160. 				console.error("Database error: ", event.target.error);
  161. 			};
  162.  
  163. 			request.onupgradeneeded = (event) => {
  164. 				const db = event.target.result;
  165. 				const objectStoreName = `current_cards`;
  166. 				if (!db.objectStoreNames.contains(objectStoreName)) {
  167. 					db.createObjectStore(objectStoreName, {keyPath: "cardNum"})
  168. 				} else {
  169. 					db.deleteObjectStore(objectStoreName)
  170. 					db.createObjectStore(objectStoreName, {keyPath: "cardNum"})
  171. 				}
  172. 			};
  173.  
  174. 			request.onsuccess = (event) => {
  175. 				this.db = event.target.result;
  176. 			};
  177. 		}
  178.  
  179. 		card_counts(currentCards){
  180. 			if(this.categoriesTCG.length === 0){console.log("Cards counted without categories!");return;}
  181. 			const counts = {}
  182.  
  183. 			this.categoriesTCG.forEach((category) => {
  184. 				counts[category.desc] = {
  185. 					uniHolo: 0,
  186. 					ttlHolo: 0,
  187. 					uniNormal: 0,
  188. 					ttlNormal: 0,
  189. 					possHolo: 0,
  190. 					possNormal: 0,
  191. 					possUniHolo: 0,
  192. 					possUniNormal: 0,
  193. 				};
  194. 			});
  195.  
  196. 			const overall_counts = {
  197. 				overallUniHolo: 0,
  198. 				overallHolo: 0,
  199. 				overallTTL: 0,
  200. 				overallUniNormal: 0,
  201. 				overallNormal: 0,
  202. 			};
  203.  
  204. 			Object.values(CardData.data).forEach((card) => {
  205. 				const category = this.categoriesTCG.find(
  206. 					(c) => c.id === `[${card.description_title}]`
  207. 				);
  208. 				if (category) {
  209. 					counts[category.desc].uniHolo++;
  210. 					counts[category.desc].uniNormal++;
  211. 					overall_counts.overallTTL++;
  212. 				}
  213. 			});
  214.  
  215. 			const uniHoloSetOverall = new Set();
  216. 			const uniNormalSetOverall = new Set();
  217.  
  218. 			currentCards.forEach((card) => {
  219. 				const new_id = `${card.id}${card.holo? "_h":""}`
  220. 				if (!this.newest_card_ids[new_id]) {
  221. 					this.newest_card_ids.set(new_id, card.cardNum);
  222. 				}
  223.  
  224. 				const category = Object.entries(CardData.data).find(
  225. 					(c) => c[0] === card.id
  226. 				);
  227. 				if (category) {
  228. 					if (card.holo) {
  229. 						counts[category[1].description_title].possHolo++;
  230. 						counts[category[1].description_title].ttlHolo++;
  231. 						overall_counts.overallHolo++;
  232. 						if (!uniHoloSetOverall.has(card.id)) {
  233. 							uniHoloSetOverall.add(card.id);
  234. 							overall_counts.overallUniHolo++;
  235. 							counts[category[1].description_title].possUniHolo++;
  236. 						}
  237. 					} else {
  238. 						counts[category[1].description_title].possNormal++;
  239. 						counts[category[1].description_title].ttlNormal++;
  240. 						overall_counts.overallNormal++;
  241. 						if (!uniNormalSetOverall.has(card.id)) {
  242. 							uniNormalSetOverall.add(card.id);
  243. 							overall_counts.overallUniNormal++;
  244. 							counts[category[1].description_title].possUniNormal++;
  245. 						}
  246. 					}
  247. 				}
  248. 			});
  249. 			return {counts, overall_counts};
  250. 		}
  251.  
  252. 		async identifyAndRemoveAbsentCards(db, objectStoreName, currentCards) {
  253. 			try {
  254. 				const dbCards = await this.fetchAllCardsFromDB(db, objectStoreName);
  255.  
  256. 				const current_card_nums = currentCards.map(card => card.cardNum)
  257.  
  258. 				dbCards.forEach((dbCard) => {
  259. 					const card_num = dbCard.cardNum
  260. 					if (!current_card_nums.includes(card_num)) {
  261. 						//console.log(`Card not found in current cards, removing: ${dbCardKey}`);
  262. 						this.removeCardFromDB(db, objectStoreName, card_num);
  263. 					}
  264. 				});
  265. 			} catch (error) {
  266. 				console.error('Error in identifyAndRemoveAbsentCards:', error);
  267. 			}
  268. 		}
  269.  
  270. 		removeCardFromDB(db, objectStoreName, cardKey) {
  271. 			const transaction = db.transaction([objectStoreName], "readwrite");
  272. 			const objectStore = transaction.objectStore(objectStoreName);
  273. 			const request = objectStore.delete(cardKey);
  274. 			request.onerror = (event) => {
  275. 				console.error("Error removing card from DB:", event.target.error);
  276. 			};
  277. 			request.onsuccess = () => {
  278. 				//console.log(`Card removed from DB: ${cardKey}`);
  279. 			};
  280. 		}
  281.  
  282. 		updateTcgSettings(categoryId, state) {
  283. 			const settings = JSON.parse(
  284. 				localStorage.getItem(`${playername}.tcgSettings`)
  285. 			);
  286. 			settings[categoryId] = state;
  287. 			localStorage.setItem(
  288. 				`${playername}.tcgSettings`,
  289. 				JSON.stringify(settings)
  290. 			);
  291. 		}
  292.  
  293. 		getTcgSetting(categoryId) {
  294. 			const settings = JSON.parse(
  295. 				localStorage.getItem(`${playername}.tcgSettings`)
  296. 			);
  297. 			return settings[categoryId];
  298. 		}
  299.  
  300. 		tcgBuyerNotifications() {
  301. 			let tcgTimerCheck = IdlePixelPlus.getVarOrDefault("tcg_timer", 0, "int");
  302. 			let tcgUnlocked = IdlePixelPlus.getVarOrDefault("tcg_active", 0, "int");
  303. 			const notifDiv = document.createElement("div");
  304. 			notifDiv.id = `notification-tcg-timer`;
  305. 			notifDiv.onclick = function () {
  306. 				switch_panels("panel-criptoe-tcg");
  307. 				Modals.open_buy_tcg();
  308. 			};
  309. 			notifDiv.className = "notification hover";
  310. 			notifDiv.style = "margin-right: 4px; margin-bottom: 4px; display: none";
  311. 			notifDiv.style.display = "inline-block";
  312.  
  313. 			let elem = document.createElement("img");
  314. 			elem.setAttribute("src", window.get_image("images/ash_50.png"))
  315. 			const notifIcon = elem;
  316. 			notifIcon.className = "w20";
  317.  
  318. 			const notifDivLabel = document.createElement("span");
  319. 			notifDivLabel.id = `notification-tcg-timer-label`;
  320. 			notifDivLabel.innerText = " Loading...";
  321. 			notifDivLabel.className = "color-white";
  322.  
  323. 			notifDiv.append(notifIcon, notifDivLabel);
  324. 			document.querySelector("#notifications-area").prepend(notifDiv);
  325. 			if (tcgUnlocked == 0 || !this.getConfig("tcgNotification")) {
  326. 				document.querySelector("#notification-tcg-timer").style.display =
  327. 					"none";
  328. 			}
  329. 		}
  330.  
  331. 		updateTCGNotification() {
  332. 			let tcgTimerCheck = IdlePixelPlus.getVarOrDefault("tcg_timer", 0, "int");
  333. 			let tcgUnlocked = IdlePixelPlus.getVarOrDefault("tcg_active", 0, "int");
  334. 			if (this.getConfig("tcgNotification") && tcgUnlocked != 0) {
  335. 				document.getElementById("notification-tcg-timer").style.display =
  336. 					"inline-block";
  337. 				if (tcgTimerCheck > 0) {
  338. 					let timerLabel = format_time(tcgTimerCheck);
  339. 					document.getElementById(
  340. 						"notification-tcg-timer-label"
  341. 					).innerText = ` ${timerLabel}`;
  342. 				} else {
  343. 					document.getElementById(
  344. 						"notification-tcg-timer-label"
  345. 					).innerText = ` Time to buy cards!`;
  346. 				}
  347. 			} else {
  348. 				document.getElementById("notification-tcg-timer").style.display =
  349. 					"none";
  350. 			}
  351. 		}
  352.  
  353. 		async checkForAndHandleDuplicates() {
  354. 			const sendTo = IdlePixelPlus.plugins.tcgDex.getConfig("sendTo");
  355. 			const enableSend = IdlePixelPlus.plugins.tcgDex.getConfig("enableSend");
  356. 			const cards = await this.fetchAllCardsFromDB(this.db, 'current_cards');
  357. 			const cardOccurrences = new Map();
  358.  
  359. 			if (!this.dupe_sending && sendTo !== playername) {
  360. 				this.dupe_sending = true;
  361. 				cards.forEach((card) => {
  362. 					const key = `${card.id}-${card.holo}`;
  363. 					if (cardOccurrences.has(key)) {
  364. 						cardOccurrences.get(key).push(card);
  365. 					} else {
  366. 						cardOccurrences.set(key, [card]);
  367. 					}
  368. 				});
  369.  
  370. 				cardOccurrences.forEach((occurrences, key) => {
  371. 					if (occurrences.length > 1) {
  372. 						occurrences.sort((a, b) => b.cardNum - a.cardNum);
  373.  
  374. 						for (let i = 0; i < (occurrences.length - 1); i++) {
  375. 							const duplicate = occurrences[i];
  376.  
  377. 							if (enableSend && sendTo) {
  378. 								websocket.send(`GIVE_TCG_CARD=${sendTo}~${duplicate.cardNum}`);
  379. 							}
  380. 						}
  381. 					}
  382. 				});
  383.  
  384. 				setTimeout(function () {
  385. 					CardData.fetchData();
  386. 					setTimeout(function () {
  387. 						this.dupe_sending = false;
  388. 					}.bind(this), 10000);
  389. 				}.bind(this), 20000);
  390. 			}
  391. 		}
  392.  
  393. 		async fetchAllCardsFromDB(db, objectStoreName) {
  394. 			return new Promise((resolve, reject) => {
  395. 				const transaction = db.transaction([objectStoreName], "readonly");
  396. 				const objectStore = transaction.objectStore(objectStoreName);
  397. 				const request = objectStore.getAll();
  398.  
  399. 				request.onerror = (event) => {
  400. 					console.error("Error fetching cards from DB:", event.target.error);
  401. 					reject(event.target.error);
  402. 				};
  403.  
  404. 				request.onsuccess = () => {
  405. 					resolve(request.result);
  406. 				};
  407. 			});
  408. 		}
  409.  
  410. 		add_open_multi_button(){
  411. 			const new_button = `<table data-bs-dismiss="modal" onclick="IdlePixelPlus.plugins.tcgDex.multi_open()" class="modal-table-button hover">
  412.               <tbody><tr>
  413.                 <td>
  414.                   <img alt="" src="${window.get_image("images/tcg_back_50.png")}" class="w50" title="tcg_back_50">
  415.                 </td>
  416.                 <td>
  417.                   REVEAL MULTIPLE
  418.                   <hr>
  419.                   <span class="color-grey font-small">Reveal many cards for yourself.</span>
  420.                 </td>
  421.               </tr>
  422.             </tbody></table>`
  423.  
  424. 			let inner = document.getElementById("modal-open-tcg-unknown").querySelector("center").innerHTML
  425. 			inner += new_button
  426. 			document.getElementById("modal-open-tcg-unknown").querySelector("center").innerHTML = inner
  427.  
  428. 			const modal_string = `
  429. 				<div class="modal fade" id="tcg_open_multi_modal" tabindex="-1" data-bs-theme="dark">
  430. 					<div class="modal-dialog">
  431. 						<div class="modal-content justify-content-around d-flex flex-column" style="color: white; min-height:200px;">
  432. 							<div class="row"><div class="col d-flex justify-content-center">
  433. 								<img alt="" src="${window.get_image("images/tcg_back_50.png")}">
  434. 							</div></div>
  435. 							<div class="row"><div class="col d-flex justify-content-center">
  436. 								How many do you want to open?
  437. 							</div></div>
  438. 							<div class="row"><div class="col d-flex justify-content-center">
  439. 								<input type="number" id="tcg_multi_open_count">
  440. 							</div></div>
  441. 							<div class="row"><div class="col d-flex justify-content-center">
  442. 								<button id="tcg_multi_button" data-bs-dismiss="modal" class="bg-info-subtle"><span class="font-pixel hover">Open</span></button>
  443. 							</div></div>
  444. 						</div>
  445. 					</div>
  446. 				</div>`
  447. 			document.body.insertAdjacentHTML("beforeend", modal_string);
  448.  
  449. 			document.getElementById("tcg_multi_button").addEventListener("click", (e) => {
  450. 				let input = document.getElementById("tcg_multi_open_count").value
  451. 				if (input === "") {
  452. 					return
  453. 				} else {
  454. 					input = parseInt(input)
  455. 				}
  456. 				if (input > parseInt(window.var_tcg_unknown)){
  457. 					input = parseInt(window.var_tcg_unknown)
  458. 				}
  459.  
  460. 				IdlePixelPlus.plugins.tcgDex.pause_processing = true;
  461. 				setTimeout(function () {
  462. 					IdlePixelPlus.plugins.tcgDex.pause_processing = false;
  463. 					websocket.send("RFRESH_TCG_CLIENT")
  464. 				}, 2000)
  465. 				for (let i = 0; i < input; i++) {
  466. 					websocket.send("REVEAL_TCG_CARD")
  467. 				}
  468. 			})
  469. 		}
  470.  
  471. 		multi_open(){
  472. 			$("#tcg_open_multi_modal").modal("show")
  473. 		}
  474.  
  475. 		cardStyling() {
  476. 			const style = document.createElement("style");
  477. 			style.id = "styles-tcg-dex";
  478. 			style.textContent = `
  479.                 .tcg-card-inner {
  480.                   text-align: center;
  481.                   margin: 5px 18px;
  482.                   border: 2px solid black;
  483.                   background-color: #FEFEFE;
  484.                   box-shadow: 1px 1px 5px;
  485.                   padding: 25px 25px;
  486.                 }
  487.  
  488.                 .tcg-card {
  489.                   width: 200px;
  490.                   height: 300px;
  491.                   display: inline-block;
  492.                   border-radius: 10pt;
  493.                   box-shadow: 1px 1px 5px;
  494.                   margin: 5px;
  495.                   color: black;
  496.                 }
  497.  
  498.                 .tcg-card-title {
  499.                   font-weight: bold;
  500.                   font-size: 12pt;
  501.                   margin-left: 18px;
  502.                   margin-top: 4px;
  503.                 }
  504.  
  505.                 .tcg-card-inner-text {
  506.                   margin: 0px 18px;
  507.                   border: 1px solid black;
  508.                   border-radius: 5pt;
  509.                   background-color: #FEFEFE;
  510.                   padding: 5px 5px;
  511.                   font-size: 8pt;
  512.                   margin-top: 10px;
  513.                   margin-bottom: 4px;
  514.                 }
  515.  
  516.                 .tcg-card-rarity {
  517.                   font-weight: bold;
  518.                   font-size: 12pt;
  519.                   margin-right: 4px;
  520.                   text-align: right;
  521.                   font-style: italic;
  522.                 }
  523.  
  524.                 .tcg-card-type {
  525.                   font-weight: bold;
  526.                   font-size: 12pt;
  527.                   margin-left: 4px;
  528.                   text-align: left;
  529.                 }
  530.  
  531.                 .tcg-category-text {
  532.                   font-weight: bold;
  533.                   font-size: 12px;
  534.                   color: black;
  535.                 }
  536.  
  537.                 .tcgDex-card-container-open {
  538.                     margin-bottom: 20px;
  539.                 }
  540.  
  541.                 .tcgDex-card-container-closed {
  542.                     margin-bottom: 5px;
  543.                 }
  544.                 
  545.                 .tcgdex_category_label_row {
  546.                 	display: inline-flex;
  547.                 	width: 100%;
  548.                 	height: 30px;
  549.                 	font-weight: bolder;
  550.                 	user-select: none;
  551.                 }
  552.                 
  553.                 .tcgdex_category_label_button {
  554.                 	flex: 0 0 5%;
  555.                 	align-content: center;
  556.                 	text-align: center;
  557.                 }
  558.                 
  559.                 .tcgdex_category_label_cat {
  560.                 	flex: 0 0 35%;
  561.                 	align-content: center;
  562.                 }
  563.                 
  564.                 .tcgdex_category_label_total {
  565.                 	flex: 0 0 10%;
  566.                 	align-content: center;
  567.                 	padding-left: 5px;
  568.                 }
  569.                 
  570.                 .tcgdex_category_label_counts {
  571.                 	flex: 0 0 33%;
  572.                 	align-content: center;
  573.                 }
  574.                 
  575.                 .tcgdex_category_label_counts_outer {
  576.                 	flex: 0 0 25%;
  577.                 	display: inline-flex;
  578.                 }
  579.                 
  580.                 .tcgdex_category_label_counts_label {
  581.                 	padding-left: 5px;
  582.                 	flex: 0 0 34%;
  583.                 	align-content: center;
  584.                 }
  585.                 
  586.                 .tcgdex_category_new_label {
  587.                 	flex: 0 0 55%;
  588.                 	align-content: center;
  589.                 }
  590.                 
  591.                 .tcgdex_category_new_total {
  592.                 	flex: 0 0 10%;
  593.                 	align-content: center;
  594.                 }
  595.                 
  596.                 .tcgdex_category_new_values_holo {
  597.                 	flex: 0 0 15%;
  598.                 	align-content: center;
  599.                 }
  600.                 
  601.                 .tcgdex_category_new_values {
  602.                 	flex: 0 0 15%;
  603.                 	align-content: center;
  604.                 }
  605.             `;
  606. 			document.head.appendChild(style);
  607. 		}
  608.  
  609. 		create_totals_bar_frag(overall_counts) {
  610. 			const template = document.getElementById("tcg_category_total_template")
  611. 			let clone = template.content.cloneNode(true)
  612.  
  613. 			clone.querySelector(`.ttl-cards-label`).textContent = `Total: ${overall_counts.overallHolo + overall_counts.overallNormal} `;
  614. 			clone.querySelector(`.uni-holo-label`).textContent = `U: ${overall_counts.overallUniHolo}/${overall_counts.overallTTL}`;
  615. 			clone.querySelector(`.ttl-holo-label`).textContent = `T: ${overall_counts.overallHolo}`;
  616. 			clone.querySelector(`.uni-normal-label`).textContent = `U: ${overall_counts.overallUniNormal}/${overall_counts.overallTTL}`;
  617. 			clone.querySelector(`.ttl-normal-label`).textContent = `T: ${overall_counts.overallNormal}`;
  618.  
  619. 			return clone;
  620. 		}
  621.  
  622. 		create_new_bar_frag() {
  623. 			const template = document.getElementById("tcg_category_new_template")
  624. 			let clone = template.content.cloneNode(true)
  625.  
  626. 			let loadVis = JSON.parse(localStorage.getItem(`${playername}.tcgSettings`))['new']
  627.  
  628. 			let category_div = clone.getElementById("tcgDex-New_Card-Container")
  629.  
  630. 			category_div.classList.add(loadVis ? "tcgDex-card-container-open" : "tcgDex-card-container-closed")
  631.  
  632. 			clone.querySelector(".tcg_category_container_inner").setAttribute("style", IdlePixelPlus.plugins.tcgDex.getTcgSetting("new") ? "" : "display: none;")
  633.  
  634. 			clone.querySelector(".tcg_new_timer_label").textContent = `New Cards (last ${this.new_card_timer} mins)`;
  635.  
  636. 			clone.querySelector(".fas").classList.add(IdlePixelPlus.plugins.tcgDex.getTcgSetting("new") ? "fa-eye-slash" : "fa-eye")
  637.  
  638. 			category_div.addEventListener("click", (event) => {
  639. 				if (event.target.closest(".tcg_category_container_inner")) {return;}
  640. 				const ele = event.currentTarget
  641. 				const category_inner = ele.querySelector(".tcg_category_container_inner")
  642. 				const isVisible = getComputedStyle(category_inner).display !== "none"
  643.  
  644. 				if (isVisible) {
  645. 					category_inner.style.display = "none"
  646. 					ele.querySelector(".fas").classList.remove("fa-eye-slash")
  647. 					ele.querySelector(".fas").classList.add("fa-eye")
  648. 					ele.classList.add("tcgDex-card-container-closed")
  649. 					ele.classList.remove("tcgDex-card-container-open")
  650. 				} else {
  651. 					category_inner.style.display = ""
  652. 					ele.querySelector(".fas").classList.add("fa-eye-slash")
  653. 					ele.querySelector(".fas").classList.remove("fa-eye")
  654. 					ele.classList.remove("tcgDex-card-container-closed")
  655. 					ele.classList.add("tcgDex-card-container-open")
  656. 				}
  657.  
  658. 				IdlePixelPlus.plugins.tcgDex.updateTcgSettings("new", !isVisible);
  659. 			});
  660.  
  661. 			return clone;
  662. 		}
  663.  
  664. 		draw_card_categories(card_container_frag, all_counts) {
  665. 			this.categoriesTCG.forEach((category) => {
  666. 				const template = document.getElementById("tcg_category_template");
  667. 				let row_frag = this.create_row_fragment(template, category);
  668.  
  669. 				card_container_frag.appendChild(row_frag);
  670. 			});
  671.  
  672. 			for (const [cat, counts] of Object.entries(all_counts)) {
  673. 				card_container_frag.querySelector(`#tcgDex-${cat}-Container .ttl-cards-label`).textContent = `Total: ${counts.possHolo + counts.possNormal}`;
  674. 				card_container_frag.querySelector(`#tcgDex-${cat}-Container .uni-holo-label`).textContent = `U: ${counts.possUniHolo}/${counts.uniHolo}`;
  675. 				card_container_frag.querySelector(`#tcgDex-${cat}-Container .ttl-holo-label`).textContent = `T: ${counts.ttlHolo}`;
  676. 				card_container_frag.querySelector(`#tcgDex-${cat}-Container .uni-normal-label`).textContent = `U: ${counts.possUniNormal}/${counts.uniNormal}`;
  677. 				card_container_frag.querySelector(`#tcgDex-${cat}-Container .ttl-normal-label`).textContent = `T: ${counts.ttlNormal}`;
  678. 			}
  679. 		}
  680.  
  681. 		create_card_template(){
  682. 			const card_template_str = `
  683. 				<template id="tcg_card_template">
  684. 					<div id="" onclick="IdlePixelPlus.plugins.tcgDex.send_card(this.getAttribute('data-card-id'), this.getAttribute('id'))" style="" class='tcg-card hover'>
  685. 						<div class='row d-flex justify-content-around w-100'>
  686. 							<div class='col text-start' style="max-width:80%; margin-right:0; padding-right:1px; padding-left:0">
  687. 								<div class='tcg-card-title' style="white-space:nowrap; text-overflow:clip; overflow:hidden;"></div>
  688. 							</div>
  689. 							<div class='col-auto text-end' style="margin-top:4px; padding: 0; max-width:19%">
  690. 								<span class="dupe_count" style="font-weight: bolder;"></span>
  691. 							</div>
  692. 						</div>
  693. 						<div class='tcg-card-inner'>
  694. 							<img src="" class='w50'>
  695. 						</div>
  696. 						<div class='tcg-card-inner-text'>
  697. 							<span class='tcg-category-text'></span>
  698. 							<br>
  699. 							<br>
  700. 							<span class='tcg_card_zalgo'>𓀚𓁁𓂧𓃢𓃴𓄜𓈤𓈤𓊙𓐈𓀚𓁁𓂧𓃢𓃴<br>𓄜𓈤𓈤𓊙𓐈𓀚𓁁𓂧𓃢𓃴𓄜𓈤𓈤𓊙𓐈<br>𓀚𓁁𓂧𓃢𓃴𓄜𓈤𓈤𓊙𓐈𓀚𓁁𓂧𓃢𓃴<br>𓄜𓈤𓈤𓊙𓐈𓀚𓁁𓂧𓃢𓃴𓄜𓈤𓈤𓊙𓐈</span>
  701. 						</div>
  702. 						<div class="row" style="display: flex; flex-wrap:nowrap">
  703. 							<div class="col" style="flex: 0 0 50%; padding-right:0px;">
  704. 								<span class="tcg-card-type"></span>
  705. 							</div>
  706. 							<div class="col" style="flex: 0 0 50%; text-align: end; padding-left: 0px;flex-wrap:nowrap;">
  707. 								<span class="tcg-card-rarity"></span>
  708. 							</div>
  709. 						</div>
  710. 					</div>
  711. 				</template>
  712. 			`
  713. 			$("body").append($(card_template_str))
  714. 		}
  715.  
  716. 		create_row_template(){
  717. 			const row_template_str = `
  718. 				<template id="tcg_category_template">
  719. 					<div class="tcgdex_card_container">
  720. 						<div class="tcgdex_category_label_row">
  721. 							<div class="col tcgdex_category_label_button">
  722. 								<i class="fas"></i>
  723. 							</div>
  724. 							<div class="col tcgdex_category_label_cat">
  725. 								<span class="labelSpan"></span>
  726. 							</div>
  727. 							<div class="col tcgdex_category_label_total">
  728. 								<span class="ttl-cards-label"></span>
  729. 							</div>
  730. 							<div class="col tcgdex_category_label_counts_outer">
  731. 								<div class="tcgdex_category_label_counts_label">Holo:</div>
  732. 								<div class="tcgdex_category_label_counts">
  733. 									<span class="ttl-holo-label"></span>
  734. 								</div>
  735. 								<div class="tcgdex_category_label_counts">
  736. 									<span class="uni-holo-label"></span>
  737. 								</div>
  738. 							</div>
  739. 							<div class="col tcgdex_category_label_counts_outer">
  740. 								<div class="tcgdex_category_label_counts_label">Normal:</div>
  741. 								<div class="tcgdex_category_label_counts">
  742. 									<span class="ttl-normal-label"></span>
  743. 								</div>
  744. 								<div class="tcgdex_category_label_counts">
  745. 									<span class="uni-normal-label"></span>
  746. 								</div>
  747. 							</div>
  748. 						</div>
  749. 						<br>
  750. 						<div class="tcg_category_container_inner" id="tcgDex-LIMITED-Container-Inner" style="display: none;"></div>
  751. 					</div>
  752. 				</template>
  753. 			`
  754. 			$("body").append($(row_template_str))
  755. 		}
  756.  
  757. 		create_total_row_template(){
  758. 			const row_template_str = `
  759. 				<template id="tcg_category_total_template">
  760. 					<div class="tcgdex_category_label_row" style="background-color:cyan; color:black;">
  761. 						<div class="col tcgdex_category_label_button"></div>
  762. 						<div class="col tcgdex_category_label_cat">T = Total &amp; U = Unique</div>
  763. 						<div class="col tcgdex_category_label_total" style="border-left: 1px solid black;">
  764. 							<span class="ttl-cards-label"></span>
  765. 						</div>
  766. 						<div class="col tcgdex_category_label_counts_outer" style="border-left: 1px solid black;">
  767. 							<div class="tcgdex_category_label_counts_label">Holo:</div>
  768. 							<div class="tcgdex_category_label_counts">
  769. 								<span class="ttl-holo-label"></span>
  770. 							</div>
  771. 							<div class="tcgdex_category_label_counts">
  772. 								<span class="uni-holo-label"></span>
  773. 							</div>
  774. 						</div>
  775. 						<div class="col tcgdex_category_label_counts_outer" style="border-left: 1px solid black;">
  776. 							<div class="tcgdex_category_label_counts_label">Normal:</div>
  777. 							<div class="tcgdex_category_label_counts">
  778. 								<span class="ttl-normal-label"></span>
  779. 							</div>
  780. 							<div class="tcgdex_category_label_counts">
  781. 								<span class="uni-normal-label"></span>
  782. 							</div>
  783. 						</div>
  784. 					</div>
  785. 				</template>
  786. 			`
  787. 			$("body").append($(row_template_str))
  788. 		}
  789.  
  790. 		create_new_row_template(){
  791. 			const row_template_str = `
  792. 				<template id="tcg_category_new_template">
  793. 					<div id="tcgDex-New_Card-Container">
  794. 						<div class="tcgdex_category_label_row" style="background-color:gray; color:black;">
  795. 							<div class="col tcgdex_category_label_button">
  796. 								<i class="fas"></i>
  797. 							</div>
  798. 							<div class="col tcgdex_category_new_label">
  799. 								<span class="tcg_new_timer_label"></span>
  800. 							</div>
  801. 							<div class="col tcgdex_category_new_total"></div>
  802. 							<div class="col tcgdex_category_new_values_holo"></div>
  803. 							<div class="col tcgdex_category_new_values"></div>
  804. 						</div>
  805. 						<br>
  806. 						<div class="tcg_category_container_inner"></div>
  807. 					</div>
  808. 				</template>
  809. 			`
  810. 			$("body").append($(row_template_str))
  811. 		}
  812.  
  813. 		add_link_to_collection(){
  814. 			const url = `https://luxferre.dev/idlepixel/tcg?user=${window.var_username}`
  815.  
  816. 			const button = `
  817. 				<div id="tcg_collection_button" class="itembox-rings hover" onclick="window.open('${url}', '_blank')">
  818. 					<div class="center mt-1"><img alt="" src="https://cdn.idle-pixel.com/images/book_template.png" title="Collection Viewer"></div>
  819. 					<div class="center mt-2"><span>CLXN VIEW</span></div>
  820. 				</div>
  821. 				`
  822.  
  823. 			const boxes = document.getElementById("panel-criptoe-tcg").querySelectorAll(".itembox-rings")
  824. 			const stats = boxes[boxes.length-1].parentNode
  825. 			stats.insertAdjacentHTML("afterend", button)
  826. 		}
  827.  
  828. 		add_link_to_received(){
  829. 			const button = `
  830. 				<div id="received_card_button" class="itembox-rings hover">
  831. 					<div class="center mt-1"><img alt="" height="50px" width="50px" src="https://cdn.idle-pixel.com/images/castle_chest.png" title="Received Cards"></div>
  832. 					<div class="center mt-2"><span>Received</span></div>
  833. 				</div>
  834. 				`
  835.  
  836. 			document.getElementById("tcg_collection_button").insertAdjacentHTML("beforebegin", button)
  837.  
  838. 			document.getElementById("received_card_button").addEventListener("click", function(){
  839. 				document.getElementById("received_card_button").classList.remove("animation-glow")
  840. 				let inner_html = ""
  841. 				IdlePixelPlus.plugins.tcgDex.cards_received.forEach(card=>{
  842. 					inner_html += `<li>${card}</li>`
  843. 				})
  844. 				document.getElementById("received_card_list").innerHTML = inner_html
  845. 				$("#tcg_received_list_modal").modal("show")
  846. 			})
  847. 		}
  848.  
  849. 		create_received_list_modal() {
  850. 			const modal_string = `
  851. 				<div class="modal fade" id="tcg_received_list_modal" tabindex="-1" data-bs-theme="dark">
  852. 					<div class="modal-dialog">
  853. 						<div class="modal-content" style="color: white;">
  854. 							<ul style="list-style-type: circle; margin-top: 5px;" id="received_card_list"></ul>
  855. 						</div>
  856. 					</div>
  857. 				</div>`
  858. 			document.body.insertAdjacentHTML("beforeend", modal_string);
  859. 		}
  860.  
  861. 		initialisation(){
  862. 			if(!CardData.data){
  863. 				setTimeout(() => {
  864. 					IdlePixelPlus.plugins.tcgDex.initialisation()
  865. 				}, 1000)
  866. 				return
  867. 			}
  868.  
  869. 			this.create_card_template()
  870. 			this.create_row_template()
  871. 			this.create_total_row_template()
  872. 			this.create_new_row_template()
  873. 			this.cardStyling()
  874. 			this.create_received_list_modal()
  875. 			this.add_link_to_collection()
  876. 			this.add_link_to_received()
  877. 			this.add_open_multi_button()
  878.  
  879. 			this.categoriesTCG = this.getCategoryData();
  880.  
  881. 			playername = IdlePixelPlus.getVarOrDefault("username", "", "string")
  882. 			if (!localStorage.getItem(`${playername}.tcgSettings`)) {
  883. 				let defaultSettings = this.categoriesTCG.reduce((settings, category) => {
  884. 					settings[category.desc] = true;
  885. 					return settings;
  886. 				}, {});
  887. 				defaultSettings.new = true;
  888. 				localStorage.setItem(
  889. 					`${playername}.tcgSettings`,
  890. 					JSON.stringify(defaultSettings)
  891. 				);
  892. 			} else {
  893. 				IdlePixelPlus.plugins.tcgDex.ensureNewSettingExists();
  894. 			}
  895.  
  896. 			this.initializeDatabase()
  897. 			this.tcgBuyerNotifications()
  898. 			this.updateTCGNotification()
  899.  
  900. 			const popup_handler = function(title, image_path, message, primary_button_text, secondary_button_text, command, force_unclosable){
  901. 				let name, card
  902. 				if (message.includes("unrevealed")){
  903. 					name = message.split("from ")[1]
  904. 					card = "Unrevealed"
  905. 				} else {
  906. 					name = message.split("<")[0].slice(27)
  907. 					card = message.split("<")[3].split(">")[1]
  908. 				}
  909.  
  910. 				let time = new Date()
  911. 				time = time.toLocaleString()
  912.  
  913. 				IdlePixelPlus.plugins.tcgDex.cards_received.push(`${card}(${name}) [${time}]`)
  914. 				document.getElementById("received_card_button").classList.add("animation-glow")
  915. 				return [title, image_path, message, primary_button_text, secondary_button_text, command, force_unclosable]
  916. 			}
  917.  
  918. 			dialoguer.register_handler("TRADE COMPLETED", popup_handler, false)
  919.  
  920. 			this.card_order = new Map()
  921. 			let order = 1
  922. 			Object.keys(CardData.data).forEach((card_name) => {
  923. 				this.card_order.set(`${card_name}_h`, order++);
  924. 				this.card_order.set(`${card_name}`, order++);
  925. 			})
  926. 			this.login_loaded = true
  927. 		}
  928.  
  929. 		onLogin() {
  930. 			this.new_card_timer = IdlePixelPlus.plugins.tcgDex.getConfig("newCardTimer")
  931. 			CToe.loadCards = function () {}
  932. 			if (!CardData.data) {
  933. 				CardData.fetchData();
  934. 			}
  935.  
  936. 			this.initialisation()
  937. 		}
  938.  
  939. 		onVariableSet(key, valueBefore, valueAfter) {
  940. 			if (this.login_loaded) {
  941. 				if (key.startsWith("tcg") && valueBefore != valueAfter) {
  942. 					IdlePixelPlus.plugins.tcgDex.updateTCGNotification();
  943. 				}
  944. 			}
  945. 		}
  946.  
  947. 		onConfigChange() {
  948. 			if (this.login_loaded) {
  949. 				IdlePixelPlus.plugins.tcgDex.updateTCGNotification();
  950. 				this.new_card_timer = IdlePixelPlus.plugins.tcgDex.getConfig("newCardTimer")
  951. 			}
  952. 		}
  953.  
  954. 		send_card(card_id, card_name){
  955. 			Modals.open_tcg_give_card(null, card_id)
  956. 			card_name = card_name.replace("_Normal", "").replace("_Holo", "_h")
  957. 			IdlePixelPlus.plugins.tcgDex.newest_card_ids.delete(card_name)
  958. 		}
  959.  
  960. 		create_card_fragment(template, card){
  961. 			const id = card.cardNum
  962. 			const holo = card.holo
  963. 			const card_data = CardData.data[card.id]
  964.  
  965. 			const rarity_map = {
  966. 				common: "Common",
  967. 				uncommon: "Uncommon",
  968. 				rare: "Rare",
  969. 				very_rare: "Very Rare",
  970. 				legendary: "Legendary"
  971. 			}
  972.  
  973. 			let clone = template.content.cloneNode(true)
  974.  
  975. 			let tcg_outer = clone.querySelector(".tcg-card")
  976. 			tcg_outer.setAttribute("data-card-id", id)
  977. 			tcg_outer.setAttribute("data-card-cat", card_data.description_title)
  978.  
  979. 			const styles = `${card_data.border_css}${card_data.background_css}`
  980. 			tcg_outer.setAttribute("style", styles)
  981.  
  982. 			const label = card_data.label.replaceAll('MOONSTONE', 'M. STONE').replaceAll('PROMETHIUM', 'PROM.').replaceAll('WOODEN ARROWS', 'WOOD ARROWS').replaceAll('STINGER ', 'STING ')
  983.  
  984. 			clone.querySelector(".tcg-card-title").innerText = label
  985. 			clone.querySelector(".tcg-card-rarity").innerText = `(${rarity_map[card_data.rarity]})`
  986. 			clone.querySelector("img").setAttribute("src", `https://cdn.idle-pixel.com/images/${card_data.image}`)
  987. 			clone.querySelector(".tcg-category-text").innerText = `[${card_data.description_title}]`
  988.  
  989. 			if (card.count){
  990. 				clone.querySelector(".dupe_count").innerText = `x${card.count}`
  991. 			}
  992.  
  993.  
  994. 			if(holo){
  995. 				tcg_outer.id = `${card.id}_Holo`
  996. 				clone.querySelector(".tcg-card-type").innerText = " Holo"
  997. 				clone.querySelector(".tcg-card-inner").classList.add("holo")
  998. 				clone.querySelector(".tcg_card_zalgo").classList.add("shine")
  999. 			} else {
  1000. 				tcg_outer.id = `${card.id}_Normal`
  1001. 				clone.querySelector(".tcg-card-type").innerText = " Normal"
  1002. 				clone.querySelector(".tcg_card_zalgo").classList.add("color-red")
  1003. 			}
  1004.  
  1005. 			return clone;
  1006. 		}
  1007.  
  1008. 		create_row_fragment(template, category){
  1009. 			let loadVis = IdlePixelPlus.plugins.tcgDex.getTcgSetting(category.desc);
  1010. 			let rowBGColor = this.row_bg_colours[category.desc];
  1011. 			let rowTextColor = this.row_text_colours[category.desc];
  1012.  
  1013. 			let clone = template.content.cloneNode(true)
  1014.  
  1015. 			let category_div = clone.querySelector(".tcgdex_card_container")
  1016. 			category_div.id = `tcgDex-${category.desc}-Container`
  1017. 			category_div.classList.add(loadVis ? "tcgDex-card-container-open" : "tcgDex-card-container-closed")
  1018.  
  1019. 			let category_inner = clone.querySelector(".tcg_category_container_inner")
  1020. 			category_inner.id = `tcgDex-${category.desc}-Container-Inner`;
  1021. 			category_inner.setAttribute("style", IdlePixelPlus.plugins.tcgDex.getTcgSetting(category.desc) ? "" : "display: none;")
  1022.  
  1023. 			clone.querySelector(".tcgdex_category_label_row").setAttribute("style", `background-color: ${rowBGColor}; color: ${rowTextColor};`)
  1024.  
  1025. 			clone.querySelector(".fas").classList.add(IdlePixelPlus.plugins.tcgDex.getTcgSetting(category.desc) ? "fa-eye-slash" : "fa-eye")
  1026.  
  1027. 			clone.querySelector(".tcgdex_category_label_counts_outer").setAttribute("style", `border-left: 1px solid ${rowTextColor};`)
  1028. 			clone.querySelector(".tcgdex_category_label_total").setAttribute("style", `border-left: 1px solid ${rowTextColor};`)
  1029.  
  1030. 			clone.querySelector(".labelSpan").innerHTML = category.label
  1031.  
  1032. 			category_div.addEventListener("click", (event) => {
  1033. 				if (event.target.closest(".tcg_category_container_inner")) {return;}
  1034. 				const ele = event.currentTarget
  1035. 				const category_inner = ele.querySelector(".tcg_category_container_inner")
  1036. 				const isVisible = getComputedStyle(category_inner).display !== "none"
  1037.  
  1038. 				if (isVisible) {
  1039. 					category_inner.style.display = "none"
  1040. 					ele.querySelector(".fas").classList.remove("fa-eye-slash")
  1041. 					ele.querySelector(".fas").classList.add("fa-eye")
  1042. 					ele.classList.add("tcgDex-card-container-closed")
  1043. 					ele.classList.remove("tcgDex-card-container-open")
  1044. 				} else {
  1045. 					category_inner.style.display = ""
  1046. 					ele.querySelector(".fas").classList.add("fa-eye-slash")
  1047. 					ele.querySelector(".fas").classList.remove("fa-eye")
  1048. 					ele.classList.remove("tcgDex-card-container-closed")
  1049. 					ele.classList.add("tcgDex-card-container-open")
  1050. 				}
  1051.  
  1052. 				IdlePixelPlus.plugins.tcgDex.updateTcgSettings(
  1053. 					category.desc,
  1054. 					!isVisible
  1055. 				);
  1056. 			});
  1057.  
  1058. 			return clone;
  1059. 		}
  1060.  
  1061. 		draw_cards(currentCards, card_type_count){
  1062. 			document.getElementById("tcg-area-context").innerHTML = ""
  1063.  
  1064. 			const template = document.getElementById("tcg_card_template")
  1065. 			let card_container_frag = document.createDocumentFragment()
  1066.  
  1067. 			const {counts, overall_counts} = this.card_counts(currentCards)
  1068.  
  1069. 			card_container_frag.appendChild(this.create_totals_bar_frag(overall_counts))
  1070. 			card_container_frag.appendChild(this.create_new_bar_frag())
  1071. 			IdlePixelPlus.plugins['tcgDex'].draw_card_categories(card_container_frag, counts);
  1072.  
  1073. 			document.getElementById("tcg-area-context").appendChild(card_container_frag)
  1074.  
  1075. 			const card_sorter = {}
  1076. 			this.categoriesTCG.forEach((category) => {
  1077. 				card_sorter[category.desc] = []
  1078. 			})
  1079.  
  1080. 			for (const [card, count] of Object.entries(card_type_count)) {
  1081. 				const split_idx = card.lastIndexOf("_")
  1082. 				const card_id = card.slice(0, split_idx)
  1083. 				const holo = card.slice(split_idx + 1) === "Holo"
  1084.  
  1085. 				const order_key = holo? `${card_id}_h`: card_id
  1086.  
  1087. 				const card_data = {
  1088. 					id: card_id,
  1089. 					holo: holo,
  1090. 					cardNum: this.newest_card_ids.get(order_key),
  1091. 					count: count,
  1092. 				}
  1093.  
  1094. 				const card_fragment = this.create_card_fragment(template, card_data)
  1095. 				const card_category = card_fragment.querySelector(".tcg-card").getAttribute("data-card-cat")
  1096.  
  1097. 				const card_position = this.card_order.get(order_key)
  1098. 				card_sorter[card_category][card_position] = card_fragment
  1099. 			}
  1100.  
  1101. 			for (const [cat, cards] of Object.entries(card_sorter)) {
  1102. 				let cat_frag = document.createDocumentFragment()
  1103. 				cards.forEach(card_frag => {
  1104. 					cat_frag.appendChild(card_frag)
  1105. 				})
  1106. 				document.getElementById(`tcgDex-${cat}-Container-Inner`).appendChild(cat_frag)
  1107. 			}
  1108. 		}
  1109.  
  1110. 		handle_new_cards(newCards){
  1111. 			newCards.sort((a, b) => b.received_datetime - a.received_datetime);
  1112. 			const new_card_container = document.getElementById("tcgDex-New_Card-Container").querySelector(".tcg_category_container_inner")
  1113. 			new_card_container.innerHTML = "";
  1114. 			const template = document.getElementById("tcg_card_template")
  1115. 			let card_container_frag = document.createDocumentFragment()
  1116.  
  1117. 			for (const card of Object.values(newCards)) {
  1118. 				card.count = false
  1119. 				const card_fragment = this.create_card_fragment(template, card);
  1120.  
  1121. 				card_container_frag.appendChild(card_fragment)
  1122. 			}
  1123.  
  1124. 			new_card_container.appendChild(card_container_frag)
  1125. 			card_container_frag.innerHTML = ""
  1126. 		}
  1127.  
  1128. 		find_new_cards(currentCards){
  1129. 			const new_cards = []
  1130. 			const objectStoreName = `current_cards`;
  1131. 			const transaction = this.db.transaction([objectStoreName], "readwrite");
  1132. 			const objectStore = transaction.objectStore(objectStoreName);
  1133.  
  1134. 			currentCards.forEach((card) => {
  1135. 				const key = card.cardNum
  1136. 				const getRequest = objectStore.get(key);
  1137. 				getRequest.onsuccess = (event) => {
  1138. 					let result = event.target.result;
  1139. 					if (result) {
  1140. 						let now = new Date();
  1141. 						let timeBefore = new Date(now.getTime() - this.new_card_timer * 60 * 1000);
  1142.  
  1143. 						let receivedDateTime = result.received_datetime;
  1144. 						if (receivedDateTime > timeBefore) {
  1145. 							new_cards.push({
  1146. 								cardNum: result.cardNum,
  1147. 								id: result.id,
  1148. 								holo: result.holo,
  1149. 								received_datetime: receivedDateTime,
  1150. 							});
  1151. 						}
  1152. 					} else {
  1153. 						const cardData = {
  1154. 							cardNum: card.cardNum,
  1155. 							id: card.id,
  1156. 							holo: card.holo,
  1157. 							received_datetime: new Date(),
  1158. 						};
  1159. 						const addRequest = objectStore.add(cardData);
  1160. 						addRequest.onerror = (event) => {
  1161. 							console.error("Error adding new card:", event.target.error);
  1162. 						};
  1163. 						addRequest.onsuccess = (event) => {
  1164. 							// console.log("Successfully adding new card:", event.target.result);
  1165. 						};
  1166. 						new_cards.push({
  1167. 							cardNum: card.cardNum,
  1168. 							id: card.id,
  1169. 							holo: card.holo,
  1170. 							received_datetime: new Date(),
  1171. 						});
  1172. 					}
  1173. 				};
  1174. 				getRequest.onerror = (event) => {
  1175. 					console.error("Error fetching card record:", event.target.error);
  1176. 				};
  1177. 			});
  1178. 			return new_cards;
  1179. 		}
  1180.  
  1181. 		parse_card_stream(parts){
  1182. 			const current_cards = []
  1183. 			const card_type_count = {};
  1184.  
  1185. 			for (let i = 0; i < parts.length; i += 3) {
  1186. 				const cardNum = parts[i];
  1187. 				const cardKey = parts[i + 1];
  1188. 				const isHolo = parts[i + 2] === "true";
  1189. 				const idHolo = isHolo ? "Holo" : "Normal";
  1190. 				const countKey = `${cardKey}_${idHolo}`;
  1191.  
  1192. 				current_cards.push({
  1193. 					id: cardKey,
  1194. 					cardNum: parseInt(cardNum),
  1195. 					holo: isHolo,
  1196. 				})
  1197.  
  1198. 				// Increment or initialise count for card type
  1199. 				card_type_count[countKey] = (card_type_count[countKey] ?? 0) + 1
  1200. 			}
  1201.  
  1202. 			return {current_cards, card_type_count};
  1203. 		}
  1204.  
  1205. 		onMessageReceived(data) {
  1206. 			if (data.startsWith("REFRESH_TCG")) {
  1207. 				if(this.pause_processing){return;}
  1208. 				const parts = data.replace("REFRESH_TCG=", "").split("~")
  1209.  
  1210. 				const {current_cards, card_type_count} = this.parse_card_stream(parts)
  1211.  
  1212. 				const new_cards = this.find_new_cards(current_cards);
  1213.  
  1214. 				void this.identifyAndRemoveAbsentCards(this.db, `current_cards`, current_cards)
  1215.  
  1216. 				this.draw_cards(current_cards, card_type_count);
  1217.  
  1218. 				setTimeout(() => this.handle_new_cards(new_cards), 2000)
  1219.  
  1220. 				void this.checkForAndHandleDuplicates()
  1221. 			}
  1222. 		}
  1223. 	}
  1224.  
  1225. 	const plugin = new tcgDex();
  1226. 	IdlePixelPlus.registerPlugin(plugin);
  1227. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址