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, ไม่ขึ้นกับ framework), a ปลั๊กอิน markdown-it (demoMarkdownIt) ที่เปลี่ยนรั้วของ demo ให้เป็น HTML ของแผง, และ a ตัวรันที่โฮสต์เอง (@pantoken/demo/runner.html) — หน้า same-origin ที่ดึงตัวอย่าง 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;

อินเทอร์เฟซ ​

ตัวแปร ​

ฟังก์ชัน ​