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 属性，与框架无关）、一个 markdown-it 插件（demoMarkdownIt），将 demo 围栏转换为面板 HTML，以及一个 自托管运行器（@pantoken/demo/runner.html）——同源页面，会获取一个精简的 HTML/CSS/JS 演示并注入你的 token 样式表进行渲染，因此 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;

接口 ​

变量 ​

函数 ​