@shipload/item-renderer 0.1.0

package/src/templates/ship-panel.ts

@@ -0,0 +1,145 @@
+import type { ResourceTier, TextSpan } from '@shipload/sdk'
+import { panel } from '../primitives/panel.ts'
+import { iconHex } from '../primitives/icon-hex.ts'
+import { text } from '../primitives/text.ts'
+import { divider } from '../primitives/divider.ts'
+import { moduleSlot } from '../primitives/module-slot.ts'
+import { quantityBadge } from '../primitives/quantity-badge.ts'
+import { wrapText } from '../primitives/wrap.ts'
+import { tokens } from '../tokens/index.ts'
+
+export interface ShipPanelSlot {
+  name?: string
+  installed: boolean
+  description?: string | TextSpan[]
+}
+
+export interface ShipPanelProps {
+  name: string
+  tier: ResourceTier
+  quantity?: number
+  attributes: { capability: string; attributes: { label: string; value: number }[] }[]
+  slots: ShipPanelSlot[]
+}
+
+function formatNumber(n: number): string {
+  return n.toLocaleString('en-US')
+}
+
+function tierBorder(tier: string): string {
+  const key = tier.toLowerCase() as keyof typeof tokens.colors.tier
+  return tokens.colors.tier[key] ?? tokens.colors.surface.panelBorder
+}
+
+const MODULE_LABEL_PREFIX = (capability: string) => `${capability}: `
+
+function rowHeightFor(slot: ShipPanelSlot): number {
+  if (!slot.installed) return 24
+  const desc = slot.description
+  const plain =
+    typeof desc === 'string'
+      ? desc
+      : Array.isArray(desc)
+        ? desc.map((s) => s.text).join('')
+        : ''
+  if (plain.length === 0) return 24
+  const combined = MODULE_LABEL_PREFIX(slot.name ?? 'Module') + plain
+  const lineCount = Math.max(1, wrapText({ value: combined, charsPerLine: 36 }).length)
+  return 10 + lineCount * 14
+}
+
+export function renderShipPanel(props: ShipPanelProps): string {
+  const w = tokens.spacing.panelWidth
+  const pad = tokens.spacing.panelPadding
+  const innerW = w - pad * 2
+  const quantity = props.quantity ?? 0
+
+  const hullGroup = props.attributes?.find((g) => g.capability.toLowerCase() === 'hull')
+  const hullRows = hullGroup?.attributes ?? []
+
+  const headerH = 48
+  const hullHeaderH = 20
+  const hullRowH = 22
+  const sectionGap = 12
+  const rowHeights = props.slots.map(rowHeightFor)
+  const modulesHeight = rowHeights.reduce((a, b) => a + b, 0)
+  const height =
+    headerH +
+    hullHeaderH +
+    hullRows.length * hullRowH +
+    sectionGap +
+    modulesHeight +
+    pad
+
+  const chrome = panel({ width: w, height, borderColor: tierBorder(props.tier) })
+
+  const icon = iconHex({
+    x: pad,
+    y: pad + 4,
+    color: tokens.colors.text.accent,
+    code: 'SH',
+  })
+
+  const name = text({
+    x: pad + 34,
+    y: pad + 22,
+    value: props.name,
+    size: tokens.typography.sizes.title,
+    weight: 700,
+    family: tokens.typography.display,
+  })
+
+  const badge = quantityBadge({ x: w - pad, y: pad, quantity })
+
+  const hullHeader = text({
+    x: pad,
+    y: pad + headerH,
+    value: 'HULL',
+    size: tokens.typography.sizes.subtitle,
+    weight: 700,
+    color: tokens.colors.text.secondary,
+    letterSpacing: 1,
+  })
+
+  let y = pad + headerH + 6
+  let hullSvg = ''
+  for (const row of hullRows) {
+    hullSvg +=
+      text({
+        x: pad,
+        y: y + 12,
+        value: row.label,
+        size: tokens.typography.sizes.body,
+        color: tokens.colors.text.secondary,
+      }) +
+      text({
+        x: w - pad,
+        y: y + 12,
+        value: formatNumber(row.value),
+        size: tokens.typography.sizes.body,
+        weight: 700,
+        anchor: 'end',
+      }) +
+      divider({ x: pad, y: y + hullRowH - 4, width: innerW, color: tokens.colors.surface.panelBorderBright })
+    y += hullRowH
+  }
+
+  y += sectionGap
+  let modulesSvg = ''
+  for (let i = 0; i < props.slots.length; i++) {
+    const slot = props.slots[i]!
+    modulesSvg += moduleSlot({
+      x: pad,
+      y,
+      width: innerW,
+      installed: slot.installed,
+      capability: slot.name,
+      description: slot.description,
+      accentColor: tokens.colors.brand.teal,
+    })
+    y += rowHeights[i]!
+  }
+
+  const inner = `${chrome}${icon}${name}${badge}${hullHeader}${hullSvg}${modulesSvg}`
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${w}" height="${height}" viewBox="0 0 ${w} ${height}">${inner}</svg>`
+}

package/src/tokens/colors.ts

@@ -0,0 +1,45 @@
+import { tierColors } from '@shipload/sdk'
+
+export const colors = {
+  surface: {
+    background: '#0a0a0c',
+    panel: '#11141a',
+    panelBorder: '#1e242e',
+    panelBorderBright: '#2a3340',
+  },
+  text: {
+    primary: '#e6e8ec',
+    secondary: '#8f98a8',
+    muted: '#5b6373',
+    accent: '#f4c96b',
+  },
+  brand: {
+    pink: '#ff4f9a',
+    teal: '#2fd6d1',
+    cyan: '#6cb9ff',
+  },
+  category: {
+    metal: '#b5b9c2',
+    gas: '#6cb9ff',
+    mineral: '#b38aff',
+    organic: '#58d08c',
+    precious: '#f4c96b',
+  },
+  tier: tierColors,
+  accent: {
+    component: '#8f98a8',
+  },
+  capability: {
+    engine: '#4a8abf',
+    generator: '#22c55e',
+    gatherer: '#f59e0b',
+    loader: '#eab308',
+    manufacturing: '#a855f7',
+    storage: '#14b8a6',
+    hauler: '#f97316',
+  },
+} as const
+
+export type CategoryColorKey = keyof typeof colors.category
+export type TierColorKey = keyof typeof colors.tier
+export type CapabilityColorKey = keyof typeof colors.capability

package/src/tokens/index.ts

@@ -0,0 +1,7 @@
+import { colors } from './colors.ts'
+import { spacing } from './spacing.ts'
+import { typography } from './typography.ts'
+
+export const tokens = { colors, spacing, typography } as const
+export type Tokens = typeof tokens
+export { colors, spacing, typography }

