Read derived variables

docs/scripts/.gitignore

@@ -1,3 +1,4 @@
 # Folders
 
+/build
 /output

docs/scripts/01-read-initial-variables.js

@@ -20,13 +20,11 @@ function plugin() {
 
         if (variable != false) {
           variables.by_name[variable.name] = variable;
-          variables[file_name].push(variable.name);
+          variables.list.push(variable.name);
         }
       });
-
-      metalsmith.variables = variables;
-
-      utils.writeFile('./output/initial-variables.json', variables);
     });
+
+    utils.writeFile(utils.files.initial_variables, variables);
   };
 }

docs/scripts/02-read-derived-variables.js

@@ -0,0 +1,34 @@
+module.exports = plugin;
+
+const utils = require('./utils');
+const fs = require('fs');
+
+let initial_variables = JSON.parse(fs.readFileSync(utils.files.initial_variables));
+
+function plugin() {
+  let variables = {
+    by_name: {},
+  };
+
+  return (files, metalsmith, done) => {
+    setImmediate(done);
+
+    Object.keys(files).forEach(file_path => {
+      const {file_name, lines} = utils.getLines(files, file_path);
+
+      variables[file_name] = [];
+
+      lines.forEach(line => {
+        const variable = utils.parseLine(line);
+
+        if (variable != false) {
+          variable.computed_value = utils.getComputedValue(variable.value, variable.type, initial_variables);
+          variables.by_name[variable.name] = variable;
+          variables.list.push(variable.name);
+        }
+      });
+    });
+
+    utils.writeFile(utils.files.derived_variables, variables);
+  };
+}

docs/scripts/read-derived-variables.js

@@ -1,23 +0,0 @@
-module.exports = plugin;
-
-var utils = require('./utils');
-
-function plugin() {
-  return (files, metalsmith, done) => {
-    setImmediate(done);
-
-    Object.keys(files).forEach(file_path => {
-      const {file_name, lines} = utils.getLines(files, file_path);
-
-      lines.forEach(line => {
-        const variable = utils.parseLine(line);
-
-        if (variable != false) {
-          console.log('variable', variable);
-        }
-      });
-
-      metalsmith.variables = variables;
-    });
-  };
-}

docs/scripts/utils.js

@@ -1,6 +1,7 @@
 const fs = require('fs');
 
-function getVariableType(value) {
+let utils = {
+  getVariableType: (value) => {
     if (value.startsWith('hsl')) {
       return 'color';
     } else if (value.startsWith('$')) {
@@ -11,14 +12,16 @@ function getVariableType(value) {
       return 'boolean';
     } else if (value.includes('+')) {
       return 'computed';
+    } else if (value.endsWith('00')) {
+      return 'font-weight';
     } else if (value.endsWith('px') || value.endsWith('rem')) {
       return 'size';
     }
 
     return 'string';
-}
+  },
 
-function parseLine(line) {
+  parseLine: (line) => {
     if (line.startsWith('$') && line.endsWith('!default')) {
       const colon_index = line.indexOf(':');
       const variable_name = line.substring(0, colon_index).trim();
@@ -29,14 +32,14 @@ function parseLine(line) {
       return variable = {
         name: variable_name,
         value: variable_value,
-      type: getVariableType(variable_value),
+        type: utils.getVariableType(variable_value),
       };
     }
 
     return false;
-}
+  },
 
-function getLines(files, file_path) {
+  getLines: (files, file_path) => {
     const file = files[file_path];
     const slash_index = file_path.lastIndexOf('/');
     const dot_index = file_path.lastIndexOf('.');
@@ -46,9 +49,9 @@ function getLines(files, file_path) {
       file_name,
       lines: file.contents.toString().split(/(?:\r\n|\r|\n)/g),
     }
-}
+  },
 
-function writeFile(file_path, data) {
+  writeFile: (file_path, data) => {
     const json_data = JSON.stringify(data, null, '  ');
 
     fs.writeFile(file_path, json_data, err => {
@@ -58,12 +61,31 @@ function writeFile(file_path, data) {
 
       console.log('The file was saved!');
     });
+  },
+
+  getComputedValue: (value, type, initial_variables) => {
+    if (value.startsWith('$') && value in initial_variables.by_name) {
+      const second_value = initial_variables.by_name[value].value;
+      console.log('second_value', second_value);
+
+      if (second_value.startsWith('$') && second_value in initial_variables) {
+        const third_value = initial_variables.by_name[second_value].value;
+        console.log('third_value', third_value);
+
+        return third_value;
+      }
+
+      return second_value;
+    }
+
+    return value;
+  }
 }
 
-let plugin = {};
-plugin.getVariableType = getVariableType;
-plugin.getLines = getLines;
-plugin.parseLine = parseLine;
-plugin.writeFile = writeFile;
+const output_base = './output/';
 
-module.exports = plugin;
+utils.files = {};
+utils.files.initial_variables = `${output_base}initial-variables.json`;
+utils.files.derived_variables = `${output_base}derived-variables.json`;
+
+module.exports = utils;

docs/scripts/variables.js

@@ -6,18 +6,21 @@ var writemetadata = require('metalsmith-writemetadata');
 // var regex = '**/*.sass';
 var regex_initial = '**/initial-variables.sass';
 var regex_derived = '**/derived-variables.sass';
-var initial_plugin = require('./read-initial-variables');
-var derived_plugin = require('./read-derived-variables');
+var initial_plugin = require('./01-read-initial-variables');
+var derived_plugin = require('./02-read-derived-variables');
 
 Metalsmith(__dirname)
-  .source('../../sass/utilities')
-  // .destination('./output')
-  // .clean(true)
+  .source('../../sass')
   .use(filter(regex_initial))
   .use(initial_plugin())
-  // .use(filter(regex_derived))
-  // .use(derived_plugin())
-  // .use(writemetadata())
+  .build(function(err) {
+    if (err) throw err;
+  });
+
+Metalsmith(__dirname)
+  .source('../../sass')
+  .use(filter(regex_derived))
+  .use(derived_plugin())
   .build(function(err) {
     if (err) throw err;
   });