@shipload/item-renderer 0.1.4 → 0.1.5

package/package.json

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

package/src/index.ts

@@ -13,7 +13,7 @@ export { renderItem, renderFromPayload, type RenderOptions } from './render.ts'
 export { renderByType, type RenderByTypeOpts } from './templates/index.ts'
 
 // Links + meta
-export { linkToItemPage, linkToItemImage } from './links.ts'
+export { linkToItemPage, linkToItemImage, linkToItemSocial } from './links.ts'
 export { itemPageMeta, svgDimensions } from './meta.ts'
 export type { ItemPageMeta, ItemPageMetaOptions } from './meta.ts'
 

package/src/links.ts

@@ -17,3 +17,8 @@ export function linkToItemImage(
   const payload = encodePayload(item)
   return `${baseUrl}/item/${payload}.${ext}`
 }
+
+export function linkToItemSocial(item: CargoItem, baseUrl = DEFAULT_IMAGE_BASE): string {
+  const payload = encodePayload(item)
+  return `${baseUrl}/social/${payload}.png`
+}

package/src/meta.ts

@@ -1,6 +1,6 @@
 import type { ResolvedItem } from '@shipload/sdk'
 import type { CargoItem } from './payload/codec.ts'
-import { linkToItemImage } from './links.ts'
+import { linkToItemSocial } from './links.ts'
 import { SOCIAL_CARD_WIDTH, SOCIAL_CARD_HEIGHT } from './templates/social-card.ts'
 
 function tierLabel(tier: string): string {
@@ -48,7 +48,7 @@ export function itemPageMeta(
   return {
     title: `${resolved.name} · Shipload Guide`,
     description: describeItem(resolved),
-    ogImage: linkToItemImage(item, 'png', opts?.imageBaseUrl),
+    ogImage: linkToItemSocial(item, opts?.imageBaseUrl),
     ogImageWidth: SOCIAL_CARD_WIDTH,
     ogImageHeight: SOCIAL_CARD_HEIGHT,
   }

package/test/links-meta.test.ts

@@ -1,6 +1,6 @@
 import { expect, test } from 'bun:test'
 import { resolveItem } from '@shipload/sdk'
-import { linkToItemImage, linkToItemPage } from '../src/links.ts'
+import { linkToItemImage, linkToItemPage, linkToItemSocial } from '../src/links.ts'
 import { itemPageMeta } from '../src/meta.ts'
 import { FIXTURES } from './fixtures/cargo-items.ts'
 
@@ -24,13 +24,18 @@ test('linkToItemImage builds an SVG URL', () => {
   expect(url).toMatch(/\.svg$/)
 })
 
-test('itemPageMeta produces title, description, and ogImage', () => {
+test('linkToItemSocial builds a social card URL', () => {
+  const url = linkToItemSocial(FIXTURES.iron)
+  expect(url).toMatch(/^https:\/\/item\.shiploadgame\.com\/social\/[A-Za-z0-9_-]+\.png$/)
+})
+
+test('itemPageMeta produces title, description, and ogImage (social card)', () => {
   const item = FIXTURES.iron
   const resolved = resolveItem(item.item_id, item.stats, item.modules)
   const meta = itemPageMeta(item, resolved)
   expect(meta.title).toContain('Iron')
   expect(meta.description.length).toBeGreaterThan(0)
-  expect(meta.ogImage).toMatch(/^https:\/\/item\.shiploadgame\.com\/item\/[A-Za-z0-9_-]+\.png$/)
+  expect(meta.ogImage).toMatch(/^https:\/\/item\.shiploadgame\.com\/social\/[A-Za-z0-9_-]+\.png$/)
   expect(meta.ogImageWidth).toBe(1200)
   expect(meta.ogImageHeight).toBe(630)
 })