services/mtg-online-drafter
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added icons to the preview

Browse Source
This commit is contained in:
Daniele Viti
2025-12-22 18:31:48 +01:00
parent 5dbfd006c2
commit f335b33cf9
2 changed files with 29 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/client/dev-dist/sw.js
View File

@@ -82,7 +82,7 @@ define(['./workbox-5a5d9309'], (function (workbox) { 'use strict';
"revision": "3ca0b8505b4bec776b69afdba2768812" "revision": "3ca0b8505b4bec776b69afdba2768812"
}, { }, {
"url": "index.html", "url": "index.html",
"revision": "0.inrr5fp7a9" "revision": "0.gg4oatbh7is"
}], {}); }], {});
workbox.cleanupOutdatedCaches(); workbox.cleanupOutdatedCaches();
workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), { workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {

43
src/client/src/modules/game/CardComponent.tsx
View File

@@ -29,26 +29,39 @@ export const CardComponent: React.FC<CardComponentProps> = ({ card, onDragStart,
return () => unregisterCard(card.instanceId); return () => unregisterCard(card.instanceId);
}, [card.instanceId]); }, [card.instanceId]);
// Robustly resolve Art Crop // Robustly resolve Image Source based on viewMode
let imageSrc = card.imageUrl; let imageSrc = card.imageUrl;
if (card.image_uris) { if (viewMode === 'cutout') {
if (viewMode === 'cutout' && card.image_uris.crop) { // Priority 1: Local Cache (standard naming convention) - PREFERRED BY USER
imageSrc = card.image_uris.crop; if (card.definition?.set && card.definition?.id) {
} else if (card.image_uris.normal) {
imageSrc = card.image_uris.normal;
}
} else if (card.definition && card.definition.set && card.definition.id) {
if (viewMode === 'cutout') {
imageSrc = `/cards/images/${card.definition.set}/crop/${card.definition.id}.jpg`; imageSrc = `/cards/images/${card.definition.set}/crop/${card.definition.id}.jpg`;
} else { }
// Priority 2: Direct Image URIs (if available) - Fallback
else if (card.image_uris?.art_crop || card.image_uris?.crop) {
imageSrc = card.image_uris.art_crop || card.image_uris.crop!;
}
// Priority 3: Deep Definition Data
else if (card.definition?.image_uris?.art_crop) {
imageSrc = card.definition.image_uris.art_crop;
}
else if (card.definition?.card_faces?.[0]?.image_uris?.art_crop) {
imageSrc = card.definition.card_faces[0].image_uris.art_crop;
}
// Fallback: If no crop found, imageSrc remains card.imageUrl (likely full)
} else {
// Normal / Full View
// Priority 1: Local Cache (standard naming convention) - PREFERRED
if (card.definition?.set && card.definition?.id) {
// Check if we want standard full image path
imageSrc = `/cards/images/${card.definition.set}/full/${card.definition.id}.jpg`; imageSrc = `/cards/images/${card.definition.set}/full/${card.definition.id}.jpg`;
} }
} else if (viewMode === 'cutout' && card.definition) { // Priority 2: Direct Image URIs
if (card.definition.image_uris?.art_crop) { else if (card.image_uris?.normal) {
imageSrc = card.definition.image_uris.art_crop; imageSrc = card.image_uris.normal;
} else if (card.definition.card_faces?.[0]?.image_uris?.art_crop) { }
imageSrc = card.definition.card_faces[0].image_uris.art_crop; else if (card.definition?.image_uris?.normal) {
imageSrc = card.definition.image_uris.normal;
} }
} }