catalyst-core 0.0.1-beta.2

package/webpack/plugins/upload-assets-plugin.js

@@ -0,0 +1,181 @@
+"use strict";
+
+const fs = require("fs"),
+  AWS = require("aws-sdk"),
+  path = require("path"),
+  mimeTypeByExtension = require("./mime-types");
+const getContentType = filePath => {
+  const extname = path.extname(filePath);
+  const pathChunks = filePath.split(".");
+  const chunkLength = pathChunks.length;
+  const extension = extname === ".br" || extname === ".gz" ? pathChunks[chunkLength - 2] : pathChunks[chunkLength - 1];
+  switch (extension) {
+    case "svg":
+      return "image/svg+xml";
+    case "css":
+      return "text/css";
+    default:
+      return mimeTypeByExtension[extension] || "text/plain";
+  }
+};
+/* eslint-disable */
+const uploadImages = async ({
+  assetsDir,
+  s3BucketName,
+  s3Folder,
+  exclude
+}) => {
+  // picks aws keys directly from the ec2 instance
+  const s3 = new AWS.S3({
+      signatureVersion: "v4"
+    }),
+    // cloudfront = new AWS.CloudFront(),
+    s3PathForUpload = relativeFilePath => `${s3Folder}/${relativeFilePath}`,
+    allFilesIn = function (dir, filelist, parent) {
+      const files = fs.readdirSync(dir);
+      filelist = filelist || [];
+      files.forEach(function (file) {
+        if (fs.statSync(dir + file).isDirectory()) {
+          filelist = allFilesIn(dir + file + "/", filelist, (parent ? parent + "/" : "") + file);
+        } else {
+          filelist.push(parent ? parent + "/" + file : file);
+        }
+      });
+      return filelist;
+    },
+    uploadFile = (filePath, targetPath) => {
+      //eslint-disable-next-line
+      fs.readFile(filePath, (error, fileContent) => {
+        if (error) {
+          throw error;
+        }
+        if (!exclude.test(filePath)) {
+          const fileStream = fs.createReadStream(filePath);
+          fileStream.on("error", function (err) {
+            console.dir({
+              service_name: "pwa-dweb-node-server",
+              loglevel: "error",
+              version: "v2",
+              message: "File Error",
+              traceback: err
+            });
+          });
+          s3.upload({
+            Bucket: s3BucketName,
+            Key: targetPath,
+            Body: fileStream,
+            ContentType: getContentType(filePath),
+            ACL: "public-read",
+            XRobotsTag: "noindex, nofollow",
+            CacheControl: "max-age=31536000"
+          }, (err, data) => {
+            if (err) {
+              console.log(`Failed uploading :  '${filePath}'!`, err);
+            }
+          });
+        }
+      });
+    },
+    emptyBucket = async () => {
+      /* eslint-disable-line */
+      /* eslint-disable-line */
+      const dir = "pwa-app/staging";
+      var params = {
+        Bucket: s3BucketName,
+        Prefix: dir
+      };
+      const listedObjects = await s3.listObjectsV2(params).promise();
+      console.dir({
+        service_name: "pwa-dweb-node-server",
+        loglevel: "info",
+        version: "v2",
+        message: `\n listed objects  ${listedObjects}`
+      });
+      if (listedObjects.Contents.length === 0) {
+        console.dir({
+          service_name: "pwa-dweb-node-server",
+          loglevel: "info",
+          version: "v2",
+          message: " No files on S3 "
+        });
+        return;
+      }
+      const deleteParams = {
+        Bucket: s3BucketName,
+        Delete: {
+          Objects: []
+        }
+      };
+      listedObjects.Contents.forEach(({
+        Key
+      }) => {
+        deleteParams.Delete.Objects.push({
+          Key
+        });
+      });
+      console.dir({
+        service_name: "pwa-dweb-node-server",
+        loglevel: "info",
+        version: "v2",
+        message: `Removing ${deleteParams.Delete.Objects.length} items from ${dir}`
+      });
+      await s3.deleteObjects(deleteParams).promise();
+      if (listedObjects.IsTruncated) await emptyBucket();
+    },
+    /* following code is not being used */
+    // inValidateCache = () => {
+    //     /* eslint-disable-line */
+    //     /* eslint-disable-line */
+    //     let randomString = Math.random().toString(36).substring(7)
+
+    //     const params = {
+    //         DistributionId: process.env.DISTRIBUTION_ID,
+    //         /* required */
+    //         InvalidationBatch: {
+    //             /* required */
+    //             CallerReference: randomString,
+    //             /* required */
+    //             Paths: {
+    //                 /* required */
+    //                 Quantity: 1,
+    //                 /* required */
+    //                 Items: [`/pwa-app/${process.env.BUILD_ENV}/*`],
+    //             },
+    //         },
+    //     }
+    //     cloudfront.createInvalidation(params, function (err, data) {
+    //         if (err) console.log(err, err.stack)
+    //         // an error occurred
+    //         else console.log("Cache Invalidation Successful", data) // successful response
+    //     })
+    // },
+    relativePaths = allFilesIn(assetsDir, []);
+
+  // Remove files from bucket
+  // await emptyBucket(`${process.env.S3_FOLDER}/${process.env.BUILD_ENV}`);
+  // await emptyBucket();
+  relativePaths.forEach(relativePath => {
+    const fullPathToFile = path.join(assetsDir, relativePath),
+      s3FolderPath = s3PathForUpload(relativePath);
+    if (!fs.lstatSync(fullPathToFile).isDirectory()) {
+      uploadFile(fullPathToFile, s3FolderPath);
+    }
+  });
+
+  // console.log("==============================================");
+  // console.log("==========Starting cache invalidation=========");
+  // console.log("==============================================");
+
+  // if (process.env.BUILD_ENV === "production") inValidateCache();
+};
+
+const UploadAssetsPlugin = function (options) {
+  this.options = options;
+};
+UploadAssetsPlugin.prototype.apply = function (compiler) {
+  compiler.hooks.done.tap("UploadAssetsPlugin", () => {
+    uploadImages(this.options);
+  });
+};
+module.exports = UploadAssetsPlugin;
+/* eslint-enable */

