@shipload/item-renderer 0.2.2 → 0.2.3

package/test/templates-packed-entity.test.ts

@@ -1,47 +1,47 @@
-import { expect, test } from 'bun:test'
-import { resolveItem } from '@shipload/sdk'
-import { renderPackedEntity } from '../src/templates/packed-entity.ts'
-import { FIXTURES } from './fixtures/cargo-items.ts'
+import { expect, test } from "bun:test";
+import { resolveItem } from "@shipload/sdk";
+import { renderPackedEntity } from "../src/templates/packed-entity.ts";
+import { FIXTURES } from "./fixtures/cargo-items.ts";
 
-test('renders Ship with hull attributes and two modules', () => {
-  const item = FIXTURES.shipT1TwoModules
-  const resolved = resolveItem(item.item_id, item.stats, item.modules)
-  const svg = renderPackedEntity(item, resolved)
-  expect(svg).toContain('Ship (Packed)')
-  expect(svg).toContain('HULL')
-  expect(svg).toContain('Mass')
-  expect(svg).toContain('Capacity')
-  expect(svg).toContain('Engine')
-  expect(svg).toContain('Generator')
-})
+test("renders Ship with hull attributes and two modules", () => {
+  const item = FIXTURES.shipT1TwoModules;
+  const resolved = resolveItem(item.item_id, item.stats, item.modules);
+  const svg = renderPackedEntity(item, resolved);
+  expect(svg).toContain("Ship (Packed)");
+  expect(svg).toContain("HULL");
+  expect(svg).toContain("Mass");
+  expect(svg).toContain("Capacity");
+  expect(svg).toContain("Engine");
+  expect(svg).toContain("Generator");
+});
 
-test('renders empty-module rows when slots are unfilled', () => {
-  const item = FIXTURES.shipT1NoModules
-  const resolved = resolveItem(item.item_id, item.stats, item.modules)
-  const svg = renderPackedEntity(item, resolved)
-  expect(svg.match(/Empty module/g)?.length ?? 0).toBeGreaterThanOrEqual(1)
-})
+test("renders empty-module rows when slots are unfilled", () => {
+  const item = FIXTURES.shipT1NoModules;
+  const resolved = resolveItem(item.item_id, item.stats, item.modules);
+  const svg = renderPackedEntity(item, resolved);
+  expect(svg.match(/Empty module/g)?.length ?? 0).toBeGreaterThanOrEqual(1);
+});
 
-test('matches the committed Ship T1 (two modules) snapshot', async () => {
-  const item = FIXTURES.shipT1TwoModules
-  const resolved = resolveItem(item.item_id, item.stats, item.modules)
-  const svg = renderPackedEntity(item, resolved)
-  expect(svg).toMatchSnapshot('packed-entity-ship-t1-two-modules.svg')
-})
+test("matches the committed Ship T1 (two modules) snapshot", async () => {
+  const item = FIXTURES.shipT1TwoModules;
+  const resolved = resolveItem(item.item_id, item.stats, item.modules);
+  const svg = renderPackedEntity(item, resolved);
+  expect(svg).toMatchSnapshot("packed-entity-ship-t1-two-modules.svg");
+});
 
-test('matches the committed Ship T1 (only engine) snapshot', async () => {
-  const item = FIXTURES.shipT1OnlyEngine
-  const resolved = resolveItem(item.item_id, item.stats, item.modules)
-  const svg = renderPackedEntity(item, resolved)
-  expect(svg).toMatchSnapshot('packed-entity-ship-t1-only-engine.svg')
-})
+test("matches the committed Ship T1 (only engine) snapshot", async () => {
+  const item = FIXTURES.shipT1OnlyEngine;
+  const resolved = resolveItem(item.item_id, item.stats, item.modules);
+  const svg = renderPackedEntity(item, resolved);
+  expect(svg).toMatchSnapshot("packed-entity-ship-t1-only-engine.svg");
+});
 