package/src/tokens/spacing.ts

@@ -0,0 +1,10 @@
+export const spacing = {
+  panelWidth: 280,
+  panelPadding: 14,
+  rowGap: 6,
+  sectionGap: 12,
+  cornerRadius: 10,
+  statBarHeight: 4,
+  iconHexSize: 22,
+  quantityBadgeHeight: 18,
+} as const

package/src/tokens/typography.ts

@@ -0,0 +1,19 @@
+export const typography = {
+  display: '"Orbitron", "Orbitron Variable", system-ui, sans-serif',
+  sans: '"Inter", "Inter Variable", system-ui, sans-serif',
+  mono: '"JetBrains Mono", "JetBrains Mono Variable", ui-monospace, monospace',
+  sizes: {
+    title: 16,
+    subtitle: 11,
+    body: 12,
+    stat: 12,
+    statValue: 14,
+    label: 10,
+    caption: 10,
+  },
+  weights: {
+    regular: 400,
+    semibold: 600,
+    bold: 700,
+  },
+} as const

package/test/__snapshots__/templates-component.test.ts.snap

@@ -0,0 +1,5 @@
+// Bun Snapshot v1, https://bun.sh/docs/test/snapshots
+
+exports[`matches the committed Hull Plates snapshot: component-hull-plates.svg 1`] = `"<svg xmlns="http://www.w3.org/2000/svg" width="280" height="164" viewBox="0 0 280 164"><rect x="0.5" y="0.5" width="279" height="163" rx="10" ry="10" fill="#11141a" stroke="#8b8b8b" stroke-width="1"/><polygon points="14.0,29.0 20.4,18.0 33.1,18.0 39.4,29.0 33.1,40.0 20.4,40.0" fill="none" stroke="#8f98a8" stroke-width="1.5"/><text x="26.701700000000002" y="32" font-family="&quot;JetBrains Mono&quot;, &quot;JetBrains Mono Variable&quot;, ui-monospace, monospace" font-size="9" font-weight="700" fill="#8f98a8" text-anchor="middle">01</text><text x="48" y="36" font-family="&quot;Orbitron&quot;, &quot;Orbitron Variable&quot;, system-ui, sans-serif" font-size="16" font-weight="700" fill="#e6e8ec">Hull Plates</text><text x="14" y="66" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Type</text><text x="266" y="66" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="600" fill="#e6e8ec" text-anchor="end">COMPONENT · T1</text><text x="14" y="82" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Mass</text><text x="266" y="82" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="600" fill="#e6e8ec" text-anchor="end">50,000</text><line x1="14" x2="266" y1="96" y2="96" stroke="#1e242e" stroke-width="1"/><text x="14" y="108" font-family="&quot;JetBrains Mono&quot;, &quot;JetBrains Mono Variable&quot;, ui-monospace, monospace" font-size="10" font-weight="700" fill="#5B9BD5">STR</text><text x="36" y="108" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#e6e8ec">Strength</text><text x="266" y="108" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="14" font-weight="700" fill="#5B9BD5" text-anchor="end">745</text><rect x="14" y="114" width="252" height="4" rx="2" ry="2" fill="#1e242e"/><rect x="14" y="114" width="183" height="4" rx="2" ry="2" fill="#5B9BD5"/><text x="14" y="134" font-family="&quot;JetBrains Mono&quot;, &quot;JetBrains Mono Variable&quot;, ui-monospace, monospace" font-size="10" font-weight="700" fill="#5B9BD5">DEN</text><text x="36" y="134" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#e6e8ec">Density</text><text x="266" y="134" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="14" font-weight="700" fill="#5B9BD5" text-anchor="end">330</text><rect x="14" y="140" width="252" height="4" rx="2" ry="2" fill="#1e242e"/><rect x="14" y="140" width="170" height="4" rx="2" ry="2" fill="#5B9BD5"/></svg>"`;
+
+exports[`renderComponent ranges mode matches snapshot: component-ranges 1`] = `"<svg xmlns="http://www.w3.org/2000/svg" width="280" height="164" viewBox="0 0 280 164"><rect x="0.5" y="0.5" width="279" height="163" rx="10" ry="10" fill="#11141a" stroke="#8b8b8b" stroke-width="1"/><polygon points="14.0,29.0 20.4,18.0 33.1,18.0 39.4,29.0 33.1,40.0 20.4,40.0" fill="none" stroke="#8f98a8" stroke-width="1.5"/><text x="26.701700000000002" y="32" font-family="&quot;JetBrains Mono&quot;, &quot;JetBrains Mono Variable&quot;, ui-monospace, monospace" font-size="9" font-weight="700" fill="#8f98a8" text-anchor="middle">01</text><text x="48" y="36" font-family="&quot;Orbitron&quot;, &quot;Orbitron Variable&quot;, system-ui, sans-serif" font-size="16" font-weight="700" fill="#e6e8ec">Hull Plates</text><text x="14" y="66" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Type</text><text x="266" y="66" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="600" fill="#e6e8ec" text-anchor="end">COMPONENT · T1</text><text x="14" y="82" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Mass</text><text x="266" y="82" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="600" fill="#e6e8ec" text-anchor="end">50,000</text><line x1="14" x2="266" y1="96" y2="96" stroke="#1e242e" stroke-width="1"/><text x="14" y="108" font-family="&quot;JetBrains Mono&quot;, &quot;JetBrains Mono Variable&quot;, ui-monospace, monospace" font-size="10" font-weight="700" fill="#5B9BD5">STR</text><text x="36" y="108" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#e6e8ec">Strength</text><rect x="14" y="114" width="252" height="4" rx="2" ry="2" fill="#1e242e"/><text x="14" y="134" font-family="&quot;JetBrains Mono&quot;, &quot;JetBrains Mono Variable&quot;, ui-monospace, monospace" font-size="10" font-weight="700" fill="#5B9BD5">DEN</text><text x="36" y="134" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#e6e8ec">Density</text><rect x="14" y="140" width="252" height="4" rx="2" ry="2" fill="#1e242e"/></svg>"`;

package/test/__snapshots__/templates-item-cell.test.ts.snap

