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

package/scripts/validator.js

@@ -1,130 +1 @@
-"use strict";
-
-const pc = require("picocolors");
-const handleError = e => {
-  console.log(pc.red("Failed to start server: "), e);
-};
-const validatePreInitServer = fn => {
-  try {
-    if (!fn) throw new Error("preServerInit named function should be defined in server/index.js");
-    if (typeof fn !== "function") throw new Error("preServerInit should be function present in server/index.js");
-    return true;
-  } catch (e) {
-    handleError(e);
-  }
-};
-const validateMiddleware = fn => {
-  try {
-    if (!fn) throw new Error("addMiddlewares named function not found in server/server.js");
-    if (typeof fn !== "function") throw new Error("addMiddlewares should be function present in server/server.js");
-    return true;
-  } catch (e) {
-    handleError(e);
-  }
-};
-const validateReducerFunction = fn => {
-  try {
-    if (!fn) throw new Error("reducer not found in src/js/containers/App/reducer");
-    if (typeof fn !== "function") throw new Error("reducer should present in src/js/containers/App/reducer");
-    return true;
-  } catch (e) {
-    handleError(e);
-  }
-};
-const validateConfigFile = obj => {
-  try {
-    if (!obj) throw new Error("config not found in config folder");
-    if (typeof obj !== "object") throw new Error("config object should be exported from config folder inside your project root directory");
-    if (typeof obj === "object") {
-      const requiredConfigKeys = {
-        NODE_SERVER_HOSTNAME: "",
-        NODE_SERVER_PORT: "",
-        WEBPACK_DEV_SERVER_HOSTNAME: "",
-        WEBPACK_DEV_SERVER_PORT: "",
-        BUILD_OUTPUT_PATH: "",
-        PUBLIC_STATIC_ASSET_PATH: "",
-        PUBLIC_STATIC_ASSET_URL: "",
-        NODE_ENV: "",
-        BUILD_ENV: "",
-        CLIENT_ENV_VARIABLES: [],
-        ANALYZE_BUNDLE: ""
-      };
-      for (let key in requiredConfigKeys) {
-        if (!(key in obj)) throw new Error(`${key} key not found inside config.json`);
-      }
-    }
-    return true;
-  } catch (e) {
-    handleError(e);
-  }
-};
-const validatePackageJson = obj => {
-  try {
-    if (!obj) throw new Error("package.json not found in the project");
-    if (typeof obj !== "object") throw new Error("package.json should be defined in project root directory");
-    return true;
-  } catch (e) {
-    handleError(e);
-  }
-};
-const validateModuleAlias = obj => {
-  try {
-    if (!obj) throw new Error("moduleAliases not found in package.json file present in root directory.");
-    if (typeof obj !== "object") throw new Error("moduleAliases named object should be exported from package.json");
-    if (typeof obj === "object") {
-      const requiredModuleAliases = {
-        "@api": "api.js",
-        "@containers": "src/js/containers",
-        "@server": "server",
-        "@config": "config",
-        "@css": "src/static/css",
-        "@routes": "src/js/routes/",
-        "@store": "src/js/store/index.js"
-      };
-      for (let key in requiredModuleAliases) {
-        if (!(key in obj)) throw new Error(`${key} module alias not defined inside package.json`);
-      }
-    }
-    return true;
-  } catch (e) {
-    handleError(e);
-  }
-};
-const validateConfigureStore = fn => {
-  try {
-    if (!fn) throw new Error("configureStore not found in file src/js/store/index.js");
-    if (typeof fn !== "function") throw new Error("configureStore should be function exported from src/js/store/index.js");
-    return true;
-  } catch (e) {
-    handleError(e);
-  }
-};
-const validateGetRoutes = fn => {
-  try {
-    if (!fn) throw new Error("getRoutes not found in file src/js/routes/utils.js");
-    if (typeof fn !== "function") throw new Error("getRoutes should be function exported from src/js/routers/index.js");
-    return true;
-  } catch (e) {
-    handleError(e);
-  }
-};
-const validateCustomDocument = fn => {
-  try {
-    if (!fn) throw new Error("document not found in file server/document.js");
-    if (typeof fn !== "function") throw new Error("document should be a react component exported from server/document.js");
-    return true;
-  } catch (e) {
-    handleError(e);
-  }
-};
-module.exports = {
-  validateConfigFile,
-  validateConfigureStore,
-  validateCustomDocument,
-  validateGetRoutes,
-  validatePackageJson,
-  validateReducerFunction,
-  validateModuleAlias,
-  validatePreInitServer,
-  validateMiddleware
-};
+"use strict";const pc=require("picocolors");const handleError=e=>{console.log(pc.red("Failed to start server: "),e);};const validatePreInitServer=fn=>{try{if(!fn)throw new Error("preServerInit named function should be defined in server/index.js");if(typeof fn!=="function")throw new Error("preServerInit should be function present in server/index.js");return true;}catch(e){handleError(e);}};const validateMiddleware=fn=>{try{if(!fn)throw new Error("addMiddlewares named function not found in server/server.js");if(typeof fn!=="function")throw new Error("addMiddlewares should be function present in server/server.js");return true;}catch(e){handleError(e);}};const validateReducerFunction=fn=>{try{if(!fn)throw new Error("reducer not found in src/js/containers/App/reducer");if(typeof fn!=="function")throw new Error("reducer should present in src/js/containers/App/reducer");return true;}catch(e){handleError(e);}};const validateConfigFile=obj=>{try{if(!obj)throw new Error("config not found in config folder");if(typeof obj!=="object")throw new Error("config object should be exported from config folder inside your project root directory");if(typeof obj==="object"){const requiredConfigKeys={NODE_SERVER_HOSTNAME:"",NODE_SERVER_PORT:"",WEBPACK_DEV_SERVER_HOSTNAME:"",WEBPACK_DEV_SERVER_PORT:"",BUILD_OUTPUT_PATH:"",PUBLIC_STATIC_ASSET_PATH:"",PUBLIC_STATIC_ASSET_URL:"",CLIENT_ENV_VARIABLES:[],ANALYZE_BUNDLE:""};for(let key in requiredConfigKeys){if(!(key in obj))throw new Error(`${key} key not found inside config.json`);}}return true;}catch(e){handleError(e);}};const validatePackageJson=obj=>{try{if(!obj)throw new Error("package.json not found in the project");if(typeof obj!=="object")throw new Error("package.json should be defined in project root directory");return true;}catch(e){handleError(e);}};const validateModuleAlias=obj=>{try{if(!obj)throw new Error("moduleAliases not found in package.json file present in root directory.");if(typeof obj!=="object")throw new Error("moduleAliases named object should be exported from package.json");if(typeof obj==="object"){const requiredModuleAliases={"@api":"api.js","@containers":"src/js/containers","@server":"server","@config":"config","@css":"src/static/css","@routes":"src/js/routes/"};for(let key in requiredModuleAliases){if(!(key in obj))throw new Error(`${key} module alias not defined inside package.json`);}}return true;}catch(e){handleError(e);}};const validateConfigureStore=fn=>{try{if(!fn)throw new Error("configureStore not found in file src/js/store/index.js");if(typeof fn!=="function")throw new Error("configureStore should be function exported from src/js/store/index.js");return true;}catch(e){handleError(e);}};const validateGetRoutes=fn=>{try{if(!fn)throw new Error("getRoutes not found in file src/js/routes/utils.js");if(typeof fn!=="function")throw new Error("getRoutes should be function exported from src/js/routers/index.js");return true;}catch(e){handleError(e);}};const validateCustomDocument=fn=>{try{if(!fn)throw new Error("document not found in file server/document.js");if(typeof fn!=="function")throw new Error("document should be a react component exported from server/document.js");return true;}catch(e){handleError(e);}};module.exports={validateConfigFile,validateConfigureStore,validateCustomDocument,validateGetRoutes,validatePackageJson,validateReducerFunction,validateModuleAlias,validatePreInitServer,validateMiddleware};

