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 (spec → ویژگی‌های iframe، مستقل از فریم‌ورک)، یک پلاگین markdown-it (demoMarkdownIt) که فنس‌های demo را به HTML پنل تبدیل می‌کند، و یک اجراکنندهٔ خودمیزبان (@pantoken/demo/runner.html) — صفحه‌ای هم‌مبدأ که یک دمؤ سادهٔ HTML/CSS/JS را دریافت و با تزریق stylesheetهای توکنِ شما رندر می‌کند، بنابراین دموهای 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;

رابط‌ها ​

متغیرها ​

توابع ​