@@ -0,0 +1,9 @@
+// Bun Snapshot v1, https://bun.sh/docs/test/snapshots
+
+exports[`matches golden SVG snapshot per itemType: item-cell-resource 1`] = `"<svg xmlns="http://www.w3.org/2000/svg" width="48" height="60" viewBox="0 0 48 60"><rect x="0.5" y="0.5" width="47" height="59" rx="6" ry="6" fill="#11141a" stroke="#8b8b8b" stroke-width="1.5"/><polygon points="24.00,11.52 30.65,15.36 30.65,23.04 24.00,26.88 17.35,23.04 17.35,15.36" fill="none" stroke="#5B9BD5" stroke-width="1.5" stroke-linejoin="round"/><text x="42" y="54" font-family="&quot;Orbitron&quot;, &quot;Orbitron Variable&quot;, system-ui, sans-serif" font-size="11" font-weight="700" fill="#e6e8ec" text-anchor="end">3</text></svg>"`;
+
+exports[`matches golden SVG snapshot per itemType: item-cell-component 1`] = `"<svg xmlns="http://www.w3.org/2000/svg" width="48" height="60" viewBox="0 0 48 60"><rect x="0.5" y="0.5" width="47" height="59" rx="6" ry="6" fill="#11141a" stroke="#8b8b8b" stroke-width="1.5"/><text x="24" y="21.6" font-family="&quot;Orbitron&quot;, &quot;Orbitron Variable&quot;, system-ui, sans-serif" font-size="13" font-weight="700" fill="#e6e8ec" text-anchor="middle">HP</text><text x="42" y="54" font-family="&quot;Orbitron&quot;, &quot;Orbitron Variable&quot;, system-ui, sans-serif" font-size="11" font-weight="700" fill="#e6e8ec" text-anchor="end">3</text></svg>"`;
+
+exports[`matches golden SVG snapshot per itemType: item-cell-module 1`] = `"<svg xmlns="http://www.w3.org/2000/svg" width="48" height="60" viewBox="0 0 48 60"><rect x="0.5" y="0.5" width="47" height="59" rx="6" ry="6" fill="#11141a" stroke="#8b8b8b" stroke-width="1.5"/><text x="24" y="21.6" font-family="&quot;Orbitron&quot;, &quot;Orbitron Variable&quot;, system-ui, sans-serif" font-size="13" font-weight="700" fill="#e6e8ec" text-anchor="middle">EN</text><text x="42" y="54" font-family="&quot;Orbitron&quot;, &quot;Orbitron Variable&quot;, system-ui, sans-serif" font-size="11" font-weight="700" fill="#e6e8ec" text-anchor="end">3</text></svg>"`;
+
+exports[`matches golden SVG snapshot per itemType: item-cell-entity 1`] = `"<svg xmlns="http://www.w3.org/2000/svg" width="48" height="60" viewBox="0 0 48 60"><rect x="0.5" y="0.5" width="47" height="59" rx="6" ry="6" fill="#11141a" stroke="#8b8b8b" stroke-width="1.5"/><text x="24" y="21.6" font-family="&quot;Orbitron&quot;, &quot;Orbitron Variable&quot;, system-ui, sans-serif" font-size="13" font-weight="700" fill="#e6e8ec" text-anchor="middle">SH</text><text x="42" y="54" font-family="&quot;Orbitron&quot;, &quot;Orbitron Variable&quot;, system-ui, sans-serif" font-size="11" font-weight="700" fill="#e6e8ec" text-anchor="end">3</text></svg>"`;

package/test/__snapshots__/templates-module.test.ts.snap