-test('ship with two modules renders SDK-sourced narrative descriptions', () => {
-  const item = FIXTURES.shipT1TwoModules
-  const resolved = resolveItem(item.item_id, item.stats, item.modules)
-  const svg = renderPackedEntity(item, resolved)
-  expect(svg).toContain('Engine: ')
-  expect(svg).toContain('generates')
-  expect(svg).toContain('Generator: ')
-  expect(svg).toContain('holds')
-})
+test("ship with two modules renders SDK-sourced narrative descriptions", () => {
+  const item = FIXTURES.shipT1TwoModules;
+  const resolved = resolveItem(item.item_id, item.stats, item.modules);
+  const svg = renderPackedEntity(item, resolved);
+  expect(svg).toContain("Engine: ");
+  expect(svg).toContain("generates");
+  expect(svg).toContain("Generator: ");
+  expect(svg).toContain("holds");
+});

package/test/templates-resource.test.ts

@@ -1,71 +1,71 @@
-import { expect, test } from 'bun:test'
-import { resolveItem, getStatDefinitions } from '@shipload/sdk'
-import { renderResource } from '../src/templates/resource.ts'
-import { FIXTURES } from './fixtures/cargo-items.ts'
+import { expect, test } from "bun:test";
+import { resolveItem, getStatDefinitions } from "@shipload/sdk";
+import { renderResource } from "../src/templates/resource.ts";
+import { FIXTURES } from "./fixtures/cargo-items.ts";
 
-test('renders Crude Ore with category, mass, and three stat bars', () => {
-  const item = FIXTURES.oreT1
-  const resolved = resolveItem(item.item_id, item.stats, item.modules)
-  const svg = renderResource(item, resolved)
-  expect(svg).toContain('Crude Ore')
-  expect(svg).toContain('Ore') // category label
-  expect(svg).toContain('30,000') // mass
-  expect(svg).toContain('STR') // strength abbreviation
-  expect(svg).toContain('TOL')
-  expect(svg).toContain('DEN')
-})
+test("renders Crude Ore with category, mass, and three stat bars", () => {
+  const item = FIXTURES.oreT1;
+  const resolved = resolveItem(item.item_id, item.stats, item.modules);
+  const svg = renderResource(item, resolved);
+  expect(svg).toContain("Crude Ore");
+  expect(svg).toContain("Ore"); // category label
+  expect(svg).toContain("30,000"); // mass
+  expect(svg).toContain("STR"); // strength abbreviation
+  expect(svg).toContain("TOL");
+  expect(svg).toContain("DEN");
+});
 
-test('renders quantity badge when stack > 1', () => {
-  const item = FIXTURES.oreT1StackOf50
-  const resolved = resolveItem(item.item_id, item.stats, item.modules)
-  const svg = renderResource(item, resolved)
-  expect(svg).toContain('×50')
-})
+test("renders quantity badge when stack > 1", () => {
+  const item = FIXTURES.oreT1StackOf50;
+  const resolved = resolveItem(item.item_id, item.stats, item.modules);
+  const svg = renderResource(item, resolved);
+  expect(svg).toContain("×50");
+});
 
-test('does not render quantity badge when stack == 1', () => {
-  const item = FIXTURES.oreT1
-  const resolved = resolveItem(item.item_id, item.stats, item.modules)
-  const svg = renderResource(item, resolved)
-  expect(svg).not.toContain('×')
-})
+test("does not render quantity badge when stack == 1", () => {
+  const item = FIXTURES.oreT1;
+  const resolved = resolveItem(item.item_id, item.stats, item.modules);
+  const svg = renderResource(item, resolved);
+  expect(svg).not.toContain("×");
+});
 