package/server/expressServer.js

@@ -1,50 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _path = _interopRequireDefault(require("path"));
-var _express = _interopRequireDefault(require("express"));
-var _bodyParser = _interopRequireDefault(require("body-parser"));
-var _compression = _interopRequireDefault(require("compression"));
-var _cookieParser = _interopRequireDefault(require("cookie-parser"));
-var _expressStaticGzip = _interopRequireDefault(require("express-static-gzip"));
-var _renderer = _interopRequireDefault(require("./renderer"));
-var _server = require("@server/server.js");
-var _validator = require("./utils/validator");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const env = process.env.NODE_ENV || "development";
-const app = (0, _express.default)();
-
-// This middleware is being used to extract the body of the request
-app.use(_bodyParser.default.json());
-
-// This middleware has been added to accommodate “byetstream array”
-app.use(_bodyParser.default.raw({
-  type: "application/*"
-}));
-
-// This middleware is being used to parse cookies!
-app.use((0, _cookieParser.default)());
-
-// All the middlewares defined by the user will run here.
-if ((0, _validator.validateMiddleware)(_server.addMiddlewares)) (0, _server.addMiddlewares)(app);
-
-// The middleware will attempt to compress response bodies for all request that traverse through the middleware
-app.use((0, _compression.default)());
-
-// This endpoint will serve the built assets from the node server. The requests will be made to PUBLIC_STATIC_ASSET_PATH which has been defined in the application config.
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _path=_interopRequireDefault(require("path"));var _express=_interopRequireDefault(require("express"));var _bodyParser=_interopRequireDefault(require("body-parser"));var _compression=_interopRequireDefault(require("compression"));var _cookieParser=_interopRequireDefault(require("cookie-parser"));var _expressStaticGzip=_interopRequireDefault(require("express-static-gzip"));var _renderer=_interopRequireDefault(require("./renderer"));var _server=require("@server/server.js");var _validator=require("./utils/validator");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}const env=process.env.NODE_ENV||"development";const app=(0,_express.default)();// This middleware is being used to extract the body of the request
+app.use(_bodyParser.default.json());// This middleware has been added to accommodate “byetstream array”
+app.use(_bodyParser.default.raw({type:"application/*"}));// This middleware is being used to parse cookies!
+app.use((0,_cookieParser.default)());// All the middlewares defined by the user will run here.
+if((0,_validator.validateMiddleware)(_server.addMiddlewares))(0,_server.addMiddlewares)(app);// The middleware will attempt to compress response bodies for all request that traverse through the middleware
+app.use((0,_compression.default)());// This endpoint will serve the built assets from the node server. The requests will be made to PUBLIC_STATIC_ASSET_PATH which has been defined in the application config.
 // expressStaticGzip will compress the assets.
