@pmeweb/content 2.3.0 → 2.3.1

package/README.md

@@ -12,6 +12,9 @@ collections in `src/content.schema.json`; this package is what reads that declar
 | `@pmeweb/content/collection` | `titleFieldError`, `thumbnailError`, `richErrors`, `collectionErrors`, `schemaErrors`, `richBodyField`, `hasThumbnails` | portal, `zodFrom` |
 | `@pmeweb/content/published` | `getPublished`, the one filter every site's pages go through; `getPublishedItems` | sites |
 | `@pmeweb/content/prose.css` | the structure of a row of images in a rich body | sites' `Prose.astro` |
+| `@pmeweb/content/embeds` | the players' provider table and detector (browser-safe) | sites, portal editor |
+| `@pmeweb/content/embeds/astro` | `rehypeEmbeds`, `embeds()` integration (Node) | sites' `astro.config.mjs` |
+| `@pmeweb/content/EmbedPrivacy.astro` | the privacy page's paragraph per player provider | sites' privacy pages |
 
 ## Dated kinds
 
@@ -54,11 +57,12 @@ reads both once, `const APERCU = portalPreview(process.env)`, and filters with
 drafts in the preview, removed ones only in a preview that asked for them. Only the exact
 string `'1'` counts, and the past flag means nothing without the preview flag.
 
-## Embeds (2.3.0)
+## Embeds (2.3.0, 2.3.1)
 
 A YouTube or SoundCloud link alone on its paragraph (`[words](url)`, no title attribute, words
 that are not the URL itself, not in a list or a quote) becomes a click-to-load player: the
-original link around a poster served by the site, swapped for the provider's iframe on click.
+original link around a poster (YouTube: the video's thumbnail, served by the site; SoundCloud: a
+waveform drawn in the page), swapped for the provider's iframe on click.
 Nothing loads from the provider before that click.
 
 Two subpaths:
