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

package/server/renderer/extract.js

@@ -1,87 +0,0 @@
-"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;
-}
-
-/**
- * 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;
-}
-
-/**
- * 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;
-}
-
-/**
- * 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;
-}
-
-/**
- * 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.");
-  }
-}

package/server/renderer/handler.js

@@ -1,240 +0,0 @@
-"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);
-  }
-};
-
-/**
- * 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());
-  }
-}

package/server/renderer/index.js

@@ -1,12 +0,0 @@
-"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,84 +0,0 @@
-"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
-  };
-};
-
-/**
- * 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
- * @param {function} res - response object
- * @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
-};

package/server/renderer/userAgentUtil.js

@@ -1,55 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getUserAgentDetails = undefined;
-var _uaParserJs = require("ua-parser-js");
-var _uaParserJs2 = _interopRequireDefault(_uaParserJs);
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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;
-};
-
-/**
- * returns object which contains google bot and user-agent info 
- * @param {string} ua - user agent
- * @return {object} - returns user agent
- */
-const getUserAgentDetails = exports.getUserAgentDetails = ua => {
-  const agentDetails = (0, _uaParserJs2.default)(ua);
-  const googleBot = getGoogleBot(ua);
-  return _objectSpread(_objectSpread({}, agentDetails), {}, {
-    googleBot
-  });
-};

package/server/startServer.js

@@ -1,66 +0,0 @@
-"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}`)}.`)));
-      }
-    });
-  }
-});

package/server/utils/metaTags.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mergeMetaTags = void 0;
-const mergeMetaTags = (parentTags, childTags) => {};
-exports.mergeMetaTags = mergeMetaTags;
-const typesOfMeta = {};
-
-// type
-// props
-// children

package/server/utils/userAgentUtil.js

@@ -1,51 +0,0 @@
-"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;
-};
-
-/**
- * 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;