@@ -0,0 +1,17 @@
+// Bun Snapshot v1, https://bun.sh/docs/test/snapshots
+
+exports[`matches the committed engineT1 snapshot: module-engineT1.svg 1`] = `"<svg xmlns="http://www.w3.org/2000/svg" width="280" height="174" viewBox="0 0 280 174"><rect x="0.5" y="0.5" width="279" height="173" rx="10" ry="10" fill="#11141a" stroke="#8b8b8b" stroke-width="1"/><polygon points="14.0,29.0 20.4,18.0 33.1,18.0 39.4,29.0 33.1,40.0 20.4,40.0" fill="none" stroke="#4a8abf" stroke-width="1.5"/><text x="26.701700000000002" y="32" font-family="&quot;JetBrains Mono&quot;, &quot;JetBrains Mono Variable&quot;, ui-monospace, monospace" font-size="9" font-weight="700" fill="#4a8abf" text-anchor="middle">00</text><text x="48" y="36" font-family="&quot;Orbitron&quot;, &quot;Orbitron Variable&quot;, system-ui, sans-serif" font-size="16" font-weight="700" fill="#e6e8ec">Engine</text><text x="14" y="66" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Type</text><text x="266" y="66" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="600" fill="#e6e8ec" text-anchor="end">MODULE · T1</text><text x="14" y="82" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Mass</text><text x="266" y="82" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="600" fill="#e6e8ec" text-anchor="end">0</text><line x1="14" x2="266" y1="96" y2="96" stroke="#1e242e" stroke-width="1"/><text x="14" y="112" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="11" font-weight="700" fill="#4a8abf" letter-spacing="1">ENGINE</text><text x="14" y="132" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12"><tspan fill="#8f98a8">generates </tspan><tspan fill="#f4c96b">700</tspan><tspan fill="#8f98a8"> thrust for travel</tspan></text><text x="14" y="146" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12"><tspan fill="#8f98a8">while draining </tspan><tspan fill="#f4c96b">45</tspan><tspan fill="#8f98a8"> energy per</tspan></text><text x="14" y="160" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12"><tspan fill="#8f98a8">distance travelled</tspan></text></svg>"`;
+
+exports[`matches the committed generatorT1 snapshot: module-generatorT1.svg 1`] = `"<svg xmlns="http://www.w3.org/2000/svg" width="280" height="174" viewBox="0 0 280 174"><rect x="0.5" y="0.5" width="279" height="173" rx="10" ry="10" fill="#11141a" stroke="#8b8b8b" stroke-width="1"/><polygon points="14.0,29.0 20.4,18.0 33.1,18.0 39.4,29.0 33.1,40.0 20.4,40.0" fill="none" stroke="#22c55e" stroke-width="1.5"/><text x="26.701700000000002" y="32" font-family="&quot;JetBrains Mono&quot;, &quot;JetBrains Mono Variable&quot;, ui-monospace, monospace" font-size="9" font-weight="700" fill="#22c55e" text-anchor="middle">01</text><text x="48" y="36" font-family="&quot;Orbitron&quot;, &quot;Orbitron Variable&quot;, system-ui, sans-serif" font-size="16" font-weight="700" fill="#e6e8ec">Generator</text><text x="14" y="66" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Type</text><text x="266" y="66" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="600" fill="#e6e8ec" text-anchor="end">MODULE · T1</text><text x="14" y="82" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Mass</text><text x="266" y="82" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="600" fill="#e6e8ec" text-anchor="end">0</text><line x1="14" x2="266" y1="96" y2="96" stroke="#1e242e" stroke-width="1"/><text x="14" y="112" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="11" font-weight="700" fill="#22c55e" letter-spacing="1">GENERATOR</text><text x="14" y="132" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12"><tspan fill="#8f98a8">holds </tspan><tspan fill="#f4c96b">450</tspan><tspan fill="#8f98a8"> maximum energy and</tspan></text><text x="14" y="146" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12"><tspan fill="#8f98a8">restores </tspan><tspan fill="#f4c96b">3</tspan><tspan fill="#8f98a8"> per second while</tspan></text><text x="14" y="160" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12"><tspan fill="#8f98a8">recharging</tspan></text></svg>"`;
+
+exports[`matches the committed gathererT1 snapshot: module-gathererT1.svg 1`] = `"<svg xmlns="http://www.w3.org/2000/svg" width="280" height="188" viewBox="0 0 280 188"><rect x="0.5" y="0.5" width="279" height="187" rx="10" ry="10" fill="#11141a" stroke="#8b8b8b" stroke-width="1"/><polygon points="14.0,29.0 20.4,18.0 33.1,18.0 39.4,29.0 33.1,40.0 20.4,40.0" fill="none" stroke="#f59e0b" stroke-width="1.5"/><text x="26.701700000000002" y="32" font-family="&quot;JetBrains Mono&quot;, &quot;JetBrains Mono Variable&quot;, ui-monospace, monospace" font-size="9" font-weight="700" fill="#f59e0b" text-anchor="middle">02</text><text x="48" y="36" font-family="&quot;Orbitron&quot;, &quot;Orbitron Variable&quot;, system-ui, sans-serif" font-size="16" font-weight="700" fill="#e6e8ec">Gatherer</text><text x="14" y="66" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Type</text><text x="266" y="66" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="600" fill="#e6e8ec" text-anchor="end">MODULE · T1</text><text x="14" y="82" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Mass</text><text x="266" y="82" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="600" fill="#e6e8ec" text-anchor="end">0</text><line x1="14" x2="266" y1="96" y2="96" stroke="#1e242e" stroke-width="1"/><text x="14" y="112" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="11" font-weight="700" fill="#f59e0b" letter-spacing="1">GATHERER</text><text x="14" y="132" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12"><tspan fill="#8f98a8">mines resources at </tspan><tspan fill="#f4c96b">600</tspan><tspan fill="#8f98a8"> speed to a</tspan></text><text x="14" y="146" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12"><tspan fill="#8f98a8">max depth of </tspan><tspan fill="#f4c96b">350</tspan><tspan fill="#8f98a8"> with </tspan><tspan fill="#f4c96b">200</tspan><tspan fill="#8f98a8"> gather</tspan></text><text x="14" y="160" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12"><tspan fill="#8f98a8">speed while draining </tspan><tspan fill="#f4c96b">300</tspan><tspan fill="#8f98a8"> energy per</tspan></text><text x="14" y="174" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12"><tspan fill="#8f98a8">second</tspan></text></svg>"`;
+
+exports[`matches the committed loaderT1 snapshot: module-loaderT1.svg 1`] = `"<svg xmlns="http://www.w3.org/2000/svg" width="280" height="160" viewBox="0 0 280 160"><rect x="0.5" y="0.5" width="279" height="159" rx="10" ry="10" fill="#11141a" stroke="#8b8b8b" stroke-width="1"/><polygon points="14.0,29.0 20.4,18.0 33.1,18.0 39.4,29.0 33.1,40.0 20.4,40.0" fill="none" stroke="#eab308" stroke-width="1.5"/><text x="26.701700000000002" y="32" font-family="&quot;JetBrains Mono&quot;, &quot;JetBrains Mono Variable&quot;, ui-monospace, monospace" font-size="9" font-weight="700" fill="#eab308" text-anchor="middle">03</text><text x="48" y="36" font-family="&quot;Orbitron&quot;, &quot;Orbitron Variable&quot;, system-ui, sans-serif" font-size="16" font-weight="700" fill="#e6e8ec">Loader</text><text x="14" y="66" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Type</text><text x="266" y="66" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="600" fill="#e6e8ec" text-anchor="end">MODULE · T1</text><text x="14" y="82" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Mass</text><text x="266" y="82" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="600" fill="#e6e8ec" text-anchor="end">0</text><line x1="14" x2="266" y1="96" y2="96" stroke="#1e242e" stroke-width="1"/><text x="14" y="112" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="11" font-weight="700" fill="#eab308" letter-spacing="1">LOADER</text><text x="14" y="132" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12"><tspan fill="#f4c96b">1</tspan><tspan fill="#8f98a8"> loader that generates </tspan><tspan fill="#f4c96b">2</tspan><tspan fill="#8f98a8"> thrust</tspan></text><text x="14" y="146" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12"><tspan fill="#8f98a8">with a weight of </tspan><tspan fill="#f4c96b">500</tspan><tspan fill="#8f98a8"> per unit</tspan></text></svg>"`;
+
+exports[`matches the committed crafterT1 snapshot: module-crafterT1.svg 1`] = `"<svg xmlns="http://www.w3.org/2000/svg" width="280" height="160" viewBox="0 0 280 160"><rect x="0.5" y="0.5" width="279" height="159" rx="10" ry="10" fill="#11141a" stroke="#8b8b8b" stroke-width="1"/><polygon points="14.0,29.0 20.4,18.0 33.1,18.0 39.4,29.0 33.1,40.0 20.4,40.0" fill="none" stroke="#a855f7" stroke-width="1.5"/><text x="26.701700000000002" y="32" font-family="&quot;JetBrains Mono&quot;, &quot;JetBrains Mono Variable&quot;, ui-monospace, monospace" font-size="9" font-weight="700" fill="#a855f7" text-anchor="middle">04</text><text x="48" y="36" font-family="&quot;Orbitron&quot;, &quot;Orbitron Variable&quot;, system-ui, sans-serif" font-size="16" font-weight="700" fill="#e6e8ec">Manufacturing</text><text x="14" y="66" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Type</text><text x="266" y="66" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="600" fill="#e6e8ec" text-anchor="end">MODULE · T1</text><text x="14" y="82" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Mass</text><text x="266" y="82" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="600" fill="#e6e8ec" text-anchor="end">0</text><line x1="14" x2="266" y1="96" y2="96" stroke="#1e242e" stroke-width="1"/><text x="14" y="112" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="11" font-weight="700" fill="#a855f7" letter-spacing="1">MANUFACTURING</text><text x="14" y="132" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12"><tspan fill="#8f98a8">manufactures items at </tspan><tspan fill="#f4c96b">580</tspan><tspan fill="#8f98a8"> speed</tspan></text><text x="14" y="146" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12"><tspan fill="#8f98a8">while draining </tspan><tspan fill="#f4c96b">15</tspan><tspan fill="#8f98a8"> energy per second</tspan></text></svg>"`;
+
+exports[`matches the committed storageT1 snapshot: module-storageT1.svg 1`] = `"<svg xmlns="http://www.w3.org/2000/svg" width="280" height="146" viewBox="0 0 280 146"><rect x="0.5" y="0.5" width="279" height="145" rx="10" ry="10" fill="#11141a" stroke="#8b8b8b" stroke-width="1"/><polygon points="14.0,29.0 20.4,18.0 33.1,18.0 39.4,29.0 33.1,40.0 20.4,40.0" fill="none" stroke="#14b8a6" stroke-width="1.5"/><text x="26.701700000000002" y="32" font-family="&quot;JetBrains Mono&quot;, &quot;JetBrains Mono Variable&quot;, ui-monospace, monospace" font-size="9" font-weight="700" fill="#14b8a6" text-anchor="middle">05</text><text x="48" y="36" font-family="&quot;Orbitron&quot;, &quot;Orbitron Variable&quot;, system-ui, sans-serif" font-size="16" font-weight="700" fill="#e6e8ec">Storage</text><text x="14" y="66" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Type</text><text x="266" y="66" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="600" fill="#e6e8ec" text-anchor="end">MODULE · T1</text><text x="14" y="82" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Mass</text><text x="266" y="82" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="600" fill="#e6e8ec" text-anchor="end">0</text><line x1="14" x2="266" y1="96" y2="96" stroke="#1e242e" stroke-width="1"/><text x="14" y="112" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="11" font-weight="700" fill="#14b8a6" letter-spacing="1">STORAGE</text><text x="14" y="132" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12"><tspan fill="#8f98a8">boosts cargo capacity by </tspan><tspan fill="#f4c96b">17</tspan><tspan fill="#8f98a8">%</tspan></text></svg>"`;
+
+exports[`matches the committed haulerT1 snapshot: module-haulerT1.svg 1`] = `"<svg xmlns="http://www.w3.org/2000/svg" width="280" height="174" viewBox="0 0 280 174"><rect x="0.5" y="0.5" width="279" height="173" rx="10" ry="10" fill="#11141a" stroke="#8b8b8b" stroke-width="1"/><polygon points="14.0,29.0 20.4,18.0 33.1,18.0 39.4,29.0 33.1,40.0 20.4,40.0" fill="none" stroke="#f97316" stroke-width="1.5"/><text x="26.701700000000002" y="32" font-family="&quot;JetBrains Mono&quot;, &quot;JetBrains Mono Variable&quot;, ui-monospace, monospace" font-size="9" font-weight="700" fill="#f97316" text-anchor="middle">06</text><text x="48" y="36" font-family="&quot;Orbitron&quot;, &quot;Orbitron Variable&quot;, system-ui, sans-serif" font-size="16" font-weight="700" fill="#e6e8ec">Hauler Module T1</text><text x="14" y="66" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Type</text><text x="266" y="66" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="600" fill="#e6e8ec" text-anchor="end">MODULE · T1</text><text x="14" y="82" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Mass</text><text x="266" y="82" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="600" fill="#e6e8ec" text-anchor="end">0</text><line x1="14" x2="266" y1="96" y2="96" stroke="#1e242e" stroke-width="1"/><text x="14" y="112" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="11" font-weight="700" fill="#f97316" letter-spacing="1">HAULER</text><text x="14" y="132" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12"><tspan fill="#8f98a8">locks onto up to </tspan><tspan fill="#f4c96b">2</tspan><tspan fill="#8f98a8"> targets at </tspan><tspan fill="#f4c96b">2,192</tspan></text><text x="14" y="146" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12"><tspan fill="#8f98a8">efficiency while draining </tspan><tspan fill="#f4c96b">15</tspan><tspan fill="#8f98a8"> energy</tspan></text><text x="14" y="160" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12"><tspan fill="#8f98a8">per distance travelled per target</tspan></text></svg>"`;
+
+exports[`renderModule ranges mode matches snapshot: module-ranges 1`] = `"<svg xmlns="http://www.w3.org/2000/svg" width="280" height="132" viewBox="0 0 280 132"><rect x="0.5" y="0.5" width="279" height="131" rx="10" ry="10" fill="#11141a" stroke="#8b8b8b" stroke-width="1"/><polygon points="14.0,29.0 20.4,18.0 33.1,18.0 39.4,29.0 33.1,40.0 20.4,40.0" fill="none" stroke="#4a8abf" stroke-width="1.5"/><text x="26.701700000000002" y="32" font-family="&quot;JetBrains Mono&quot;, &quot;JetBrains Mono Variable&quot;, ui-monospace, monospace" font-size="9" font-weight="700" fill="#4a8abf" text-anchor="middle">00</text><text x="48" y="36" font-family="&quot;Orbitron&quot;, &quot;Orbitron Variable&quot;, system-ui, sans-serif" font-size="16" font-weight="700" fill="#e6e8ec">Engine</text><text x="14" y="66" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Type</text><text x="266" y="66" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="600" fill="#e6e8ec" text-anchor="end">MODULE · T1</text><text x="14" y="82" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Mass</text><text x="266" y="82" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="600" fill="#e6e8ec" text-anchor="end">0</text><line x1="14" x2="266" y1="96" y2="96" stroke="#1e242e" stroke-width="1"/><text x="14" y="112" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="11" font-weight="700" fill="#4a8abf" letter-spacing="1">ENGINE</text></svg>"`;

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

