@rws-framework/client 2.20.1 → 2.20.3

package/builder/webpack/rws.webpack.config.js

@@ -1,162 +1,162 @@
-const { rwsPath } = require('@rws-framework/console');
-const path = require('path');
-const chalk = require('chalk');
-
-const RWSWebpackPlugin = require('./rws_webpack_plugin');
-
-const buildInfo = require('../../cfg/build_steps/webpack/_info');
-const { loadAliases } = require('../../cfg/build_steps/webpack/_aliases');
-const { timingStart, timingStop, timeLog, toggleLogging } = require('../../cfg/build_steps/webpack/_timing');
-const { getRWSProductionSetup } = require('../../cfg/build_steps/webpack/_production');
-const { rwsExternals } = require('../../cfg/build_steps/webpack/_rws_externals');
-
-const tools = require('../../_tools');
-const { setComponentsChunks, scanComponents, generateRWSInfoFile, partedComponentsEvents } = require('../../cfg/build_steps/webpack/_component_handling');
-const { getBuildConfig } = require('../../cfg/build_steps/webpack/_build_config');
-const { createWebpackConfig } = require('../../cfg/build_steps/webpack/_webpack_config');
-const { executeRWSStartActions, timingActions, devActions } = require('../../cfg/build_steps/webpack/_actions');
-const { RWS_WEBPACK_PLUGINS_BAG, addStartPlugins } = require('../../cfg/build_steps/webpack/_plugins');
-
-
-// #SECTION INIT OPTIONS
-
-const RWSWebpackWrapper = async (appRoot, rwsFrontendConfig,  _packageDir) => {
-  const _MAIN_PACKAGE = rwsPath.findRootWorkspacePath(appRoot);
-
-  const {
-    executionDir,
-    isWatcher,
-    isDev,
-    isReport,
-    isParted,
-    partedPrefix,
-    partedDirUrlPrefix,
-    partedComponentsLocations,
-    customServiceLocations,
-    outputDir,
-    outputFileName,
-    publicDir,
-    cssDir,
-    serviceWorkerPath,
-    publicIndex,
-    devTools,
-    devDebug,
-    devRouteProxy,
-    tsConfig,
-    rwsPlugins,
-    BuildConfigurator,
-    hotReload,
-    hotReloadPort,
-    loaderIgnoreExceptions
-  } = await getBuildConfig(rwsFrontendConfig, _packageDir);
-
-  timeLog({ devDebug });
-
-  if (devDebug?.timing) {
-    timingStart('build config');
-  }  
-
-  rwsPath.removeDirectory(outputDir, true);
-  buildInfo.start(executionDir, tsConfig, outputDir, isDev, publicDir, isParted, partedPrefix, partedDirUrlPrefix, devTools, rwsFrontendConfig.rwsPlugins);
-
-
-  // #SECTION INIT PLUGINS && ENV VARS DEFINES
-  addStartPlugins(rwsFrontendConfig, BuildConfigurator, devDebug, hotReload, isReport);
-
-  const WEBPACK_AFTER_ACTIONS = rwsFrontendConfig.actions || [];
-  const WEBPACK_AFTER_ERROR_ACTIONS = rwsFrontendConfig.error_actions || [];
-
-  const modules_setup = [path.join(_packageDir, 'node_modules'), path.join(executionDir, 'node_modules'), path.join(tools.findRootWorkspacePath(appRoot), 'node_modules')];
-  let optimConfig = null;
-  let aliases = rwsFrontendConfig.aliases || {};
-  aliases = { ...aliases, ...(await loadAliases(_packageDir, tsConfig,path.resolve(_MAIN_PACKAGE, 'node_modules'), executionDir))}  
-
-  // #SECTION PLUGIN STARTING HOOKS
-
-  executeRWSStartActions(WEBPACK_AFTER_ACTIONS, serviceWorkerPath, BuildConfigurator, rwsFrontendConfig);
-
-  if (devDebug?.timing) {
-    timingStop('build config');
-  }
-
-
-   // #SECTION RWS COMPONENT SCAN && PARTED PROCESSING
-  const RWSComponents = scanComponents(await partedComponentsEvents(partedComponentsLocations, rwsPlugins, isParted), executionDir, _packageDir);
-  console.log(`${chalk.cyanBright('RWS Scanned')} ${chalk.yellowBright(RWSComponents.length)} components`);
-  const { automatedChunks, automatedEntries } = setComponentsChunks(rwsFrontendConfig.entrypoint, RWSComponents, isParted);
-
-  // #SECTION RWS INFO FILE
-  generateRWSInfoFile(outputDir, automatedEntries);
-  console.log(chalk.greenBright(`RWSInfo file generated.`));
-
-
-  if (!isDev) {
-    // #SECTION RWS PROD SETUP
-
-    if (!optimConfig) {
-      optimConfig = {};
-    }
-
-    optimConfig = getRWSProductionSetup(optimConfig, tsConfig.path);
-  }
-
-  // #SECTION RWS DEV ACTIONS
-  const devExternalsVars = devActions(WEBPACK_AFTER_ACTIONS, executionDir, devDebug);
-  timingActions(WEBPACK_AFTER_ACTIONS, WEBPACK_AFTER_ERROR_ACTIONS, devDebug);
-
-  // #SECTION RWS WEBPACK PLUGIN INIT
-  if (WEBPACK_AFTER_ACTIONS.length || WEBPACK_AFTER_ERROR_ACTIONS.length) {
-    RWS_WEBPACK_PLUGINS_BAG.add(new RWSWebpackPlugin({
-      actions: WEBPACK_AFTER_ACTIONS, 
-      error_actions: WEBPACK_AFTER_ERROR_ACTIONS, 
-      dev: isDev,
-      devDebug,
-      appRoot 
-    }));
-  }
-
-  // #SECTION RWS WEBPACK BUILD
-  const cfgExport = await createWebpackConfig({
-    executionDir,
-    _packageDir,
-    isDev,
-    devTools,
-    devDebug,
-    isParted,
-    partedPrefix,
-    outputDir,
-    outputFileName,
-    automatedChunks,
-    modules_setup,
-    aliases,
-    tsConfig,
-    WEBPACK_PLUGINS: RWS_WEBPACK_PLUGINS_BAG.getPlugins(),
-    rwsExternals,
-    devExternalsVars,
-    appRootDir: appRoot,
-    entrypoint: rwsFrontendConfig.entrypoint,
-    hotReload,
-    hotReloadPort,
-    publicDir,
-    cssDir,
-    loaderIgnoreExceptions
-});  
-
-
-  if (optimConfig) {
-    // setup production config if it got created above
-    cfgExport.optimization = optimConfig;
-  }
-
-  // #SECTION RWS PLUGINS onBuild EVENTS FIRE
-  for (const pluginKey of Object.keys(rwsPlugins)) {
-    const plugin = rwsPlugins[pluginKey];
-    await plugin.onBuild(cfgExport);
-  }
-
-  return cfgExport;
-}
-
-
-
+const { rwsPath } = require('@rws-framework/console');
+const path = require('path');
+const chalk = require('chalk');
+
+const RWSWebpackPlugin = require('./rws_webpack_plugin');
+
+const buildInfo = require('../../cfg/build_steps/webpack/_info');
+const { loadAliases } = require('../../cfg/build_steps/webpack/_aliases');
+const { timingStart, timingStop, timeLog, toggleLogging } = require('../../cfg/build_steps/webpack/_timing');
+const { getRWSProductionSetup } = require('../../cfg/build_steps/webpack/_production');
+const { rwsExternals } = require('../../cfg/build_steps/webpack/_rws_externals');
+
+const tools = require('../../_tools');
+const { setComponentsChunks, scanComponents, generateRWSInfoFile, partedComponentsEvents } = require('../../cfg/build_steps/webpack/_component_handling');
+const { getBuildConfig } = require('../../cfg/build_steps/webpack/_build_config');
+const { createWebpackConfig } = require('../../cfg/build_steps/webpack/_webpack_config');
+const { executeRWSStartActions, timingActions, devActions } = require('../../cfg/build_steps/webpack/_actions');
+const { RWS_WEBPACK_PLUGINS_BAG, addStartPlugins } = require('../../cfg/build_steps/webpack/_plugins');
+
+
+// #SECTION INIT OPTIONS
+
+const RWSWebpackWrapper = async (appRoot, rwsFrontendConfig,  _packageDir) => {
+  const _MAIN_PACKAGE = rwsPath.findRootWorkspacePath(appRoot);
+
+  const {
+    executionDir,
+    isWatcher,
+    isDev,
+    isReport,
+    isParted,
+    partedPrefix,
+    partedDirUrlPrefix,
+    partedComponentsLocations,
+    customServiceLocations,
+    outputDir,
+    outputFileName,
+    publicDir,
+    cssDir,
+    serviceWorkerPath,
+    publicIndex,
+    devTools,
+    devDebug,
+    devRouteProxy,
+    tsConfig,
+    rwsPlugins,
+    BuildConfigurator,
+    hotReload,
+    hotReloadPort,
+    loaderIgnoreExceptions
+  } = await getBuildConfig(rwsFrontendConfig, _packageDir);
+
+  timeLog({ devDebug });
+
+  if (devDebug?.timing) {
+    timingStart('build config');
+  }  
+
+  rwsPath.removeDirectory(outputDir, true);
+  buildInfo.start(executionDir, tsConfig, outputDir, isDev, publicDir, isParted, partedPrefix, partedDirUrlPrefix, devTools, rwsFrontendConfig.rwsPlugins);
+
+
+  // #SECTION INIT PLUGINS && ENV VARS DEFINES
+  addStartPlugins(rwsFrontendConfig, BuildConfigurator, devDebug, hotReload, isReport);
+
+  const WEBPACK_AFTER_ACTIONS = rwsFrontendConfig.actions || [];
+  const WEBPACK_AFTER_ERROR_ACTIONS = rwsFrontendConfig.error_actions || [];
+
+  const modules_setup = [path.join(_packageDir, 'node_modules'), path.join(executionDir, 'node_modules'), path.join(tools.findRootWorkspacePath(appRoot), 'node_modules')];
+  let optimConfig = null;
+  let aliases = rwsFrontendConfig.aliases || {};
+  aliases = { ...aliases, ...(await loadAliases(_packageDir, tsConfig,path.resolve(_MAIN_PACKAGE, 'node_modules'), executionDir))}  
+
+  // #SECTION PLUGIN STARTING HOOKS
+
+  executeRWSStartActions(WEBPACK_AFTER_ACTIONS, serviceWorkerPath, BuildConfigurator, rwsFrontendConfig);
+
+  if (devDebug?.timing) {
+    timingStop('build config');
+  }
+
+
+   // #SECTION RWS COMPONENT SCAN && PARTED PROCESSING
+  const RWSComponents = scanComponents(await partedComponentsEvents(partedComponentsLocations, rwsPlugins, isParted), executionDir, _packageDir);
+  console.log(`${chalk.cyanBright('RWS Scanned')} ${chalk.yellowBright(RWSComponents.length)} components`);
+  const { automatedChunks, automatedEntries } = setComponentsChunks(rwsFrontendConfig.entrypoint, RWSComponents, isParted);
+
+  // #SECTION RWS INFO FILE
+  generateRWSInfoFile(outputDir, automatedEntries);
+  console.log(chalk.greenBright(`RWSInfo file generated.`));
+
+
+  if (!isDev) {
+    // #SECTION RWS PROD SETUP
+
+    if (!optimConfig) {
+      optimConfig = {};
+    }
+
+    optimConfig = getRWSProductionSetup(optimConfig, tsConfig.path);
+  }
+
+  // #SECTION RWS DEV ACTIONS
+  const devExternalsVars = devActions(WEBPACK_AFTER_ACTIONS, executionDir, devDebug);
+  timingActions(WEBPACK_AFTER_ACTIONS, WEBPACK_AFTER_ERROR_ACTIONS, devDebug);
+
+  // #SECTION RWS WEBPACK PLUGIN INIT
+  if (WEBPACK_AFTER_ACTIONS.length || WEBPACK_AFTER_ERROR_ACTIONS.length) {
+    RWS_WEBPACK_PLUGINS_BAG.add(new RWSWebpackPlugin({
+      actions: WEBPACK_AFTER_ACTIONS, 
+      error_actions: WEBPACK_AFTER_ERROR_ACTIONS, 
+      dev: isDev,
+      devDebug,
+      appRoot 
+    }));
+  }
+
+  // #SECTION RWS WEBPACK BUILD
+  const cfgExport = await createWebpackConfig({
+    executionDir,
+    _packageDir,
+    isDev,
+    devTools,
+    devDebug,
+    isParted,
+    partedPrefix,
+    outputDir,
+    outputFileName,
+    automatedChunks,
+    modules_setup,
+    aliases,
+    tsConfig,
+    WEBPACK_PLUGINS: RWS_WEBPACK_PLUGINS_BAG.getPlugins(),
+    rwsExternals,
+    devExternalsVars,
+    appRootDir: appRoot,
+    entrypoint: rwsFrontendConfig.entrypoint,
+    hotReload,
+    hotReloadPort,
+    publicDir,
+    cssDir,
+    loaderIgnoreExceptions
+});  
+
+
+  if (optimConfig) {
+    // setup production config if it got created above
+    cfgExport.optimization = optimConfig;
+  }
+
+  // #SECTION RWS PLUGINS onBuild EVENTS FIRE
+  for (const pluginKey of Object.keys(rwsPlugins)) {
+    const plugin = rwsPlugins[pluginKey];
+    await plugin.onBuild(cfgExport);
+  }
+
+  return cfgExport;
+}
+
+
+
 module.exports = RWSWebpackWrapper;

package/builder/webpack/rws_scss_plugin.js

@@ -1,90 +1,90 @@
-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;
+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;