npm run art renders the standalone SVGs and the 1200 by 630 card through Sharp, a development dependency only.
826 B
Board artwork
src/lib/components/BoardArtwork.svelte owns both palettes, surface filters,
wear, grid, inlays and counters. Board.svelte supplies interactive state;
Hall.svelte supplies an opening position from the game engine. Update the
shared component to change either illustration and the game together.
After editing the artwork, run:
npm run art
This renders the same Svelte component into static/board-copenhagen.svg and
static/board-tablut.svg, then regenerates docs/og-card.svg and the 1200 × 630
static/og.png. Preview the share composition in docs/og-card.html.
The share composition and copy live in docs/render-art.mjs. Commit generated
assets with source changes. The export uses Sharp as a development dependency;
it does not add any image-processing code to the shipped app.