pantoken / demo

demo ​

@pantoken/demo — @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."

다음 세 가지를 포함합니다: resolveDemo (명세 → iframe 속성, 프레임워크 무관), a markdown-it 플러그인 (demoMarkdownIt)이 demo 펜스를 패널 HTML로 변환하고, 자체 호스팅 러너(@pantoken/demo/runner.html) — 동일 출처 페이지가 베어 HTML/CSS/JS 데모를 가져와 토큰 스타일시트를 주입하여 렌더링하므로 self: 데모는 서드파티 계정이나 프레이밍 우회가 필요 없습니다.

예제 ​

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;

인터페이스 ​

변수 ​

함수 ​