v4: link previews are read once, in one place, and no longer take an error page, a relative image or a mask icon for the page's — each provider fetched its page and scanned it with regular expressions of its own, the generic one some fifteen times, and Bandcamp and SoundCloud read only OG tags. fetchPage (remote/fetch.ts) now fetches every page, follows redirects to the address it was served from, and refuses an error status, so a 404 or a bot challenge is unreachable rather than a preview titled "Just a moment...", and a refresh no longer overwrites good metadata with it. parsePage (remote/html.ts) reads it in one linear pass with a real attribute reader: unquoted values, a > inside quotes, og: tags under name as well as property, and nothing from comments or scripts. Every URL a page names is resolved against where it was served from, so a relative og:image works; entities are decoded in one pass, &eacute; and &rsquo; included, and one that names no character no longer fails the preview (bandcamp-tralbum.ts shares the decoder). The mask icon is no longer the favicon, JSON-LD prefers the page's node over the site's, tracking pixels and lazy placeholders aren't thumbnails, an og:url with a slug keeps the OG tags, and a <title> loses its site suffix. genericPreview is the base of the Bandcamp, SoundCloud and YouTube channel previews; SoundCloud takes www., m. and on.soundcloud.com short links, embedding the page they lead to, and Bandcamp keeps only its own player. The service tidies every preview: text on one line, titles and descriptions capped, only http(s) images and players. RichContent.type is now RichContentType, and the unused videoId is gone.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

api/remote/providers/soundcloud.ts

@@ -1,50 +1,72 @@
 /**
- * Previews SoundCloud links from their page's OG tags, for
- * `rich-content-service.ts`.
+ * Previews SoundCloud links from their page, for `rich-content-service.ts`.
  *
  * @module
  */
 
 import type { RichContent } from "../../../shared/dump.ts";
 import type { RichContentProvider } from "./provider.ts";
-import { extractOgTag } from "../html.ts";
-import { fetchWithTimeout, readTextCapped } from "../fetch.ts";
+import { parsePage } from "../html.ts";
+import { fetchPage } from "../fetch.ts";
+import { genericPreview } from "./generic.ts";
+
+/** SoundCloud's own hosts, the short links' `on.` included. */
+const SOUNDCLOUD_HOSTS = new Set([
+  "soundcloud.com",
+  "www.soundcloud.com",
+  "m.soundcloud.com",
+  "on.soundcloud.com",
+]);
 
 /**
- * Claims soundcloud.com only, not www. or m.soundcloud.com, and builds the
- * embed player's URL from the link itself.
+ * Returns the soundcloud.com address of the page, which the embed player
+ * takes: its `og:url`, or else the URL it was served from. A short link only
+ * redirects, so it is never the answer; tracking parameters are dropped.
+ */
+function pageAddress(ogUrl: string | undefined, finalUrl: string): string {
+  for (const raw of [ogUrl, finalUrl]) {
+    if (!raw) continue;
+    try {
+      const url = new URL(raw);
+      if (
+        !SOUNDCLOUD_HOSTS.has(url.hostname) ||
+        url.hostname === "on.soundcloud.com"
+      ) continue;
+      return `https://soundcloud.com${url.pathname}`;
+    } catch {
+      continue;
+    }
+  }
+  return finalUrl;
+}
+
+/**
+ * Claims SoundCloud's hosts, short links included, and builds the embed
+ * player's URL from the page's address.
  */
 export const soundcloudProvider: RichContentProvider = {
   name: "soundcloud",
 
   matches(url: string): boolean {
     try {
-      return new URL(url).hostname === "soundcloud.com";
+      return SOUNDCLOUD_HOSTS.has(new URL(url).hostname);
     } catch {
       return false;
     }
   },
 
   async fetch(url: string): Promise<RichContent> {
-    const res = await fetchWithTimeout(url);
-    const contentType = res.headers.get("content-type") ?? "";
-
-    if (!contentType.startsWith("text/html")) {
-      await res.body?.cancel();
-      return { type: "soundcloud", siteName: "SoundCloud", url };
-    }
-
-    const html = await readTextCapped(res);
-
+    const fetched = await fetchPage(url);
+    const page = fetched.html === undefined
+      ? undefined
+      : parsePage(fetched.html, fetched.url);
+    const address = pageAddress(page?.meta("og:url"), fetched.url);
     return {
+      ...(page ? genericPreview(page, url, fetched.url) : { url }),
       type: "soundcloud",
       siteName: "SoundCloud",
-      url,
-      title: extractOgTag(html, "title"),
-      description: extractOgTag(html, "description"),
-      thumbnailUrl: extractOgTag(html, "image"),
       embedUrl: `https://w.soundcloud.com/player/?url=${
-        encodeURIComponent(url)
+        encodeURIComponent(address)
       }&visual=true&auto_play=false`,
     };
   },