pantoken / packages/plugin-kit/src / extendPlugin

Functie: extendPlugin() ​

extendPlugin(base, overrides): PantokenPlugin

Bèta

Bouw een plugin bovenop een andere. Hooks in dezelfde fase worden samengesteld: tokens voert base uit en daarna overrides (dat de output van de basis ziet); css voegt beide CssContributions samen; icons/native voeren beiden uit; rehype schakelt resolvers aan elkaar (overschrijft de eerste). Capaciteiten zijn de unie.

Parameters ​

base ​

PantokenPlugin

De plugin om uit te breiden.

overrides ​

Partial<PantokenPlugin>

Hooks (en een optionele name) die erbovenop zijn gelegd.

Retourneert ​

PantokenPlugin

Een nieuw gebrandmerkt plugin.

Voorbeeld ​

Voeg een extra CSS-bijdrage bovenop een basisplugin toe

ts
import { definePlugin, extendPlugin } from "@pantoken/plugin-kit";

const base = definePlugin({ name: "brand", css: () => ({ append: ":root {}" }) });
const themed = extendPlugin(base, { css: () => ({ append: ".dark {}" }) });
// themed.css merges both contributions; its append holds ":root {}\n\n.dark {}"