pantoken / packages/plugin-kit/src / definePlugin

Funktion: definePlugin()

definePlugin(config): PantokenPlugin

Beta

Erstellt ein pantoken-Plugin aus seinen Hooks. Das Ergebnis ist ein normales PantokenPlugin gebrandet mit den aus den von Ihnen bereitgestellten Hooks abgeleiteten Fähigkeiten.

Parameter

config

PantokenPlugin

Das Plugin name sowie beliebige der Hooks tokens/icons/css/rehype/native.

Rückgabe

PantokenPlugin

Ein gebrandetes PantokenPlugin.

Beispiel

Ein einheitliches Tokens- und CSS-Plugin

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

const brand = definePlugin({
  name: "@acme/brand",
  tokens: (ctx) => [
    ...ctx.tokens,
    ctx.define({ name: "--instui-brand", value: "var(--instui-color-background-brand)" }),
  ],
  css: () => ({ append: ":root { color-scheme: light dark; }" }),
});

capabilitiesOf(brand); // → ["tokens", "css"]