@@ -0,0 +1,5 @@
+// Bun Snapshot v1, https://bun.sh/docs/test/snapshots
+
+exports[`matches the committed Ship T1 (two modules) snapshot: packed-entity-ship-t1-two-modules.svg 1`] = `"<svg xmlns="http://www.w3.org/2000/svg" width="280" height="314" viewBox="0 0 280 314"><rect x="0.5" y="0.5" width="279" height="313" rx="10" ry="10" fill="#11141a" stroke="#8b8b8b" stroke-width="1"/><polygon points="14.0,29.0 20.4,18.0 33.1,18.0 39.4,29.0 33.1,40.0 20.4,40.0" fill="none" stroke="#f4c96b" stroke-width="1.5"/><text x="26.701700000000002" y="32" font-family="&quot;JetBrains Mono&quot;, &quot;JetBrains Mono Variable&quot;, ui-monospace, monospace" font-size="9" font-weight="700" fill="#f4c96b" text-anchor="middle">SH</text><text x="48" y="36" font-family="&quot;Orbitron&quot;, &quot;Orbitron Variable&quot;, system-ui, sans-serif" font-size="16" font-weight="700" fill="#e6e8ec">Ship T1 (Packed)</text><text x="14" y="62" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="11" font-weight="700" fill="#8f98a8" letter-spacing="1">HULL</text><text x="14" y="80" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Mass</text><text x="266" y="80" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="700" fill="#e6e8ec" text-anchor="end">25,000</text><line x1="14" x2="266" y1="86" y2="86" stroke="#2a3340" stroke-width="1"/><text x="14" y="102" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Capacity</text><text x="266" y="102" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="700" fill="#e6e8ec" text-anchor="end">1,000,000</text><line x1="14" x2="266" y1="108" y2="108" stroke="#2a3340" stroke-width="1"/><polygon points="20,125 25,130 20,135 15,130" fill="#2fd6d1"/><text x="34" y="133" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12"><tspan font-weight="600" fill="#e6e8ec">Engine: </tspan><tspan fill="#8f98a8">generates </tspan><tspan fill="#f4c96b">598</tspan><tspan fill="#8f98a8"> thrust for</tspan></text><text x="34" y="147" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12"><tspan fill="#8f98a8">travel while draining </tspan><tspan fill="#f4c96b">47</tspan><tspan fill="#8f98a8"> energy per</tspan></text><text x="34" y="161" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12"><tspan fill="#8f98a8">distance travelled</tspan></text><polygon points="20,177 25,182 20,187 15,182" fill="#2fd6d1"/><text x="34" y="185" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12"><tspan font-weight="600" fill="#e6e8ec">Generator: </tspan><tspan fill="#8f98a8">holds </tspan><tspan fill="#f4c96b">456</tspan><tspan fill="#8f98a8"> maximum energy</tspan></text><text x="34" y="199" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12"><tspan fill="#8f98a8">and restores </tspan><tspan fill="#f4c96b">3</tspan><tspan fill="#8f98a8"> per second while</tspan></text><text x="34" y="213" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12"><tspan fill="#8f98a8">recharging</tspan></text><polygon points="20,229 25,234 20,239 15,234" fill="none" stroke="#2a3340" stroke-width="1"/><text x="34" y="237" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#5b6373">Empty module</text><polygon points="20,253 25,258 20,263 15,258" fill="none" stroke="#2a3340" stroke-width="1"/><text x="34" y="261" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#5b6373">Empty module</text><polygon points="20,277 25,282 20,287 15,282" fill="none" stroke="#2a3340" stroke-width="1"/><text x="34" y="285" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#5b6373">Empty module</text></svg>"`;
+
+exports[`matches the committed Ship T1 (only engine) snapshot: packed-entity-ship-t1-only-engine.svg 1`] = `"<svg xmlns="http://www.w3.org/2000/svg" width="280" height="286" viewBox="0 0 280 286"><rect x="0.5" y="0.5" width="279" height="285" rx="10" ry="10" fill="#11141a" stroke="#8b8b8b" stroke-width="1"/><polygon points="14.0,29.0 20.4,18.0 33.1,18.0 39.4,29.0 33.1,40.0 20.4,40.0" fill="none" stroke="#f4c96b" stroke-width="1.5"/><text x="26.701700000000002" y="32" font-family="&quot;JetBrains Mono&quot;, &quot;JetBrains Mono Variable&quot;, ui-monospace, monospace" font-size="9" font-weight="700" fill="#f4c96b" text-anchor="middle">SH</text><text x="48" y="36" font-family="&quot;Orbitron&quot;, &quot;Orbitron Variable&quot;, system-ui, sans-serif" font-size="16" font-weight="700" fill="#e6e8ec">Ship T1 (Packed)</text><text x="14" y="62" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="11" font-weight="700" fill="#8f98a8" letter-spacing="1">HULL</text><text x="14" y="80" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Mass</text><text x="266" y="80" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="700" fill="#e6e8ec" text-anchor="end">25,000</text><line x1="14" x2="266" y1="86" y2="86" stroke="#2a3340" stroke-width="1"/><text x="14" y="102" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Capacity</text><text x="266" y="102" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="700" fill="#e6e8ec" text-anchor="end">1,000,000</text><line x1="14" x2="266" y1="108" y2="108" stroke="#2a3340" stroke-width="1"/><polygon points="20,125 25,130 20,135 15,130" fill="#2fd6d1"/><text x="34" y="133" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12"><tspan font-weight="600" fill="#e6e8ec">Engine: </tspan><tspan fill="#8f98a8">generates </tspan><tspan fill="#f4c96b">598</tspan><tspan fill="#8f98a8"> thrust for</tspan></text><text x="34" y="147" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12"><tspan fill="#8f98a8">travel while draining </tspan><tspan fill="#f4c96b">47</tspan><tspan fill="#8f98a8"> energy per</tspan></text><text x="34" y="161" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12"><tspan fill="#8f98a8">distance travelled</tspan></text><polygon points="20,177 25,182 20,187 15,182" fill="none" stroke="#2a3340" stroke-width="1"/><text x="34" y="185" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#5b6373">Empty module</text><polygon points="20,201 25,206 20,211 15,206" fill="none" stroke="#2a3340" stroke-width="1"/><text x="34" y="209" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#5b6373">Empty module</text><polygon points="20,225 25,230 20,235 15,230" fill="none" stroke="#2a3340" stroke-width="1"/><text x="34" y="233" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#5b6373">Empty module</text><polygon points="20,249 25,254 20,259 15,254" fill="none" stroke="#2a3340" stroke-width="1"/><text x="34" y="257" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#5b6373">Empty module</text></svg>"`;

