catalyst-core 0.0.1-beta.4 → 0.0.1-beta.5

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.");}}

package/server/renderer/handler.js

@@ -1,240 +1,17 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = _default;
-var _fs = _interopRequireDefault(require("fs"));
-var _path = _interopRequireDefault(require("path"));
-var _react = _interopRequireDefault(require("react"));
-var _render = _interopRequireDefault(require("./render"));
-var _App = _interopRequireDefault(require("@containers/App"));
-var _extract = _interopRequireDefault(require("./extract"));
-var _reactRedux = require("react-redux");
-var _document = require("./document");
-var _server = require("react-router-dom/server");
-var _ServerRouter = _interopRequireDefault(require("../../router/ServerRouter.js"));
-var _userAgentUtil = require("../utils/userAgentUtil");
-var _router = require("@tata1mg/router");
-var _server2 = require("@loadable/server");
-var _server3 = require("react-dom/server");
-var _validator = require("../utils/validator");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const {
-  getRoutes
-} = require(`${process.env.src_path}/src/js/routes/utils.js`);
-const {
-  default: CustomDocument
-} = require(`${process.env.src_path}/server/document.js`);
-const storePath = _path.default.resolve(`${process.env.src_path}/src/js/store/index.js`);
-let createStore;
-if (_fs.default.existsSync(storePath)) {
-  try {
-    const {
-      default: configureStore
-    } = require(`${process.env.src_path}/src/js/store/index.js`);
-    createStore = configureStore;
-  } catch (error) {
-    createStore = () => {
-      return {
-        getState: () => {}
-      };
-    };
-  }
-} else {
-  createStore = () => {
-    return {
-      getState: () => {}
-    };
-  };
-}
-const isProduction = process.env.NODE_ENV === "production";
-let webStats = _path.default.join(__dirname, "../..", `loadable-stats.json`);
-if (isProduction) {
-  webStats = _path.default.join(process.env.src_path, `${process.env.BUILD_OUTPUT_PATH}/public/loadable-stats.json`);
-}
-const webExtractor = new _server2.ChunkExtractor({
-  statsFile: webStats,
-  entrypoints: ["app"]
-});
-
-// matches request route with routes defined in the application.
-const getMatchRoutes = (routes, req, res, store, context, fetcherData, basePath = "") => {
-  return routes.reduce((matches, route) => {
-    const {
-      path
-    } = route;
-    const match = (0, _router.matchPath)({
-      path: `${basePath}/${path}`,
-      caseSensitive: false,
-      end: true
-    }, req.baseUrl || "/");
-    if (match) {
-      if (isProduction && !res.locals.pageCss && !res.locals.pageJS && !res.locals.routePath) {
-        (0, _extract.default)(res, route);
-      }
-      if (!res.locals.pageCss && !res.locals.pageJS && !res.locals.routePath) {
-        res.locals.routePath = path;
-        //moving routing logic outside of the App and using ServerRoutes for creating routes on server instead
-        (0, _server3.renderToString)( /*#__PURE__*/_react.default.createElement(_server2.ChunkExtractorManager, {
-          extractor: webExtractor
-        }, /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
-          store: store
-        }, /*#__PURE__*/_react.default.createElement(_server.StaticRouter, {
-          context: context,
-          location: req.originalUrl
-        }, /*#__PURE__*/_react.default.createElement(_ServerRouter.default, {
-          store: store,
-          intialData: fetcherData
-        })))));
-      }
-      const wc = route.component;
-      matches.push({
-        route,
-        match,
-        serverSideFunction: wc && wc.serverSideFunction || (() => Promise.resolve())
-      });
-    }
-    if (!match && route.children) {
-      // recursively try to match nested routes
-      const nested = getMatchRoutes(route.children, req, res, store, context, fetcherData, `${basePath}/${path}`);
-      if (nested.length) {
-        matches = matches.concat(nested);
-      }
-    }
-    return matches;
-  }, []);
-};
-
-// Preloads chunks required for rendering document
-const getComponent = (store, context, req, fetcherData) => {
-  return /*#__PURE__*/_react.default.createElement("div", {
-    id: "app"
-  }, /*#__PURE__*/_react.default.createElement(_reactRedux.Provider, {
-    store: store
-  }, /*#__PURE__*/_react.default.createElement(_server.StaticRouter, {
-    context: context,
-    location: req.originalUrl
-  }, /*#__PURE__*/_react.default.createElement(_ServerRouter.default, {
-    store: store,
-    intialData: fetcherData
-  }))));
-};
-// sends document after rendering
-const renderMarkUp = async (errorCode, req, res, metaTags, fetcherData, store, matches, context) => {
-  const deviceDetails = (0, _userAgentUtil.getUserAgentDetails)(req.headers["user-agent"] || "");
-  const isBot = deviceDetails.googleBot ? true : false;
-
-  // Transforms Head Props
-  const shellStart = await _render.default.renderStart(res.locals.pageCss, res.locals.pageJS, metaTags, isBot, fetcherData);
-  let state = store.getState();
-  const jsx = webExtractor.collectChunks(getComponent(store, context, req, fetcherData));
-
-  // Transforms Body Props
-  const shellEnd = _render.default.renderEnd(webExtractor, state, res, jsx, errorCode, fetcherData);
-  const finalProps = {
-    ...shellStart,
-    ...shellEnd,
-    jsx: jsx,
-    req,
-    res
-  };
-  let CompleteDocument = () => {
-    if ((0, _validator.validateCustomDocument)(CustomDocument)) {
-      return CustomDocument(finalProps);
-    } else {
-      return /*#__PURE__*/_react.default.createElement("html", {
-        lang: finalProps.lang
-      }, /*#__PURE__*/_react.default.createElement(_document.Head, {
-        isBot: finalProps.isBot,
-        pageJS: finalProps.pageJS,
-        pageCss: finalProps.pageCss,
-        fetcherData: finalProps.fetcherData,
-        metaTags: finalProps.metaTags,
-        publicAssetPath: finalProps.publicAssetPath
-      }), /*#__PURE__*/_react.default.createElement(_document.Body, {
-        initialState: finalProps.initialState,
-        firstFoldCss: finalProps.firstFoldCss,
-        firstFoldJS: finalProps.firstFoldJS,
-        jsx: finalProps.jsx,
-        statusCode: finalProps.statusCode,
-        fetcherData: finalProps.fetcherData
-      }));
-    }
-  };
-  try {
-    let status = matches.length && matches[0].match.path === "*" ? 404 : 200;
-    res.set({
-      "content-type": "text/html; charset=utf-8"
-    });
-    res.status(status);
-    const {
-      pipe
-    } = (0, _server3.renderToPipeableStream)( /*#__PURE__*/_react.default.createElement(CompleteDocument, null), {
-      onShellReady() {
-        res.setHeader("content-type", "text/html");
-        pipe(res);
-        res.end();
-      },
-      onError(error) {
-        logger.error({
-          message: `\n Error while renderToPipeableStream : ${error.toString()}`
-        });
-      }
-    });
-  } catch (error) {
-    logger.error("Error in rendering document on server:" + error);
-  }
-};
-
-/**
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=_default;var _fs=_interopRequireDefault(require("fs"));var _path=_interopRequireDefault(require("path"));var _react=_interopRequireDefault(require("react"));var _render=_interopRequireDefault(require("./render"));var _App=_interopRequireDefault(require("@containers/App"));var _extract=_interopRequireDefault(require("./extract"));var _reactRedux=require("react-redux");var _document=require("./document");var _server=require("react-router-dom/server");var _ServerRouter=_interopRequireDefault(require("../../router/ServerRouter.js"));var _userAgentUtil=require("../utils/userAgentUtil");var _router=require("@tata1mg/router");var _server2=require("@loadable/server");var _server3=require("react-dom/server");var _validator=require("../utils/validator");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}const{getRoutes}=require(`${process.env.src_path}/src/js/routes/utils.js`);const{default:CustomDocument}=require(`${process.env.src_path}/server/document.js`);const storePath=_path.default.resolve(`${process.env.src_path}/src/js/store/index.js`);let createStore;if(_fs.default.existsSync(storePath)){try{const{default:configureStore}=require(`${process.env.src_path}/src/js/store/index.js`);createStore=configureStore;}catch(error){createStore=()=>{return{getState:()=>{}};};}}else{createStore=()=>{return{getState:()=>{}};};}const isProduction=process.env.NODE_ENV==="production";// matches request route with routes defined in the application.
+const getMatchRoutes=(routes,req,res,store,context,fetcherData,basePath="",webExtractor)=>{return routes.reduce((matches,route)=>{const{path}=route;const match=(0,_router.matchPath)({path:`${basePath}/${path}`,caseSensitive:false,end:true},req.baseUrl||"/");if(match){if(isProduction&&!res.locals.pageCss&&!res.locals.pageJS&&!res.locals.routePath){(0,_extract.default)(res,route);}if(!res.locals.pageCss&&!res.locals.pageJS&&!res.locals.routePath){res.locals.routePath=path;//moving routing logic outside of the App and using ServerRoutes for creating routes on server instead
+(0,_server3.renderToString)(/*#__PURE__*/_react.default.createElement(_server2.ChunkExtractorManager,{extractor:webExtractor},/*#__PURE__*/_react.default.createElement(_reactRedux.Provider,{store:store},/*#__PURE__*/_react.default.createElement(_server.StaticRouter,{context:context,location:req.originalUrl},/*#__PURE__*/_react.default.createElement(_ServerRouter.default,{store:store,intialData:fetcherData})))));}const wc=route.component;matches.push({route,match,serverSideFunction:wc&&wc.serverSideFunction||(()=>Promise.resolve())});}if(!match&&route.children){// recursively try to match nested routes
+const nested=getMatchRoutes(route.children,req,res,store,context,fetcherData,`${basePath}/${path}`,webExtractor);if(nested.length){matches=matches.concat(nested);}}return matches;},[]);};// Preloads chunks required for rendering document
+const getComponent=(store,context,req,fetcherData)=>{return/*#__PURE__*/_react.default.createElement("div",{id:"app"},/*#__PURE__*/_react.default.createElement(_reactRedux.Provider,{store:store},/*#__PURE__*/_react.default.createElement(_server.StaticRouter,{context:context,location:req.originalUrl},/*#__PURE__*/_react.default.createElement(_ServerRouter.default,{store:store,intialData:fetcherData}))));};// sends document after rendering
+const renderMarkUp=async(errorCode,req,res,metaTags,fetcherData,store,matches,context,webExtractor)=>{const deviceDetails=(0,_userAgentUtil.getUserAgentDetails)(req.headers["user-agent"]||"");const isBot=deviceDetails.googleBot?true:false;// Transforms Head Props
+const shellStart=await _render.default.renderStart(res.locals.pageCss,res.locals.pageJS,metaTags,isBot,fetcherData);let state=store.getState();const jsx=webExtractor.collectChunks(getComponent(store,context,req,fetcherData));// Transforms Body Props
+const shellEnd=_render.default.renderEnd(webExtractor,state,res,jsx,errorCode,fetcherData);const finalProps={...shellStart,...shellEnd,jsx:jsx,req,res};let CompleteDocument=()=>{if((0,_validator.validateCustomDocument)(CustomDocument)){return CustomDocument(finalProps);}else{return/*#__PURE__*/_react.default.createElement("html",{lang:finalProps.lang},/*#__PURE__*/_react.default.createElement(_document.Head,{isBot:finalProps.isBot,pageJS:finalProps.pageJS,pageCss:finalProps.pageCss,fetcherData:finalProps.fetcherData,metaTags:finalProps.metaTags,publicAssetPath:finalProps.publicAssetPath}),/*#__PURE__*/_react.default.createElement(_document.Body,{initialState:finalProps.initialState,firstFoldCss:finalProps.firstFoldCss,firstFoldJS:finalProps.firstFoldJS,jsx:finalProps.jsx,statusCode:finalProps.statusCode,fetcherData:finalProps.fetcherData}));}};try{let status=matches.length&&matches[0].match.path==="*"?404:200;res.set({"content-type":"text/html; charset=utf-8"});res.status(status);const{pipe}=(0,_server3.renderToPipeableStream)(/*#__PURE__*/_react.default.createElement(CompleteDocument,null),{onShellReady(){res.setHeader("content-type","text/html");pipe(res);res.end();},onError(error){logger.error({message:`\n Error while renderToPipeableStream : ${error.toString()}`});}});}catch(error){logger.error("Error in rendering document on server:"+error);}};/**
  * middleware for document handling
  * @param {object} req - request object
  * @param {object} res - response object
- */
-async function _default(req, res) {
-  try {
-    let context = {};
-    let fetcherData = {};
-
-    // creates store
-    const store = (0, _validator.validateConfigureStore)(createStore) ? createStore({}, req) : null;
-
-    // user defined routes
-    const routes = (0, _validator.validateGetRoutes)(getRoutes) ? getRoutes() : [];
-
-    // Matches req url with routes
-    const matches = getMatchRoutes(routes, req, res, store, context, fetcherData);
-    const allMatches = (0, _router.matchRoutes)(getRoutes(), req.baseUrl);
-    let allTags = [];
-
-    // Executing app server side function
-    _App.default.serverSideFunction({
-      store,
-      req,
-      res
-    })
-    // Executing serverFetcher functions with serverDataFetcher provided by router and returning document
-    .then(() => {
-      (0, _router.serverDataFetcher)({
-        routes: routes,
-        req,
-        res,
-        url: req.originalUrl
-      }, {
-        store
-      }).then(res => {
-        fetcherData = res;
-        allTags = (0, _router.getMetaData)(allMatches, fetcherData);
-      }).then(async () => await renderMarkUp(null, req, res, allTags, fetcherData, store, matches, context)).catch(async error => {
-        logger.error("Error in executing serverFetcher functions: " + error);
-        await renderMarkUp(404, req, res, allTags, fetcherData, store, matches, context);
-      });
-    }).catch(error => {
-      logger.error("Error in executing serverSideFunction inside App: " + error);
-      renderMarkUp(error.status_code, req, res, allTags, fetcherData, store, matches, context);
-    });
-  } catch (error) {
-    logger.error("Error in handling document request: " + error.toString());
-  }
-}
+ */async function _default(req,res){try{let context={};let fetcherData={};let webStats=_path.default.join(__dirname,"../..",`loadable-stats.json`);if(isProduction){webStats=_path.default.join(process.env.src_path,`${process.env.BUILD_OUTPUT_PATH}/public/loadable-stats.json`);}const webExtractor=new _server2.ChunkExtractor({statsFile:webStats,entrypoints:["app"]});// creates store
+const store=(0,_validator.validateConfigureStore)(createStore)?createStore({},req):null;// user defined routes
+const routes=(0,_validator.validateGetRoutes)(getRoutes)?getRoutes():[];// Matches req url with routes
+const matches=getMatchRoutes(routes,req,res,store,context,fetcherData,undefined,webExtractor);const allMatches=(0,_router.matchRoutes)(getRoutes(),req.baseUrl);let allTags=[];// Executing app server side function
+_App.default.serverSideFunction({store,req,res})// Executing serverFetcher functions with serverDataFetcher provided by router and returning document
+.then(()=>{(0,_router.serverDataFetcher)({routes:routes,req,res,url:req.originalUrl},{store}).then(res=>{fetcherData=res;allTags=(0,_router.getMetaData)(allMatches,fetcherData);}).then(async()=>await renderMarkUp(null,req,res,allTags,fetcherData,store,matches,context,webExtractor)).catch(async error=>{logger.error("Error in executing serverFetcher functions: "+error);await renderMarkUp(404,req,res,allTags,fetcherData,store,matches,context,webExtractor);});}).catch(error=>{logger.error("Error in executing serverSideFunction inside App: "+error);renderMarkUp(error.status_code,req,res,allTags,fetcherData,store,matches,context,webExtractor);});}catch(error){logger.error("Error in handling document request: "+error.toString());}}

