Upgrade card DB for dynamic card loads

No ID in cards.csv yet though, so I've hard-coded the dynamic-card-image-loader-and-thumbnailer to Earth C.
Lucheek-IT · Oct 27, 2023 · 823d2d1 · 823d2d1
1 parent 11de953
commit 823d2d1
Show file tree

Hide file tree

Showing 96 changed files with 41 additions and 17 deletions.
diff --git a/src/cards/images/Set1_Chara001.png b/src/cards/images/Set1_Chara001.png
diff --git a/src/cards/images/Set1_Chara002.png b/src/cards/images/Set1_Chara002.png
diff --git a/src/cards/images/Set1_Chara003.png b/src/cards/images/Set1_Chara003.png
diff --git a/src/cards/images/Set1_Chara004.png b/src/cards/images/Set1_Chara004.png
diff --git a/src/cards/images/Set1_Chara005.png b/src/cards/images/Set1_Chara005.png
diff --git a/src/cards/images/Set1_Chara006.png b/src/cards/images/Set1_Chara006.png
diff --git a/src/cards/images/Set1_Chara007.png b/src/cards/images/Set1_Chara007.png
diff --git a/src/cards/images/Set1_Chara008.png b/src/cards/images/Set1_Chara008.png
diff --git a/src/cards/images/Set1_Chara009.png b/src/cards/images/Set1_Chara009.png
diff --git a/src/cards/images/Set1_Chara010.png b/src/cards/images/Set1_Chara010.png
diff --git a/src/cards/images/Set1_Chara011.png b/src/cards/images/Set1_Chara011.png
diff --git a/src/cards/images/Set1_Chara012.png b/src/cards/images/Set1_Chara012.png
diff --git a/src/cards/images/Set1_Chara013.png b/src/cards/images/Set1_Chara013.png
diff --git a/src/cards/images/Set1_Chara014.png b/src/cards/images/Set1_Chara014.png
diff --git a/src/cards/images/Set1_Chara015.png b/src/cards/images/Set1_Chara015.png
diff --git a/src/cards/images/Set1_Chara016.png b/src/cards/images/Set1_Chara016.png
diff --git a/src/cards/images/Set1_Chara017.png b/src/cards/images/Set1_Chara017.png
diff --git a/src/cards/images/Set1_Chara018.png b/src/cards/images/Set1_Chara018.png
diff --git a/src/cards/images/Set1_Chara019.png b/src/cards/images/Set1_Chara019.png
diff --git a/src/cards/images/Set1_Chara020.png b/src/cards/images/Set1_Chara020.png
diff --git a/src/cards/images/Set1_Chara021.png b/src/cards/images/Set1_Chara021.png
diff --git a/src/cards/images/Set1_Chara022.png b/src/cards/images/Set1_Chara022.png
diff --git a/src/cards/images/Set1_Chara023.png b/src/cards/images/Set1_Chara023.png
diff --git a/src/cards/images/Set1_Chara024.png b/src/cards/images/Set1_Chara024.png
diff --git a/src/cards/images/Set1_Chara025.png b/src/cards/images/Set1_Chara025.png
diff --git a/src/cards/images/Set1_Chara026.png b/src/cards/images/Set1_Chara026.png
diff --git a/src/cards/images/Set1_Chara027.png b/src/cards/images/Set1_Chara027.png
diff --git a/src/cards/images/Set1_Chara028.png b/src/cards/images/Set1_Chara028.png
diff --git a/src/cards/images/Set1_Chara029.png b/src/cards/images/Set1_Chara029.png
diff --git a/src/cards/images/Set1_Chara030.png b/src/cards/images/Set1_Chara030.png
diff --git a/src/cards/images/Set1_Chara031.png b/src/cards/images/Set1_Chara031.png
diff --git a/src/cards/images/Set1_Chara032.png b/src/cards/images/Set1_Chara032.png
diff --git a/src/cards/images/Set1_Chara033.png b/src/cards/images/Set1_Chara033.png
diff --git a/src/cards/images/Set1_Chara034.png b/src/cards/images/Set1_Chara034.png
diff --git a/src/cards/images/Set1_Chara035.png b/src/cards/images/Set1_Chara035.png
diff --git a/src/cards/images/Set1_Chara036.png b/src/cards/images/Set1_Chara036.png
diff --git a/src/cards/images/Set1_Chara037.png b/src/cards/images/Set1_Chara037.png
diff --git a/src/cards/images/Set1_Chara038.png b/src/cards/images/Set1_Chara038.png
diff --git a/src/cards/images/Set1_Chara039.png b/src/cards/images/Set1_Chara039.png
diff --git a/src/cards/images/Set1_Chara040.png b/src/cards/images/Set1_Chara040.png
diff --git a/src/cards/images/Set1_Chara041.png b/src/cards/images/Set1_Chara041.png
diff --git a/src/cards/images/Set1_Chara042.png b/src/cards/images/Set1_Chara042.png
diff --git a/src/cards/images/Set1_Chara043.png b/src/cards/images/Set1_Chara043.png
diff --git a/src/cards/images/Set1_Chara044.png b/src/cards/images/Set1_Chara044.png
diff --git a/src/cards/images/Set1_Chara045.png b/src/cards/images/Set1_Chara045.png
diff --git a/src/cards/images/Set1_Chara046.png b/src/cards/images/Set1_Chara046.png
diff --git a/src/cards/images/Set1_Chara047.png b/src/cards/images/Set1_Chara047.png
diff --git a/src/cards/images/Set1_Chara048.png b/src/cards/images/Set1_Chara048.png
diff --git a/src/cards/images/Set1_Chara049.png b/src/cards/images/Set1_Chara049.png
diff --git a/src/cards/images/Set1_Exc001.png b/src/cards/images/Set1_Exc001.png
diff --git a/src/cards/images/Set1_Exc002.png b/src/cards/images/Set1_Exc002.png
diff --git a/src/cards/images/Set1_Exc003.png b/src/cards/images/Set1_Exc003.png
diff --git a/src/cards/images/Set1_Exc004.png b/src/cards/images/Set1_Exc004.png
diff --git a/src/cards/images/Set1_Exc005.png b/src/cards/images/Set1_Exc005.png
diff --git a/src/cards/images/Set1_Exc006.png b/src/cards/images/Set1_Exc006.png
diff --git a/src/cards/images/Set1_Exc007.png b/src/cards/images/Set1_Exc007.png
diff --git a/src/cards/images/Set1_Exc008.png b/src/cards/images/Set1_Exc008.png
diff --git a/src/cards/images/Set1_Exc009.png b/src/cards/images/Set1_Exc009.png
diff --git a/src/cards/images/Set1_Exc010.png b/src/cards/images/Set1_Exc010.png
diff --git a/src/cards/images/Set1_Exc011.png b/src/cards/images/Set1_Exc011.png
diff --git a/src/cards/images/Set1_Exc012.png b/src/cards/images/Set1_Exc012.png
diff --git a/src/cards/images/Set1_Exc013.png b/src/cards/images/Set1_Exc013.png
diff --git a/src/cards/images/Set1_Exc014.png b/src/cards/images/Set1_Exc014.png
diff --git a/src/cards/images/Set1_Exc015.png b/src/cards/images/Set1_Exc015.png
diff --git a/src/cards/images/Set1_Exc016.png b/src/cards/images/Set1_Exc016.png
diff --git a/src/cards/images/Set1_Exc017.png b/src/cards/images/Set1_Exc017.png
diff --git a/src/cards/images/Set1_Exc018.png b/src/cards/images/Set1_Exc018.png
diff --git a/src/cards/images/Set1_Exc019.png b/src/cards/images/Set1_Exc019.png
diff --git a/src/cards/images/Set1_Exc020.png b/src/cards/images/Set1_Exc020.png
diff --git a/src/cards/images/Set1_Exc021.png b/src/cards/images/Set1_Exc021.png
diff --git a/src/cards/images/Set1_Exc022.png b/src/cards/images/Set1_Exc022.png
diff --git a/src/cards/images/Set1_Inv001.png b/src/cards/images/Set1_Inv001.png
diff --git a/src/cards/images/Set1_Inv002.png b/src/cards/images/Set1_Inv002.png
diff --git a/src/cards/images/Set1_Inv003.png b/src/cards/images/Set1_Inv003.png
diff --git a/src/cards/images/Set1_Inv004.png b/src/cards/images/Set1_Inv004.png
diff --git a/src/cards/images/Set1_Inv005.png b/src/cards/images/Set1_Inv005.png
diff --git a/src/cards/images/Set1_Inv006.png b/src/cards/images/Set1_Inv006.png
diff --git a/src/cards/images/Set1_Inv007.png b/src/cards/images/Set1_Inv007.png
diff --git a/src/cards/images/Set1_Inv008.png b/src/cards/images/Set1_Inv008.png
diff --git a/src/cards/images/Set1_Inv009.png b/src/cards/images/Set1_Inv009.png
diff --git a/src/cards/images/Set1_Inv010.png b/src/cards/images/Set1_Inv010.png
diff --git a/src/cards/images/Set1_Inv011.png b/src/cards/images/Set1_Inv011.png
diff --git a/src/cards/images/Set1_Inv012.png b/src/cards/images/Set1_Inv012.png
diff --git a/src/cards/images/Set1_Inv013.png b/src/cards/images/Set1_Inv013.png
diff --git a/src/cards/images/Set1_Inv014.png b/src/cards/images/Set1_Inv014.png
diff --git a/src/cards/images/Set1_Inv015.png b/src/cards/images/Set1_Inv015.png
diff --git a/src/cards/images/Set1_Inv016.png b/src/cards/images/Set1_Inv016.png
diff --git a/src/cards/images/Set1_Inv017.png b/src/cards/images/Set1_Inv017.png
diff --git a/src/cards/images/Set1_Inv018.png b/src/cards/images/Set1_Inv018.png
diff --git a/src/cards/images/Set1_Inv019.png b/src/cards/images/Set1_Inv019.png
diff --git a/src/cards/images/Set1_Planet1.png b/src/cards/images/Set1_Planet1.png
diff --git a/src/cards/images/Set1_Planet1b.png b/src/cards/images/Set1_Planet1b.png
diff --git a/src/cards/images/Set1_Planet2.png b/src/cards/images/Set1_Planet2.png
diff --git a/src/cards/images/Set1_Planet2b.png b/src/cards/images/Set1_Planet2b.png
diff --git a/src/components/CardRow.astro b/src/components/CardRow.astro
@@ -1,5 +1,11 @@
 ---
