catalyst-core-internal 0.0.1-beta.2 → 0.0.1-beta.21

package/webpack/babel-plugins/remove-client.plugin.js

@@ -1,31 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = _default;
-/**
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=_default;/**
  * @description babel plugin used to remove unwanted code from the build.
  * @return babel plugin object
- */
-function _default() {
-  return {
-    name: "ast-transform",
-    // not required
-    visitor: {
-      ImportDefaultSpecifier(path) {
-        path.parentPath.parent.body = path.parentPath.parent.body.map(astStructure => {
-          if (astStructure.type === "VariableDeclaration") {
-            if (astStructure.declarations[0]?.init?.type === "ArrowFunctionExpression" && astStructure.declarations[0]?.init?.body?.body?.length > 0) {
-              astStructure.declarations[0].init.body.body = astStructure.declarations[0].init.body.body.filter(node => !(node?.type === "ExpressionStatement" && node?.expression?.callee?.name === "useEffect"));
-            }
-          }
-          if (astStructure?.type === "FunctionDeclaration" && astStructure?.body?.body?.length > 0) {
-            astStructure.body.body = astStructure.body.body.filter(node => !(node?.type === "ExpressionStatement" && node?.expression?.callee?.name === "useEffect"));
-          }
-          return astStructure;
-        });
-      }
-    }
-  };
-}
+ */function _default(){return{name:"ast-transform",// not required
+visitor:{ImportDefaultSpecifier(path){path.parentPath.parent.body=path.parentPath.parent.body.map(astStructure=>{if(astStructure.type==="VariableDeclaration"){if(astStructure.declarations[0]?.init?.type==="ArrowFunctionExpression"&&astStructure.declarations[0]?.init?.body?.body?.length>0){astStructure.declarations[0].init.body.body=astStructure.declarations[0].init.body.body.filter(node=>!(node?.type==="ExpressionStatement"&&node?.expression?.callee?.name==="useEffect"));}}if(astStructure?.type==="FunctionDeclaration"&&astStructure?.body?.body?.length>0){astStructure.body.body=astStructure.body.body.filter(node=>!(node?.type==="ExpressionStatement"&&node?.expression?.callee?.name==="useEffect"));}return astStructure;});}}};}

package/webpack/babel-plugins/remove-ssr.plugin.js

@@ -1,21 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = _default;
-/**
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=_default;/**
  * @description babel plugin used to remove unwanted code from the build.
  * @return babel plugin object
- */
-function _default() {
-  return {
-    name: "ast-transform",
-    // not required
-    visitor: {
-      ImportDefaultSpecifier(path) {
-        path.parentPath.parent.body = path.parentPath.parent.body.filter(val => val?.expression?.left?.property?.name !== "serverSideFunction");
-      }
-    }
-  };
-}
+ */function _default(){return{name:"ast-transform",// not required
+visitor:{ImportDefaultSpecifier(path){path.parentPath.parent.body=path.parentPath.parent.body.filter(val=>val?.expression?.left?.property?.name!=="serverSideFunction");}}};}

package/webpack/babel.config.client.js

