pantoken / packages/utils/src / makeResolver

تابع: makeResolver()

makeResolver(base, options?): (value) => string

بتا

ساخت یک resolver که ارجاع‌های var(--x) را نسبت به base به مقادیر برگِ مشخص توسعه می‌دهد (به‌علاوه هر overrides). با mode، light-dark() را به آن شاخه فرو می‌نشاند؛ در صورت نبود، light-dark() را سر جای خود رها می‌کند.

پارامترها

base

فقط‌خواندنی Token[]

مجموعهٔ توکن‌ها برای حل ارجاعات نسبت به آن.

options?

ResolveOptions = {}

ResolveOptions.

مقدار بازگشتی

تابعی که رشتهٔ مقدار را حل می‌کند.

(value) => string

نمونه‌ها

زنجیرهٔ ارجاع را تا برگِ مشخص آن گسترش دهید

import { makeResolver } from "@pantoken/utils";
import type { Token } from "@pantoken/model";

const ir: Token[] = [
  { name: "--instui-leaf", syntax: "<color>", inherits: true, value: "#0374B5" },
  { name: "--instui-brand", syntax: "*", inherits: true, value: "var(--instui-leaf)" },
];

const resolve = makeResolver(ir);
resolve("var(--instui-brand)"); // → "#0374B5"

light-dark() را با یک حالت جمع کنید، یا در صورت نبودِ حالت آن را بدون تغییر نگه دارید

import { makeResolver } from "@pantoken/utils";
import type { Token } from "@pantoken/model";

const ir: Token[] = [
  { name: "--instui-bg", syntax: "*", inherits: true, value: "light-dark(#fff, #000)" },
];

makeResolver(ir)("var(--instui-bg)");                 // → "light-dark(#fff, #000)"
makeResolver(ir, { mode: "light" })("var(--instui-bg)"); // → "#fff"
makeResolver(ir, { mode: "dark" })("var(--instui-bg)");  // → "#000"

اعمال لایه‌ای که در برخورد نام‌ها برتری پیدا می‌کند

import { makeResolver } from "@pantoken/utils";
import type { Token } from "@pantoken/model";

const ir: Token[] = [
  { name: "--instui-leaf", syntax: "<color>", inherits: true, value: "#0374B5" },
  { name: "--instui-brand", syntax: "*", inherits: true, value: "var(--instui-leaf)" },
];
const overrides: Token[] = [
  { name: "--instui-leaf", syntax: "<color>", inherits: true, value: "#000" },
];

makeResolver(ir, { overrides })("var(--instui-brand)"); // → "#000"