@rws-framework/client/builder/webpack/scss/_fs.js

Realtime Web Suit is a web-component powered, MS FAST powered fullstack-oriented framework that you can use to create domain-agnostic modular asynchoronous components with intershared authorized states.

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

let _scss_import = null;
const _COMPILE_DIR_NAME = 'compiled';


function writeCssFile(scssFilePath, cssContent, workspaceDir, finalCssDirOverride = null) {
    const cssFilePath = scssFilePath.replace('.scss', '.css');
    let endCssFilePath = cssFilePath.split(path.sep);
    let endCssDir = [...endCssFilePath];
    endCssDir[endCssDir.length - 1] = `${_COMPILE_DIR_NAME}`;
    endCssDir = endCssDir.join(path.sep);
    const fileName = endCssFilePath[endCssFilePath.length - 1];

    if(!finalCssDirOverride){
      if (!fs.existsSync(endCssDir)) {
        fs.mkdirSync(endCssDir);
      }

      endCssFilePath[endCssFilePath.length - 1] = `${_COMPILE_DIR_NAME}${path.sep}` + fileName;
      endCssFilePath = endCssFilePath.join(path.sep);
    }else{
      const cssDirPath = path.join(workspaceDir, finalCssDirOverride);
      if(!fs.existsSync(cssDirPath)){
        fs.mkdirSync(cssDirPath);
      }

      endCssFilePath = path.join(cssDirPath, fileName);
    }

    fs.writeFile(endCssFilePath, cssContent, () => {});
    console.log('Saved external CSS file in: ' + endCssFilePath);
}

function readSCSSFilesFromDirectory(dirPath) {
    let scssFiles = [];

    try {
      const files = fs.readdirSync(dirPath);

      files.forEach(file => {
        const filePath = path.join(dirPath, file);
        const stat = fs.statSync(filePath);

        if (stat.isFile() && path.extname(file) === '.scss') {
          scssFiles.push(filePath);
        } else if (stat.isDirectory()) {
          scssFiles = scssFiles.concat(readSCSSFilesFromDirectory(filePath));
        }
      });
    } catch (e) {
      console.error(`Failed to read directory ${dirPath}:`, e);
    }

    return scssFiles;
  };


  function getCodeFromFile(filePath, rwsWorkspaceDir, appRootDir, pubDir = null) {
    filePath = filePath.replace('//', '/');
    const _scss_import_builder = require('./_import');    
    _scss_import = _scss_import_builder(this);

    if (!fs.existsSync(filePath)) {
      const processedImportPath = _scss_import.processImportPath(filePath, rwsWorkspaceDir, appRootDir, path.dirname(filePath), false, pubDir);

      if (!fs.existsSync(processedImportPath)) {
        throw new Error(`SCSS loader: File path "${filePath}" was not found.`);
      }

      filePath = processedImportPath;
    }

    if (filePath[filePath.length - 1] === '/' && fs.statSync(filePath).isDirectory()) {
      let collectedCode = '';

      readSCSSFilesFromDirectory(filePath).forEach(scssPath => {
        collectedCode += fs.readFileSync(scssPath, 'utf-8');
      });

      return collectedCode;
    } else if (fs.statSync(filePath).isDirectory()) {
      throw new Error(`Non-directory path (not ending with "/") "${filePath}" is and should not be a directory`)
    }

    return fs.readFileSync(filePath, 'utf-8');
  }

  module.exports = function(element) {
    return {
        writeCssFile: writeCssFile.bind(element),
        readSCSSFilesFromDirectory: readSCSSFilesFromDirectory.bind(element),
        getCodeFromFile: getCodeFromFile.bind(element)
    };
};