@sarimarcus/content-sites-core 0.22.2 → 0.23.0

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 All packages in the platform release in lockstep; entries are per release version.
 
+## 0.23.0 (2026-10-04)
+
+- `./images`: `IMAGE_LADDER` gains 160 and 240 (now 160, 240, 320, 480, 640, 960, 1280). Thumbnails shown at 64-160 CSS px used to download the 320 file; they now get a 160 or 240 one, which cuts their bytes by about two thirds on desktop at 1x and about a third on phones at 2x. Every srcset gains the two entries, and an off-ladder width at or under 240 (an avatar's `width={64}`) now snaps to the 160 or 240 file instead of 320 (SLA-2958).
+
+### Breaking
+
+- A site's build fails with `Missing image variant …-160.webp` until it has the new rungs. Migration: run `npm run images:variants` in the site after the pin bump and commit `image-variants/` with the pins (SLA-2958).
+
 ## 0.22.2 (2026-10-04)
 
 - `./schema`: `offer`, `placeNode`, `siteOrganizationNode`, `siteWebsiteNode`, `isFreeEntry` and `renderSchemaPolicy` (with the `SchemaPolicy` type) replace node skeletons repeated across builders and site adapters (SLA-2918).

package/README.md

@@ -24,7 +24,7 @@ for byte, key order included. It also holds the opening-hours model (`generateOp
 `assertedOpenDays`, `hoursStringOpenDays`) that `scripts/validate-opening-hours.mjs` imports. The factory scripts
 load `dist/`; `scripts/lib/core-dist.mjs` rebuilds it when it is missing or older than `src/`.
 
-`images` holds the one responsive width ladder (`IMAGE_LADDER`: 320, 480, 640, 960, 1280; WebP only) and the image
+`images` holds the one responsive width ladder (`IMAGE_LADDER`: 160, 240, 320, 480, 640, 960, 1280; WebP only) and the image
 service `defineSiteConfig` installs. The service never encodes: it serves committed variants from the site's
 `image-variants/` (keyed by the source's content hash, listed in `manifest.json`) and the source bytes for the native
 width, and caps each srcset at the source width. A call site asks for a responsive image with

package/dist/images/index.js

@@ -1,5 +1,5 @@
 /** The one width ladder every responsive image uses. WebP only. Not frozen: Astro sorts `widths` in place. */
-export const IMAGE_LADDER = [320, 480, 640, 960, 1280];
+export const IMAGE_LADDER = [160, 240, 320, 480, 640, 960, 1280];
 /** Where a site keeps its committed variants, relative to the site root. */
 export const VARIANTS_DIR = 'image-variants';
 export const MANIFEST_FILE = 'manifest.json';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sarimarcus/content-sites-core",
-  "version": "0.22.2",
+  "version": "0.23.0",
   "description": "Non-visual utilities, Astro config builders and SEO schema assembly shared by the content sites.",
   "type": "module",
   "license": "MIT",

package/src/images/index.ts

@@ -1,5 +1,5 @@
 /** The one width ladder every responsive image uses. WebP only. Not frozen: Astro sorts `widths` in place. */
-export const IMAGE_LADDER: number[] = [320, 480, 640, 960, 1280];
+export const IMAGE_LADDER: number[] = [160, 240, 320, 480, 640, 960, 1280];
 
 /** Where a site keeps its committed variants, relative to the site root. */
 export const VARIANTS_DIR = 'image-variants';