@@ -1,24 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = exports.default = {
-  babelrc: false,
-  presets: [["@babel/preset-env", {
-    targets: {
-      browsers: "last 2 versions"
-    }
-  }], "@babel/preset-react"],
-  plugins: ["@babel/plugin-proposal-object-rest-spread", "@babel/plugin-transform-react-jsx", "transform-class-properties", "transform-export-extensions", "syntax-dynamic-import", "@loadable/babel-plugin"],
-  env: {
-    production: {
-      plugins: [require("./babel-plugins/remove-ssr.plugin").default, "transform-react-remove-prop-types"]
-    },
-    test: {
-      presets: ["@babel/preset-react"]
-    }
-  },
-  ignore: ["__TEST__"]
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _default=exports.default={babelrc:false,presets:[["@babel/preset-env",{targets:{browsers:"last 2 versions"}}],"@babel/preset-react"],plugins:["@loadable/babel-plugin"],env:{production:{plugins:[require("./babel-plugins/remove-ssr.plugin").default,"transform-react-remove-prop-types"]},test:{presets:["@babel/preset-react"]}},ignore:["__TEST__"]};

package/webpack/babel.config.ssr.js

@@ -1,24 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = exports.default = {
-  babelrc: false,
-  presets: [["@babel/preset-env", {
-    targets: {
-      node: "current"
-    }
-  }], "@babel/preset-react"],
-  plugins: ["@babel/plugin-proposal-object-rest-spread", "@babel/plugin-transform-react-jsx", "transform-class-properties", "transform-export-extensions", "syntax-dynamic-import", "@loadable/babel-plugin"],
-  env: {
-    development: {
-      plugins: ["react-refresh/babel"]
-    },
-    production: {
-      plugins: [require("./babel-plugins/remove-client.plugin").default, "transform-react-remove-prop-types"]
-    }
-  },
-  ignore: ["__TEST__"]
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _default=exports.default={babelrc:false,presets:[["@babel/preset-env",{targets:{node:"current"}}],"@babel/preset-react"],plugins:["@loadable/babel-plugin"],env:{development:{plugins:["react-refresh/babel"]},production:{plugins:[require("./babel-plugins/remove-client.plugin").default,"transform-react-remove-prop-types"]}},ignore:["__TEST__"]};

package/webpack/base.babel.js

@@ -1,167 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.basePlugins = void 0;
-var _path = _interopRequireDefault(require("path"));
-var _webpack = _interopRequireDefault(require("webpack"));
-var _miniCssExtractPlugin = _interopRequireDefault(require("mini-css-extract-plugin"));
-var _webpackBundleAnalyzer = require("webpack-bundle-analyzer");
-var _webpackPlugin = _interopRequireDefault(require("@loadable/webpack-plugin"));
-var _scssParams = require("./scssParams");
-var _babelConfig = _interopRequireDefault(require("./babel.config.client"));
-var _babelConfig2 = _interopRequireDefault(require("./babel.config.ssr"));
-var _loadEnvironmentVariables = _interopRequireDefault(require("../scripts/loadEnvironmentVariables"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const catalystConfig = require(_path.default.resolve(__dirname, "..", "config.json"));
-const {
-  CLIENT_ENV_VARIABLES: clientEnv,
-  ANALYZE_BUNDLE
-} = require(`${process.env.src_path}/config/config.json`);
-const {
-  _moduleAliases
-} = require(`${process.env.src_path}/package.json`);
-(0, _loadEnvironmentVariables.default)();
-const isDev = process.env.NODE_ENV === "development";
-const isSSR = !!process.env.SSR || false;
-const basePlugins = exports.basePlugins = [new _webpackPlugin.default({
-  filename: "loadable-stats.json",
-  writeToDisk: {
-    filename: _path.default.join(__dirname, "..")
-  }
-}),
-// **This loads process.env variable during webpack build process
-new _webpack.default.DefinePlugin({
-  "process.env": ([...clientEnv, ...Object.keys(process.env)] || []).reduce((clientEnvMap, env) => {
-    clientEnvMap[env] = JSON.stringify(process.env[env]);
-    return clientEnvMap;
-  }, {})
-}),
-// ** This is used to analyze bundle size.
-ANALYZE_BUNDLE && new _webpackBundleAnalyzer.BundleAnalyzerPlugin({
-  generateStatsFile: ANALYZE_BUNDLE
-}), new _webpack.default.IgnorePlugin({
-  resourceRegExp: /^\.\/locale$/,
-  contextRegExp: /moment$/
-})];
-const {
-  PUBLIC_STATIC_ASSET_URL,
-  PUBLIC_STATIC_ASSET_PATH,
-  WEBPACK_DEV_SERVER_HOSTNAME,
-  WEBPACK_DEV_SERVER_PORT
-} = process.env;
-let publicPath = isDev ? `http://${WEBPACK_DEV_SERVER_HOSTNAME}:${WEBPACK_DEV_SERVER_PORT}` : `${PUBLIC_STATIC_ASSET_URL}${PUBLIC_STATIC_ASSET_PATH}`;
-var _default = exports.default = {
-  context: _path.default.resolve(process.env.src_path),
-  mode: isDev ? "development" : "production",
-  entry: {
-    app: [_path.default.resolve(process.env.src_path, "./client/index.js")]
-  },
-  output: {
-    path: _path.default.join(process.env.src_path, `${process.env.BUILD_OUTPUT_PATH}/public`),
-    chunkFilename: process.env.NODE_ENV === "development" ? catalystConfig.chunkFileNameDev : catalystConfig.chunkFileNameProd,
-    publicPath: publicPath,
-    chunkFilename: process.env.NODE_ENV === "development" ? catalystConfig.chunkFileNameDev : catalystConfig.chunkFileNameProd
-  },
-  resolve: {
-    fallback: {
-      url: require.resolve("url")
-    },
-    extensions: [".js", ".jsx", ".scss"],
-    alias: Object.keys(_moduleAliases || {}).reduce((moduleEnvMap, alias) => {
-      moduleEnvMap[alias] = _path.default.join(process.env.src_path, ..._moduleAliases[alias].split("/"));
-      return moduleEnvMap;
-    }, {})
-  },
-  plugins: basePlugins,
-  module: {
-    rules: [{
-      test: /\.jsx$|\.js$/,
-      exclude: _path.default.resolve(process.env.src_path, "./node_modules"),
-      use: {
-        loader: "babel-loader",
-        options: isSSR ? _babelConfig2.default : _babelConfig.default
-      }
-    }, {
-      // This loader processes all the .scss files that should be modularized. This should exclude anything inside node_modules and everything inside src/css/base since they should be globally scoped.
-      test: /\.scss$/,
-      exclude: [_path.default.resolve(process.env.src_path, "./node_modules"), _path.default.resolve(process.env.src_path, "./src/static/css/base")],
-      use: [isDev && "css-hot-loader", !isSSR && _miniCssExtractPlugin.default.loader, {
-        loader: "css-loader",
-        options: {
-          modules: {
-            mode: "local",
-            exportOnlyLocals: !isDev && isSSR,
-            localIdentName: isDev ? catalystConfig.cssModulesIdentifierDev : catalystConfig.cssModulesIdentifierProd
-          }
-        }
-      }, {
-        loader: "postcss-loader"
-      }, {
-        loader: "sass-loader",
-        options: {
-          additionalData: "$font_url: " + (0, _scssParams.fontUrl)() + ";" + "$url_for: " + (0, _scssParams.imageUrl)() + ";"
-        }
-      }, {
-        loader: "sass-resources-loader",
-        options: {
-          resources: [_path.default.resolve(process.env.src_path, "./src/static/css/resources/*.scss")]
-        }
-      }]
-    }, {
-      // In development mode, client request app.css ,which has all the css in node_modules and src/static/css/base, This is served by webpack-dev-server. However in prod this css is injected in the doc sent from the server and needs to be global, so we don't pass the files through css-loader to be modularized.
-      test: /\.scss$/,
-      include: [_path.default.resolve(process.env.src_path, "./node_modules"), _path.default.resolve(process.env.src_path, "./src/static/css/base")],
-      use: [isDev && "css-hot-loader", !isSSR && _miniCssExtractPlugin.default.loader, {
-        loader: "css-loader"
-      }, {
-        loader: "postcss-loader"
-      }, {
-        loader: "sass-loader",
-        options: {
-          additionalData: "$font_url: " + (0, _scssParams.fontUrl)() + ";" + "$url_for: " + (0, _scssParams.imageUrl)() + ";"
-        }
-      }, {
-        loader: "sass-resources-loader",
-        options: {
-          resources: [_path.default.resolve(process.env.src_path, "./src/static/css/resources/*.scss")]
-        }
-      }]
-    }, {
-      test: /\.css$/,
-      use: [!isSSR && _miniCssExtractPlugin.default.loader, "css-loader", "postcss-loader"]
-    }, {
-      test: /\.(png|jpg|gif|jpeg|ico?)$/,
-      use: ["url-loader?limit=10240", "img-loader"]
-    }, {
-      test: /\.svg$/i,
-      issuer: /\.[jt]sx?$/,
-      use: ["@svgr/webpack", "url-loader?limit=10240", "img-loader"]
-    }, {
-      // This loader loads fonts in src/static/fonts using file-loader
-      test: /\.(ttf|eot|woff2|json?)$/,
-      use: [{
-        loader: "url-loader",
-        options: {
-          limit: 10240,
-          outputPath: [_path.default.resolve(process.env.src_path, "./src/static/fonts/")]
-        }
-      }, "file-loader"]
-    }, {
-      // This loader loads html files
-      test: /\.html$/,
-      use: [{
-        loader: "html-loader",
-        options: {
-          minimize: {
-            minifyJS: true,
-            minifyCSS: true,
-            removeComments: false,
-            collapseWhitespace: true
-          }
-        }
-      }]
-    }]
-  }
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=exports.basePlugins=void 0;var _path=_interopRequireDefault(require("path"));var _webpack=_interopRequireDefault(require("webpack"));var _miniCssExtractPlugin=_interopRequireDefault(require("mini-css-extract-plugin"));var _webpackBundleAnalyzer=require("webpack-bundle-analyzer");var _webpackPlugin=_interopRequireDefault(require("@loadable/webpack-plugin"));var _scssParams=require("./scssParams");var _babelConfig=_interopRequireDefault(require("./babel.config.client"));var _babelConfig2=_interopRequireDefault(require("./babel.config.ssr"));var _loadEnvironmentVariables=_interopRequireDefault(require("../scripts/loadEnvironmentVariables"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}const catalystConfig=require(_path.default.resolve(__dirname,"..","config.json"));const{CLIENT_ENV_VARIABLES:clientEnv,ANALYZE_BUNDLE}=require(`${process.env.src_path}/config/config.json`);const{_moduleAliases}=require(`${process.env.src_path}/package.json`);(0,_loadEnvironmentVariables.default)();const isDev=process.env.NODE_ENV==="development";const isSSR=!!process.env.SSR||false;const basePlugins=exports.basePlugins=[new _webpackPlugin.default({filename:"loadable-stats.json",writeToDisk:{filename:_path.default.join(__dirname,"..")}}),// **This loads process.env variable during webpack build process
+new _webpack.default.DefinePlugin({"process.env":([...clientEnv,...Object.keys(process.env)]||[]).reduce((clientEnvMap,env)=>{clientEnvMap[env]=JSON.stringify(process.env[env]);return clientEnvMap;},{})}),// ** This is used to analyze bundle size.
+ANALYZE_BUNDLE&&new _webpackBundleAnalyzer.BundleAnalyzerPlugin({generateStatsFile:ANALYZE_BUNDLE}),new _webpack.default.IgnorePlugin({resourceRegExp:/^\.\/locale$/,contextRegExp:/moment$/})];const{IS_DEV_COMMAND,PUBLIC_STATIC_ASSET_URL,PUBLIC_STATIC_ASSET_PATH,WEBPACK_DEV_SERVER_HOSTNAME,WEBPACK_DEV_SERVER_PORT,NODE_SERVER_HOSTNAME,NODE_SERVER_PORT}=process.env;let publicPath=isDev?`http://${WEBPACK_DEV_SERVER_HOSTNAME}:${WEBPACK_DEV_SERVER_PORT}/`:`${PUBLIC_STATIC_ASSET_URL}${PUBLIC_STATIC_ASSET_PATH}`;// serves assets from local on running devBuild and devServe command
+if(JSON.parse(IS_DEV_COMMAND)&&!isDev){publicPath=`http://${NODE_SERVER_HOSTNAME}:${NODE_SERVER_PORT}/assets/`;}var _default=exports.default={context:_path.default.resolve(process.env.src_path),mode:isDev?"development":"production",entry:{app:[_path.default.resolve(process.env.src_path,"./client/index.js")]},output:{path:_path.default.join(process.env.src_path,`${process.env.BUILD_OUTPUT_PATH}/public`),chunkFilename:process.env.NODE_ENV==="development"?catalystConfig.chunkFileNameDev:catalystConfig.chunkFileNameProd,publicPath:publicPath},resolve:{fallback:{url:require.resolve("url")},extensions:[".js",".jsx",".scss"],alias:Object.keys(_moduleAliases||{}).reduce((moduleEnvMap,alias)=>{moduleEnvMap[alias]=_path.default.join(process.env.src_path,..._moduleAliases[alias].split("/"));return moduleEnvMap;},{})},plugins:basePlugins,module:{rules:[{test:/\.jsx$|\.js$/,exclude:_path.default.resolve(process.env.src_path,"./node_modules"),use:{loader:"babel-loader",options:isSSR?_babelConfig2.default:_babelConfig.default}},{// This loader processes all the .scss files that should be modularized. This should exclude anything inside node_modules and everything inside src/css/base since they should be globally scoped.
+test:/\.scss$/,exclude:[_path.default.resolve(process.env.src_path,"./node_modules"),_path.default.resolve(process.env.src_path,"./src/static/css/base")],use:[isDev&&"css-hot-loader",!isSSR&&_miniCssExtractPlugin.default.loader,{loader:"css-loader",options:{modules:{mode:"local",exportOnlyLocals:!isDev&&isSSR,localIdentName:isDev?catalystConfig.cssModulesIdentifierDev:catalystConfig.cssModulesIdentifierProd}}},{loader:"postcss-loader"},{loader:"sass-loader",options:{additionalData:"$font_url: "+(0,_scssParams.fontUrl)()+";"+"$url_for: "+(0,_scssParams.imageUrl)()+";"}},{loader:"sass-resources-loader",options:{resources:[_path.default.resolve(process.env.src_path,"./src/static/css/resources/*.scss")]}}]},{// In development mode, client request app.css ,which has all the css in node_modules and src/static/css/base, This is served by webpack-dev-server. However in prod this css is injected in the doc sent from the server and needs to be global, so we don't pass the files through css-loader to be modularized.
+test:/\.scss$/,include:[_path.default.resolve(process.env.src_path,"./node_modules"),_path.default.resolve(process.env.src_path,"./src/static/css/base")],use:[isDev&&"css-hot-loader",!isSSR&&_miniCssExtractPlugin.default.loader,{loader:"css-loader"},{loader:"postcss-loader"},{loader:"sass-loader",options:{additionalData:"$font_url: "+(0,_scssParams.fontUrl)()+";"+"$url_for: "+(0,_scssParams.imageUrl)()+";"}},{loader:"sass-resources-loader",options:{resources:[_path.default.resolve(process.env.src_path,"./src/static/css/resources/*.scss")]}}]},{test:/\.css$/,use:[!isSSR&&_miniCssExtractPlugin.default.loader,"css-loader","postcss-loader"]},{test:/\.(png|jpg|gif|jpeg|ico?)$/,use:["url-loader?limit=10240","img-loader"]},{test:/\.svg$/i,issuer:/\.[jt]sx?$/,use:["@svgr/webpack","url-loader?limit=10240","img-loader"]},{// This loader loads fonts in src/static/fonts using file-loader
+test:/\.(ttf|eot|woff2|json?)$/,use:[{loader:"url-loader",options:{limit:10240,outputPath:[_path.default.resolve(process.env.src_path,"./src/static/fonts/")]}},"file-loader"]},{// This loader loads html files
+test:/\.html$/,use:[{loader:"html-loader",options:{minimize:{minifyJS:true,minifyCSS:true,removeComments:false,collapseWhitespace:true}}}]}]}};

package/webpack/development.client.babel.js

@@ -1,82 +1,4 @@
-"use strict";
-
-var _path = _interopRequireDefault(require("path"));
-var _webpackDevServer = _interopRequireDefault(require("webpack-dev-server"));
-var _webpack = _interopRequireDefault(require("webpack"));
-var _webpackMerge = _interopRequireDefault(require("webpack-merge"));
-var _baseBabel = _interopRequireDefault(require("./base.babel.js"));
-var _reactRefreshWebpackPlugin = _interopRequireDefault(require("@pmmmwh/react-refresh-webpack-plugin"));
-var _miniCssExtractPlugin = _interopRequireDefault(require("mini-css-extract-plugin"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/* eslint-disable no-console */
-
-const {
-  WEBPACK_DEV_SERVER_PORT,
-  WEBPACK_DEV_SERVER_HOSTNAME
-} = process.env;
-const catalystConfig = require(_path.default.resolve(__dirname, "..", "config.json"));
-const plugins = require(_path.default.join(process.env.src_path, "webpackConfig.js"));
-const webpackConfig = (0, _webpackMerge.default)(_baseBabel.default, {
-  devtool: "inline-source-map",
-  stats: "minimal",
-  plugins: [new _reactRefreshWebpackPlugin.default({
-    overlay: {
-      entry: false
-    }
-  }), new _miniCssExtractPlugin.default({
-    filename: catalystConfig.cssChunkFileName,
-    ignoreOrder: true
-  }), ...plugins.developmentPlugins].filter(Boolean),
-  optimization: {
-    runtimeChunk: "single",
-    moduleIds: "deterministic",
-    splitChunks: {
-      cacheGroups: {
-        commonVendor: {
-          test: /[\\/]node_modules[\\/](react|react-dom|react-redux|react-router|react-router-dom|redux|redux-thunk|axios|react-loadable-visibility|react-helmet-async|react-fast-compare|react-async-script|babel|@loadable\/component|catalyst)[\\/]/,
-          name: "commonVendor",
-          minSize: 30000
-        },
-        utilityVendor: {
-          maxInitialRequests: Infinity,
-          chunks: "all",
-          // minSize: 0, // Enable to replicate stand alone chunking for all packages
-          reuseExistingChunk: true,
-          // Disable to replicate stand alone chunking for all packages
-          minRemainingSize: 1000,
-          // Disable to replicate stand alone chunking for all packages
-          test: /[\\/]node_modules[\\/]/,
-          name(module) {
-            const moduleFileName = module.identifier().split("/").reduceRight(item => item);
-            return `npm.${moduleFileName}`;
-          }
-        }
-      }
-    }
-  }
-});
-console.info("Firing up catalyst dev server...\n");
-let devServer = new _webpackDevServer.default({
-  port: process.env.WEBPACK_DEV_SERVER_PORT,
-  host: process.env.WEBPACK_DEV_SERVER_HOSTNAME,
-  static: {
-    publicPath: webpackConfig.output.publicPath
-  },
-  hot: true,
-  historyApiFallback: true,
-  headers: {
-    "Access-Control-Allow-Origin": "*"
-  },
-  client: {
-    logging: "error",
-    overlay: {
-      errors: false,
-      warnings: false,
-      runtimeErrors: false
-    },
-    reconnect: true
-  }
-}, (0, _webpack.default)(webpackConfig));
-devServer.startCallback(() => {
-  console.info(`Webpack dev server mounted at http://${WEBPACK_DEV_SERVER_HOSTNAME}:${WEBPACK_DEV_SERVER_PORT}.`);
-});
+"use strict";var _path=_interopRequireDefault(require("path"));var _webpack=_interopRequireDefault(require("webpack"));var _webpackMerge=_interopRequireDefault(require("webpack-merge"));var _baseBabel=_interopRequireDefault(require("./base.babel.js"));var _webpackDevServer=_interopRequireDefault(require("webpack-dev-server"));var _miniCssExtractPlugin=_interopRequireDefault(require("mini-css-extract-plugin"));var _reactRefreshWebpackPlugin=_interopRequireDefault(require("@pmmmwh/react-refresh-webpack-plugin"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}const{WEBPACK_DEV_SERVER_PORT,WEBPACK_DEV_SERVER_HOSTNAME}=process.env;const catalystConfig=require(_path.default.resolve(__dirname,"..","config.json"));const plugins=require(_path.default.join(process.env.src_path,"webpackConfig.js"));const webpackConfig=(0,_webpackMerge.default)(_baseBabel.default,{devtool:"inline-source-map",stats:"none",infrastructureLogging:{level:"none"},plugins:[new _reactRefreshWebpackPlugin.default({overlay:{entry:false}}),new _miniCssExtractPlugin.default({filename:catalystConfig.cssChunkFileName,ignoreOrder:true}),...plugins.developmentPlugins].filter(Boolean),optimization:{runtimeChunk:"single",moduleIds:"deterministic",splitChunks:{cacheGroups:{commonVendor:{test:/[\\/]node_modules[\\/](react|react-dom|react-redux|react-router|react-router-dom|redux|redux-thunk|axios|react-loadable-visibility|react-helmet-async|react-fast-compare|react-async-script|babel|@loadable\/component|catalyst)[\\/]/,name:"commonVendor",minSize:30000},utilityVendor:{maxInitialRequests:Infinity,chunks:"all",// minSize: 0, // Enable to replicate stand alone chunking for all packages
+reuseExistingChunk:true,// Disable to replicate stand alone chunking for all packages
+minRemainingSize:1000,// Disable to replicate stand alone chunking for all packages
+test:/[\\/]node_modules[\\/]/,name(module){const moduleFileName=module.identifier().split("/").reduceRight(item=>item);return`npm.${moduleFileName}`;}}}}}});let devServer=new _webpackDevServer.default({port:WEBPACK_DEV_SERVER_PORT,host:WEBPACK_DEV_SERVER_HOSTNAME,static:{publicPath:webpackConfig.output.publicPath},hot:true,historyApiFallback:true,headers:{"Access-Control-Allow-Origin":"*"},client:{logging:"error",overlay:{errors:false,warnings:false,runtimeErrors:false},reconnect:true}},(0,_webpack.default)(webpackConfig));devServer.startCallback(()=>{console.log("Catalyst is compiling your files.");console.log("Please wait until bundling is finished.\n");});

package/webpack/production.client.babel.js

@@ -1,78 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _base = _interopRequireDefault(require("./base.babel"));
-var _miniCssExtractPlugin = _interopRequireDefault(require("mini-css-extract-plugin"));
-var _path = _interopRequireDefault(require("path"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const {
-  mergeWithCustomize,
-  customizeArray,
-  customizeObject
-} = require("webpack-merge");
-const plugins = require(_path.default.join(process.env.src_path, "webpackConfig.js"));
-const catalystConfig = require(_path.default.resolve(__dirname, "..", "config.json"));
-const clientConfig = mergeWithCustomize({
-  customizeArray: customizeArray({
-    entry: "prepend",
-    plugins: "append",
-    module: "prepend"
-  }),
-  customizeObject: customizeObject({
-    entry: "prepend",
-    plugins: "append",
-    module: "prepend"
-  })
-})(_base.default, {
-  mode: "production",
-  optimization: {
-    runtimeChunk: "single",
-    moduleIds: "deterministic",
-    splitChunks: {
-      cacheGroups: {
-        commonVendor: {
-          chunks: "all",
-          test: /[\\/]node_modules[\\/](react|react-dom|react-redux|react-router|react-router-dom|redux|redux-thunk|axios|react-loadable-visibility|react-helmet-async|react-fast-compare|react-async-script|babel|@loadable\/component|catalyst)[\\/]/,
-          name: "commonVendor",
-          minSize: 400000,
-          maxSize: 400000
-        },
-        utilityVendor: {
-          maxInitialRequests: Infinity,
-          chunks: "all",
-          // minSize: 0, // Enable to replicate stand alone chunking for all packages
-          reuseExistingChunk: true,
-          // Disable to replicate stand alone chunking for all packages
-          minRemainingSize: 1000,
-          // Disable to replicate stand alone chunking for all packages
-          minSize: 1000,
-          maxSize: 120000,
-          test: /[\\/]node_modules[\\/]/,
-          name(module) {
-            const moduleFileName = module.identifier().split("/").reverse().slice(0, 3).reduce((item, current) => {
-              item = current + "." + item;
-              return item;
-            }, []);
-            return `npm.${moduleFileName}`;
-          }
-        }
-      },
-      chunks: "all",
-      name(module) {
-        const moduleFileName = module.identifier().split("/").reverse().slice(0, 3).reduce((item, current) => {
-          item = current + "." + item;
-          return item;
-        }, []);
-        return `npm.${moduleFileName}`;
-      }
-    }
-  },
-  plugins: [new _miniCssExtractPlugin.default({
-    filename: catalystConfig.cssChunkFileName,
-    ignoreOrder: true
-  }), ...plugins.clientPlugins]
-});
-var _default = exports.default = clientConfig;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _base=_interopRequireDefault(require("./base.babel"));var _miniCssExtractPlugin=_interopRequireDefault(require("mini-css-extract-plugin"));var _path=_interopRequireDefault(require("path"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}const{mergeWithCustomize,customizeArray,customizeObject}=require("webpack-merge");const plugins=require(_path.default.join(process.env.src_path,"webpackConfig.js"));const catalystConfig=require(_path.default.resolve(__dirname,"..","config.json"));const clientConfig=mergeWithCustomize({customizeArray:customizeArray({entry:"prepend",plugins:"append",module:"prepend"}),customizeObject:customizeObject({entry:"prepend",plugins:"append",module:"prepend"})})(_base.default,{mode:"production",stats:"errors-only",optimization:{runtimeChunk:"single",moduleIds:"deterministic",splitChunks:{cacheGroups:{commonVendor:{chunks:"all",test:/[\\/]node_modules[\\/](react|react-dom|react-redux|react-router|react-router-dom|redux|redux-thunk|axios|react-loadable-visibility|react-helmet-async|react-fast-compare|react-async-script|babel|@loadable\/component|catalyst)[\\/]/,name:"commonVendor",minSize:400000,maxSize:400000},utilityVendor:{maxInitialRequests:Infinity,chunks:"all",// minSize: 0, // Enable to replicate stand alone chunking for all packages
+reuseExistingChunk:true,// Disable to replicate stand alone chunking for all packages
+minRemainingSize:1000,// Disable to replicate stand alone chunking for all packages
+minSize:1000,maxSize:120000,test:/[\\/]node_modules[\\/]/,name(module){const moduleFileName=module.identifier().split("/").reverse().slice(0,3).reduce((item,current)=>{item=current+"."+item;return item;},[]);return`npm.${moduleFileName}`;}}},chunks:"all",name(module){const moduleFileName=module.identifier().split("/").reverse().slice(0,3).reduce((item,current)=>{item=current+"."+item;return item;},[]);return`npm.${moduleFileName}`;}}},plugins:[new _miniCssExtractPlugin.default({filename:catalystConfig.cssChunkFileName,ignoreOrder:true}),...plugins.clientPlugins]});var _default=exports.default=clientConfig;

package/webpack/production.ssr.babel.js

@@ -1,61 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _webpackNodeExternals = _interopRequireDefault(require("webpack-node-externals"));
-var _path = _interopRequireDefault(require("path"));
-var _base = _interopRequireDefault(require("./base.babel"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const {
-  mergeWithCustomize,
-  customizeArray,
-  customizeObject
-} = require("webpack-merge");
-const rootWorkspacePath = require("app-root-path");
-const catalystConfig = require(_path.default.resolve(__dirname, "..", "config.json"));
-const plugins = require(_path.default.join(process.env.src_path, "webpackConfig.js"));
-const ssrConfig = mergeWithCustomize({
-  customizeArray: customizeArray({
-    entry: "replace",
-    optimization: "replace",
-    plugins: "prepend"
-  }),
-  customizeObject: customizeObject({
-    entry: "replace",
-    optimization: "replace",
-    plugins: "prepend"
-  })
-})(_base.default, {
-  mode: "production",
-  optimization: {
-    splitChunks: {
-      chunks: "all",
-      minSize: 10000000,
-      name: false
-    }
-  },
-  plugins: [...plugins.ssrPlugins],
-  target: "node",
-  entry: {
-    handler: _path.default.resolve(__dirname, "..", "./server/renderer/handler.js")
-  },
-  externals: [
-  // images are handled by isomorphic webpack.
-  // html files are required directly
-  /\.(html|png|gif|jpg)$/,
-  // treat all node modules as external to keep this bundle small
-  (0, _webpackNodeExternals.default)({
-    modulesDir: _path.default.resolve(process.env.src_path, "./node_modules")
-  }), (0, _webpackNodeExternals.default)({
-    modulesDir: _path.default.join(rootWorkspacePath.path, "./node_modules")
-  })],
-  output: {
-    path: _path.default.join(process.env.src_path, process.env.BUILD_OUTPUT_PATH, "/renderer"),
-    chunkFilename: catalystConfig.chunkFileNameProd,
-    filename: "handler.js",
-    libraryTarget: "commonjs"
-  }
-});
-var _default = exports.default = ssrConfig;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _webpackNodeExternals=_interopRequireDefault(require("webpack-node-externals"));var _path=_interopRequireDefault(require("path"));var _base=_interopRequireDefault(require("./base.babel"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}const{mergeWithCustomize,customizeArray,customizeObject}=require("webpack-merge");const rootWorkspacePath=require("app-root-path");const catalystConfig=require(_path.default.resolve(__dirname,"..","config.json"));const plugins=require(_path.default.join(process.env.src_path,"webpackConfig.js"));const ssrConfig=mergeWithCustomize({customizeArray:customizeArray({entry:"replace",optimization:"replace",plugins:"prepend"}),customizeObject:customizeObject({entry:"replace",optimization:"replace",plugins:"prepend"})})(_base.default,{mode:"production",stats:"errors-only",optimization:{splitChunks:{chunks:"all",minSize:10000000,name:false}},plugins:[...plugins.ssrPlugins],target:"node",entry:{handler:_path.default.resolve(__dirname,"..","./server/renderer/handler.js")},externals:[// images are handled by isomorphic webpack.
+// html files are required directly
+/\.(html|png|gif|jpg)$/,// treat all node modules as external to keep this bundle small
+(0,_webpackNodeExternals.default)({modulesDir:_path.default.resolve(process.env.src_path,"./node_modules")}),(0,_webpackNodeExternals.default)({modulesDir:_path.default.join(rootWorkspacePath.path,"./node_modules")})],output:{path:_path.default.join(process.env.src_path,process.env.BUILD_OUTPUT_PATH,"/renderer"),chunkFilename:catalystConfig.chunkFileNameProd,filename:"handler.js",libraryTarget:"commonjs"}});var _default=exports.default=ssrConfig;

package/webpack/scssParams.js

@@ -1,35 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.imageUrl = exports.fontUrl = void 0;
-/**
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.imageUrl=exports.fontUrl=void 0;/**
  * @description generate assets url according to enviorment
  * @returns returns path required for loading assets according to enviorment
- */
-const imageUrl = () => {
-  const {
-    PUBLIC_STATIC_ASSET_URL,
-    PUBLIC_STATIC_ASSET_PATH
-  } = process.env;
-  let publicPath = `${PUBLIC_STATIC_ASSET_URL}${PUBLIC_STATIC_ASSET_PATH}`;
-  const imagePath = JSON.stringify(`${publicPath}images/`);
-  return imagePath;
-};
-
-/**
+ */const imageUrl=()=>{const{PUBLIC_STATIC_ASSET_URL,PUBLIC_STATIC_ASSET_PATH,IS_DEV_COMMAND,NODE_SERVER_HOSTNAME,NODE_SERVER_PORT}=process.env;let publicPath=`${PUBLIC_STATIC_ASSET_URL}${PUBLIC_STATIC_ASSET_PATH}`;// serves assets from localhost on running devBuild and devServe command
+if(JSON.parse(IS_DEV_COMMAND)){publicPath=`http://${NODE_SERVER_HOSTNAME}:${NODE_SERVER_PORT}/${PUBLIC_STATIC_ASSET_PATH}`;}const imagePath=JSON.stringify(`${publicPath}images/`);return imagePath;};/**
  * @description generate assets font url according to enviorment
  * @returns returns path required for loading fonts according to enviorment
- */
-exports.imageUrl = imageUrl;
-const fontUrl = () => {
-  const {
-    PUBLIC_STATIC_ASSET_URL,
-    PUBLIC_STATIC_ASSET_PATH
-  } = process.env;
-  let publicPath = `${PUBLIC_STATIC_ASSET_URL}${PUBLIC_STATIC_ASSET_PATH}`;
-  const fontPath = JSON.stringify(`${publicPath}fonts/`);
-  return fontPath;
-};
-exports.fontUrl = fontUrl;
+ */exports.imageUrl=imageUrl;const fontUrl=()=>{const{PUBLIC_STATIC_ASSET_URL,PUBLIC_STATIC_ASSET_PATH,IS_DEV_COMMAND,NODE_SERVER_HOSTNAME,NODE_SERVER_PORT}=process.env;let publicPath=`${PUBLIC_STATIC_ASSET_URL}${PUBLIC_STATIC_ASSET_PATH}`;// serves assets from localhost on running devBuild and devServe command
+if(JSON.parse(IS_DEV_COMMAND)){publicPath=`http://${NODE_SERVER_HOSTNAME}:${NODE_SERVER_PORT}/${PUBLIC_STATIC_ASSET_PATH}`;}const fontPath=JSON.stringify(`${publicPath}fonts/`);return fontPath;};exports.fontUrl=fontUrl;