@rws-framework/client 2.19.1 → 2.20.0

package/builder/webpack/scss/_compiler.js

@@ -14,6 +14,8 @@ function compileScssCode(scssCode, fileRootDir, rwsWorkspaceDir, appRoot, pubDir
     _scss_import = _scss_import_builder(this);    
     const [scssImports] = _scss_import.extractScssImports(scssCode, rwsWorkspaceDir, appRoot, fileRootDir, pubDir);
 
+    // console.log({scssImports});
+
     const dependencies = scssImports.map((item) => item[2]);    
 
     if (scssImports && scssImports.length) {

package/builder/webpack/scss/_import.js

@@ -12,8 +12,8 @@ function processImportPath(importPath, rwsWorkspaceDir, appRootDir, fileRootDir
 
     _scss_fs = _scss_fs_builder(this);
     const workspaceDir = this.getRWSWorkspaceDir ? this.getRWSWorkspaceDir() : rwsWorkspaceDir;
-    const appRoot = this.getRWSWorkspaceDir ? this.getRWSRootDir() : appRootDir;    
-  
+    const appRoot = this.getRWSWorkspaceDir ? this.getRWSRootDir() : appRootDir;       
+
     if (importPath.split('')[0] === '~') {       
         return fillSCSSExt(replaceWithNodeModules(importPath, appRoot, null, true), noext);
     }
@@ -22,8 +22,8 @@ function processImportPath(importPath, rwsWorkspaceDir, appRootDir, fileRootDir
         return path.resolve(rwsPath.findPackageDir(__dirname), 'src', 'styles', 'includes.scss');
     }
 
-    if (importPath.indexOf('@workspace') === 0) {        
-        return path.resolve(path.join(workspaceDir, importPath.replace('@workspace', '')));
+    if (importPath.indexOf('@workspace') === 0) {    
+        return path.join(workspaceDir, importPath.replace('@workspace', ''));
     }
 
     if (importPath.indexOf('@public') === 0) {     
@@ -32,11 +32,11 @@ function processImportPath(importPath, rwsWorkspaceDir, appRootDir, fileRootDir
 
     if (importPath.indexOf('@cwd') === 0) {
         return fillSCSSExt(path.join(this.appRootDir, importPath.slice(4)), noext);
-    }
+    }   
 
     if (importPath.split('')[0] === '/' || importPath.split('')[1] === ':') {
-        const originalImport = fillSCSSExt(importPath, noext);        
-        
+        const originalImport = fillSCSSExt(importPath, noext);  
+
         if(!fs.existsSync(originalImport)){
             const absoluteImport = fillSCSSExt(path.join(workspaceDir, 'src', importPath), noext);
 
@@ -44,17 +44,19 @@ function processImportPath(importPath, rwsWorkspaceDir, appRootDir, fileRootDir
         }
         
         return originalImport;
-    }    
+    }   
+    
+   
 
-    if (fileRootDir) {
-        const relativized = path.resolve(fileRootDir) + '/' + importPath;     
+    if (fileRootDir) {    
+        const relativized = path.join(path.resolve(fileRootDir), importPath);     
 
         if (importPath.split('')[0] === '.') {
             return fillSCSSExt(relativized, noext);
         }
 
         if (!fs.existsSync(relativized)) {
-            const partSplit = relativized.split('/');
+            const partSplit = relativized.split(path.sep);
             partSplit[partSplit.length - 1] = '_' + partSplit[partSplit.length - 1] + '.scss';
 
             const newPath = underscorePath(relativized);
@@ -69,15 +71,22 @@ function processImportPath(importPath, rwsWorkspaceDir, appRootDir, fileRootDir
     return importPath;
 }
 
-function underscorePath(path, noext = false) {
-    const partSplit = path.split('/');
-    partSplit[partSplit.length - 1] = '_' + partSplit[partSplit.length - 1] + (path.indexOf('.scss') > - 1 || noext ? '' : '.scss');
-    return partSplit.join('/');
+function underscorePath(underPath, noext = false) {
+    const partSplit = underPath.split(path.sep);
+
+    const repl = (partSplit[partSplit.length - 1].split('')[0] !== '_' ? '_' : '') + partSplit[partSplit.length - 1];
+
+    partSplit[partSplit.length - 1] = repl + (underPath.indexOf('.scss') > - 1 || noext ? '' : '.scss');
+
+
+
+    return partSplit.join(path.sep);
 }
 
 
 function fillSCSSExt(scssPath, noext = false) {
     const underscoredPath = underscorePath(scssPath, noext);
+
     let ext = scssPath;
 
     if (!fs.existsSync(scssPath) && fs.existsSync(underscoredPath)) {
@@ -145,7 +154,7 @@ function detectImports(code) {
 
 function replaceWithNodeModules(input, appRootDir, fileDir = null, absolute = false, token = '~') {
     _scss_fs = _scss_fs_builder(this);   
-    return input.replace(token, absolute ? `${path.join(appRootDir, 'node_modules')}/` : this.node_modules_dir(fileDir ? fileDir : appRootDir));
+    return input.replace(token, absolute ? `${path.join(appRootDir, 'node_modules')}${path.sep}` : this.node_modules_dir(fileDir ? fileDir : appRootDir));
 }
 
 function processImports(imports, fileRootDir, rwsWorkspaceDir, importStorage = {}, sub = false, pubDir = null) {
@@ -154,7 +163,7 @@ function processImports(imports, fileRootDir, rwsWorkspaceDir, importStorage = {
     const importResults = [];
 
     const getStorage = (sourceComponentPath, importedFileContent) => {
-        const sourceComponentPathFormatted = sourceComponentPath.replace('/', '_');
+        const sourceComponentPathFormatted = sourceComponentPath.replace(path.sep, '_');
 
         if (!(sourceComponentPathFormatted in importStorage)) {
             importStorage[sourceComponentPathFormatted] = importedFileContent;
@@ -171,7 +180,9 @@ function processImports(imports, fileRootDir, rwsWorkspaceDir, importStorage = {
         const workspaceDir = this.getRWSWorkspaceDir ? this.getRWSWorkspaceDir() : importData[3];
         const appRoot = this.getRWSWorkspaceDir ? this.getRWSRootDir() : importData[4];
 
-        let importPath = processImportPath(originalImportPath, workspaceDir, appRoot, fileRootDir, false, pubDir);            
+        let importPath = processImportPath(originalImportPath, workspaceDir, appRoot, fileRootDir, false, pubDir);
+        
+        // console.log({originalImportPath, importPath});
       
         let replacedScssContent = getStorage(importPath, _scss_fs.getCodeFromFile(importPath, workspaceDir, appRoot, pubDir).replace(/\/\*[\s\S]*?\*\//g, ''));
 

package/console.js

@@ -1,87 +1,87 @@
-#!/usr/bin/env node
-
-const chalk = require('chalk');
-const path = require('path');
-const fs = require('fs');
-const tools = require('./_tools');
-
-const moduleDir = path.resolve(__dirname);
-const executionDir = path.resolve(process.cwd());
-const workspaceRoot = tools.findRootWorkspacePath(executionDir);
-
-const command2map = process.argv[2];
-const firstArg = process.argv[3] || '';
-
-const extraArgsAggregated = [];
-
-if(process.argv.length > 4){
-    for(let i = 4; i <= process.argv.length-1;i++){
-      extraArgsAggregated.push(process.argv[i]);
-    }
-}
-
-const CMD_LIST = [
-  'init',
-  'build:sw'
-]
-
-async function main() {
-    if(!CMD_LIST.includes(command2map) || command2map === 'help'){
-      const helpTxt = `RWS Client CLI. \n\n Main features: \n - framerwork init \n - tests \n\n`;
-      const cmdList = `Command list: \n ${CMD_LIST.map((el) => `"rws-client ${el}"`).join('\n')}`;
-      const currentColor = command2map === 'help' ? chalk.yellow : chalk.red
-
-      if(command2map === 'help'){
-        console.log(currentColor(helpTxt));
-      }
-
-      console.log(currentColor(cmdList))
-      return false;
-    }
-
-    switch(command2map){
-      case 'init': await initCmd(); break;
-      case 'build:sw': await buildSwCmd(); break;
-    }
-    
-    return true;
-}
-
-async function initCmd(){
-  let workspaced = false;  
-    if(workspaceRoot !== executionDir){
-      workspaced = true;
-    }  
-  
-    if(workspaced){    
-      if(!fs.existsSync(`${executionDir}/.eslintrc.json`)){
-        const rcjs = fs.readFileSync(`${moduleDir}/.setup/.eslintrc.json`, 'utf-8');
-        fs.writeFile(`${executionDir}/.eslintrc.json`, rcjs.replace('{{frontend_dir}}', executionDir));
-        console.log(chalk.green('RWS CLI'), 'Installed eslint base workspace config file.');
-      }
-    }else{
-      if(!fs.existsSync(`${executionDir}/.eslintrc.json`)){
-        fs.copyFile(`${moduleDir}/.eslintrc.json`, `${executionDir}/.eslintrc.json`);
-        console.log(chalk.green('[RWS Client]'), 'Installed eslint config file.');
-      }        
-    }
-
-    if(!fs.existsSync(`${executionDir}/tsconfig.json`)){
-      fs.copyFile(`${moduleDir}/.setup/tsconfig.json`, `${executionDir}/tsconfig.json`);
-      console.log(chalk.green('[RWS Client]'), 'Installed tsconfig.');
-    }   
-}
-
-async function buildSwCmd(){
-  const webpackCmd = `yarn webpack`;
-  
-  try {
-    console.log(chalk.yellow('[RWS Client]'), 'Installing service worker...');
-    await tools.runCommand(`${webpackCmd} --config ${path.resolve(moduleDir, 'service_worker')}/webpack.config.js`, executionDir, false, { env: { SWPATH: firstArg } });
-    console.log(chalk.green('[RWS Client]'), 'Service worker installed.');
-  }catch(e){
-    console.error('runerror',e);
-  }
-}
-
+#!/usr/bin/env node
+
+const chalk = require('chalk');
+const path = require('path');
+const fs = require('fs');
+const tools = require('./_tools');
+
+const moduleDir = path.resolve(__dirname);
+const executionDir = path.resolve(process.cwd());
+const workspaceRoot = tools.findRootWorkspacePath(executionDir);
+
+const command2map = process.argv[2];
+const firstArg = process.argv[3] || '';
+
+const extraArgsAggregated = [];
+
+if(process.argv.length > 4){
+    for(let i = 4; i <= process.argv.length-1;i++){
+      extraArgsAggregated.push(process.argv[i]);
+    }
+}
+
+const CMD_LIST = [
+  'init',
+  'build:sw'
+]
+
+async function main() {
+    if(!CMD_LIST.includes(command2map) || command2map === 'help'){
+      const helpTxt = `RWS Client CLI. \n\n Main features: \n - framerwork init \n - tests \n\n`;
+      const cmdList = `Command list: \n ${CMD_LIST.map((el) => `"rws-client ${el}"`).join('\n')}`;
+      const currentColor = command2map === 'help' ? chalk.yellow : chalk.red
+
+      if(command2map === 'help'){
+        console.log(currentColor(helpTxt));
+      }
+
+      console.log(currentColor(cmdList))
+      return false;
+    }
+
+    switch(command2map){
+      case 'init': await initCmd(); break;
+      case 'build:sw': await buildSwCmd(); break;
+    }
+    
+    return true;
+}
+
+async function initCmd(){
+  let workspaced = false;  
+    if(workspaceRoot !== executionDir){
+      workspaced = true;
+    }  
+  
+    if(workspaced){    
+      if(!fs.existsSync(`${executionDir}/.eslintrc.json`)){
+        const rcjs = fs.readFileSync(`${moduleDir}/.setup/.eslintrc.json`, 'utf-8');
+        fs.writeFile(`${executionDir}/.eslintrc.json`, rcjs.replace('{{frontend_dir}}', executionDir));
+        console.log(chalk.green('RWS CLI'), 'Installed eslint base workspace config file.');
+      }
+    }else{
+      if(!fs.existsSync(`${executionDir}/.eslintrc.json`)){
+        fs.copyFile(`${moduleDir}/.eslintrc.json`, `${executionDir}/.eslintrc.json`);
+        console.log(chalk.green('[RWS Client]'), 'Installed eslint config file.');
+      }        
+    }
+
+    if(!fs.existsSync(`${executionDir}/tsconfig.json`)){
+      fs.copyFile(`${moduleDir}/.setup/tsconfig.json`, `${executionDir}/tsconfig.json`);
+      console.log(chalk.green('[RWS Client]'), 'Installed tsconfig.');
+    }   
+}
+
+async function buildSwCmd(){
+  const webpackCmd = `yarn webpack`;
+  
+  try {
+    console.log(chalk.yellow('[RWS Client]'), 'Installing service worker...');
+    await tools.runCommand(`${webpackCmd} --config ${path.resolve(moduleDir, 'service_worker')}/webpack.config.js`, executionDir, false, { env: { SWPATH: firstArg } });
+    console.log(chalk.green('[RWS Client]'), 'Service worker installed.');
+  }catch(e){
+    console.error('runerror',e);
+  }
+}
+
 main().then((result) => {});