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 attributes, फ्रेमवर्क-स्वतंत्र), a markdown-it प्लगइन (demoMarkdownIt) जो demo फेन्स को पैनल HTML में बदलता है, और a self-hosted runner (@pantoken/demo/runner.html) — एक same-origin पृष्ठ जो एक साधारण 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;

इंटरफेस ​

वैरिएबल्स ​

फंक्शन्स ​