-test('matches the committed Crude Ore snapshot', async () => {
-  const item = FIXTURES.oreT1
-  const resolved = resolveItem(item.item_id, item.stats, item.modules)
-  const svg = renderResource(item, resolved)
-  expect(svg).toMatchSnapshot('resource-ore-t1.svg')
-})
+test("matches the committed Crude Ore snapshot", async () => {
+  const item = FIXTURES.oreT1;
+  const resolved = resolveItem(item.item_id, item.stats, item.modules);
+  const svg = renderResource(item, resolved);
+  expect(svg).toMatchSnapshot("resource-ore-t1.svg");
+});
 
-test('matches the committed Dense Gas snapshot', async () => {
-  const item = FIXTURES.gasT2
-  const resolved = resolveItem(item.item_id, item.stats, item.modules)
-  const svg = renderResource(item, resolved)
-  expect(svg).toMatchSnapshot('resource-gas-t2.svg')
-})
+test("matches the committed Dense Gas snapshot", async () => {
+  const item = FIXTURES.gasT2;
+  const resolved = resolveItem(item.item_id, item.stats, item.modules);
+  const svg = renderResource(item, resolved);
+  expect(svg).toMatchSnapshot("resource-gas-t2.svg");
+});
 
-test('renderResource ranges mode shows stat abbreviations with no values', () => {
-  const item = FIXTURES.oreT1
-  const resolved = resolveItem(item.item_id)
-  const svg = renderResource(item, resolved, { mode: 'ranges' })
-  const defs = getStatDefinitions(resolved.category!)
+test("renderResource ranges mode shows stat abbreviations with no values", () => {
+  const item = FIXTURES.oreT1;
+  const resolved = resolveItem(item.item_id);
+  const svg = renderResource(item, resolved, { mode: "ranges" });
+  const defs = getStatDefinitions(resolved.category!);
   for (const def of defs) {
-    expect(svg).toContain(def.abbreviation)
+    expect(svg).toContain(def.abbreviation);
   }
-  expect(svg).not.toMatch(/>\d{3}<\/text>/)
-  expect(svg).toContain('Category')
-  expect(svg).toContain('Mass')
-})
+  expect(svg).not.toMatch(/>\d{3}<\/text>/);
+  expect(svg).toContain("Category");
+  expect(svg).toContain("Mass");
+});
 
-test('renderResource values mode (default) still shows concrete numbers', () => {
-  const item = FIXTURES.oreT1
-  const resolved = resolveItem(item.item_id, item.stats)
-  const svg = renderResource(item, resolved)
-  expect(svg).toMatch(/>\d+<\/text>/)
-})
+test("renderResource values mode (default) still shows concrete numbers", () => {
+  const item = FIXTURES.oreT1;
+  const resolved = resolveItem(item.item_id, item.stats);
+  const svg = renderResource(item, resolved);
+  expect(svg).toMatch(/>\d+<\/text>/);
+});
 
-test('renderResource ranges mode matches snapshot', () => {
-  const item = FIXTURES.oreT1
-  const resolved = resolveItem(item.item_id)
-  const svg = renderResource(item, resolved, { mode: 'ranges' })
-  expect(svg).toMatchSnapshot('resource-ranges')
-})
+test("renderResource ranges mode matches snapshot", () => {
+  const item = FIXTURES.oreT1;
+  const resolved = resolveItem(item.item_id);
+  const svg = renderResource(item, resolved, { mode: "ranges" });
+  expect(svg).toMatchSnapshot("resource-ranges");
+});

package/test/templates-ship-panel.test.ts

@@ -1,87 +1,91 @@
-import { test, expect } from 'bun:test'
-import { renderShipPanel } from '../src/templates/ship-panel.ts'
+import { test, expect } from "bun:test";
+import { renderShipPanel } from "../src/templates/ship-panel.ts";
 
