Skip to content

pantoken / demo

demo

@pantoken/demo — an taobh rindreála den chóras @demo.

@pantoken/typedoc-plugin-demo turns a @demo <spec> tag into a fenced demo block whose body is the spec (a bare URL or a <provider>:<ref> pair). This package resolves that spec into an embeddable iframe and renders the surrounding panel — an MDN-style "live sample."

Seolann sé trí ruda: resolveDemo (spec → fráma-iframe attributes, neamhspleách ar an framework), plug-in markdown-it (demoMarkdownIt) a iompraíonn na faisean cóid demo go HTML an phainéil, agus reáiteoir féin-óstáilte (@pantoken/demo/runner.html) — leathanach ón tsomhra dá mbeadh an fhoinse céanna a íoslódálann demo HTML/CSS/JS lom agus a léirithear é le do bhileoga stíle tascán inste, mar sin ní theastaíonn cuntas tríú páirtí ná réiteach framing ó na demos self:.

Sampla

ts
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;

Comhéadan

Athróga

Feidhmeanna