Organizational script for the Criptoe Trading Card Game
目前为
// ==UserScript==
// @name IdlePixel TCG Dex (Lux Fork)
// @namespace luxferre.dev
// @version 0.6.0
// @description Organizational script for the Criptoe Trading Card Game
// @author GodofNades & Lux-Ferre
// @match *://idle-pixel.com/login/play*
// @grant none
// @license MIT
// @require https://gf.qytechs.cn/scripts/441206-idlepixel/code/IdlePixel+.js?anticache=20220905
// ==/UserScript==
(function () {
"use strict";
// Load Font Awesome
const fontAwesomeLink = document.createElement('link');
fontAwesomeLink.rel = 'stylesheet';
fontAwesomeLink.href = 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css';
document.head.appendChild(fontAwesomeLink);
let playername = "";
let onLoginLoaded = false;
let dupeSending = false;
let newCardTimer;
let duplicateToSend = {};
class tcgDex extends IdlePixelPlusPlugin {
constructor() {
super("tcgDex", {
about: {
name: GM_info.script.name + " (ver: " + GM_info.script.version + ")",
version: GM_info.script.version,
author: GM_info.script.author,
description: GM_info.script.description,
},
config: [
{
label:
"------------------------------------------------<br/>Notification<br/>------------------------------------------------",
type: "label",
},
{
id: "tcgNotification",
label:
"Enable TCG Card Buying Available Notification<br/>(Default: Enabled)",
type: "boolean",
default: true,
},
{
id: "newCardTimer",
label:
"New Card Timer<br/>(How long do you want a card to show as new, in minutes.)",
type: "int",
default: 15,
},
{
id: "enableSend",
label: "Enable auto send of duplicate cards to the player in the next option.",
type: "boolean",
default: false
},
{
id: "sendTo",
label: "Player to send duplicate cards to automatically.",
type: "string",
default: null
},
],
})
this.categoriesTCG = []
this.row_bg_colours = {
"ORE": "#734d26",
"BAR": "#3d3d29",
"SEED": "#1a3300",
"WOOD": "#663300",
"LEAF": "#669900",
"GEM": "#990099",
"FISH": "#3333cc",
"MONSTER": "#000000",
"GEAR": "#800000",
"LEGENDARY": "#ffffff",
"BREEDING": "#ffb31a",
"LIMITED": "#ffffe6",
}
this.row_text_colours = {
"ORE": "white",
"BAR": "white",
"SEED": "white",
"WOOD": "white",
"LEAF": "white",
"GEM": "white",
"FISH": "white",
"MONSTER": "white",
"GEAR": "white",
"LEGENDARY": "black",
"BREEDING": "black",
"LIMITED": "black",
}
}
getCategoryData() {
let uniqueDescriptionTitles = [];
const descriptionTitlesSet = new Set();
let i = 1;
Object.values(CardData.data).forEach((card) => {
const descriptionTitle = card["description_title"];
const properTitles =
descriptionTitle.charAt(0).toUpperCase() +
descriptionTitle.slice(1).toLowerCase();
if (!descriptionTitlesSet.has(descriptionTitle)) {
descriptionTitlesSet.add(descriptionTitle);
uniqueDescriptionTitles.push({
id: `[${descriptionTitle}]`,
desc: descriptionTitle,
label: `${properTitles}`,
});
i++;
}
});
return uniqueDescriptionTitles;
}
ensureNewSettingExists() {
const settings = JSON.parse(
localStorage.getItem(`${playername}.tcgSettings`)
);
if (settings && typeof settings.new === "undefined") {
settings.new = true;
localStorage.setItem(
`${playername}.tcgSettings`,
JSON.stringify(settings)
);
}
}
initializeDatabase() {
const dbName = `IdlePixel_TCG_DB.${playername}`;
const version = 1;
const request = indexedDB.open(dbName, version);
request.onerror = (event) => {
console.error("Database error: ", event.target.error);
};
request.onupgradeneeded = (event) => {
const db = event.target.result;
const objectStoreName = `current_cards`;
if (!db.objectStoreNames.contains(objectStoreName)) {
const objectStore = db.createObjectStore(objectStoreName, {
keyPath: ["id", "cardNum", "holo"],
});
}
};
request.onsuccess = (event) => {
this.db = event.target.result;
};
}
card_counts(currentCards){
if(this.categoriesTCG.length === 0){console.log("Cards counted without categories!");return;}
let counts = {}
let overall_counts = {}
this.categoriesTCG.forEach((category) => {
counts[category.desc] = {
uniHolo: 0,
ttlHolo: 0,
uniNormal: 0,
ttlNormal: 0,
possHolo: 0,
possNormal: 0,
possUniHolo: 0,
possUniNormal: 0,
};
});
overall_counts = {
overallUniHolo: 0,
overallHolo: 0,
overallTTL: 0,
overallUniNormal: 0,
overallNormal: 0,
};
Object.values(CardData.data).forEach((card) => {
const category = this.categoriesTCG.find(
(c) => c.id === `[${card.description_title}]`
);
if (category) {
counts[category.desc].uniHolo++;
counts[category.desc].uniNormal++;
overall_counts.overallTTL++;
}
});
const uniHoloSetOverall = new Set();
const uniNormalSetOverall = new Set();
currentCards.forEach((card) => {
const category = Object.entries(CardData.data).find(
(c) => c[0] === card.id
);
if (category) {
if (card.holo) {
counts[category[1].description_title].possHolo++;
counts[category[1].description_title].ttlHolo++;
overall_counts.overallHolo++;
if (!uniHoloSetOverall.has(card.id)) {
uniHoloSetOverall.add(card.id);
overall_counts.overallUniHolo++;
counts[category[1].description_title].possUniHolo++;
}
} else {
counts[category[1].description_title].possNormal++;
counts[category[1].description_title].ttlNormal++;
overall_counts.overallNormal++;
if (!uniNormalSetOverall.has(card.id)) {
uniNormalSetOverall.add(card.id);
overall_counts.overallUniNormal++;
counts[category[1].description_title].possUniNormal++;
}
}
}
});
return {counts, overall_counts};
}
async identifyAndRemoveAbsentCards(db, objectStoreName, currentCards) {
try {
const dbCards = await this.fetchAllCardsFromDB(db, objectStoreName);
const currentCardsKeySet = new Set(
currentCards.map((card) => JSON.stringify([card.id, card.cardNum, card.holo.toString()]))
);
dbCards.forEach((dbCard) => {
const dbCardKey = JSON.stringify([dbCard.id, dbCard.cardNum, dbCard.holo.toString()]);
if (!currentCardsKeySet.has(dbCardKey)) {
//console.log(`Card not found in current cards, removing: ${dbCardKey}`);
this.removeCardFromDB(db, objectStoreName, [dbCard.id, dbCard.cardNum, dbCard.holo]);
}
});
} catch (error) {
console.error('Error in identifyAndRemoveAbsentCards:', error);
}
}
removeCardFromDB(db, objectStoreName, cardKey) {
const transaction = db.transaction([objectStoreName], "readwrite");
const objectStore = transaction.objectStore(objectStoreName);
const request = objectStore.delete(cardKey);
request.onerror = (event) => {
console.error("Error removing card from DB:", event.target.error);
};
request.onsuccess = () => {
//console.log(`Card removed from DB: ${cardKey}`);
};
}
updateTcgSettings(categoryId, state) {
const settings = JSON.parse(
localStorage.getItem(`${playername}.tcgSettings`)
);
settings[categoryId] = state;
localStorage.setItem(
`${playername}.tcgSettings`,
JSON.stringify(settings)
);
}
getTcgSetting(categoryId) {
const settings = JSON.parse(
localStorage.getItem(`${playername}.tcgSettings`)
);
return settings[categoryId];
}
tcgBuyerNotifications() {
let tcgTimerCheck = IdlePixelPlus.getVarOrDefault("tcg_timer", 0, "int");
let tcgUnlocked = IdlePixelPlus.getVarOrDefault("tcg_active", 0, "int");
const notifDiv = document.createElement("div");
notifDiv.id = `notification-tcg-timer`;
notifDiv.onclick = function () {
switch_panels("panel-criptoe-tcg");
Modals.open_buy_tcg();
};
notifDiv.className = "notification hover";
notifDiv.style = "margin-right: 4px; margin-bottom: 4px; display: none";
notifDiv.style.display = "inline-block";
let elem = document.createElement("img");
elem.setAttribute("src", window.get_image("images/ash_50.png"))
const notifIcon = elem;
notifIcon.className = "w20";
const notifDivLabel = document.createElement("span");
notifDivLabel.id = `notification-tcg-timer-label`;
notifDivLabel.innerText = " Loading...";
notifDivLabel.className = "color-white";
notifDiv.append(notifIcon, notifDivLabel);
document.querySelector("#notifications-area").prepend(notifDiv);
if (tcgUnlocked == 0 || !this.getConfig("tcgNotification")) {
document.querySelector("#notification-tcg-timer").style.display =
"none";
}
}
updateTCGNotification() {
let tcgTimerCheck = IdlePixelPlus.getVarOrDefault("tcg_timer", 0, "int");
let tcgUnlocked = IdlePixelPlus.getVarOrDefault("tcg_active", 0, "int");
if (this.getConfig("tcgNotification") && tcgUnlocked != 0) {
document.getElementById("notification-tcg-timer").style.display =
"inline-block";
if (tcgTimerCheck > 0) {
let timerLabel = format_time(tcgTimerCheck);
document.getElementById(
"notification-tcg-timer-label"
).innerText = ` ${timerLabel}`;
} else {
document.getElementById(
"notification-tcg-timer-label"
).innerText = ` Time to buy cards!`;
}
} else {
document.getElementById("notification-tcg-timer").style.display =
"none";
}
}
async checkForAndHandleDuplicates() {
const sendTo = IdlePixelPlus.plugins.tcgDex.getConfig("sendTo");
const enableSend = IdlePixelPlus.plugins.tcgDex.getConfig("enableSend");
const cards = await this.fetchAllCardsFromDB(this.db, 'current_cards');
const cardOccurrences = new Map();
if (!dupeSending && sendTo != playername) {
dupeSending = true;
cards.forEach((card) => {
const key = `${card.id}-${card.holo}`;
if (cardOccurrences.has(key)) {
cardOccurrences.get(key).push(card);
} else {
cardOccurrences.set(key, [card]);
}
});
cardOccurrences.forEach((occurrences, key) => {
if (occurrences.length > 1) {
occurrences.sort((a, b) => b.cardNum - a.cardNum);
for (let i = 0; i < (occurrences.length - 1); i++) {
const duplicate = occurrences[i];
//console.log(`Handling duplicate for ${key}:`, duplicate);
if (enableSend && sendTo) {
websocket.send(`GIVE_TCG_CARD=${sendTo}~${duplicate.cardNum}`);
}
}
}
});
setTimeout(function () {
CardData.fetchData();
setTimeout(function () {
dupeSending = false;
}, 10000);
}, 20000);
}
}
async fetchAllCardsFromDB(db, objectStoreName) {
return new Promise((resolve, reject) => {
const transaction = db.transaction([objectStoreName], "readonly");
const objectStore = transaction.objectStore(objectStoreName);
const request = objectStore.getAll();
request.onerror = (event) => {
console.error("Error fetching cards from DB:", event.target.error);
reject(event.target.error);
};
request.onsuccess = () => {
resolve(request.result);
};
});
}
cardStyling() {
const style = document.createElement("style");
style.id = "styles-tcg-dex";
style.textContent = `
.tcg-card-inner {
text-align: center;
margin: 5px 18px;
border: 2px solid black;
background-color: #FEFEFE;
box-shadow: 1px 1px 5px;
padding: 25px 25px;
}
.tcg-card {
width: 200px;
height: 300px;
display: inline-block;
border-radius: 10pt;
box-shadow: 1px 1px 5px;
margin: 5px;
color: black;
}
.tcg-card-title {
font-weight: bold;
font-size: 12pt;
margin-left: 18px;
margin-top: 4px;
}
.tcg-card-inner-text {
margin: 0px 18px;
border: 1px solid black;
border-radius: 5pt;
background-color: #FEFEFE;
padding: 5px 5px;
font-size: 8pt;
margin-top: 10px;
margin-bottom: 4px;
}
.tcg-card-rarity {
font-weight: bold;
font-size: 12pt;
margin-right: 4px;
text-align: right;
font-style: italic;
}
.tcg-card-type {
font-weight: bold;
font-size: 12pt;
margin-left: 4px;
text-align: left;
}
.tcg-category-text {
font-weight: bold;
font-size: 12px;
color: black;
}
.tcgDex-card-container-open {
margin-bottom: 20px;
}
.tcgDex-card-container-closed {
margin-bottom: 5px;
}
.tcgdex_category_label_row {
display: inline-flex;
width: 100%;
height: 30px;
font-weight: bolder;
user-select: none;
}
.tcgdex_category_label_button {
flex: 0 0 5%;
align-content: center;
text-align: center;
}
.tcgdex_category_label_cat {
flex: 0 0 35%;
align-content: center;
}
.tcgdex_category_label_total {
flex: 0 0 10%;
align-content: center;
padding-left: 5px;
}
.tcgdex_category_label_counts {
flex: 0 0 33%;
align-content: center;
}
.tcgdex_category_label_counts_outer {
flex: 0 0 25%;
display: inline-flex;
}
.tcgdex_category_label_counts_label {
padding-left: 5px;
flex: 0 0 34%;
align-content: center;
}
.tcgdex_category_new_label {
flex: 0 0 55%;
align-content: center;
}
.tcgdex_category_new_total {
flex: 0 0 10%;
align-content: center;
}
.tcgdex_category_new_values_holo {
flex: 0 0 15%;
align-content: center;
}
.tcgdex_category_new_values {
flex: 0 0 15%;
align-content: center;
}
`;
document.head.appendChild(style);
}
create_totals_bar_frag(overall_counts) {
const template = document.getElementById("tcg_category_total_template")
let clone = template.content.cloneNode(true)
clone.querySelector(`.ttl-cards-label`).textContent = `Total: ${overall_counts.overallHolo + overall_counts.overallNormal} `;
clone.querySelector(`.uni-holo-label`).textContent = `U: ${overall_counts.overallUniHolo}/${overall_counts.overallTTL}`;
clone.querySelector(`.ttl-holo-label`).textContent = `T: ${overall_counts.overallHolo}`;
clone.querySelector(`.uni-normal-label`).textContent = `U: ${overall_counts.overallUniNormal}/${overall_counts.overallTTL}`;
clone.querySelector(`.ttl-normal-label`).textContent = `T: ${overall_counts.overallNormal}`;
return clone;
}
create_new_bar_frag() {
const template = document.getElementById("tcg_category_new_template")
let clone = template.content.cloneNode(true)
let loadVis = JSON.parse(localStorage.getItem(`${playername}.tcgSettings`))['new']
let category_div = clone.getElementById("tcgDex-New_Card-Container")
category_div.classList.add(loadVis ? "tcgDex-card-container-open" : "tcgDex-card-container-closed")
clone.querySelector(".tcg_category_container_inner").setAttribute("style", IdlePixelPlus.plugins.tcgDex.getTcgSetting("new") ? "" : "display: none;")
clone.querySelector(".tcg_new_timer_label").textContent = `New Cards (last ${newCardTimer} mins)`;
clone.querySelector(".fas").classList.add(IdlePixelPlus.plugins.tcgDex.getTcgSetting("new") ? "fa-eye-slash" : "fa-eye")
category_div.addEventListener("click", (event) => {
const ele = event.currentTarget
const category_inner = ele.querySelector(".tcg_category_container_inner")
const isVisible = getComputedStyle(category_inner).display !== "none"
if (isVisible) {
category_inner.style.display = "none"
ele.querySelector(".fas").classList.remove("fa-eye-slash")
ele.querySelector(".fas").classList.add("fa-eye")
ele.classList.add("tcgDex-card-container-closed")
ele.classList.remove("tcgDex-card-container-open")
} else {
category_inner.style.display = ""
ele.querySelector(".fas").classList.add("fa-eye-slash")
ele.querySelector(".fas").classList.remove("fa-eye")
ele.classList.remove("tcgDex-card-container-closed")
ele.classList.add("tcgDex-card-container-open")
}
IdlePixelPlus.plugins.tcgDex.updateTcgSettings("new", !isVisible);
});
return clone;
}
draw_card_categories(card_container_frag, all_counts) {
this.categoriesTCG.forEach((category) => {
const template = document.getElementById("tcg_category_template");
let row_frag = this.create_row_fragment(template, category);
card_container_frag.appendChild(row_frag);
// if (category.desc !== "LEGENDARY") {
// card_container_frag.appendChild(row_frag);
// } else {
// let newCardArea = card_container_frag.getElementById("tcgDex-New_Card-Container");
// newCardArea.insertAdjacentElement("afterend", row_frag);
// }
});
for (const [cat, counts] of Object.entries(all_counts)) {
card_container_frag.querySelector(`#tcgDex-${cat}-Container .ttl-cards-label`).textContent = `Total: ${counts.possHolo + counts.possNormal}`;
card_container_frag.querySelector(`#tcgDex-${cat}-Container .uni-holo-label`).textContent = `U: ${counts.possUniHolo}/${counts.uniHolo}`;
card_container_frag.querySelector(`#tcgDex-${cat}-Container .ttl-holo-label`).textContent = `T: ${counts.ttlHolo}`;
card_container_frag.querySelector(`#tcgDex-${cat}-Container .uni-normal-label`).textContent = `U: ${counts.possUniNormal}/${counts.uniNormal}`;
card_container_frag.querySelector(`#tcgDex-${cat}-Container .ttl-normal-label`).textContent = `T: ${counts.ttlNormal}`;
}
}
create_card_template(){
const card_template_str = `
<template id="tcg_card_template">
<div id="" onclick="Modals.open_tcg_give_card(null, this.getAttribute('data-card-id'))" style="" class='tcg-card hover'>
<div class='row d-flex justify-content-around w-100'>
<div class='col text-start' style="max-width:80%; margin-right:0; padding-right:1px; padding-left:0">
<div class='tcg-card-title' style="white-space:nowrap; text-overflow:clip; overflow:hidden;"></div>
</div>
<div class='col-auto text-end' style="margin-top:4px; padding: 0; max-width:19%">
<span id='dupe-count' style="font-weight: bolder;"></span>
</div>
</div>
<div class='tcg-card-inner'>
<img src="" class='w50'>
</div>
<div class='tcg-card-inner-text'>
<span class='tcg-category-text'></span>
<br>
<br>
<span class='tcg_card_zalgo'>𓀚𓁁𓂧𓃢𓃴𓄜𓈤𓈤𓊙𓐈𓀚𓁁𓂧𓃢𓃴<br>𓄜𓈤𓈤𓊙𓐈𓀚𓁁𓂧𓃢𓃴𓄜𓈤𓈤𓊙𓐈<br>𓀚𓁁𓂧𓃢𓃴𓄜𓈤𓈤𓊙𓐈𓀚𓁁𓂧𓃢𓃴<br>𓄜𓈤𓈤𓊙𓐈𓀚𓁁𓂧𓃢𓃴𓄜𓈤𓈤𓊙𓐈</span>
</div>
<div class="row" style="display: flex; flex-wrap:nowrap">
<div class="col" style="flex: 0 0 50%; padding-right:0px;">
<span class="tcg-card-type"></span>
</div>
<div class="col" style="flex: 0 0 50%; text-align: end; padding-left: 0px;flex-wrap:nowrap;">
<span class="tcg-card-rarity"></span>
</div>
</div>
</div>
</template>
`
$("body").append($(card_template_str))
}
create_row_template(){
const row_template_str = `
<template id="tcg_category_template">
<div class="tcgdex_card_container">
<div class="tcgdex_category_label_row">
<div class="col tcgdex_category_label_button">
<i class="fas"></i>
</div>
<div class="col tcgdex_category_label_cat">
<span class="labelSpan"></span>
</div>
<div class="col tcgdex_category_label_total">
<span class="ttl-cards-label"></span>
</div>
<div class="col tcgdex_category_label_counts_outer">
<div class="tcgdex_category_label_counts_label">Holo:</div>
<div class="tcgdex_category_label_counts">
<span class="ttl-holo-label"></span>
</div>
<div class="tcgdex_category_label_counts">
<span class="uni-holo-label"></span>
</div>
</div>
<div class="col tcgdex_category_label_counts_outer">
<div class="tcgdex_category_label_counts_label">Normal:</div>
<div class="tcgdex_category_label_counts">
<span class="ttl-normal-label"></span>
</div>
<div class="tcgdex_category_label_counts">
<span class="uni-normal-label"></span>
</div>
</div>
</div>
<br>
<div class="tcg_category_container_inner" id="tcgDex-LIMITED-Container-Inner" style="display: none;"></div>
</div>
</template>
`
$("body").append($(row_template_str))
}
create_total_row_template(){
const row_template_str = `
<template id="tcg_category_total_template">
<div class="tcgdex_category_label_row" style="background-color:cyan; color:black;">
<div class="col tcgdex_category_label_button"></div>
<div class="col tcgdex_category_label_cat">T = Total & U = Unique</div>
<div class="col tcgdex_category_label_total" style="border-left: 1px solid black;">
<span class="ttl-cards-label"></span>
</div>
<div class="col tcgdex_category_label_counts_outer" style="border-left: 1px solid black;">
<div class="tcgdex_category_label_counts_label">Holo:</div>
<div class="tcgdex_category_label_counts">
<span class="ttl-holo-label"></span>
</div>
<div class="tcgdex_category_label_counts">
<span class="uni-holo-label"></span>
</div>
</div>
<div class="col tcgdex_category_label_counts_outer" style="border-left: 1px solid black;">
<div class="tcgdex_category_label_counts_label">Normal:</div>
<div class="tcgdex_category_label_counts">
<span class="ttl-normal-label"></span>
</div>
<div class="tcgdex_category_label_counts">
<span class="uni-normal-label"></span>
</div>
</div>
</div>
</template>
`
$("body").append($(row_template_str))
}
create_new_row_template(){
const row_template_str = `
<template id="tcg_category_new_template">
<div id="tcgDex-New_Card-Container">
<div class="tcgdex_category_label_row" style="background-color:gray; color:black;">
<div class="col tcgdex_category_label_button">
<i class="fas"></i>
</div>
<div class="col tcgdex_category_new_label">
<span class="tcg_new_timer_label"></span>
</div>
<div class="col tcgdex_category_new_total"></div>
<div class="col tcgdex_category_new_values_holo"></div>
<div class="col tcgdex_category_new_values"></div>
</div>
<br>
<div class="tcg_category_container_inner"></div>
</div>
</template>
`
$("body").append($(row_template_str))
}
onLogin() {
this.create_card_template()
this.create_row_template()
this.create_total_row_template()
this.create_new_row_template()
CToe.loadCards = function () {};
IdlePixelPlus.plugins['tcgDex'].cardStyling();
if (!CardData.data) {
CardData.fetchData();
}
playername = IdlePixelPlus.getVarOrDefault("username", "", "string");
setTimeout(() => {
this.categoriesTCG = this.getCategoryData();
if (!localStorage.getItem(`${playername}.tcgSettings`)) {
let defaultSettings = this.categoriesTCG.reduce((settings, category) => {
settings[category.desc] = true;
return settings;
}, {});
defaultSettings.new = true;
localStorage.setItem(
`${playername}.tcgSettings`,
JSON.stringify(defaultSettings)
);
} else {
IdlePixelPlus.plugins.tcgDex.ensureNewSettingExists();
}
this.initializeDatabase();
this.tcgBuyerNotifications();
this.updateTCGNotification();
this.card_order = new Map()
let order = 1;
Object.keys(CardData.data).forEach((card_name) => {
this.card_order.set(`${card_name}_h`, order++);
this.card_order.set(`${card_name}`, order++);
});
onLoginLoaded = true;
}, 1000);
}
onVariableSet(key, valueBefore, valueAfter) {
if (onLoginLoaded) {
if (key.startsWith("tcg") && valueBefore != valueAfter) {
IdlePixelPlus.plugins.tcgDex.updateTCGNotification();
}
}
}
onConfigChange() {
if (onLoginLoaded) {
IdlePixelPlus.plugins.tcgDex.updateTCGNotification();
}
}
create_card_fragment(template, card){
const id = card.cardNum
const holo = card.holo
const card_data = CardData.data[card.id]
const rarity_map = {
common: "Common",
uncommon: "Uncommon",
rare: "Rare",
very_rare: "Very Rare",
legendary: "Legendary"
}
let clone = template.content.cloneNode(true)
let tcg_outer = clone.querySelector(".tcg-card")
tcg_outer.setAttribute("data-card-id", id)
tcg_outer.setAttribute("data-card-cat", card_data.description_title)
const styles = `${card_data.border_css}${card_data.background_css}`
tcg_outer.setAttribute("style", styles)
const label = card_data.label.replaceAll('MOONSTONE', 'M. STONE').replaceAll('PROMETHIUM', 'PROM.').replaceAll('WOODEN ARROWS', 'WOOD ARROWS').replaceAll('STINGER ', 'STING ')
clone.querySelector(".tcg-card-title").innerText = label
clone.querySelector(".tcg-card-rarity").innerText = `(${rarity_map[card_data.rarity]})`
clone.querySelector("img").setAttribute("src", `https://cdn.idle-pixel.com/images/${card_data.image}`)
clone.querySelector(".tcg-category-text").innerText = `[${card_data.description_title}]`
if(holo){
tcg_outer.id = `${card.id}_Holo`
clone.querySelector(".tcg-card-type").innerText = " Holo"
clone.querySelector(".tcg-card-inner").classList.add("holo")
clone.querySelector(".tcg_card_zalgo").classList.add("shine")
} else {
tcg_outer.id = `${card.id}_Normal`
clone.querySelector(".tcg-card-type").innerText = " Normal"
clone.querySelector(".tcg_card_zalgo").classList.add("color-red")
}
return clone;
}
create_row_fragment(template, category){
let loadVis = IdlePixelPlus.plugins.tcgDex.getTcgSetting(category.desc);
let rowBGColor = this.row_bg_colours[category.desc];
let rowTextColor = this.row_text_colours[category.desc];
let clone = template.content.cloneNode(true)
let category_div = clone.querySelector(".tcgdex_card_container")
category_div.id = `tcgDex-${category.desc}-Container`
category_div.classList.add(loadVis ? "tcgDex-card-container-open" : "tcgDex-card-container-closed")
let category_inner = clone.querySelector(".tcg_category_container_inner")
category_inner.id = `tcgDex-${category.desc}-Container-Inner`;
category_inner.setAttribute("style", IdlePixelPlus.plugins.tcgDex.getTcgSetting(category.desc) ? "" : "display: none;")
clone.querySelector(".tcgdex_category_label_row").setAttribute("style", `background-color: ${rowBGColor}; color: ${rowTextColor};`)
clone.querySelector(".fas").classList.add(IdlePixelPlus.plugins.tcgDex.getTcgSetting(category.desc) ? "fa-eye-slash" : "fa-eye")
clone.querySelector(".tcgdex_category_label_counts_outer").setAttribute("style", `border-left: 1px solid ${rowTextColor};`)
clone.querySelector(".tcgdex_category_label_total").setAttribute("style", `border-left: 1px solid ${rowTextColor};`)
clone.querySelector(".labelSpan").innerHTML = category.label
category_div.addEventListener("click", (event) => {
const ele = event.currentTarget
const category_inner = ele.querySelector(".tcg_category_container_inner")
const isVisible = getComputedStyle(category_inner).display !== "none"
if (isVisible) {
category_inner.style.display = "none"
ele.querySelector(".fas").classList.remove("fa-eye-slash")
ele.querySelector(".fas").classList.add("fa-eye")
ele.classList.add("tcgDex-card-container-closed")
ele.classList.remove("tcgDex-card-container-open")
} else {
category_inner.style.display = ""
ele.querySelector(".fas").classList.add("fa-eye-slash")
ele.querySelector(".fas").classList.remove("fa-eye")
ele.classList.remove("tcgDex-card-container-closed")
ele.classList.add("tcgDex-card-container-open")
}
IdlePixelPlus.plugins.tcgDex.updateTcgSettings(
category.desc,
!isVisible
);
});
return clone;
}
draw_cards(currentCards, card_type_count){
document.getElementById("tcg-area-context").innerHTML = ""
const template = document.getElementById("tcg_card_template")
let card_container_frag = document.createDocumentFragment()
const {counts, overall_counts} = this.card_counts(currentCards)
card_container_frag.appendChild(this.create_totals_bar_frag(overall_counts))
card_container_frag.appendChild(this.create_new_bar_frag())
IdlePixelPlus.plugins['tcgDex'].draw_card_categories(card_container_frag, counts);
document.getElementById("tcg-area-context").appendChild(card_container_frag)
const category_frags = {}
this.categoriesTCG.forEach((category) => {
category_frags[category.desc] = document.createDocumentFragment();
})
for (const card of Object.keys(card_type_count)) {
const split_idx = card.lastIndexOf("_")
const card_data = {
id: card.slice(0, split_idx),
holo: card.slice(split_idx + 1) === "Holo",
cardNum: 0,
}
const card_fragment = this.create_card_fragment(template, card_data);
const card_category = card_fragment.querySelector(".tcg-card").getAttribute("data-card-cat");
category_frags[card_category].appendChild(card_fragment)
}
for (const [cat, frag] of Object.entries(category_frags)) {
document.getElementById(`tcgDex-${cat}-Container-Inner`).appendChild(frag)
}
}
handle_new_cards(newCards){
newCards.sort((a, b) => b.received_datetime - a.received_datetime);
const new_card_container = document.getElementById("tcgDex-New_Card-Container").querySelector(".tcg_category_container_inner")
new_card_container.innerHTML = "";
const template = document.getElementById("tcg_card_template")
let card_container_frag = document.createDocumentFragment()
for (const card of Object.values(newCards)) {
const card_fragment = this.create_card_fragment(template, card);
card_container_frag.appendChild(card_fragment)
}
new_card_container.appendChild(card_container_frag)
card_container_frag.innerHTML = ""
}
find_new_cards(currentCards){
const new_cards = []
const objectStoreName = `current_cards`;
const transaction = this.db.transaction([objectStoreName], "readwrite");
const objectStore = transaction.objectStore(objectStoreName);
currentCards.forEach((card) => {
const key = [card.id, card.cardNum, card.holo.toString()];
const getRequest = objectStore.get(key);
getRequest.onsuccess = (event) => {
let result = event.target.result;
if (result) {
let now = new Date();
let timeBefore = new Date(now.getTime() - newCardTimer * 60 * 1000);
let receivedDateTime = new Date(result.received_datetime);
if (receivedDateTime > timeBefore) {
new_cards.push({
cardNum: result.cardNum,
id: result.id,
holo: result.holo === "true",
received_datetime: receivedDateTime,
});
}
} else {
const cardData = {
id: card.id.toString(),
cardNum: card.cardNum.toString(),
holo: card.holo.toString(),
received_datetime: new Date().toISOString(),
};
const addRequest = objectStore.add(cardData);
addRequest.onerror = (event) => {
console.error("Error adding new card:", event.target.error);
};
addRequest.onsuccess = (event) => {
};
new_cards.push({
cardNum: card.cardNum,
id: card.id,
holo: card.holo === "true",
received_datetime: new Date(),
});
}
};
getRequest.onerror = (event) => {
console.error("Error fetching card record:", event.target.error);
};
});
return new_cards;
}
parse_card_stream(parts){
const current_cards = []
const card_type_count = {};
for (let i = 0; i < parts.length; i += 3) {
const cardNum = parts[i];
const cardKey = parts[i + 1];
const isHolo = parts[i + 2] === "true";
const idHolo = isHolo ? "Holo" : "Normal";
const countKey = `${cardKey}_${idHolo}`;
const order_key = isHolo? `${cardKey}_h` : cardKey;
const order = this.card_order.get(order_key)
if (order) {
current_cards.push({
id: cardKey,
cardNum: cardNum,
holo: isHolo,
order: order,
});
// Increment the count for the countKey
card_type_count[countKey] = (card_type_count[countKey] ?? 0) + 1
}
}
return {current_cards, card_type_count};
}
onMessageReceived(data) {
if (data.startsWith("REFRESH_TCG")) {
const parts = data.replace("REFRESH_TCG=", "").split("~");
newCardTimer = IdlePixelPlus.plugins.tcgDex.getConfig("newCardTimer");
const {current_cards, card_type_count} = this.parse_card_stream(parts);
current_cards.sort((a, b) => a.order - b.order);
const newCards = this.find_new_cards(current_cards);
void this.identifyAndRemoveAbsentCards(
this.db,
`current_cards`,
current_cards
);
this.draw_cards(current_cards, card_type_count);
setTimeout(() => this.handle_new_cards(newCards), 2000);
void this.checkForAndHandleDuplicates();
const tcgAreaContextElements = document.querySelectorAll('#tcg-area-context > :not(#tcgDex-New_Card-Container) .tcg-card');
// Create a Set to keep track of unique countKeys displayed
const displayedCountKeys = new Set();
// Iterate through the fetched elements
tcgAreaContextElements.forEach(element => {
const countKey = element.id;
if (card_type_count[countKey] && !displayedCountKeys.has(countKey)) {
// Update the element with the dupe count
const dupeCountElement = element.querySelector('#dupe-count');
if (dupeCountElement) {
if (card_type_count[countKey] > 1) {
dupeCountElement.textContent = `x${card_type_count[countKey]}`;
}
}
displayedCountKeys.add(countKey); // Mark this countKey as displayed
} else {
// Hide the element if it's a duplicate
element.style.display = 'none';
}
});
}
}
}
const plugin = new tcgDex();
IdlePixelPlus.registerPlugin(plugin);
})();
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址