@@ -66,16 +70,16 @@ Two subpaths:
 - `@pmeweb/content/embeds`: pure and browser-safe (the portal's editor imports it). The provider
   table `PROVIDERS`, `embedFromUrl`, `embedFromLink`, `embedProviders(bodies)`, `embedFrameHosts`,
   `supportedLabels()`.
-- `@pmeweb/content/embeds/astro`: Node only. `rehypeEmbeds(options)` (a satteri hast plugin),
-  `embeds(options)` (the Astro integration), `scanPages` / `selfCheck`.
+- `@pmeweb/content/embeds/astro`: Node only. `rehypeEmbeds()` (a satteri hast plugin),
+  `embeds()` (the Astro integration), `scanPages` / `selfCheck`.
 
 A site with a `rich` body wires FOUR pieces:
 
-1. `rehypeEmbeds({ lang, privacyHref })` through `satteri({ hastPlugins: [...] })` in
+1. `rehypeEmbeds()` through `satteri({ hastPlugins: [...] })` in
    `astro.config.mjs`, AND through every `createSatteriMarkdownProcessor` the site calls itself.
-2. `embeds({ lang, privacyHref })` in `integrations`. At build it writes `dist/_embed/player.js`,
-   `embed.css` and the posters (a YouTube thumbnail fetched at build and re-encoded to WebP, or a
-   drawn poster when the fetch fails), and FAILS the build when a player line was not converted
+2. `embeds()` in `integrations`. At build it writes `dist/_embed/player.js`, `embed.css` and the
+   YouTube posters (the thumbnail fetched at build and re-encoded to WebP, or a drawn dark poster
+   when the fetch fails), and FAILS the build when a player line was not converted
    or the privacy page does not mention a provider in use.
 3. `<EmbedPrivacy lang providers={embedProviders(bodies)} />` (`@pmeweb/content/EmbedPrivacy.astro`)
    on every privacy page, `bodies` being the published posts' raw Markdown.
@@ -84,7 +88,20 @@ A site with a `rich` body wires FOUR pieces:
 `astro dev` serves the script and the stylesheet but not the posters (they are build output):
 the facade shows its dark background behind the title.
 
-The look is the site's, through `--pmw-embed-radius` and `--pmw-embed-note`.
+The look is the site's, through `--pmw-embed-radius`, `--pmw-embed-focus`, and for audio
+`--pmw-embed-audio-bg`, `-line`, `-wave`, `-fg` and `-accent` (light by default, like SoundCloud's own
+player). `embed.css` names element and class in every selector, so a site's `.prose img` or
+`.prose a` (Astro-scoped, two classes and an element) does not reach inside the facade.
+
+### 2.3.1
+
+- The poster no longer takes the site's article image styles (margin, border, `height: auto`):
+  2.3.0 showed a band above it and cut its bottom off.
+- SoundCloud's facade is drawn in the page (inline SVG), light and themeable, laid out like its
+  player; no image file for audio.
+- No line under the player any more (« Lecture par … Politique de confidentialité »). The privacy
+  page still lists each provider. `rehypeEmbeds` and `embeds` take no options; 2.3.0's
+  `{ lang, privacyHref }` are accepted and ignored.
 
 Adding a provider = one entry in `src/embeds/providers.ts` + its privacy text, approved by the
 operator + a minor release. `prepublishOnly` refuses a privacy text still carrying `[À VALIDER`.

package/assets/embed/embed.css

@@ -1,14 +1,40 @@
 /* @pmeweb/content/embeds -- the STRUCTURE of a player facade. The look is per site, through the
- * two variables. Written to dist/_embed/embed.css by the integration, linked only by pages that
- * hold a player. */
-.pmw-embed { margin: 1.5em 0; }
-.pmw-embed__link { position: relative; display: block; overflow: hidden; border-radius: var(--pmw-embed-radius, 8px); background: #1f2328; color: #fff; text-decoration: none; }
-.pmw-embed--video .pmw-embed__link, .pmw-embed--video .pmw-embed__frame { width: 100%; aspect-ratio: 16 / 9; }
-.pmw-embed--audio .pmw-embed__link, .pmw-embed--audio .pmw-embed__frame { width: 100%; height: 166px; }
-.pmw-embed__link img { display: block; width: 100%; height: 100%; object-fit: cover; }
-.pmw-embed__play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
-.pmw-embed__title { position: absolute; left: 0; right: 0; bottom: 0; padding: 0.6em 1em; background: rgba(0, 0, 0, 0.78); color: #fff; font-weight: 600; line-height: 1.35; }
-.pmw-embed__link:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
-.pmw-embed__link:hover .pmw-embed__play path:first-child { fill: #c00; }
-.pmw-embed__frame { display: block; border: 0; border-radius: var(--pmw-embed-radius, 8px); }
-.pmw-embed__note { margin-top: 0.5em; font-size: 0.875rem; color: var(--pmw-embed-note, inherit); }
+ * --pmw-embed-* variables. Written to dist/_embed/embed.css by the integration, linked only by pages that
+ * hold a player.
+ *
+ * EVERY SELECTOR NAMES THE ELEMENT AND ITS CLASS (figure.pmw-embed img.pmw-embed__poster: two
+ * classes, two elements). A site's article styles reach inside the facade -- Astro compiles
+ * `.prose :global(img)` to `.prose[data-astro-cid-…] img` (two classes, one element), which beat
+ * 2.3.0's `.pmw-embed__link img` and gave the poster the article's margin, border and
+ * `height: auto`: a band above the poster and its bottom cut off (test-contenu, 2026-11-05). So
+ * the poster and the link also reset every property an article style usually sets. */
+figure.pmw-embed { margin: 1.5em 0; padding: 0; }
+figure.pmw-embed a.pmw-embed__link { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; border: 0; border-radius: var(--pmw-embed-radius, 8px); background: #1f2328; color: #fff; text-decoration: none; }
+figure.pmw-embed--video a.pmw-embed__link, figure.pmw-embed--video iframe.pmw-embed__frame { width: 100%; aspect-ratio: 16 / 9; }
+figure.pmw-embed--audio a.pmw-embed__link, figure.pmw-embed--audio iframe.pmw-embed__frame { width: 100%; height: 166px; }
+figure.pmw-embed img.pmw-embed__poster { display: block; width: 100%; height: 100%; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; object-fit: cover; }
+figure.pmw-embed span.pmw-embed__play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
+figure.pmw-embed span.pmw-embed__title { position: absolute; left: 0; right: 0; bottom: 0; padding: 0.6em 1em; background: rgba(0, 0, 0, 0.78); color: #fff; font-weight: 600; line-height: 1.35; text-decoration: none; }
+/* White ring inside a dark one: visible on a light page and on a dark one, whatever the site's
+ * link color. A site may set its own with --pmw-embed-focus. */
+figure.pmw-embed a.pmw-embed__link:focus-visible { outline: 3px solid var(--pmw-embed-focus, #fff); outline-offset: 2px; box-shadow: 0 0 0 7px #1f2328; }
+figure.pmw-embed--video a.pmw-embed__link:hover .pmw-embed__play path:first-child { fill: #c00; }
+
+/* AUDIO: drawn in the page (facade.ts WAVE), so every color is the site's. Light by default, like
+ * SoundCloud's own player, which is what the click turns it into:
+ *   --pmw-embed-audio-bg      panel           (#f2f2f2)
+ *   --pmw-embed-audio-line    panel border    (#dcdcdc)
+ *   --pmw-embed-audio-wave    waveform bars   (#c4c4c4)
+ *   --pmw-embed-audio-fg      title text      (#1f2328)
+ *   --pmw-embed-audio-accent  play button     (#ff5500, SoundCloud's orange) */
+/* Laid out like that player too, on a grid rather than over the poster: the button on the left,
+ * the title on top, the waveform under it -- so a title wrapping to two lines on a phone pushes the
+ * waveform down instead of running over it. */
+figure.pmw-embed--audio a.pmw-embed__link { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto 1fr; column-gap: 1em; row-gap: 0.5em; padding: 1em; box-sizing: border-box; background: var(--pmw-embed-audio-bg, #f2f2f2); color: var(--pmw-embed-audio-fg, #1f2328); border: 1px solid var(--pmw-embed-audio-line, #dcdcdc); }
+figure.pmw-embed--audio span.pmw-embed__play { position: static; grid-column: 1; grid-row: 1 / 3; align-self: center; }
+figure.pmw-embed--audio span.pmw-embed__title { position: static; grid-column: 2; grid-row: 1; padding: 0; background: none; color: inherit; }
+figure.pmw-embed--audio svg.pmw-embed__wave { grid-column: 2; grid-row: 2; display: block; width: 100%; height: 100%; min-height: 2em; }
+figure.pmw-embed svg.pmw-embed__wave rect { fill: var(--pmw-embed-audio-wave, #c4c4c4); }
+figure.pmw-embed span.pmw-embed__play--round circle { fill: var(--pmw-embed-audio-accent, #ff5500); }
+figure.pmw-embed a.pmw-embed__link:hover span.pmw-embed__play--round svg { filter: brightness(0.9); }
+figure.pmw-embed iframe.pmw-embed__frame { display: block; margin: 0; border: 0; border-radius: var(--pmw-embed-radius, 8px); }

package/dist/embeds/facade.d.ts

@@ -1,12 +1,14 @@
-import { type Lang, type ProviderKey } from './providers.js';
+import { type ProviderKey } from './providers.js';
 import type { Embed } from './detect.js';
-export interface FacadeOptions {
-    lang: Lang;
-    privacyHref: string;
-}
 /** The two files a document with a player loads, once per document. */
 export declare const ASSET_TAGS = "<link rel=\"stylesheet\" href=\"/_embed/embed.css\"><script type=\"module\" src=\"/_embed/player.js\"></script>";
 export declare const POSTER_WIDTHS: readonly [640, 960];
-/** A provider whose poster is drawn shares one file per width; a thumbnail is per video. */
+/** A thumbnail's file, one per video and width (posters.ts writes it). */
 export declare function posterPath(provider: ProviderKey, id: string, width: number): string;
-export declare function facadeHtml(e: Embed, o: FacadeOptions): string;
+/**
+ * No words of the package's own under the player (2.3.0 wrote « Lecture par YouTube. Politique de
+ * confidentialité »; the operator removed it, 2026-11-05): the facade carries the client's title
+ * and nothing else, so it needs no language. The privacy page still names each provider
+ * (EmbedPrivacy.astro), and the build still refuses a site where it does not.
+ */
+export declare function facadeHtml(e: Embed): string;

package/dist/embeds/facade.js

@@ -1,26 +1,43 @@
-// The HTML a player line becomes on the site: the ORIGINAL link around a poster served by the site,
-// so without JavaScript it is exactly today's link and nothing third-party loads before a click.
+// The HTML a player line becomes on the site: the ORIGINAL link around a poster -- an image served by
+// the site, or a waveform drawn in the page -- so without JavaScript it is exactly today's link and
+// nothing third-party loads before a click.
 // `player.js` (assets/embed/) swaps the link for the iframe named in `data-embed` on click.
-import { EMBED_PRIVACY_ID, PROVIDERS } from './providers.js';
+import { PROVIDERS } from './providers.js';
 /** The two files a document with a player loads, once per document. */
 export const ASSET_TAGS = '<link rel="stylesheet" href="/_embed/embed.css"><script type="module" src="/_embed/player.js"></script>';
 export const POSTER_WIDTHS = [640, 960];
 const esc = (s) => s.replace(/&/g, '&amp;').replace(/"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
-/** A provider whose poster is drawn shares one file per width; a thumbnail is per video. */
+/** A thumbnail's file, one per video and width (posters.ts writes it). */
 export function posterPath(provider, id, width) {
-    return PROVIDERS[provider].poster.kind === 'drawn'
-        ? `/_embed/${provider}-drawn-${width}.webp`
-        : `/_embed/${provider}-${id}-${width}.webp`;
+    return `/_embed/${provider}-${id}-${width}.webp`;
 }
 const PLAY = '<svg viewBox="0 0 68 48" width="68" height="48" focusable="false"><path d="M66.5 7.7a8.5 8.5 0 0 0-6-6C55.2.3 34 .3 34 .3s-21.2 0-26.5 1.4a8.5 8.5 0 0 0-6 6C.1 13 .1 24 .1 24s0 11 1.4 16.3a8.5 8.5 0 0 0 6 6C12.8 47.7 34 47.7 34 47.7s21.2 0 26.5-1.4a8.5 8.5 0 0 0 6-6C67.9 35 67.9 24 67.9 24s0-11-1.4-16.3z" fill="rgba(0,0,0,.8)"/><path d="M27 14l18 10-18 10z" fill="#fff"/></svg>';
-export function facadeHtml(e, o) {
+/** A round play button for audio: the rounded rectangle above is YouTube's own mark. */
+const PLAY_ROUND = '<svg viewBox="0 0 56 56" width="56" height="56" focusable="false"><circle cx="28" cy="28" r="28"/><path d="M22 17l18 11-18 11z" fill="#fff"/></svg>';
+/**
+ * An audio poster drawn IN THE PAGE (poster kind `inline`): a waveform whose colors are the site's
+ * (`--pmw-embed-audio-*`, embed.css), light by default like SoundCloud's own player, so the click
+ * does not flip a dark panel into a white one. Stretched to the box (preserveAspectRatio none).
+ */
+const WAVE = `<svg class="pmw-embed__wave" viewBox="0 0 640 100" preserveAspectRatio="none" aria-hidden="true" focusable="false">${Array.from({ length: 64 }, (_, i) => {
+    const h = Math.round((0.25 + 0.75 * Math.abs(Math.sin(i * 0.7))) * 56);
+    return `<rect x="${i * 10 + 2}" y="${50 - h / 2}" width="6" height="${h}" rx="3"/>`;
+}).join('')}</svg>`;
+/**
+ * No words of the package's own under the player (2.3.0 wrote « Lecture par YouTube. Politique de
+ * confidentialité »; the operator removed it, 2026-11-05): the facade carries the client's title
+ * and nothing else, so it needs no language. The privacy page still names each provider
+ * (EmbedPrivacy.astro), and the build still refuses a site where it does not.
+ */
+export function facadeHtml(e) {
     const p = PROVIDERS[e.provider];
-    const copy = p.copy[o.lang];
     const [w1, w2] = POSTER_WIDTHS;
     const height = p.shape === 'video' ? Math.round((w2 * 9) / 16) : 166;
-    const img = `<img src="${posterPath(e.provider, e.id, w2)}" srcset="${posterPath(e.provider, e.id, w1)} ${w1}w, ${posterPath(e.provider, e.id, w2)} ${w2}w" sizes="(max-width: 720px) 100vw, 720px" width="${w2}" height="${height}" alt="" loading="lazy" decoding="async">`;
+    const poster = p.poster.kind === 'inline' ? WAVE : `<img class="pmw-embed__poster" src="${posterPath(e.provider, e.id, w2)}" srcset="${posterPath(e.provider, e.id, w1)} ${w1}w, ${posterPath(e.provider, e.id, w2)} ${w2}w" sizes="(max-width: 720px) 100vw, 720px" width="${w2}" height="${height}" alt="" loading="lazy" decoding="async">`;
+    const play = p.shape === 'audio'
+        ? `<span class="pmw-embed__play pmw-embed__play--round" aria-hidden="true">${PLAY_ROUND}</span>`
+        : `<span class="pmw-embed__play" aria-hidden="true">${PLAY}</span>`;
     return `<figure class="pmw-embed pmw-embed--${p.shape}" data-provider="${e.provider}" data-embed="${esc(p.embed(e.id))}" data-title="${esc(e.title)}">`
-        + `<a class="pmw-embed__link" href="${esc(e.url)}" target="_blank" rel="noopener">${img}<span class="pmw-embed__play" aria-hidden="true">${PLAY}</span><span class="pmw-embed__title">${esc(e.title)}</span></a>`
-        + `<figcaption class="pmw-embed__note">${esc(copy.note)} <a href="${esc(o.privacyHref)}#${EMBED_PRIVACY_ID}">${esc(copy.noteLink)}</a></figcaption>`
+        + `<a class="pmw-embed__link" href="${esc(e.url)}" target="_blank" rel="noopener">${poster}${play}<span class="pmw-embed__title">${esc(e.title)}</span></a>`
         + '</figure>';
 }

package/dist/embeds/integration.d.ts

@@ -1,7 +1,9 @@
 import type { AstroIntegration } from 'astro';
-import type { FacadeOptions } from './facade.js';
-export interface EmbedsOptions extends FacadeOptions {
+/** 2.3.0's `lang` and `privacyHref` are accepted and ignored (the line under the player is gone). */
+export interface EmbedsOptions {
+    lang?: string;
+    privacyHref?: string;
     /** For tests; the build uses the global fetch. */
     fetch?: (url: string) => Promise<Response>;
 }
-export declare function embeds(o: EmbedsOptions): AstroIntegration;
+export declare function embeds(o?: EmbedsOptions): AstroIntegration;

package/dist/embeds/integration.js

@@ -18,7 +18,7 @@ function* htmlPages(root, rel = '') {
             yield { path: p, html: readFileSync(join(root, p), 'utf8') };
     }
 }
-export function embeds(o) {
+export function embeds(o = {}) {
     return {
         name: '@pmeweb/content/embeds',
         hooks: {
@@ -44,7 +44,7 @@ export function embeds(o) {
                 copyFileSync(join(ASSETS, 'player.js'), join(out, 'player.js'));
                 copyFileSync(join(ASSETS, 'embed.css'), join(out, 'embed.css'));
                 await writePosters({
-                    dir: out, thumbnails: scan.thumbnails, drawn: scan.drawn,
+                    dir: out, thumbnails: scan.thumbnails,
                     fetch: o.fetch ?? ((url) => fetch(url)), warn: (m) => logger.warn(m),
                 });
             },

package/dist/embeds/posters.d.ts

@@ -5,7 +5,6 @@ export interface PosterJob {
         provider: ProviderKey;
         id: string;
     }[];
-    drawn: ProviderKey[];
     fetch: (url: string) => Promise<Response>;
     warn: (message: string) => void;
 }

package/dist/embeds/posters.js

@@ -1,4 +1,5 @@
-// The posters, written into dist/_embed/ at build. A thumbnail is fetched from the provider HERE,
+// The thumbnail posters, written into dist/_embed/ at build (an `inline` poster is drawn in the page,
+// facade.ts, and has no file). A thumbnail is fetched from the provider HERE,
 // never by the visitor's browser, re-encoded to WebP and cropped to 16:9 (hqdefault is 4:3 with
 // black bars). Any failure writes the drawn poster under the same names: a poster never fails a
 // build. The preview builder may have no outbound network [UNVERIFIED]; it then shows the drawn
@@ -50,9 +51,6 @@ async function write(dir, provider, id, source) {
 }
 export async function writePosters(job) {
     mkdirSync(job.dir, { recursive: true });
-    for (const provider of job.drawn) {
-        await write(job.dir, provider, 'drawn', Buffer.from(drawnSvg(PROVIDERS[provider].shape)));
-    }
     for (const { provider, id } of job.thumbnails) {
         const poster = PROVIDERS[provider].poster;
         const got = poster.kind === 'thumbnail' ? await fetchFirst(poster.urls(id), job.fetch) : null;

package/dist/embeds/providers.d.ts

@@ -1,18 +1,20 @@
 export type Lang = 'fr' | 'en';
 export interface ProviderCopy {
-    /** The line under the poster: `note` then a link whose words are `noteLink`. */
-    note: string;
-    noteLink: string;
     /** The privacy page's paragraph, then a link to the provider's own policy. */
     privacy: string;
     policyLabel: string;
     policyHref: string;
 }
+/**
+ * What the facade shows before the click. `thumbnail`: the provider's image, fetched at build and
+ * served by the site (posters.ts). `inline`: drawn in the page itself (facade.ts), so its colors
+ * are the site's CSS variables -- a provider with no thumbnail to fetch.
+ */
 export type Poster = {
     kind: 'thumbnail';
     urls(id: string): string[];
 } | {
-    kind: 'drawn';
+    kind: 'inline';
 };
 export interface Provider {
     label: string;
@@ -41,15 +43,11 @@ export declare const PROVIDERS: {
         readonly oembed: "https://www.youtube.com/oembed";
         readonly copy: {
             readonly fr: {
-                readonly note: "Lecture par YouTube.";
-                readonly noteLink: "Politique de confidentialité";
                 readonly privacy: "Certains articles intègrent des vidéos YouTube (Google). Rien n’est chargé depuis YouTube tant que vous n’appuyez pas sur le bouton de lecture : l’image d’aperçu est servie par ce site. Dès que vous lancez une vidéo, elle est lue depuis youtube-nocookie.com, et YouTube peut alors recueillir des données et déposer des témoins selon sa propre politique.";
                 readonly policyLabel: "Politique de confidentialité de Google";
                 readonly policyHref: "https://policies.google.com/privacy?hl=fr";
             };
             readonly en: {
-                readonly note: "Plays from YouTube.";
-                readonly noteLink: "Privacy policy";
                 readonly privacy: "Some articles embed YouTube (Google) videos. Nothing loads from YouTube until you press play: the preview image is served by this site. Once you start a video, it plays from youtube-nocookie.com, and YouTube may then collect data and set cookies under its own policy.";
                 readonly policyLabel: "Google’s privacy policy";
                 readonly policyHref: "https://policies.google.com/privacy?hl=en";
@@ -62,21 +60,17 @@ export declare const PROVIDERS: {
         readonly embed: (id: string) => string;
         readonly frameHost: "https://w.soundcloud.com";
         readonly poster: {
-            readonly kind: "drawn";
+            readonly kind: "inline";
         };
         readonly shape: "audio";
         readonly oembed: "https://soundcloud.com/oembed";
         readonly copy: {
             readonly fr: {
-                readonly note: "Lecture par SoundCloud.";
-                readonly noteLink: "Politique de confidentialité";
                 readonly privacy: "Certains articles intègrent des enregistrements SoundCloud. Rien n’est chargé depuis SoundCloud tant que vous n’appuyez pas sur le bouton de lecture. Dès que vous lancez un enregistrement, il est lu depuis w.soundcloud.com, et SoundCloud peut alors recueillir des données et déposer des témoins selon sa propre politique.";
                 readonly policyLabel: "Politique de confidentialité de SoundCloud";
                 readonly policyHref: "https://soundcloud.com/pages/privacy";
             };
             readonly en: {
-                readonly note: "Plays from SoundCloud.";
-                readonly noteLink: "Privacy policy";
                 readonly privacy: "Some articles embed SoundCloud recordings. Nothing loads from SoundCloud until you press play. Once you start a recording, it plays from w.soundcloud.com, and SoundCloud may then collect data and set cookies under its own policy.";
                 readonly policyLabel: "SoundCloud’s privacy policy";
                 readonly policyHref: "https://soundcloud.com/pages/privacy";
@@ -89,6 +83,6 @@ export type ProviderKey = keyof typeof PROVIDERS;
 export declare const PROVIDER_KEYS: ProviderKey[];
 /** The privacy section's heading, one per language, shared by every provider. */
 export declare const EMBED_PRIVACY_HEADING: Record<Lang, string>;
-/** The privacy section's anchor, which every facade's note links to. */
+/** The privacy section's anchor (`EmbedPrivacy.astro`), for a site that links to it. */
 export declare const EMBED_PRIVACY_ID = "lecteurs-integres";
 export {};

package/dist/embeds/providers.js

@@ -43,15 +43,11 @@ export const PROVIDERS = {
         oembed: 'https://www.youtube.com/oembed',
         copy: {
             fr: {
-                note: 'Lecture par YouTube.',
-                noteLink: 'Politique de confidentialité',
                 privacy: 'Certains articles intègrent des vidéos YouTube (Google). Rien n’est chargé depuis YouTube tant que vous n’appuyez pas sur le bouton de lecture : l’image d’aperçu est servie par ce site. Dès que vous lancez une vidéo, elle est lue depuis youtube-nocookie.com, et YouTube peut alors recueillir des données et déposer des témoins selon sa propre politique.',
                 policyLabel: 'Politique de confidentialité de Google',
                 policyHref: 'https://policies.google.com/privacy?hl=fr',
             },
             en: {
-                note: 'Plays from YouTube.',
-                noteLink: 'Privacy policy',
                 privacy: 'Some articles embed YouTube (Google) videos. Nothing loads from YouTube until you press play: the preview image is served by this site. Once you start a video, it plays from youtube-nocookie.com, and YouTube may then collect data and set cookies under its own policy.',
                 policyLabel: 'Google’s privacy policy',
                 policyHref: 'https://policies.google.com/privacy?hl=en',
@@ -63,20 +59,16 @@ export const PROVIDERS = {
         id: soundcloudId,
         embed: (id) => `https://w.soundcloud.com/player/?url=${encodeURIComponent(`https://soundcloud.com/${id}`)}&auto_play=true`,
         frameHost: 'https://w.soundcloud.com',
-        poster: { kind: 'drawn' },
+        poster: { kind: 'inline' },
         shape: 'audio',
         oembed: 'https://soundcloud.com/oembed',
         copy: {
             fr: {
-                note: 'Lecture par SoundCloud.',
-                noteLink: 'Politique de confidentialité',
                 privacy: 'Certains articles intègrent des enregistrements SoundCloud. Rien n’est chargé depuis SoundCloud tant que vous n’appuyez pas sur le bouton de lecture. Dès que vous lancez un enregistrement, il est lu depuis w.soundcloud.com, et SoundCloud peut alors recueillir des données et déposer des témoins selon sa propre politique.',
                 policyLabel: 'Politique de confidentialité de SoundCloud',
                 policyHref: 'https://soundcloud.com/pages/privacy',
             },
             en: {
-                note: 'Plays from SoundCloud.',
-                noteLink: 'Privacy policy',
                 privacy: 'Some articles embed SoundCloud recordings. Nothing loads from SoundCloud until you press play. Once you start a recording, it plays from w.soundcloud.com, and SoundCloud may then collect data and set cookies under its own policy.',
                 policyLabel: 'SoundCloud’s privacy policy',
                 policyHref: 'https://soundcloud.com/pages/privacy',
@@ -91,5 +83,5 @@ export const EMBED_PRIVACY_HEADING = {
     fr: 'Lecteurs vidéo et audio intégrés',
     en: 'Embedded video and audio players',
 };
-/** The privacy section's anchor, which every facade's note links to. */
+/** The privacy section's anchor (`EmbedPrivacy.astro`), for a site that links to it. */
 export const EMBED_PRIVACY_ID = 'lecteurs-integres';

package/dist/embeds/rehype.d.ts

@@ -1,4 +1,3 @@
-import { type FacadeOptions } from './facade.js';
 interface El {
     type: string;
     tagName?: string;
@@ -14,7 +13,9 @@ interface Ctx {
     replaceNode(node: never, next: unknown): void;
     appendChild(node: never, child: unknown): void;
 }
-export declare function rehypeEmbeds(o: FacadeOptions): {
+/** Takes no options. 2.3.0 took `{ lang, privacyHref }` for the line under the player, since
+ *  removed; a site still passing them builds the same. */
+export declare function rehypeEmbeds(_legacy?: unknown): {
     name: string;
     element: {
         filter: string[];

package/dist/embeds/rehype.js

@@ -12,7 +12,7 @@ import { embedFromLink } from './detect.js';
 import { ASSET_TAGS, facadeHtml } from './facade.js';
 const FLAG = 'pmwEmbeds';
 const blank = (n) => n.type === 'text' && (n.value ?? '').trim() === '';
-function visitParagraph(o) {
+function visitParagraph() {
     return (node, ctx) => {
         if (ctx.parent(node)?.type !== 'root')
             return;
@@ -33,14 +33,16 @@ function visitParagraph(o) {
         const hit = embedFromLink(href, text[0].value ?? '');
         if (!hit)
             return;
-        ctx.replaceNode(node, { type: 'raw', value: facadeHtml(hit, o) });
+        ctx.replaceNode(node, { type: 'raw', value: facadeHtml(hit) });
         ctx.data[FLAG] = true;
     };
 }
-export function rehypeEmbeds(o) {
+/** Takes no options. 2.3.0 took `{ lang, privacyHref }` for the line under the player, since
+ *  removed; a site still passing them builds the same. */
+export function rehypeEmbeds(_legacy) {
     return {
         name: 'pmeweb-embeds',
-        element: { filter: ['p'], visit: visitParagraph(o) },
+        element: { filter: ['p'], visit: visitParagraph() },
         after(root, ctx) {
             if (ctx.data[FLAG] === true)
                 ctx.appendChild(root, { type: 'raw', value: ASSET_TAGS });

package/dist/embeds/scan.d.ts

@@ -8,7 +8,6 @@ export interface Scan {
         provider: ProviderKey;
         id: string;
     }[];
-    drawn: ProviderKey[];
     used: ProviderKey[];
     privacy: ProviderKey[];
     unconverted: {

package/dist/embeds/scan.js

@@ -14,18 +14,13 @@ const ordered = (s) => PROVIDER_KEYS.filter((k) => s.has(k));
 const unescapeHtml = (s) => s.replace(/&quot;/g, '"').replace(/&lt;/g, '<').replace(/&gt;/g, '>').replace(/&amp;/g, '&');
 export function scanPages(pages) {
     const thumbs = new Map();
-    const drawn = new Set();
     const used = new Set();
     const privacy = new Set();
     const unconverted = [];
     for (const { path, html } of pages) {
         for (const m of html.matchAll(POSTER)) {
             const [, provider, id] = m;
-            if (!isKey(provider))
-                continue;
-            if (id === 'drawn' && PROVIDERS[provider].poster.kind === 'drawn')
-                drawn.add(provider);
-            else
+            if (isKey(provider) && PROVIDERS[provider].poster.kind === 'thumbnail')
                 thumbs.set(`${provider}:${id}`, { provider, id });
         }
         for (const m of html.matchAll(FIGURE))
@@ -41,7 +36,7 @@ export function scanPages(pages) {
                 unconverted.push({ path, href });
         }
     }
-    return { thumbnails: [...thumbs.values()], drawn: ordered(drawn), used: ordered(used), privacy: ordered(privacy), unconverted };
+    return { thumbnails: [...thumbs.values()], used: ordered(used), privacy: ordered(privacy), unconverted };
 }
 /** The build's two refusals, as messages; empty when the site is wired. */
 export function selfCheck(s) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pmeweb/content",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "description": "PmeWeb content contract: content.schema.json types, zodFrom, field checks, scheduling. Read by every site's build and by the client portal.",
   "type": "module",
   "license": "MIT",