pantoken / packages/utils/src / danglingReferences

Functie: danglingReferences() ​

danglingReferences(css): string[]

Bèta

Controle op zelf-containedheid: --instui-*-namen die via var() worden verwezen in een stylesheet dat het nooit definieert (als een @property-registratie of een --x:-declaratie). Gesorteerd; leeg betekent dat elke referentie binnen dezelfde output wordt opgelost. Gebruik voor zelfvoorzienende stylesheets (css, pendo).

Parameters ​

css ​

string

Het gegenereerde stylesheet.

Retourneert ​

string[]

De niet-opgeloste referentienamen.

Voorbeeld ​

ts
import { danglingReferences } from "@pantoken/utils";

// Self-contained: the referenced property is also defined here.
danglingReferences("@property --instui-a {} .b { color: var(--instui-a); }"); // → []

// Dangling: `--instui-b` is referenced but never defined.
danglingReferences(
  ":root { --instui-a: red; } .b { color: var(--instui-a); background: var(--instui-b); }",
); // → ["--instui-b"]