@zohodesk/react-cli 1.0.3 → 1.1.1

package/lib/utils/variableConverter.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _fileHandling = require("../plugins/utils/fileHandling");
+
+var _getOptions = _interopRequireDefault(require("./getOptions"));
+
+var _folderIterator = _interopRequireDefault(require("./folderIterator"));
+
+var _variableConvertorUtils = require("../plugins/variableConvertorUtils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const postcss = require('postcss');
+
+const path = require('path');
+
+const fs = require('fs');
+
+const postcssVariableConvertor = require('../postcss-plugins/variableModificationPlugin/index').plugin;
+
+const cwd = process.cwd();
+const src = path.join(cwd, process.argv[2]);
+const dist = path.join(cwd, process.argv[3]);
+const options = (0, _getOptions.default)();
+
+function watchHandler(fromPath, toPath) {
+  const css = fs.readFileSync(fromPath, 'utf-8'); // console.log(css);
+
+  const {
+    css: cssOptions
+  } = options; // console.log(cssOptions, appOptions);
+
+  const {
+    cssVariableReplacementConfig: cssVariableConfigFilePath,
+    patterns: filterArr
+  } = cssOptions;
+  const rootOriginal = postcss.parse(css);
+  const variables = {}; // const unassigned = {};
+
+  const rawdata = fs.readFileSync(cssVariableConfigFilePath).toString();
+  const cssVariableOptions = JSON.parse(rawdata);
+  const {
+    settings: settingsObject // errorLog: errorLogStatus,
+    // errorInConsole: errorConsoleStatus,
+    // errorsAllowed,
+    // strictMode
+
+  } = cssVariableOptions;
+  rootOriginal.walkRules(rule => {
+    rule.walkDecls(decl => {
+      decl.value.split(' ').forEach(val => {
+        if (val && val.includes('--') && !new RegExp(_variableConvertorUtils.ignoreVals.join('|'), 'gi').test(val) && decl.prop) {
+          const extractedValue = (0, _variableConvertorUtils.extractVariableName)(val);
+
+          if (!variables[extractedValue]) {
+            variables[extractedValue] = decl.prop;
+          }
+        }
+      });
+    });
+  });
+
+  if (!(0, _fileHandling.isFileNameMatchingPluginPattern)({
+    filename: fromPath,
+    filterArr
+  })) {
+    return;
+  }
+
+  const convertedCode = (0, _variableConvertorUtils.variableConverter)(rootOriginal, variables, settingsObject).toString(); // if (convertedCode.trim() !== '') {
+  //   fs.writeFileSync(fromPath, convertedCode);
+  // }
+  // console.log(convertedCode);
+
+  postcss([postcssVariableConvertor(cssVariableConfigFilePath)]).process(convertedCode, {
+    from: undefined
+  }).then(result => {
+    fs.writeFileSync(toPath, result.css);
+  }); // console.log(variableOptions);
+}
+
+(0, _folderIterator.default)(src, dist, ['.css'], false, (fromPath, toPath) => {
+  // console.log(fromPath, toPath);
+  watchHandler(fromPath, toPath);
+}); // if (canWacth) {
+//   useExitCleanup(() => {
+//     fs.unwatchFile(src, watchHandler);
+//   });
+// }