-test('renderShipPanel with empty slots renders empty module rows', () => {
+test("renderShipPanel with empty slots renders empty module rows", () => {
   const svg = renderShipPanel({
-    name: 'Ship T1 (Packed)',
+    name: "Ship T1 (Packed)",
     tier: 1,
-    attributes: [{
-      capability: 'Hull',
-      attributes: [
-        { label: 'Mass', value: 100 },
-        { label: 'Capacity', value: 5000 },
-      ],
-    }],
-    slots: [
-      { installed: false },
-      { installed: false },
-      { installed: false },
+    attributes: [
+      {
+        capability: "Hull",
+        attributes: [
+          { label: "Mass", value: 100 },
+          { label: "Capacity", value: 5000 },
+        ],
+      },
     ],
-  })
-  expect(svg).toContain('Ship T1 (Packed)')
-  expect(svg).toContain('HULL')
-  expect(svg).toContain('Mass')
-  expect(svg).toContain('Capacity')
-  expect((svg.match(/Empty module/g) ?? []).length).toBe(3)
-})
+    slots: [{ installed: false }, { installed: false }, { installed: false }],
+  });
+  expect(svg).toContain("Ship T1 (Packed)");
+  expect(svg).toContain("HULL");
+  expect(svg).toContain("Mass");
+  expect(svg).toContain("Capacity");
+  expect((svg.match(/Empty module/g) ?? []).length).toBe(3);
+});
 
-test('renderShipPanel with installed slots + string descriptions', () => {
+test("renderShipPanel with installed slots + string descriptions", () => {
   const svg = renderShipPanel({
-    name: 'Ship T1 (Packed)',
+    name: "Ship T1 (Packed)",
     tier: 1,
-    attributes: [{
-      capability: 'Hull',
-      attributes: [{ label: 'Mass', value: 100 }],
-    }],
+    attributes: [
+      {
+        capability: "Hull",
+        attributes: [{ label: "Mass", value: 100 }],
+      },
+    ],
     slots: [
-      { name: 'Engine', installed: true, description: 'generates 500 thrust for travel' },
-      { name: 'Generator', installed: true, description: 'holds 1000 energy' },
+      { name: "Engine", installed: true, description: "generates 500 thrust for travel" },
+      { name: "Generator", installed: true, description: "holds 1000 energy" },
     ],
-  })
-  expect(svg).toContain('Engine:')
-  expect(svg).toContain('generates 500 thrust')
-  expect(svg).toContain('Generator:')
-  expect(svg).toContain('holds 1000 energy')
-})
+  });
+  expect(svg).toContain("Engine:");
+  expect(svg).toContain("generates 500 thrust");
+  expect(svg).toContain("Generator:");
+  expect(svg).toContain("holds 1000 energy");
+});
 
-test('renderShipPanel with TextSpan[] descriptions preserves highlights', () => {
+test("renderShipPanel with TextSpan[] descriptions preserves highlights", () => {
   const svg = renderShipPanel({
-    name: 'Ship T1 (Packed)',
+    name: "Ship T1 (Packed)",
     tier: 1,
-    attributes: [{
-      capability: 'Hull',
-      attributes: [{ label: 'Mass', value: 100 }],
-    }],
+    attributes: [
+      {
+        capability: "Hull",
+        attributes: [{ label: "Mass", value: 100 }],
+      },
+    ],
     slots: [
       {
-        name: 'Engine',
+        name: "Engine",
         installed: true,
         description: [
-          { text: 'generates ' },
-          { text: '700', highlight: true },
-          { text: ' thrust for travel' },
+          { text: "generates " },
+          { text: "700", highlight: true },
+          { text: " thrust for travel" },
         ],
       },
     ],
-  })
-  expect(svg).toContain('>700<')
-  expect(svg).toContain('generates')
-})
+  });
+  expect(svg).toContain(">700<");
+  expect(svg).toContain("generates");
+});
 