package/server/renderer/index.js

@@ -1,12 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _express = _interopRequireDefault(require("express"));
-var _handler = _interopRequireDefault(require("./handler"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const router = _express.default.Router();
-router.use(_handler.default);
-var _default = exports.default = router;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _express=_interopRequireDefault(require("express"));var _handler=_interopRequireDefault(require("./handler"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}const router=_express.default.Router();router.use(_handler.default);var _default=exports.default=router;

package/server/renderer/render.js

@@ -1,41 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _extract = require("./extract");
-/**
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extract=require("./extract");/**
  * returns data which will be used in Head component for page rendering
  * @param {string} pageCss - cached styles for page
  * @param {string} pageJS - cached javscript elements for page
  * @param {function} metaTagFunction - user defined function which returns meta tags in array
  * @param {boolean} isBot - checks if request is made by bot
  * @param {object} fetcherData - router fetched data
- */
-const renderStart = (pageCss, pageJS, metaTags, isBot, fetcherData) => {
-  const {
-    IS_DEV_COMMAND,
-    WEBPACK_DEV_SERVER_HOSTNAME,
-    WEBPACK_DEV_SERVER_PORT
-  } = process.env;
-  let publicAssetPath = `${process.env.PUBLIC_STATIC_ASSET_URL}${process.env.PUBLIC_STATIC_ASSET_PATH}`;
-
-  // serves assets from localhost on running devBuild and devServe command
-  if (JSON.parse(IS_DEV_COMMAND)) {
-    publicAssetPath = `http://${WEBPACK_DEV_SERVER_HOSTNAME}:${WEBPACK_DEV_SERVER_PORT}/assets/`;
-  }
-  return {
-    pageCss,
-    pageJS,
-    metaTags,
-    isBot,
-    publicAssetPath,
-    fetcherData
-  };
-};
-
-/**
+ */const renderStart=(pageCss,pageJS,metaTags,isBot,fetcherData)=>{const{IS_DEV_COMMAND,WEBPACK_DEV_SERVER_HOSTNAME,WEBPACK_DEV_SERVER_PORT}=process.env;let publicAssetPath=`${process.env.PUBLIC_STATIC_ASSET_URL}${process.env.PUBLIC_STATIC_ASSET_PATH}`;// serves assets from localhost on running devBuild and devServe command
+if(JSON.parse(IS_DEV_COMMAND)){publicAssetPath=`http://${WEBPACK_DEV_SERVER_HOSTNAME}:${WEBPACK_DEV_SERVER_PORT}/assets/`;}return{pageCss,pageJS,metaTags,isBot,publicAssetPath,fetcherData};};/**
  * returns data which will be used in body component for page rendering
  * @param {object} webExtractor - loadable object which holds chunking function
  * @param {string} initialState - reducer initial state
@@ -43,42 +14,8 @@ const renderStart = (pageCss, pageJS, metaTags, isBot, fetcherData) => {
  * @param {boolean} jsx - jsx which needs to be render on server side
  * @param {string|number|null} errorCode - error code
  * @param {object} fetcherData - router fetched data
- */
-const renderEnd = (webExtractor, initialState = {}, res, jsx, errorCode, fetcherData) => {
-  // For bot first fold css and js would become complete page css and js
-  let firstFoldCss = "";
-  let firstFoldJS = "";
-  const isProd = process.env.NODE_ENV === "production";
-  const {
-    routePath,
-    pageCss,
-    pageJS
-  } = res.locals;
-
-  // Development: Extracts styles and javascript elements for injecting in Body Component.
-  // NOTE: Caching of styles and javascript is not enabled in development.
-  if (!isProd) {
-    firstFoldCss = webExtractor.getStyleElements();
-    firstFoldJS = webExtractor.getScriptElements();
-  }
-
-  // Production: Extract styles and javscript elements if they are not found in cache and stores them in cache.
-  if (isProd && routePath && (!pageCss || !pageJS)) {
-    firstFoldCss = webExtractor.getStyleElements();
-    firstFoldJS = webExtractor.getScriptElements();
-    (0, _extract.cacheCSS)(routePath, webExtractor.getLinkElements());
-    (0, _extract.cacheJS)(routePath, webExtractor.getScriptElements());
-  }
-  return {
-    initialState,
-    firstFoldCss,
-    firstFoldJS,
-    jsx,
-    errorCode,
-    fetcherData
-  };
-};
-var _default = exports.default = {
-  renderStart,
-  renderEnd
-};
+ */const renderEnd=(webExtractor,initialState={},res,jsx,errorCode,fetcherData)=>{// For bot first fold css and js would become complete page css and js
+let firstFoldCss="";let firstFoldJS="";const isProd=process.env.NODE_ENV==="production";const{routePath,pageCss,pageJS}=res.locals;// Development: Extracts styles and javascript elements for injecting in Body Component.
+// NOTE: Caching of styles and javascript is not enabled in development.
+if(!isProd){firstFoldCss=webExtractor.getStyleElements();firstFoldJS=webExtractor.getScriptElements();}// Production: Extract styles and javscript elements if they are not found in cache and stores them in cache.
+if(isProd&&routePath&&(!pageCss||!pageJS)){firstFoldCss=webExtractor.getStyleElements();firstFoldJS=webExtractor.getScriptElements();(0,_extract.cacheCSS)(routePath,webExtractor.getLinkElements());(0,_extract.cacheJS)(routePath,webExtractor.getScriptElements());}return{initialState,firstFoldCss,firstFoldJS,jsx,errorCode,fetcherData};};var _default=exports.default={renderStart,renderEnd};

package/server/startServer.js

@@ -1,66 +1,6 @@
-"use strict";
-
-var _expressServer = _interopRequireDefault(require("./expressServer.js"));
-var _chokidar = _interopRequireDefault(require("chokidar"));
-var _path = _interopRequireDefault(require("path"));
-var _index = require("@server/index.js");
-var _validator = require("./utils/validator.js");
-var _picocolors = _interopRequireDefault(require("picocolors"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const env = process.env.NODE_ENV || "development";
-
-// function defined by user which needs to run before server starts
-if ((0, _validator.validatePreInitServer)(_index.preServerInit)) (0, _index.preServerInit)();
-process.on("uncaughtException", (err, origin) => {
-  console.log(process.stderr.fd);
-  console.log(`Caught exception: ${err}\n` + `Exception origin: ${origin}`);
-});
-process.on("SIGINT", function (data) {
-  console.log("SIGINT");
-  console.log(data);
-  process.exit(0);
-});
-process.on("uncaughtExceptionMonitor", (err, origin) => {
-  console.log(err, origin);
-});
-process.on("message", function (msg) {
-  if (msg == "shutdown") {
-    console.log("Closing all connections...");
-    setTimeout(function () {
-      console.log("Finished closing connections");
-      process.exit(0);
-    }, 1500);
-  }
-});
-if (env === "development") {
-  // Add better stack tracing for promises in dev mode
-  process.on("unhandledRejection", r => console.debug(r));
-}
-const port = process.env.NODE_SERVER_PORT ?? 3005;
-const host = process.env.NODE_SERVER_HOSTNAME ?? "localhost";
-let statsPath = _path.default.join(__dirname, `../`, "loadable-stats.json");
-if (env === "production") {
-  statsPath = _path.default.join(process.env.src_path, `${process.env.BUILD_OUTPUT_PATH}/public/loadable-stats.json`);
-}
-const watcher = _chokidar.default.watch(statsPath, {
-  persistent: true
-});
-console.log(`Waiting for chunks. Application server will be mounted when your assets are compiled.`);
-watcher.on("all", (event, path) => {
-  if (event === "add") {
-    if (env == "production") {
-      watcher.close();
-    }
-    console.log("Starting Application Server...");
-    _expressServer.default.listen({
-      port,
-      host
-    }, error => {
-      if (error) {
-        console.log("An error occured while starting the Application server : ", error);
-      } else {
-        console.log(_picocolors.default.cyan(_picocolors.default.bold(`Application server is mounted on ${_picocolors.default.yellow(`http://${host}:${port}`)}.`)));
-      }
-    });
-  }
-});
+"use strict";var _fs=_interopRequireDefault(require("fs"));var _path=_interopRequireDefault(require("path"));var _nodeUtil=_interopRequireDefault(require("node:util"));var _chokidar=_interopRequireDefault(require("chokidar"));var _index=require("@server/index.js");var _picocolors=require("picocolors");var _validator=require("./utils/validator.js");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}const env=process.env.NODE_ENV||"development";// function defined by user which needs to run before server starts
+if((0,_validator.validatePreInitServer)(_index.preServerInit))(0,_index.preServerInit)();process.on("uncaughtException",(err,origin)=>{console.log(process.stderr.fd);console.log(`Caught exception: ${err}\n`+`Exception origin: ${origin}`);});process.on("SIGINT",function(data){console.log("SIGINT");console.log(data);process.exit(0);});process.on("uncaughtExceptionMonitor",(err,origin)=>{console.log(err,origin);});process.on("message",function(msg){if(msg=="shutdown"){console.log("Closing all connections...");setTimeout(function(){console.log("Finished closing connections");process.exit(0);},1500);}});if(env==="development"){// Add better stack tracing for promises in dev mode
+process.on("unhandledRejection",r=>console.debug(r));}const port=process.env.NODE_SERVER_PORT??3005;const host=process.env.NODE_SERVER_HOSTNAME??"localhost";let statsPath=_path.default.join(__dirname,`../`,"loadable-stats.json");if(env==="production"){statsPath=_path.default.join(process.env.src_path,`${process.env.BUILD_OUTPUT_PATH}/public/loadable-stats.json`);}const watcher=_chokidar.default.watch(statsPath,{persistent:true});let serverInstance=null;const restartServer=()=>{const server=require("./expressServer.js").default;serverInstance=server.listen({port,host});};const startServer=()=>{const server=require("./expressServer.js").default;serverInstance=server.listen({port,host},error=>{const{APPLICATION,NODE_SERVER_HOSTNAME,NODE_SERVER_PORT}=process.env;if(error)console.log("An error occured while starting the Application server : ",error);if(env==="development")console.log((0,_picocolors.green)("Compiled successfully!"));console.log(`\nYou can now view ${APPLICATION} in the browser.\n`);console.log(_nodeUtil.default.format("\tLocal:".padEnd(8),(0,_picocolors.cyan)(`http://${NODE_SERVER_HOSTNAME}:${NODE_SERVER_PORT}`)));if(env==="development"){console.log("\nNote that the development build is not optimized.");console.log("To create a production build, use "+(0,_picocolors.cyan)("npm run build"));}console.log("\nFind out more about deployment here:");console.log((0,_picocolors.yellow)("\n https://catalyst.1mg.com/public_docs/content/deployment\n"));});};if(_fs.default.existsSync(statsPath)){// if loadable-stats.json exist this block will start the server in development environment. This happens in dev environment when loadable stats already exists and developer is  making changes to the files. lodable-stats.json will be updated after every change.
+watcher.on("change",()=>{watcher.close();if(serverInstance){serverInstance.close(()=>startServer());}else{startServer();}});// this block will start the server when your files have been compiled for production and lodable-stats.json exists.
+watcher.on("add",()=>{if(env==="production"){watcher.close();startServer();}});}else{// this block will start the server in development environment for the first time when loadable-stats.json does not exists.
+watcher.on("add",()=>{watcher.close();if(serverInstance){serverInstance.close(()=>startServer());}else{startServer();}});}if(_fs.default.existsSync(statsPath)){if(env==="development"){restartServer();}}

package/server/utils/userAgentUtil.js

@@ -1,51 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getUserAgentDetails = void 0;
-var _uaParserJs = _interopRequireDefault(require("ua-parser-js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const googleBots = {
-  "APIs-Google": "APIs-Google",
-  AdSense: "Mediapartners-Google",
-  "AdsBot Mobile Web Android": "AdsBot-Google-Mobile",
-  "AdsBot Mobile Web": "AdsBot-Google-Mobile",
-  AdsBot: "AdsBot-Google",
-  "Mobile AdSense": "Mediapartners-Google",
-  "Mobile Apps Android": "AdsBot-Google-Mobile-Apps",
-  Feedfetcher: "FeedFetcher-Google",
-  "Google Read Aloud": "Google-Read-Aloud",
-  "Duplex on the Web": "DuplexWeb-Google",
-  "Google Favicon": "Google Favicon",
-  "Web Light": "googleweblight",
-  "Amp crawler": "Google-AMPHTM",
-  Googlebot: "Googlebot"
-};
-
-/**
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.getUserAgentDetails=void 0;var _uaParserJs=_interopRequireDefault(require("ua-parser-js"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}const googleBots={"APIs-Google":"APIs-Google",AdSense:"Mediapartners-Google","AdsBot Mobile Web Android":"AdsBot-Google-Mobile","AdsBot Mobile Web":"AdsBot-Google-Mobile",AdsBot:"AdsBot-Google","Mobile AdSense":"Mediapartners-Google","Mobile Apps Android":"AdsBot-Google-Mobile-Apps",Feedfetcher:"FeedFetcher-Google","Google Read Aloud":"Google-Read-Aloud","Duplex on the Web":"DuplexWeb-Google","Google Favicon":"Google Favicon","Web Light":"googleweblight","Amp crawler":"Google-AMPHTM",Googlebot:"Googlebot"};/**
  * check if user agent contains bot data
  * @param {string} ua - user agent
  * @return {string|null}
- */
-const getGoogleBot = ua => {
-  for (let key in googleBots) {
-    if (ua.includes(googleBots[key])) return key;
-  }
-  return null;
-};
-
-/**
+ */const getGoogleBot=ua=>{for(let key in googleBots){if(ua.includes(googleBots[key]))return key;}return null;};/**
  * returns object which contains google bot and user-agent info
  * @param {string} ua - user agent
  * @return {object} - returns user agent
- */
-const getUserAgentDetails = ua => {
-  const agentDetails = (0, _uaParserJs.default)(ua);
-  const googleBot = getGoogleBot(ua);
-  return {
-    ...agentDetails,
-    googleBot
-  };
-};
-exports.getUserAgentDetails = getUserAgentDetails;
+ */const getUserAgentDetails=ua=>{const agentDetails=(0,_uaParserJs.default)(ua);const googleBot=getGoogleBot(ua);return{...agentDetails,googleBot};};exports.getUserAgentDetails=getUserAgentDetails;