Skip to content

pantoken / demo

demo

@pantoken/demo@demo համակարգի ցուցադրման կողմը.

@pantoken/typedoc-plugin-demo վերածում է @demo <spec> թեգը սահմանված demo բլոկի, որի մարմինը հանդիսանում է սպեցիֆիկացիան (մաքուր URL կամ <provider>:<ref> զույգ): Այս փաթեթը լուծում է այդ սպեցիֆիկացիան՝ նկարագրելի iframe-ի հատկանիշների և ներարկվող iframe-ի տեսքով և մատուցում շրջապատող պանելը — MDN-ի ոճի «կենդանի օրինակը».

Այն պարունակում է երեք բաղադրիչ՝ resolveDemo (սկզբնաղութ → iframe հատկանիշներ, ֆրեյմվորթից անկախ), մի markdown-it պլագին (demoMarkdownIt), որը վերածում է demo սահմանները պանել HTML-ի, և ինքնուրույն հյուրընկալվող ռաններ (@pantoken/demo/runner.html) — նույն ծագման էջ, որը բեռնում է մաքուր HTML/CSS/JS դեմո և հանդես է բերում այն՝ ձեր token ոճաթերթերը ներարկված, ուստի 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;

Ինտերֆեյսներ

Փոփոխականներ

Ֆունկցիաներ