· Home

myframely /api/v1 demo

Exercises all three response shapes (JSON / HTML fragment / web component) against a single URL. Server-loads via the authenticated path; web-component live-fetch uses /demo/proxy as a stand-in for a consumer's backend proxy.

1. JSON shape=json

{
  "url": "https://richard-67741.medium.com/marriage-affairs-and-the-problem-no-one-talks-about-0e4b95f2d211",
  "canonical": "https://richard-67741.medium.com/marriage-affairs-and-the-problem-no-one-talks-about-0e4b95f2d211",
  "title": "Marriage, Affairs, and the Problem No One Talks About",
  "description": "About a year and a half ago, my wife — whom I’ve been married to for forty years — had an affair. It took me about six months to actually…",
  "siteName": "Medium",
  "siteLogoUrl": "https://storage.mostly.film/myframely/logo/medium.com/69e710a5392c56ae4a38e5928272af106927fd70.png",
  "favicon": "https://miro.medium.com/v2/5d8de952517e8160e40ef9841c781cdc14a5db313057fa3c3de41c6f5b494b19",
  "images": {
    "thumbnail": "https://storage.mostly.film/myframely/previews/63651a5c-8a04-4766-9435-808f6a782ba9/a3ea251057a9.jpg",
    "hero": "https://storage.mostly.film/myframely/previews/63651a5c-8a04-4766-9435-808f6a782ba9/197432b0f93d.jpg",
    "origin": "https://miro.medium.com/v2/resize:fit:1200/1*jtfXj8r3r7L0fv2TeFYN3g.jpeg"
  },
  "provider": null,
  "fetchedAt": "2026-10-13T15:36:12.774Z"
}

2. HTML fragment shape=html

variant=thumbnail (default)

Marriage, Affairs, and the Problem No One Talks About

About a year and a half ago, my wife — whom I’ve been married to for forty years — had an affair. It took me about six months to actually…

Medium
variant=hero

Marriage, Affairs, and the Problem No One Talks About

About a year and a half ago, my wife — whom I’ve been married to for forty years — had an affair. It took me about six months to actually…

Medium
raw thumbnail HTML 
<div class="mPreview_card" data-variant="thumbnail"><a class="mPreview_link" href="https://richard-67741.medium.com/marriage-affairs-and-the-problem-no-one-talks-about-0e4b95f2d211" target="_blank" rel="noopener nofollow"><img class="mPreview_thumb" src="https://storage.mostly.film/myframely/previews/63651a5c-8a04-4766-9435-808f6a782ba9/a3ea251057a9.jpg" alt="" loading="lazy"><div class="mPreview_body"><h3 class="mPreview_title">Marriage, Affairs, and the Problem No One Talks About</h3><p class="mPreview_description">About a year and a half ago, my wife — whom I’ve been married to for forty years — had an affair. It took me about six months to actually…</p><div class="mPreview_meta"><img class="mPreview_logo" src="https://storage.mostly.film/myframely/logo/medium.com/69e710a5392c56ae4a38e5928272af106927fd70.png" alt="" loading="lazy"><span class="mPreview_site">Medium</span></div></div></a></div>

3. Web component (pre-fetched) <myframely-card preview=...>

default
theme="dark"
variant="hero"
themed via --mPreview-* (small/tight)

4. Web component (live-fetch) <myframely-card url=... endpoint=/demo/proxy>

This component fetches the preview from /demo/proxy on mount, no pre-serialized attribute. Simulates the pattern a consumer would use if they proxy the preview call through their own backend.