pantoken / demo
demo
@pantoken/demo — a @demo rendszer renderelési oldala.
A @pantoken/typedoc-plugin-demo egy @demo <spec> jelölőt kerített demo blokká alakít, amelynek törzse a spec (sima URL vagy <provider>:<ref> pár). Ez a csomag feloldja a spec-et egy beágyazható iframévé és megjeleníti a szomszédos panelt — egy MDN-stílusú "élő minta."
Három dolgot szállít: a resolveDemo (spec → iframe attribútumok, framework-agnostic), egy markdown-it plugin (demoMarkdownIt), amely demo kerítéseket panel HTML-vé alakít, és egy saját hosztolt futtatót (@pantoken/demo/runner.html) — egy azonos eredetű oldal, amely egy egyszerű HTML/CSS/JS demót betölt és az injektált token stíluslapokkal rendereli, így a self: demók nem igényelnek harmadikat féltől származó fiókot és nincs szükség keretezési megoldásokra.
Példa
import { resolveDemo } from "@pantoken/demo";
resolveDemo("stackblitz:abc123").src; // → "https://stackblitz.com/edit/abc123?embed=1&…"
resolveDemo("self:button", { base: "/docs/", cssUrls: ["/docs/tokens.css"] }).src;