Skip to content

pantoken / packages/utils/src / danglingReferences

Funzione: danglingReferences()

danglingReferences(css): string[]

Beta

Controllo di autosufficienza: i nomi --instui-* referenziati tramite var() in un foglio di stile che non li definisce mai (come una registrazione @property o una dichiarazione --x:). Ordinati; vuoto significa che ogni riferimento si risolve nello stesso output. Usalo per fogli di stile autosufficienti (css, pendo).

Parametri

css

string

Il foglio di stile generato.

Restituisce

string[]

I nomi dei riferimenti pendenti.

Esempio

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