pantoken / packages/utils/src / danglingReferences

Funktion: danglingReferences() ​

danglingReferences(css): string[]

Beta

Selbstenthaltungsprüfung: --instui-*-Namen, die über var() in einem Stylesheet referenziert werden, das sie niemals definiert (als eine @property-Registrierung oder eine --x:-Deklaration). Sortiert; leer bedeutet, dass jede Referenz innerhalb derselben Ausgabe aufgelöst wird. Verwenden für selbständige Stylesheets (css, pendo).

Parameter ​

css ​

string

Das erzeugte Stylesheet.

Rückgabe ​

string[]

Die hängenden Referenznamen.

Beispiel ​

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"]