package/test/__snapshots__/templates-resource.test.ts.snap

@@ -0,0 +1,7 @@
+// Bun Snapshot v1, https://bun.sh/docs/test/snapshots
+
+exports[`matches the committed Iron snapshot: resource-iron.svg 1`] = `"<svg xmlns="http://www.w3.org/2000/svg" width="280" height="190" viewBox="0 0 280 190"><rect x="0.5" y="0.5" width="279" height="189" rx="10" ry="10" fill="#11141a" stroke="#8b8b8b" stroke-width="1"/><polygon points="14.0,29.0 20.4,18.0 33.1,18.0 39.4,29.0 33.1,40.0 20.4,40.0" fill="none" stroke="#b5b9c2" stroke-width="1.5"/><text x="26.701700000000002" y="32" font-family="&quot;JetBrains Mono&quot;, &quot;JetBrains Mono Variable&quot;, ui-monospace, monospace" font-size="9" font-weight="700" fill="#b5b9c2" text-anchor="middle">26</text><text x="48" y="36" font-family="&quot;Orbitron&quot;, &quot;Orbitron Variable&quot;, system-ui, sans-serif" font-size="16" font-weight="700" fill="#e6e8ec">Iron</text><text x="14" y="66" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Category</text><text x="266" y="66" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="600" fill="#e6e8ec" text-anchor="end">Metals</text><text x="14" y="82" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Mass</text><text x="266" y="82" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="600" fill="#e6e8ec" text-anchor="end">30,000</text><line x1="14" x2="266" y1="96" y2="96" stroke="#1e242e" stroke-width="1"/><text x="14" y="108" font-family="&quot;JetBrains Mono&quot;, &quot;JetBrains Mono Variable&quot;, ui-monospace, monospace" font-size="10" font-weight="700" fill="#5B9BD5">STR</text><text x="36" y="108" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#e6e8ec">Strength</text><text x="266" y="108" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="14" font-weight="700" fill="#5B9BD5" text-anchor="end">959</text><rect x="14" y="114" width="252" height="4" rx="2" ry="2" fill="#1e242e"/><rect x="14" y="114" width="236" height="4" rx="2" ry="2" fill="#5B9BD5"/><text x="14" y="134" font-family="&quot;JetBrains Mono&quot;, &quot;JetBrains Mono Variable&quot;, ui-monospace, monospace" font-size="10" font-weight="700" fill="#5B9BD5">TOL</text><text x="36" y="134" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#e6e8ec">Tolerance</text><text x="266" y="134" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="14" font-weight="700" fill="#5B9BD5" text-anchor="end">340</text><rect x="14" y="140" width="252" height="4" rx="2" ry="2" fill="#1e242e"/><rect x="14" y="140" width="83" height="4" rx="2" ry="2" fill="#5B9BD5"/><text x="14" y="160" font-family="&quot;JetBrains Mono&quot;, &quot;JetBrains Mono Variable&quot;, ui-monospace, monospace" font-size="10" font-weight="700" fill="#5B9BD5">DEN</text><text x="36" y="160" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#e6e8ec">Density</text><text x="266" y="160" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="14" font-weight="700" fill="#5B9BD5" text-anchor="end">59</text><rect x="14" y="166" width="252" height="4" rx="2" ry="2" fill="#1e242e"/><rect x="14" y="166" width="237" height="4" rx="2" ry="2" fill="#5B9BD5"/></svg>"`;
+
+exports[`matches the committed Helium snapshot: resource-helium.svg 1`] = `"<svg xmlns="http://www.w3.org/2000/svg" width="280" height="190" viewBox="0 0 280 190"><rect x="0.5" y="0.5" width="279" height="189" rx="10" ry="10" fill="#11141a" stroke="#4ade80" stroke-width="1"/><polygon points="14.0,29.0 20.4,18.0 33.1,18.0 39.4,29.0 33.1,40.0 20.4,40.0" fill="none" stroke="#6cb9ff" stroke-width="1.5"/><text x="26.701700000000002" y="32" font-family="&quot;JetBrains Mono&quot;, &quot;JetBrains Mono Variable&quot;, ui-monospace, monospace" font-size="9" font-weight="700" fill="#6cb9ff" text-anchor="middle">02</text><text x="48" y="36" font-family="&quot;Orbitron&quot;, &quot;Orbitron Variable&quot;, system-ui, sans-serif" font-size="16" font-weight="700" fill="#e6e8ec">Helium</text><text x="14" y="66" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Category</text><text x="266" y="66" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="600" fill="#e6e8ec" text-anchor="end">Gas</text><text x="14" y="82" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Mass</text><text x="266" y="82" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="600" fill="#e6e8ec" text-anchor="end">2,000</text><line x1="14" x2="266" y1="96" y2="96" stroke="#1e242e" stroke-width="1"/><text x="14" y="108" font-family="&quot;JetBrains Mono&quot;, &quot;JetBrains Mono Variable&quot;, ui-monospace, monospace" font-size="10" font-weight="700" fill="#7EC8E3">VOL</text><text x="36" y="108" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#e6e8ec">Volatility</text><text x="266" y="108" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="14" font-weight="700" fill="#7EC8E3" text-anchor="end">898</text><rect x="14" y="114" width="252" height="4" rx="2" ry="2" fill="#1e242e"/><rect x="14" y="114" width="221" height="4" rx="2" ry="2" fill="#7EC8E3"/><text x="14" y="134" font-family="&quot;JetBrains Mono&quot;, &quot;JetBrains Mono Variable&quot;, ui-monospace, monospace" font-size="10" font-weight="700" fill="#7EC8E3">REA</text><text x="36" y="134" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#e6e8ec">Reactivity</text><text x="266" y="134" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="14" font-weight="700" fill="#7EC8E3" text-anchor="end">728</text><rect x="14" y="140" width="252" height="4" rx="2" ry="2" fill="#1e242e"/><rect x="14" y="140" width="179" height="4" rx="2" ry="2" fill="#7EC8E3"/><text x="14" y="160" font-family="&quot;JetBrains Mono&quot;, &quot;JetBrains Mono Variable&quot;, ui-monospace, monospace" font-size="10" font-weight="700" fill="#7EC8E3">THM</text><text x="36" y="160" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#e6e8ec">Thermal</text><text x="266" y="160" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="14" font-weight="700" fill="#7EC8E3" text-anchor="end">399</text><rect x="14" y="166" width="252" height="4" rx="2" ry="2" fill="#1e242e"/><rect x="14" y="166" width="98" height="4" rx="2" ry="2" fill="#7EC8E3"/></svg>"`;
+
+exports[`renderResource ranges mode matches snapshot: resource-ranges 1`] = `"<svg xmlns="http://www.w3.org/2000/svg" width="280" height="190" viewBox="0 0 280 190"><rect x="0.5" y="0.5" width="279" height="189" rx="10" ry="10" fill="#11141a" stroke="#8b8b8b" stroke-width="1"/><polygon points="14.0,29.0 20.4,18.0 33.1,18.0 39.4,29.0 33.1,40.0 20.4,40.0" fill="none" stroke="#b5b9c2" stroke-width="1.5"/><text x="26.701700000000002" y="32" font-family="&quot;JetBrains Mono&quot;, &quot;JetBrains Mono Variable&quot;, ui-monospace, monospace" font-size="9" font-weight="700" fill="#b5b9c2" text-anchor="middle">26</text><text x="48" y="36" font-family="&quot;Orbitron&quot;, &quot;Orbitron Variable&quot;, system-ui, sans-serif" font-size="16" font-weight="700" fill="#e6e8ec">Iron</text><text x="14" y="66" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Category</text><text x="266" y="66" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="600" fill="#e6e8ec" text-anchor="end">Metals</text><text x="14" y="82" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#8f98a8">Mass</text><text x="266" y="82" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="600" fill="#e6e8ec" text-anchor="end">30,000</text><line x1="14" x2="266" y1="96" y2="96" stroke="#1e242e" stroke-width="1"/><text x="14" y="108" font-family="&quot;JetBrains Mono&quot;, &quot;JetBrains Mono Variable&quot;, ui-monospace, monospace" font-size="10" font-weight="700" fill="#5B9BD5">STR</text><text x="36" y="108" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#e6e8ec">Strength</text><rect x="14" y="114" width="252" height="4" rx="2" ry="2" fill="#1e242e"/><text x="14" y="134" font-family="&quot;JetBrains Mono&quot;, &quot;JetBrains Mono Variable&quot;, ui-monospace, monospace" font-size="10" font-weight="700" fill="#5B9BD5">TOL</text><text x="36" y="134" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#e6e8ec">Tolerance</text><rect x="14" y="140" width="252" height="4" rx="2" ry="2" fill="#1e242e"/><text x="14" y="160" font-family="&quot;JetBrains Mono&quot;, &quot;JetBrains Mono Variable&quot;, ui-monospace, monospace" font-size="10" font-weight="700" fill="#5B9BD5">DEN</text><text x="36" y="160" font-family="&quot;Inter&quot;, &quot;Inter Variable&quot;, system-ui, sans-serif" font-size="12" font-weight="400" fill="#e6e8ec">Density</text><rect x="14" y="166" width="252" height="4" rx="2" ry="2" fill="#1e242e"/></svg>"`;