+import { Image } from 'astro:assets';
+import { getImage } from "astro:assets";
+
 interface Props {
+    artCollection: {
+        [propName: string]: object;
+    };
     card: {
         TITLE: string;
         SUBTITLE: string;
@@ -17,22 +23,27 @@ interface Props {
     };
 }
 
-/**
-    TITLE: 'NO MERCY',
-    SUBTITLE: 'what is grief',
-    POWER: '',
-    ENTER: '2g',
-    TAGS: '',
-    'MAIN TEXT': '~ATH: your own chracter card. Execute: Gain 4 Grist.',
-    FLAVOR: '',
-    ART: '',
-    CREDIT: '',
-    STAR: '2',
-    AMOUNT: '1',
-    TEMPLATE: 'C:\\Users\\luche\\Documents\\Writing\\Games\\Homestuck ATCG\\nanDeck\\ND_ExecuteTemplate.png'
-*/
+const { card, artCollection } = Astro.props;
+
+// For now, pretend we have this. It'll be available in the new revision of the export sheet.
+const cardIdentifier = 'Set1_Planet2';
+
+// Most cards have 1, but planets have 2, so we're using an array to deal with em.
+let cardArt = [
+    artCollection[`${cardIdentifier}.png`],
+    artCollection[`${cardIdentifier}b.png`],
+];
+
+cardArt = await Promise.all(
+    cardArt.map(async (art) => {
+        const publicImage = await getImage({src: art});
 
-const { card } = Astro.props;
+        return {
+            asset: art,
+            public: publicImage,
+        };
+    })
+);
 ---
 <tr>
     <td>{card.TITLE}</td>
@@ -44,7 +55,11 @@ const { card } = Astro.props;
     <td>{card['MAIN TEXT']}</td>
     <td>{card.FLAVOR}</td>
     <td>{card.CREDIT}</td>
-    <td>[img]</td>
+    <td>
+        <div class="flex flex-row">
+            { cardArt.map((image) => <a class="ml-4" href={ image.public.src } target="_blank"><Image src={ image.asset } width="34" height="48" alt="Card {card.TITLE}"/></a>) }
+        </div>
+    </td>
     <td>001 The Opening Note</td>
     <td>XXX-Y</td>
 </tr>
diff --git a/src/pages/Cards.astro b/src/pages/Cards.astro
@@ -9,6 +9,15 @@ const cards = parse(cardCsv, {
     columns: true,
     skip_empty_lines: true
 });
+
+const cardArt = await Astro.glob('../cards/images/*.png');
+
+const fileNameExtractor = /\/src\/cards\/images\/(.*)\?/;
+const artCollection = Object.fromEntries(cardArt.map((art) => {
+    const imageName = art.default.src.match(fileNameExtractor)[1];
+
+    return [imageName, art.default];
+}));
 ---
 <SiteLayout title="Card Database" wide=true>
     <h1 class="sr-only">Cards</h1>
@@ -31,7 +40,7 @@ const cards = parse(cardCsv, {
             </tr>
             </thead>
             <tbody>
-                { cards.map((card) => <CardRow card={card} />) }
+                { cards.map((card) => <CardRow card={card} artCollection={artCollection} />) }
             </tbody>
         </table>
     </div>