Class ThemeVariableResolver

services/variableResolver.js:6–66

const THEME_EXTENSION_SCOPE = 'shoutem.theme';

export class ThemeVariableResolver {
  constructor(variables) {
    this.variables = { ...variables };

    autoBind(this);
  }

  setVariables(variables) {
    this.variables = { ...variables };
  }

  getScopedVariable(scope, variable) {
    if (!this.variables || _.isEmpty(this.variables)) {
      throw new Error(
        'Theme variable resolver not yet initialised. Please call `setVariables` prior to this function call',
      );
    }

    const scopePath = _.split(scope, '.');
    const variablePath = _.split(variable, '.');

    return _.get(
      this.variables,
      [...scopePath, ...variablePath],
      _.get(this.variables, variablePath)
    );
  }

  // Currently supports 2 function signatures
  // resolveVariable(variableName) -> Tries to get the variable under the root scope ( generic theme values )
  // resolveVariable(scope, variableName) -> Tries to get the variable under specific scope
  // Variable name can be stringified object path or a regular string, i.e -> text.color
  resolveVariable(...params) {
    if (arguments.length === 1) {
      const variablePath = _.split(params[0], '.');
    
      return _.get(this.variables, variablePath);
    }

    if (arguments.length === 2) {
      return this.getScopedVariable(params[0], params[1]);
    }

    throw new Error(
      "Invalid theme variable resolution call. Please use full signature \n-> resolveVariable(scope, variableName),\n or the shorthand if you're getting a variable from shoutem.theme extension \n->resolveVariable(variableName)",
    );
  }

  createScopedResolver(scope) {
    return (...params) => {
      if (params.length === 1) {
        return this.getScopedVariable(scope, params[0]);
      }
      if (params.length === 2) {
        return this.getScopedVariable(params[0], params[1]);
      }

      return undefined;