variables.ts

import {
  rootVariables,
  universalVariables,
} from "react-native-css/style-collection";

import type { StyleDescriptor, StyleFunction } from "../../../compiler";
import { isStyleDescriptorArray } from "../../utils";
import { VAR_SYMBOL, type Getter } from "../reactivity";
import type { ResolveValueOptions, SimpleResolveValue } from "./resolve";

export function varResolver(
  resolve: SimpleResolveValue,
  fn: StyleFunction,
  get: Getter,
  options: ResolveValueOptions,
) {
  const {
    renderGuards,
    inheritedVariables: variables = { [VAR_SYMBOL]: true },
    inlineVariables,
    variableHistory = new Set(),
  } = options;

  const args = fn[2];

  let name: string | undefined;
  let fallback: StyleDescriptor | undefined;

  if (typeof args === "string") {
    name = args;
  } else {
    const result = resolve(args);

    if (isStyleDescriptorArray(result)) {
      name = result[0] as string;
      fallback = result[1];
    }
  }

  if (typeof name !== "string") {
    return;
  }

  // If this recurses back to the same variable, we need to stop
  if (variableHistory.has(name)) {
    return;
  }

  if (name in variables) {
    renderGuards?.push(["v", name, variables[name]]);
    return resolve(variables[name]);
  }

  variableHistory.add(name);

  let value = resolve(inlineVariables?.[name] as StyleDescriptor);
  if (value !== undefined) {
    options.inlineVariables ??= { [VAR_SYMBOL]: "inline" };
    options.inlineVariables[name] = value;

    return value;
  }

  value = resolve(variables[name]);
  if (value !== undefined) {
    renderGuards?.push(["v", name, value]);
    options.inlineVariables ??= { [VAR_SYMBOL]: "inline" };
    options.inlineVariables[name] = value;

    return value;
  }

  value = resolve(get(universalVariables(name)));
  if (value !== undefined) {
    options.inlineVariables ??= { [VAR_SYMBOL]: "inline" };
    options.inlineVariables[name] = value;
    return value;
  }

  value = resolve(get(rootVariables(name)));
  if (value !== undefined) {
    options.inlineVariables ??= { [VAR_SYMBOL]: "inline" };
    options.inlineVariables[name] = value;
    return value;
  }

  return resolve(fallback);
}