@shipload/item-renderer 0.2.3 → 1.0.0-beta1

package/test/templates-resource.test.ts

@@ -1,71 +0,0 @@
-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 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("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("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).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 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,91 +0,0 @@
-import { test, expect } from "bun:test";
-import { renderShipPanel } from "../src/templates/ship-panel.ts";
-
-test("renderShipPanel with empty slots renders empty module rows", () => {
-  const svg = renderShipPanel({
-    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 }],
-  });
-  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", () => {
-  const svg = renderShipPanel({
-    name: "Ship T1 (Packed)",
-    tier: 1,
-    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" },
-    ],
-  });
-  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", () => {
-  const svg = renderShipPanel({
-    name: "Ship T1 (Packed)",
-    tier: 1,
-    attributes: [
-      {
-        capability: "Hull",
-        attributes: [{ label: "Mass", value: 100 }],
-      },
-    ],
-    slots: [
-      {
-        name: "Engine",
-        installed: true,
-        description: [
-          { text: "generates " },
-          { text: "700", highlight: true },
-          { text: " thrust for travel" },
-        ],
-      },
-    ],
-  });
-  expect(svg).toContain(">700<");
-  expect(svg).toContain("generates");
-});
-
-test("renderShipPanel mixed slots (installed + empty)", () => {
-  const svg = renderShipPanel({
-    name: "Ship T1 (Packed)",
-    tier: 1,
-    attributes: [
-      {
-        capability: "Hull",
-        attributes: [{ label: "Mass", value: 100 }],
-      },
-    ],
-    slots: [
-      { 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);
-});

package/test/tokens.test.ts

@@ -1,34 +0,0 @@
-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.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("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);
-});

package/tsconfig.json

@@ -1,20 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "lib": ["ES2022", "DOM"],
-    "strict": true,
-    "noUncheckedIndexedAccess": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "noEmit": true,
-    "isolatedModules": true,
-    "resolveJsonModule": true,
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": false,
-    "experimentalDecorators": true,
-    "types": ["bun-types"]
-  },
-  "include": ["src", "test", "scripts"]
-}