@rws-framework/client/builder/webpack/loaders/rws_fast_scss_loader.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 fs = require('fs');
const RWSScssPlugin = require('../rws_scss_plugin');

module.exports = async function(content) {      
    const filePath = this.resourcePath;
    const componentDir = path.resolve(path.dirname(filePath), '..');
    const componentPath = path.resolve(componentDir, 'component.ts');
    const isDev = this._compiler.options.mode === 'development';    
    const saveFile = content.indexOf('@save') > -1; 
    const plugin = new RWSScssPlugin({
        appRootDir: this.query?.appRootDir,
        rwsWorkspaceDir: this.query?.rwsWorkspaceDir,
        publicDir: this.query?.publicDir,
        cssDir: this.query?.cssDir
    }); 
    let fromTs = false;    

    if(saveFile){
        try {        
            const codeData = await plugin.compileScssCode(content, path.dirname(filePath));                                

            const code = codeData.code;
            const deps = codeData.dependencies;        

            for (const dependency of deps){
                this.addDependency(dependency);
            }

            if (saveFile && code) {
                plugin.writeCssFile(filePath, code);
            }
        } catch(e){
            console.error(e);
            return '';
        }
    }

    if(fs.existsSync(componentPath)){
        const time = new Date();
        fs.utimes(componentPath, time, time, () => {});
    }
    
    return '';   
};