-if (env === "production") {
-  app.use(process.env.PUBLIC_STATIC_ASSET_PATH, (0, _expressStaticGzip.default)(_path.default.join(process.env.src_path, `./${process.env.BUILD_OUTPUT_PATH}/public`), {
-    enableBrotli: true,
-    orderPreference: ["br", "gzip", "deflate"]
-  }));
-} else {
-  app.use(process.env.PUBLIC_STATIC_ASSET_PATH, _express.default.static(_path.default.join(process.env.src_path, `./${process.env.BUILD_OUTPUT_PATH}/public`)));
-}
-
-// This middleware handles document requests.
-app.use("*", _renderer.default);
-var _default = exports.default = app;
+if(env==="production"){app.use(process.env.PUBLIC_STATIC_ASSET_PATH,(0,_expressStaticGzip.default)(_path.default.join(process.env.src_path,`./${process.env.BUILD_OUTPUT_PATH}/public`),{enableBrotli:true,orderPreference:["br","gzip","deflate"]}));}else{app.use(process.env.PUBLIC_STATIC_ASSET_PATH,_express.default.static(_path.default.join(process.env.src_path,`./${process.env.BUILD_OUTPUT_PATH}/public`)));}// This middleware handles document requests.
+app.use("*",_renderer.default);var _default=exports.default=app;

package/server/renderer/document/Body.js

@@ -1,36 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Body = Body;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.Body=Body;var _react=_interopRequireDefault(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}/**
  * Body component which will be used in page component
+ * @param {object} jsx - page jsx code
+ * @param {object} statusCode - document request status code
  * @param {object} initialState - initial state object for redux store
  * @param {object} firstFoldCss - style elements extracted for initial page load
  * @param {object} firstFoldJS - javascript elements extracted for initial page load
- * @param {object} jsx - page jsx code
- * @param {object} statusCode - document request status code
  * @param {object} fetcherData - contains data from executing serverFetcher function
- */
-function Body(props) {
-  const {
-    initialState = {},
-    statusCode = "",
-    firstFoldCss = "",
-    firstFoldJS = "",
-    jsx = "",
-    fetcherData = {}
-  } = props;
-  return /*#__PURE__*/_react.default.createElement("body", null, firstFoldCss, firstFoldJS, jsx, /*#__PURE__*/_react.default.createElement("script", {
-    dangerouslySetInnerHTML: {
-      __html: `
+ * @param {object} children - contains any child elements defined within the component
+ */function Body(props){const{jsx="",statusCode="",initialState={},firstFoldCss="",firstFoldJS="",fetcherData={},children}=props;return/*#__PURE__*/_react.default.createElement("body",null,firstFoldCss,firstFoldJS,jsx,/*#__PURE__*/_react.default.createElement("script",{/* eslint-disable */dangerouslySetInnerHTML:{__html:`
                     window.__INITIAL_STATE__ = ${JSON.stringify(initialState)}
                     window.__STATUS_CODE__ = ${statusCode}
                     window.__ROUTER_INITIAL_DATA__ = ${JSON.stringify(fetcherData)}
-            `
-    }
-  }), props.children);
-}
+            `}}),children);}Body.propTypes={initialState:_propTypes.default.object,firstFoldCss:_propTypes.default.any,firstFoldJS:_propTypes.default.any,jsx:_propTypes.default.any,statusCode:_propTypes.default.string,fetcherData:_propTypes.default.object,children:_propTypes.default.node};

