pantoken / demo

demo ​

@pantoken/demo — جانب العرض في نظام @demo.

@pantoken/typedoc-plugin-demo يحوّل وسم @demo <spec> إلى كتلة demo محاطة بأسوار يكون محتواها المواصفة (عنوان URL عادي أو زوج <provider>:<ref>). تحل هذه الحزمة تلك المواصفة إلى iframe قابل للتضمين وتعرض اللوحة المحيطة — "عينة حية" على طريقة MDN.

تتضمن ثلاثة عناصر: 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;

واجهات ​

المتغيرات ​

الدوال ​