package/test/base64url.test.ts

@@ -0,0 +1,33 @@
+import { expect, test } from 'bun:test'
+import { bytesToBase64Url, base64UrlToBytes } from '../src/payload/base64url.ts'
+import { InvalidPayloadError } from '../src/errors.ts'
+
+test('round-trips arbitrary bytes', () => {
+  const inputs = [
+    new Uint8Array([0]),
+    new Uint8Array([255]),
+    new Uint8Array([0, 1, 2, 3, 4, 5]),
+    new Uint8Array(Array.from({ length: 256 }, (_, i) => i)),
+  ]
+  for (const input of inputs) {
+    const encoded = bytesToBase64Url(input)
+    const decoded = base64UrlToBytes(encoded)
+    expect(decoded).toEqual(input)
+  }
+})
+
+test('produces only URL-safe characters — no +, /, =', () => {
+  const bytes = new Uint8Array(Array.from({ length: 256 }, (_, i) => i))
+  const encoded = bytesToBase64Url(bytes)
+  expect(encoded).toMatch(/^[A-Za-z0-9_-]+$/)
+})
+
+test('rejects malformed base64url with InvalidPayloadError', () => {
+  expect(() => base64UrlToBytes('!!!not-base64!!!')).toThrow(InvalidPayloadError)
+  expect(() => base64UrlToBytes('has spaces')).toThrow(InvalidPayloadError)
+  expect(() => base64UrlToBytes('with+plus/slash')).toThrow(InvalidPayloadError)
+})
+
+test('accepts known-good short string', () => {
+  expect(base64UrlToBytes('AAA')).toEqual(new Uint8Array([0, 0]))
+})

