☰

IdlePixel TCG Dex (Lux Fork)

Organizational script for the Criptoe Trading Card Game

目前為 2025-02-12 提交的版本，檢視 最新版本。

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

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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