package/webpack/production.client.babel.js

@@ -0,0 +1,79 @@
+"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 isSSR = !!process.env.SSR || false;
+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-google-recaptcha|normalize.css|react-detect-offline|react-side-effect|react-fast-compare|react-async-script|babel|history|@tata1mg|@loadable\/component|framer-motion|pwa|)[\\/]/,
+          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

@@ -0,0 +1,61 @@
+"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.ssrPrugins],
+  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.OUTPUT_PATH, "renderer"),
+    chunkFilename: catalystConfig.chunkFileNameDev,
+    filename: "handler.js",
+    libraryTarget: "commonjs"
+  }
+});
+var _default = exports.default = ssrConfig;

package/webpack/scssParams.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.urlFor = exports.fontUrl = void 0;
+/**
+ * @description generate assets url according to enviorment
+ * @returns returns path required for loading assets according to enviorment
+*/
+const urlFor = () => {
+  const isDev = process.env.NODE_ENV !== "production",
+    isLocalBuild = process.env.BUILD_ENV === "localBuild";
+  const localPath = JSON.stringify(`${process.env.SERVER_PATH + process.env.LOCAL_ASSET_PATH}`);
+  const cdnPath = JSON.stringify(`${process.env.PUBLIC_ASSET_PATH}images/`);
+  return isDev || isLocalBuild ? localPath : cdnPath;
+};
+
+/**
+ * @description generate assets font url according to enviorment
+ * @returns returns path required for loading fonts according to enviorment
+*/
+exports.urlFor = urlFor;
+const fontUrl = () => {
+  const isDev = process.env.NODE_ENV !== "production",
+    isLocalBuild = process.env.BUILD_ENV === "localBuild";
+  const localPath = JSON.stringify(`${process.env.SERVER_PATH + process.env.LOCAL_ASSET_PATH}`);
+  const cdnPath = JSON.stringify(`${process.env.PUBLIC_ASSET_PATH}fonts/`);
+  return isDev || isLocalBuild ? localPath : cdnPath;
+};
+exports.fontUrl = fontUrl;