package/test/codec.test.ts

@@ -0,0 +1,43 @@
+import { expect, test } from 'bun:test'
+import { encodePayload, decodePayload } from '../src/payload/codec.ts'
+import { InvalidPayloadError } from '../src/errors.ts'
+import { FIXTURES } from './fixtures/cargo-items.ts'
+
+test('round-trips every fixture exactly', () => {
+  for (const [name, item] of Object.entries(FIXTURES)) {
+    const encoded = encodePayload(item)
+    const decoded = decodePayload(encoded)
+    expect(
+      decoded.item_id.equals(item.item_id),
+      `${name} item_id`,
+    ).toBe(true)
+    expect(
+      decoded.quantity.equals(item.quantity),
+      `${name} quantity`,
+    ).toBe(true)
+    expect(
+      decoded.stats.equals(item.stats),
+      `${name} stats`,
+    ).toBe(true)
+    expect(decoded.modules.length, `${name} modules length`).toBe(item.modules.length)
+  }
+})
+
+test('encoded payload is URL-safe', () => {
+  for (const item of Object.values(FIXTURES)) {
+    const encoded = encodePayload(item)
+    expect(encoded).toMatch(/^[A-Za-z0-9_-]+$/)
+  }
+})
+
+test('decodePayload throws InvalidPayloadError on malformed input', () => {
+  expect(() => decodePayload('!!!')).toThrow(InvalidPayloadError)
+  expect(() => decodePayload('AAA')).toThrow(InvalidPayloadError)
+  expect(() => decodePayload('')).toThrow(InvalidPayloadError)
+})
+
+test('payload sizes are within expected ranges', () => {
+  expect(encodePayload(FIXTURES.iron).length).toBeLessThan(30)
+  expect(encodePayload(FIXTURES.shipT1NoModules).length).toBeLessThan(30)
+  expect(encodePayload(FIXTURES.shipT1TwoModules).length).toBeLessThan(110)
+})

package/test/errors.test.ts

@@ -0,0 +1,24 @@
+import { expect, test } from 'bun:test'
+import { InvalidPayloadError, UnknownItemError, RenderError } from '../src/errors.ts'
+
+test('InvalidPayloadError preserves the message and is an Error', () => {
+  const e = new InvalidPayloadError('bad base64')
+  expect(e).toBeInstanceOf(Error)
+  expect(e).toBeInstanceOf(InvalidPayloadError)
+  expect(e.message).toBe('bad base64')
+  expect(e.name).toBe('InvalidPayloadError')
+})
+
+test('UnknownItemError carries the item id', () => {
+  const e = new UnknownItemError(9999)
+  expect(e).toBeInstanceOf(UnknownItemError)
+  expect(e.itemId).toBe(9999)
+  expect(e.message).toContain('9999')
+})
+
+test('RenderError wraps a cause', () => {
+  const cause = new Error('inner')
+  const e = new RenderError('render failed', { cause })
+  expect(e).toBeInstanceOf(RenderError)
+  expect(e.cause).toBe(cause)
+})