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 ומציגו כשגליונות הסגנון של הטוקנים שלך מוזרקים, כך שלדמוים של 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;

ממשקים ​

משתנים ​

פונקציות ​