bulma/docs/_scripts/plugins/utils.js

const fs = require('fs');
const path = require('path');

const base_path = '../_data/variables/';
const css_keywords = ['null', 'ease-out', 'optimizeLegibility'];
const regex_unitless = /^([0-9]+\.[0-9]+)$/;

let utils = {
  getVariableType: (name, value) => {
    if (!value) {
      return 'string';
    }

    if (name == '$sizes') {
      return 'map';
    }

    if (
      value.startsWith('hsl') ||
      value.startsWith('#') ||
      value.startsWith('rgb')
    ) {
      return 'color';
    } else if (css_keywords.includes(value)) {
      return 'keyword';
    } else if (value.startsWith('mergeColorMaps')) {
      return 'map';
    } else if (value.startsWith('findColorInvert')) {
      return 'function';
    } else if (value.startsWith('$')) {
      return 'variable';
    } else if (value.startsWith('BlinkMacSystemFont') || value == 'monospace') {
      return 'font-family';
    } else if (value == 'true' || value == 'false') {
      return 'boolean';
    } else if (name.endsWith('shadow')) {
      return 'shadow';
    } else if (value.endsWith('ms')) {
      return 'duration';
    } else if (value.includes('+')) {
      return 'computed';
    } else if (value.endsWith('00') || value == 'normal') {
      return 'font-weight';
    } else if (
      value.endsWith('px') ||
      value.endsWith('em') ||
      value.includes('px ') ||
      value.includes('em ')
    ) {
      return 'size';
    } else if (value.includes('$')) {
      return 'compound';
    } else if (value.match(regex_unitless)) {
      return 'unitless';
    }

    return 'string';
  },

  parseLine: (line) => {
    if (line.startsWith('$') && line.endsWith('!default')) {
      const colon_index = line.indexOf(':');
      const variable_name = line.substring(0, colon_index).trim();

      const default_index = line.indexOf('!default');
      let variable_value = line
        .substring(colon_index + 1, default_index)
        .trim();

      return (variable = {
        name: variable_name,
        value: variable_value,
        type: utils.getVariableType(variable_name, variable_value),
      });
    }

    return false;
  },

  getLines: (files, file_path) => {
    const file = files[file_path];
    const slash_index = file_path.lastIndexOf('/');
    const dot_index = file_path.lastIndexOf('.');
    const file_name = file_path.substring(slash_index + 1, dot_index);

    return {
      file_name,
      lines: file.contents.toString().split(/(?:\r\n|\r|\n)/g),
    };
  },

  writeFile: (file_path, data) => {
    const json_data = JSON.stringify(data, null, '  ');
    const json_file_path = base_path + file_path.replace('.sass', '.json');

    utils.ensureDirectoryExistence(json_file_path);

    fs.writeFile(json_file_path, json_data, (err) => {
      if (err) {
        return console.log(err);
      }

      console.log(`The file ${json_file_path} was saved!`);
    });
  },

  getInitialValue: (value, type, initial_variables) => {
    if (value.startsWith('$') && value in initial_variables.by_name) {
      const second_value = initial_variables.by_name[value].value;

      if (
        second_value.startsWith('$') &&
        second_value in initial_variables.by_name
      ) {
        const third_value = initial_variables.by_name[second_value].value;

        return third_value;
      }

      return second_value;
    }

    return value;
  },

  getComputedData: (
    name,
    value,
    type,
    initial_variables,
    derived_variables = {}
  ) => {
    let computed_value = '';

    if (value.startsWith('$')) {
      let second_value;

      if (value in initial_variables.by_name) {
        second_value = initial_variables.by_name[value].value;
      } else if (
        derived_variables.by_name &&
        value in derived_variables.by_name
      ) {
        second_value = derived_variables.by_name[value].value;
      }

      if (second_value && second_value.startsWith('$')) {
        let third_value;

        if (second_value in initial_variables.by_name) {
          third_value = initial_variables.by_name[second_value].value;
        } else if (
          derived_variables.by_name &&
          second_value in derived_variables.by_name
        ) {
          third_value = derived_variables.by_name[second_value].value;
        }

        computed_value = third_value;
      } else {
        computed_value = second_value;
      }
    } else if (value.startsWith('findColorInvert')) {
      // e.g. $turquoise-invert -> findColorInvert($turquoise)
      if (value.endsWith('($yellow)')) {
        computed_value = 'rgba(0, 0, 0, 0.7)';
      } else {
        computed_value = '#fff';
      }
    }

    if (computed_value && computed_value != '') {
      // e.g. $primary-invert -> $turquoise-invert -> findColorInvert($turquoise)
      if (computed_value.startsWith('findColorInvert')) {
        if (computed_value.endsWith('($yellow)')) {
          computed_value = 'rgba(0, 0, 0, 0.7)';
        } else {
          computed_value = '#fff';
        }
      }

      const computed_type = utils.getVariableType(name, computed_value);

      if (computed_value.startsWith('mergeColorMaps')) {
        computed_value = 'Bulma colors';
      }

      return {
        computed_type,
        computed_value,
      };
    }

    return {};
  },

  ensureDirectoryExistence: (file_path) => {
    var dirname = path.dirname(file_path);

    if (fs.existsSync(dirname)) {
      return true;
    }

    utils.ensureDirectoryExistence(dirname);
    fs.mkdirSync(dirname);
  },
};

utils.files = {};
utils.files.initial_variables = `${base_path}utilities/initial-variables.json`;
utils.files.derived_variables = `${base_path}utilities/derived-variables.json`;

module.exports = utils;