-test('renderShipPanel mixed slots (installed + empty)', () => {
+test("renderShipPanel mixed slots (installed + empty)", () => {
   const svg = renderShipPanel({
-    name: 'Ship T1 (Packed)',
+    name: "Ship T1 (Packed)",
     tier: 1,
-    attributes: [{
-      capability: 'Hull',
-      attributes: [{ label: 'Mass', value: 100 }],
-    }],
+    attributes: [
+      {
+        capability: "Hull",
+        attributes: [{ label: "Mass", value: 100 }],
+      },
+    ],
     slots: [
-      { name: 'Engine', installed: true, description: 'generates 500 thrust' },
+      { name: "Engine", installed: true, description: "generates 500 thrust" },
       { installed: false },
       { installed: false },
     ],
-  })
-  expect(svg).toContain('Engine:')
-  expect((svg.match(/Empty module/g) ?? []).length).toBe(2)
-})
+  });
+  expect(svg).toContain("Engine:");
+  expect((svg.match(/Empty module/g) ?? []).length).toBe(2);
+});

package/test/tokens.test.ts

@@ -1,32 +1,34 @@
-import { expect, test } from 'bun:test'
-import { tierColors as sdkTierColors } from '@shipload/sdk'
-import { tokens } from '../src/tokens/index.ts'
+import { expect, test } from "bun:test";
+import { tierColors as sdkTierColors } from "@shipload/sdk";
+import { tokens } from "../src/tokens/index.ts";
 
-test('colors include all resource categories', () => {
-  for (const cat of ['ore', 'crystal', 'gas', 'regolith', 'biomass']) {
-    expect(tokens.colors.category).toHaveProperty(cat)
-    expect(tokens.colors.category[cat as keyof typeof tokens.colors.category]).toMatch(/^#[0-9a-f]{6}$/i)
+test("colors include all resource categories", () => {
+  for (const cat of ["ore", "crystal", "gas", "regolith", "biomass"]) {
+    expect(tokens.colors.category).toHaveProperty(cat);
+    expect(tokens.colors.category[cat as keyof typeof tokens.colors.category]).toMatch(
+      /^#[0-9a-f]{6}$/i,
+    );
   }
-})
+});
 
-test('colors.tier is sourced from SDK tierColors', () => {
-  expect(tokens.colors.tier).toEqual(sdkTierColors)
-})
+test("colors.tier is sourced from SDK tierColors", () => {
+  expect(tokens.colors.tier).toEqual(sdkTierColors);
+});
 
-test('colors include all tiers t1..t5 with SDK values', () => {
-  expect(tokens.colors.tier.t1).toBe('#8b8b8b')
-  expect(tokens.colors.tier.t2).toBe('#4ade80')
-  expect(tokens.colors.tier.t3).toBe('#818cf8')
-  expect(tokens.colors.tier.t4).toBe('#c084fc')
-  expect(tokens.colors.tier.t5).toBe('#fbbf24')
-})
+test("colors include all tiers t1..t5 with SDK values", () => {
+  expect(tokens.colors.tier.t1).toBe("#8b8b8b");
+  expect(tokens.colors.tier.t2).toBe("#4ade80");
+  expect(tokens.colors.tier.t3).toBe("#818cf8");
+  expect(tokens.colors.tier.t4).toBe("#c084fc");
+  expect(tokens.colors.tier.t5).toBe("#fbbf24");
+});
 
-test('typography names three font stacks', () => {
-  expect(tokens.typography.display).toContain('Orbitron')
-  expect(tokens.typography.sans).toContain('Inter')
-  expect(tokens.typography.mono).toContain('JetBrains Mono')
-})
+test("typography names three font stacks", () => {
+  expect(tokens.typography.display).toContain("Orbitron");
+  expect(tokens.typography.sans).toContain("Inter");
+  expect(tokens.typography.mono).toContain("JetBrains Mono");
+});
 
-test('spacing has a default panel width', () => {
-  expect(tokens.spacing.panelWidth).toBe(280)
-})
+test("spacing has a default panel width", () => {
+  expect(tokens.spacing.panelWidth).toBe(280);
+});