pantoken / demo

demo ​

@pantoken/demo — o lado de renderização do sistema @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."

Ele fornece três coisas: resolveDemo (spec → atributos do iframe, agnóstico ao framework), um markdown-it plugin (demoMarkdownIt) que transforma cercas demo no HTML do painel, e um executor auto-hospedado (@pantoken/demo/runner.html) — uma página de mesma origem que busca um demo simples de HTML/CSS/JS e o renderiza com suas folhas de estilo de tokens injetadas, de modo que demos self: não precisam de conta de terceiros nem de artifícios de framing.

Exemplo ​

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;

Interfaces ​

Variáveis ​

Funções ​