@rws-framework/client/builder/webpack/rws_scss_plugin.js

This package provides the core client-side framework for Realtime Web Suit (RWS), enabling modular, asynchronous web components, state management, and integration with backend services. It is located in `.dev/client`.

const path = require('path');
const _tools = require('../../_tools');

const _scss_compiler_builder = require('./scss/_compiler');
let _scss_compiler = null;
const _scss_import_builder = require('./scss/_import');

let _scss_import = null;
const _scss_fs_builder = require('./scss/_fs');
const { timingStart, timingStop } = require('../../cfg/build_steps/webpack/_timing');
let _scss_fs = null;


class RWSScssPlugin {
  autoCompile = [];
  rwsWorkspaceDir = null;

  constructor(params = {
    appRootDir: null,
    rwsWorkspaceDir: null,
    publicDir: null,
    cssDir: null,
    autoCompile: []
  }) {
    this.node_modules_dir = (fileDir) => path.relative(fileDir, path.join(this.getRWSRootDir(), '/node_modules'))
    _scss_import = _scss_import_builder(this);    
    _scss_fs = _scss_fs_builder(this);
    _scss_compiler = _scss_compiler_builder(this);

    this.pubDir = params.publicDir;
    this.cssDir = params.cssDir;    

    if(!params.rwsWorkspaceDir){      
      throw new Error('Pass "rwsWorkspaceDir" to the "@rws-framework/client/builder/webpack/loaders/rws_fast_ts_loader.js" loader.');
    }

    this.rwsWorkspaceDir = params.rwsWorkspaceDir;
    this.appRootDir = params.appRootDir;

    if (!!params.autoCompile && params.autoCompile.length > 0) {
      this.autoCompile = params.autoCompile;
    }

    for (let index in this.autoCompile) {
      const sassFile = this.autoCompile[index];
      this.compileFile(sassFile, pubDir);
    }
  }
  
  apply(compiler) {
    const _self = this;

    return;
  }

  async compileFile(scssPath) {    
    scssPath = _scss_import.processImportPath(scssPath, this.getRWSWorkspaceDir(), this.getRWSRootDir(),path.dirname(scssPath), false, this.getPubDir())    


    let scssCode = _scss_fs.getCodeFromFile(scssPath, this.getRWSWorkspaceDir(), this.getRWSRootDir(), this.getPubDir());

    return await _scss_compiler.compileScssCode(scssCode, path.dirname(scssPath), this.getRWSWorkspaceDir(), this.getRWSRootDir(), this.getPubDir());
  }

  async compileScssCode(scssCode, scssPath){    
    return await _scss_compiler.compileScssCode(scssCode, scssPath, this.getRWSWorkspaceDir(), this.getRWSRootDir(), this.getPubDir());
  }

  writeCssFile(scssFilePath, cssContent){
    return _scss_fs.writeCssFile(scssFilePath, cssContent, this.getRWSWorkspaceDir(), this.getCssDir());
  }

  getRWSWorkspaceDir() {
    return this.rwsWorkspaceDir;
  }

  getRWSRootDir() {
    return this.appRootDir;
  }

  getCssDir() {
    return this.cssDir;
  }

  getPubDir() {
    return this.pubDir;
  }
}

module.exports = RWSScssPlugin;