pantoken / packages/plugin-kit/src / extendPlugin

Funksjon: extendPlugin() ​

extendPlugin(base, overrides): PantokenPlugin

Beta

Bygg en plugin på toppen av en annen. Hooks på samme fase komponeres: tokens kjører base deretter overrides (som ser base-pluginens output); css slår sammen begge CssContribution-ene; icons/native kjører begge; rehype kjeder resolvere (overstyrer først). Funksjonalitetene er foreningen.

Parametere ​

base ​

PantokenPlugin

Pluginen som skal utvides.

overrides ​

Partial<PantokenPlugin>

Hooks (og en valgfri name) lagt oppå.

Returnerer ​

PantokenPlugin

En ny merkevare-plugin.

Eksempel ​

Legg til et ekstra CSS-bidrag på toppen av en basis-plugin

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 {}"