☰

IdlePixel TCG Dex (Lux Fork)

Organizational script for the Criptoe Trading Card Game

目前为 2025-01-15 提交的版本。查看 最新版本。

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