pantoken / demo

demo ​

@pantoken/demo — la banda de renderització del sistema @demo.

@pantoken/typedoc-plugin-demo converteix una etiqueta @demo <spec> en un bloc demo tancat el cos de la qual és l'especificació (una URL descendent o una parella <provider>:<ref>). Aquest paquet resol aquesta especificació en un iframe incrustat i renderitza el panell circumdant — una "mostra en directe" d'estil MDN.

Envia tres coses: resolveDemo (especificació → atributs iframe, agnòstic del marc), un connector markdown-it (demoMarkdownIt) que converteix les tanques demo en HTML del panell, i un corredor autoallotjat (@pantoken/demo/runner.html) — una pàgina del mateix origen que obté una demostració HTML/CSS/JS descendent i la renderitza amb les vostres fulls d'estil de tokens injectats, de manera que les demostracions self: no necessiten compte de tercers ni solucions alternativas d'emmarcament.

Exemple ​

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;

Interfícies ​

Variables ​

Funcions ​