@shipload/item-renderer 0.1.0 → 0.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shipload/item-renderer",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Deterministic SVG rendering for Shipload items",
   "type": "module",
   "main": "./src/index.ts",

package/src/index.ts

@@ -14,7 +14,7 @@ export { renderByType, type RenderByTypeOpts } from './templates/index.ts'
 
 // Links + meta
 export { linkToItemPage, linkToItemImage } from './links.ts'
-export { itemPageMeta } from './meta.ts'
+export { itemPageMeta, svgDimensions } from './meta.ts'
 export type { ItemPageMeta, ItemPageMetaOptions } from './meta.ts'
 
 // Tokens (consumed by testmap tailwind.config)

package/src/links.ts

@@ -2,7 +2,7 @@ import type { CargoItem } from './payload/codec.ts'
 import { encodePayload } from './payload/codec.ts'
 
 const DEFAULT_WEBSITE_BASE = 'https://shiploadgame.com'
-const DEFAULT_IMAGE_BASE = 'https://img.shiploadgame.com'
+const DEFAULT_IMAGE_BASE = 'https://item.shiploadgame.com'
 
 export function linkToItemPage(item: CargoItem, baseUrl = DEFAULT_WEBSITE_BASE): string {
   const payload = encodePayload(item)

package/src/meta.ts

@@ -1,6 +1,7 @@
 import type { ResolvedItem } from '@shipload/sdk'
 import type { CargoItem } from './payload/codec.ts'
 import { linkToItemImage } from './links.ts'
+import { renderItem } from './render.ts'
 
 function tierLabel(tier: string): string {
   return tier.toUpperCase()
@@ -19,14 +20,25 @@ function describeItem(resolved: ResolvedItem): string {
   return parts.join(' · ')
 }
 
+const DIMS_RE = /<svg[^>]*?\bwidth="(\d+)"[^>]*?\bheight="(\d+)"/
+
+export function svgDimensions(svg: string): { width: number; height: number } {
+  const m = DIMS_RE.exec(svg)
+  if (!m) throw new Error('svgDimensions: could not locate width/height on root <svg>')
+  return { width: Number(m[1]), height: Number(m[2]) }
+}
+
 export interface ItemPageMeta {
   title: string
   description: string
   ogImage: string
+  ogImageWidth: number
+  ogImageHeight: number
 }
 
 export interface ItemPageMetaOptions {
   imageBaseUrl?: string
+  svg?: string
 }
 
 export function itemPageMeta(
@@ -34,9 +46,13 @@ export function itemPageMeta(
   resolved: ResolvedItem,
   opts?: ItemPageMetaOptions,
 ): ItemPageMeta {
+  const svg = opts?.svg ?? renderItem(item, resolved)
+  const { width, height } = svgDimensions(svg)
   return {
     title: `${resolved.name} · Shipload Guide`,
     description: describeItem(resolved),
     ogImage: linkToItemImage(item, 'png', opts?.imageBaseUrl),
+    ogImageWidth: width,
+    ogImageHeight: height,
   }
 }

package/test/links-meta.test.ts

@@ -16,7 +16,7 @@ test('linkToItemPage accepts a custom base URL', () => {
 
 test('linkToItemImage builds a PNG URL', () => {
   const url = linkToItemImage(FIXTURES.iron, 'png')
-  expect(url).toMatch(/^https:\/\/img\.shiploadgame\.com\/item\/[A-Za-z0-9_-]+\.png$/)
+  expect(url).toMatch(/^https:\/\/item\.shiploadgame\.com\/item\/[A-Za-z0-9_-]+\.png$/)
 })
 
 test('linkToItemImage builds an SVG URL', () => {
@@ -30,5 +30,5 @@ test('itemPageMeta produces title, description, and ogImage', () => {
   const meta = itemPageMeta(item, resolved)
   expect(meta.title).toContain('Iron')
   expect(meta.description.length).toBeGreaterThan(0)
-  expect(meta.ogImage).toMatch(/^https:\/\/img\.shiploadgame\.com\/item\/[A-Za-z0-9_-]+\.png$/)
+  expect(meta.ogImage).toMatch(/^https:\/\/item\.shiploadgame\.com\/item\/[A-Za-z0-9_-]+\.png$/)
 })