silphscope 1.2.2 → 1.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "silphscope",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "description": "A firered/leafgreen ROM asset extractor for use in web applications",
   "main": "main.js",
   "exports": {

package/src/graphics/graphics-extractor-main.js

@@ -95,13 +95,17 @@ export async function renderAllTrainers(rom, options = {}) {
     const {
         assets: providedAssets = assets,
         trainers: providedTrainers = trainers,
+        trainerBackPics = true,
         outputDir = "./out",
     } = options;
 
     fs.mkdirSync(outputDir, { recursive: true });
 
     for (const trainerName of Object.keys(providedTrainers)) {
-        await renderTrainer(trainerName, providedTrainers, providedAssets, rom, { outputDir });
+        await renderTrainer(trainerName, providedTrainers, providedAssets, rom, {
+            trainerBackPics, 
+            outputDir 
+        });
         console.log(`Done: ${trainerName}`);
     }
 }
@@ -129,6 +133,7 @@ export async function renderAllGraphics(rom, options = {}) { // eventually I wil
 
     await renderAllTrainers(rom, {
         outputDir: outputTrainerDir,
+        trainerBackPics: true,
     });
 }
 

package/src/graphics/trainers/render-trainer-back-pics.js

@@ -0,0 +1,75 @@
+// Copyright (c) 2026 chickenPoo
+// Licensed under the MIT License. See LICENSE file in project root.
+
+import { PNG } from "pngjs";
+import fs from "fs";
+import { extract } from "../extract.js";
+import { render4bppImage } from "../render-4bpp-image.js";
+
+const streamToBuffer = (stream) => new Promise((resolve, reject) => {
+    const chunks = [];
+    stream.on("data", chunk => chunks.push(chunk));
+    stream.on("end", () => resolve(Buffer.concat(chunks)));
+    stream.on("error", reject);
+});
+
+export async function renderTrainerBackPic(trainerName, trainers, assets, rom, options = {}) {
+    const { outputDir = null } = options;
+
+    if (!rom || !(rom instanceof Uint8Array || Buffer.isBuffer(rom))) {
+        throw new TypeError("renderTrainerBackPic(..., rom) requires a ROM Buffer/Uint8Array");
+    }
+
+    const trainer = trainers[trainerName];
+    if (!trainer) {
+        throw new Error(`Missing trainer entry for ${trainerName}`);
+    }
+
+    if (trainerName !== "OLDMAN" &&
+        trainerName !== "POKEDUDE" &&
+        trainerName !== "RS_BRENDAN_1" &&
+        trainerName !== "RS_BRENDAN_2" &&
+        trainerName !== "RS_MAY_1" &&
+        trainerName !== "RS_MAY_2" && // I wonder if there is a more compact way to write this without using a array and `.includes` 
+        trainerName !== "RED" &&
+        trainerName !== "LEAF"
+    ) {
+        return;
+    }
+
+    const trainerBackPic = assets.find(a => a.name === trainer.BackPic);
+    const trainerBackPal = assets.find(a => a.name === trainer.BackPal);
+    if (!trainerBackPic || !trainerBackPal) {
+        throw new Error(`Missing assets for: ${trainerName}`);
+    }
+
+    const trainerBackImageData = extract(trainerBackPic, rom);
+    const rawTrainerBackPalData = extract(trainerBackPal, rom);
+    const width = 64;
+    let height;
+    if (trainer === "RED" || trainer === "LEAF") {
+        height = 320;
+    } else {
+        height = 256;
+    }
+
+    const image = render4bppImage({
+        tileData: trainerBackImageData.data,
+        paletteData: rawTrainerBackPalData.data,
+        width,
+        height,
+    });
+
+    const png = new PNG({ width, height });
+    png.data = image;
+    const pngBuffer = await streamToBuffer(png.pack());
+
+    if (outputDir) {
+        const dir = `${outputDir}/${trainerName}`;
+        if (!fs.existsSync(dir)) fs.mkdirSync(dir, { recursive: true });
+        const fileName = `${dir}/trainer_back.png`;
+        fs.writeFileSync(fileName, pngBuffer);
+    }
+
+    return pngBuffer;
+}

package/src/graphics/trainers/render-trainers.js

@@ -5,6 +5,7 @@ import { extract } from "../extract.js";
 import { render4bppImage } from "../render-4bpp-image.js";
 import { PNG } from "pngjs";
 import fs from "fs";
+import { renderTrainerBackPic } from "./render-trainer-back-pics.js";
 
 const streamToBuffer = (stream) => new Promise((resolve, reject) => {
     const chunks = [];
@@ -14,7 +15,10 @@ const streamToBuffer = (stream) => new Promise((resolve, reject) => {
 });
 
 export async function renderTrainer(trainerName, trainers, assets, rom, options = {}) {
-    const { outputDir = null } = options;
+    const {
+        trainerBackPics = false,
+        outputDir = null,
+    } = options;
     if (!rom || !(rom instanceof Uint8Array || Buffer.isBuffer(rom))) {
         throw new TypeError("renderTrainer(..., rom) requires a ROM Buffer/Uint8Array");
     }
@@ -23,7 +27,12 @@ export async function renderTrainer(trainerName, trainers, assets, rom, options
     if (!trainer) {
         throw new Error(`Missing Trainer: ${trainerName}`);
     }
-
+    if (trainerBackPics) {
+        renderTrainerBackPic(trainerName, trainers, assets, rom, { outputDir });
+    }
+    if (trainerName === "OLDMAN" || trainerName === "POKEDUDE") {
+        return;
+    }
     const trainerPal = assets.find(a => a.name === trainer.Palette);
     const trainerPic = assets.find(a => a.name === trainer.Pic);
 

package/trainer-data/trainerData.json

@@ -225,11 +225,15 @@
   },
   "RS_BRENDAN_1": {
     "Pic": "gTrainerFrontPic_RSBrendan1",
-    "Palette": "gTrainerPalette_RSBrendan1"
+    "Palette": "gTrainerPalette_RSBrendan1",
+    "BackPic": "gTrainerBackPic_RSBrendan",
+    "BackPal": "gTrainerPalette_RSBrendan1"
   },
   "RS_MAY_1": {
     "Pic": "gTrainerFrontPic_RSMay1",
-    "Palette": "gTrainerPalette_RSMay1"
+    "Palette": "gTrainerPalette_RSMay1",
+    "BackPic": "gTrainerBackPic_RSMay",
+    "BackPal": "gTrainerPalette_RSMay1"
   },
   "RS_POKEMON_BREEDER_M": {
     "Pic": "gTrainerFrontPic_RSPokemonBreederM",
@@ -533,19 +537,27 @@
   },
   "RS_BRENDAN_2": {
     "Pic": "gTrainerFrontPic_RSBrendan2",
-    "Palette": "gTrainerPalette_RSBrendan2"
+    "Palette": "gTrainerPalette_RSBrendan2",
+    "BackPic": "gTrainerBackPic_RSBrendan",
+    "BackPal": "gTrainerPalette_RSBrendan2"
   },
   "RS_MAY_2": {
     "Pic": "gTrainerFrontPic_RSMay2",
-    "Palette": "gTrainerPalette_RSMay2"
+    "Palette": "gTrainerPalette_RSMay2",
+    "BackPic": "gTrainerBackPic_RSMay",
+    "BackPal": "gTrainerPalette_RSMay2"
   },
   "RED": {
     "Pic": "gTrainerFrontPic_Red",
-    "Palette": "gTrainerPalette_Red"
+    "Palette": "gTrainerPalette_Red",
+    "BackPic": "gTrainerBackPic_Red",
+    "BackPal": "gTrainerPalette_RedBackPic"
   },
   "LEAF": {
     "Pic": "gTrainerFrontPic_Leaf",
-    "Palette": "gTrainerPalette_Leaf"
+    "Palette": "gTrainerPalette_Leaf",
+    "BackPic": "gTrainerBackPic_Leaf",
+    "BackPal": "gTrainerPalette_LeafBackPic"
   },
   "ROCKET_GRUNT_F": {
     "Pic": "gTrainerFrontPic_RocketGruntF",
@@ -590,5 +602,13 @@
   "PAINTER": {
     "Pic": "gTrainerFrontPic_Painter",
     "Palette": "gTrainerPalette_Painter"
+  },
+  "POKEDUDE": {
+    "BackPic": "gTrainerBackPic_Pokedude",
+    "BackPal": "gTrainerPalette_PokedudeBackPic"
+  },
+  "OLDMAN": {
+    "BackPic": "gTrainerBackPic_OldMan",
+    "BackPal": "gTrainerPalette_OldManBackPic"
   }
 }