package/server/renderer/document/Head.js

@@ -1,43 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Head = Head;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.Head=Head;var _react=_interopRequireDefault(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}/**
  * Head component which will be used in page rendering
+ * @param {boolean} isBot - checks if request is made by bot
  * @param {string} pageCss - includes all styles for page css
  * @param {object} pageJS - async scripts for loading chunks
- * @param {function} metaTagFunction - user defined function which returns meta tags in array
- * @param {boolean} isBot - checks if request is made by bot
+ * @param {array} metaTags - user defined function which returns meta tags in array
  * @param {string} publicAssetPath - public asset path for assets
- * @param {object} fetcherData - router fetched data
- */
-function Head(props) {
-  const {
-    pageCss,
-    pageJS,
-    metaTagFunction,
-    isBot,
-    publicAssetPath,
-    fetcherData
-  } = props;
-  return /*#__PURE__*/_react.default.createElement("head", null, /*#__PURE__*/_react.default.createElement("meta", {
-    charSet: "utf-8"
-  }), /*#__PURE__*/_react.default.createElement("meta", {
-    name: "viewport",
-    content: "width=device-width, initial-scale=1"
-  }), publicAssetPath && /*#__PURE__*/_react.default.createElement("link", {
-    rel: "preconnect",
-    href: publicAssetPath
-  }), publicAssetPath && /*#__PURE__*/_react.default.createElement("link", {
-    rel: "dns-prefetch",
-    href: publicAssetPath
-  }), metaTagFunction && metaTagFunction(fetcherData), !isBot && pageJS, !isBot && /*#__PURE__*/_react.default.createElement("style", {
-    dangerouslySetInnerHTML: {
-      __html: pageCss
-    }
-  }), props.children);
-}
+ * @param {object} children - contains any child elements defined within the component
+ */function Head(props){const{pageCss,pageJS,metaTags,isBot,publicAssetPath,children}=props;return/*#__PURE__*/_react.default.createElement("head",null,/*#__PURE__*/_react.default.createElement("meta",{charSet:"utf-8"}),/*#__PURE__*/_react.default.createElement("meta",{name:"viewport",content:"width=device-width, initial-scale=1"}),publicAssetPath&&/*#__PURE__*/_react.default.createElement("link",{rel:"preconnect",href:publicAssetPath}),publicAssetPath&&/*#__PURE__*/_react.default.createElement("link",{rel:"dns-prefetch",href:publicAssetPath}),metaTags&&metaTags,!isBot&&pageJS,!isBot&&pageCss&&/*#__PURE__*/_react.default.createElement("style",{dangerouslySetInnerHTML:{__html:pageCss}}),children);}Head.propTypes={isBot:_propTypes.default.bool,pageJS:_propTypes.default.object,pageCss:_propTypes.default.string,metaTags:_propTypes.default.array,publicAssetPath:_propTypes.default.string,children:_propTypes.default.node};

package/server/renderer/document/index.js

@@ -1,27 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Head = require("./Head");
-Object.keys(_Head).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Head[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Head[key];
-    }
-  });
-});
-var _Body = require("./Body");
-Object.keys(_Body).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Body[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Body[key];
-    }
-  });
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});var _Head=require("./Head");Object.keys(_Head).forEach(function(key){if(key==="default"||key==="__esModule")return;if(key in exports&&exports[key]===_Head[key])return;Object.defineProperty(exports,key,{enumerable:true,get:function(){return _Head[key];}});});var _Body=require("./Body");Object.keys(_Body).forEach(function(key){if(key==="default"||key==="__esModule")return;if(key in exports&&exports[key]===_Body[key])return;Object.defineProperty(exports,key,{enumerable:true,get:function(){return _Body[key];}});});

