pantoken / demo

demo ​

@pantoken/demo — gengivelses-siden af @demo systemet.

@pantoken/typedoc-plugin-demo omdanner en @demo <spec> tag til en omgivet demo blok hvis indhold er spec'en (en bar URL eller et <provider>:<ref> par). Denne pakke løser spec'en til en indlejringsbar iframe og gengiver det omgivende panel — et MDN-stil "live sample".

Det leverer tre ting: resolveDemo (spec → iframe attributter, framework-agnostisk), et markdown-it plugin (demoMarkdownIt) som omdanner demo fold til panel HTML, og en self-hosted runner (@pantoken/demo/runner.html) — en same-origin side som henter et bart HTML/CSS/JS demo og gengiver det med dine token stylesheets injiceret, så self: demos ikke behøver tredjepartsaccount og ingen ramme workarounds.

Eksempel ​

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;

Grænseflader ​

Variabler ​

Funktioner ​