pantoken / packages/utils/src / danglingReferences

関数: danglingReferences()

danglingReferences(css): string[]

ベータ

自己包含チェック: --instui-* 名が var() を通じてスタイルシート内で参照されているが、そのスタイルシートでは決して 定義されない（@property の登録や --x: の宣言として）。ソート済み；空はすべての 参照が同じ出力内で解決されることを意味します。自己完結型スタイルシート（css、pendo）に使用。

パラメーター

css

string

生成されたスタイルシート。

戻り値

string[]

未解決の参照名。

例

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