package/server/renderer/extract.js

@@ -1,87 +1,21 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.cacheCSS = cacheCSS;
-exports.cacheJS = cacheJS;
-exports.default = _default;
-var _path = _interopRequireDefault(require("path"));
-var _fs = _interopRequireDefault(require("fs"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.cacheCSS=cacheCSS;exports.cacheJS=cacheJS;exports.default=_default;var _path=_interopRequireDefault(require("path"));var _fs=_interopRequireDefault(require("fs"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}/**
  * Stores css chunks styles into cache in string format
  * @param {string} key - router path
  * @param {object} data - css elements array extracted through loadable chunk extracter
- */
-function cacheCSS(key, data) {
-  if (!process.cssCache) {
-    process.cssCache = {};
-  }
-  let pageCss = "";
-  if (Array.isArray(data)) {
-    try {
-      data.map(assetChunk => {
-        const assetPathArr = assetChunk.key.split("/");
-        const assetName = assetPathArr[assetPathArr.length - 1];
-        const ext = _path.default.extname(assetName);
-        if (ext === ".css") pageCss += _fs.default.readFileSync(_path.default.resolve(process.env.src_path, `${process.env.BUILD_OUTPUT_PATH}/public`, assetName));
-      });
-    } catch (error) {
-      if (process.env.NODE_ENV == "development") {
-        console.log("Error While Extracting The Chunk: ", _path.default.resolve(process.env.src_path, `${process.env.BUILD_OUTPUT_PATH}/public`, assetName));
-      }
-    }
-  }
-  process.cssCache[key] = pageCss;
-}
-
-/**
+ */function cacheCSS(key,data){if(!process.cssCache){process.cssCache={};}let pageCss="";if(Array.isArray(data)){try{data.map(assetChunk=>{const assetPathArr=assetChunk.key.split("/");const assetName=assetPathArr[assetPathArr.length-1];const ext=_path.default.extname(assetName);if(ext===".css")pageCss+=_fs.default.readFileSync(_path.default.resolve(process.env.src_path,`${process.env.BUILD_OUTPUT_PATH}/public`,assetName));});}catch(error){if(process.env.NODE_ENV=="development"){console.log("Error While Extracting The Chunk: ",_path.default.resolve(process.env.src_path,`${process.env.BUILD_OUTPUT_PATH}/public`));}}}process.cssCache[key]=pageCss;}/**
  * Stores javascript into cache
  * @param {string} key - router path
  * @param {object} data - js elements array extracted through loadable chunk extracter
- */
-function cacheJS(key, data) {
-  if (!process.jsCache) {
-    process.jsCache = {};
-  }
-  process.jsCache[key] = data;
-}
-
-/**
+ */function cacheJS(key,data){if(!process.jsCache){process.jsCache={};}process.jsCache[key]=data;}/**
  * returns cached css
  * @param {string} key - router path
  * @return {string} - cached css
- */
-function fetchCachedCSS(key) {
-  return process.cssCache && process.cssCache[key] ? process.cssCache[key] : null;
-}
-
-/**
+ */function fetchCachedCSS(key){return process.cssCache&&process.cssCache[key]?process.cssCache[key]:null;}/**
  * returns cached js
  * @param {string} key - router path
  * @return {string} - cached js
- */
-function fetchCachedJS(key) {
-  return process.jsCache && process.jsCache[key] ? process.jsCache[key] : null;
-}
-
-/**
+ */function fetchCachedJS(key){return process.jsCache&&process.jsCache[key]?process.jsCache[key]:null;}/**
  * stores css and js in cache
  * @param {object} res - response object
  * @param {string} route - route path
- */
-function _default(res, route) {
-  try {
-    const requestPath = route.path;
-    const cachedCss = fetchCachedCSS(requestPath);
-    const cachedJS = fetchCachedJS(requestPath);
-    if (cachedCss || cachedJS) {
-      res.locals.pageJS = cachedJS;
-      res.locals.pageCss = cachedCss;
-      return;
-    }
-  } catch (error) {
-    console.log("Error while caching your assets.");
-  }
-}
+ */function _default(res,route){try{const requestPath=route.path;const cachedCss=fetchCachedCSS(requestPath);const cachedJS=fetchCachedJS(requestPath);if(cachedCss||cachedJS){res.locals.pageJS=cachedJS;res.locals.pageCss=cachedCss;return;}}catch(error){console.log("Error while caching your assets.");}}