@zengenti/contensis-react-base 3.0.1-beta.9 → 3.0.2-beta.0

package/README.md

@@ -126,6 +126,27 @@ https://www.conventionalcommits.org/en/v1.0.0/#summary
 
 # Changelog
 
+#### 3.0.1 (2023-01-27)
+
+##### Bug Fixes
+
+- search package update supporting 'fuzzy' search (67bf14f3)
+- revert package `chalk@4` as v5 requires total ESM environment which is incompatible with the Node.js app server today (4dcd478d)
+- node process terminating on unhandled exception / promise rejection when running on node.js 15+, implement default behaviour as in <15 with the option to turn this off. Export express `server` for package consumers who need to access server methods in app handlers (677cd00a)
+- search package null errors when replacing entire search state with a fresh config, remove redundant nav code (b74a526b)
+- state-to-searchuri - fix crash when app state is immutable (f4e265eb)
+- search package issue with APPLY_CONFIG after immer conversion (a827d075)
+- Update from Search Package to use ?pageIndex over /pageIndex by default (99e42b90)
+- search package fix resolving customApi response in ssr causes thread to hang (c4bed5e8)
+- always use `api-` uri for delivery api proxy requests (6887e440)
+- useMinilist hook, handle undefined arguments. (12d906d7)
+- ContensisDeliveryApi.js -Add null check in LruCache.remove method (95cb63bf)
+
+##### Refactors
+
+- convert some files to typescript (5c3b74e2)
+- Split deliveryApi and asset proxy servers into separate instances (7ae1e007)
+
 #### 3.0.0 (2022-10-06)
 
 ##### New Features

package/cjs/contensis-react-base.js

@@ -6,7 +6,7 @@ var App = require('./App-ee485b92.js');
 var contensisDeliveryApi = require('contensis-delivery-api');
 var React = require('react');
 var reactRedux = require('react-redux');
-var sagas = require('./sagas-03b7a270.js');
+var sagas = require('./sagas-7c19ce8e.js');
 var mapJson = require('jsonpath-mapper');
 require('reselect');
 require('deepmerge');
@@ -17,24 +17,26 @@ var contensisCoreApi = require('contensis-core-api');
 var urls = require('./urls-6fcaf4c6.js');
 require('isomorphic-fetch');
 var express = require('express');
+var http = require('http');
 var httpProxy = require('http-proxy');
 var fs = require('fs');
 var path = require('path');
 var appRootPath = require('app-root-path');
-var server$1 = require('react-dom/server');
+var server$2 = require('react-dom/server');
 var reactRouterDom = require('react-router-dom');
 var reactRouterConfig = require('react-router-config');
 var reactHelmet = require('react-helmet');
 var styled = require('styled-components');
 var serialize$1 = require('serialize-javascript');
 var minifyCssString = require('minify-css-string');
-var server = require('@loadable/server');
+var server$1 = require('@loadable/server');
 var lodash = require('lodash');
 var lodashClean = require('lodash-clean');
 var reactCookie = require('react-cookie');
 var version = require('./version-78dfc3bd.js');
 var actions = require('./actions-8dc9e8de.js');
 var selectors = require('./selectors-656da4b7.js');
+var chalk = require('chalk');
 require('history');
 require('@redux-saga/core/effects');
 require('loglevel');
@@ -56,11 +58,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var mapJson__default = /*#__PURE__*/_interopDefaultLegacy(mapJson);
 var express__default = /*#__PURE__*/_interopDefaultLegacy(express);
+var http__default = /*#__PURE__*/_interopDefaultLegacy(http);
 var httpProxy__default = /*#__PURE__*/_interopDefaultLegacy(httpProxy);
 var fs__default = /*#__PURE__*/_interopDefaultLegacy(fs);
 var path__default = /*#__PURE__*/_interopDefaultLegacy(path);
 var serialize__default = /*#__PURE__*/_interopDefaultLegacy(serialize$1);
 var minifyCssString__default = /*#__PURE__*/_interopDefaultLegacy(minifyCssString);
+var chalk__default = /*#__PURE__*/_interopDefaultLegacy(chalk);
 
 /**
  * Util class holds our search results helper boilerplate methods
@@ -679,27 +683,6 @@ const makeLinkDepthMiddleware = ({
 const servers$1 = SERVERS;
 /* global SERVERS */
 
-const projects = PROJECTS;
-/* global PROJECTS */
-
-const DisplayStartupConfiguration = config => {
-  /* eslint-disable no-console */
-  console.log();
-  console.log(`Configured servers:
-`, JSON.stringify(servers$1, null, 2));
-  console.log();
-  console.log(`Configured projects:
-`, JSON.stringify(projects, null, 2));
-  console.log();
-  console.log('Reverse proxy paths: ', JSON.stringify(config.reverseProxyPaths, null, 2));
-  console.log();
-  if (config.staticFolderPath) console.log(`Serving static assets from: "/dist/${config.staticFolderPath}/"`);
-  /* eslint-enable no-console */
-};
-
-const servers = SERVERS;
-/* global SERVERS */
-
 const project = PROJECT;
 /* global PROJECT */
 
@@ -713,7 +696,7 @@ const deliveryProxy = httpProxy__default["default"].createProxyServer();
 const reverseProxies = (app, reverseProxyPaths = []) => {
   deliveryApiProxy(deliveryProxy, app);
   app.all(reverseProxyPaths, (req, res) => {
-    const target = req.hostname.indexOf('preview-') || req.hostname.indexOf('preview.') || req.hostname === 'localhost' ? servers.previewIis || servers.iis : servers.iis;
+    const target = req.hostname.indexOf('preview-') || req.hostname.indexOf('preview.') || req.hostname === 'localhost' ? servers$1.previewIis || servers$1.iis : servers$1.iis;
     assetProxy.web(req, res, {
       target,
       changeOrigin: true
@@ -730,7 +713,7 @@ const deliveryApiProxy = (apiProxy, app) => {
   // This is just here to stop cors requests on localhost. In Production this is mapped using varnish.
   app.all(['/api/delivery/*', '/api/image/*'], (req, res) => {
     /* eslint-disable no-console */
-    console.log(`Proxying api request to ${servers.alias}`);
+    console.log(`Proxying api request to ${servers$1.alias}`);
     apiProxy.web(req, res, {
       target: deliveryApiHostname,
       changeOrigin: true
@@ -855,6 +838,27 @@ const staticAssets = (app, {
   }));
 };
 
+const servers = SERVERS;
+/* global SERVERS */
+
+const projects = PROJECTS;
+/* global PROJECTS */
+
+const DisplayStartupConfiguration = config => {
+  /* eslint-disable no-console */
+  console.log();
+  console.log(`Configured servers:
+`, JSON.stringify(servers, null, 2));
+  console.log();
+  console.log(`Configured projects:
+`, JSON.stringify(projects, null, 2));
+  console.log();
+  console.log('Reverse proxy paths: ', JSON.stringify(config.reverseProxyPaths, null, 2));
+  console.log();
+  if (config.staticFolderPath) console.log(`Serving static assets from: "/dist/${config.staticFolderPath}/"`);
+  /* eslint-enable no-console */
+};
+
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 /**
@@ -4011,7 +4015,7 @@ const loadableBundleData = ({
   return bundle;
 };
 const loadableChunkExtractors = () => {
-  const commonLoadableExtractor = new server.ChunkExtractor({
+  const commonLoadableExtractor = new server$1.ChunkExtractor({
     stats: {}
   });
 
@@ -4020,7 +4024,7 @@ const loadableChunkExtractors = () => {
     let legacy;
 
     try {
-      modern = new server.ChunkExtractor({
+      modern = new server$1.ChunkExtractor({
         entrypoints: ['app'],
         namespace: 'modern',
         statsFile: path__default["default"].resolve('dist/modern/loadable-stats.json')
@@ -4030,7 +4034,7 @@ const loadableChunkExtractors = () => {
     }
 
     try {
-      legacy = new server.ChunkExtractor({
+      legacy = new server$1.ChunkExtractor({
         entrypoints: ['app'],
         namespace: 'legacy',
         statsFile: path__default["default"].resolve('dist/legacy/loadable-stats.json')
@@ -4163,6 +4167,25 @@ const getVersionInfo = staticFolderPath => {
   }
 };
 
+/* eslint-disable no-console */
+const unhandledExceptionHandler = (handleExceptions = true) => {
+  const exceptionTypes = handleExceptions === true ? ['uncaughtException', 'unhandledRejection', 'SIGTERM', 'SIGINT'] // Default exception types to add event listeners for
+  : Array.isArray(handleExceptions) // In future we could accept an array of specific exception types to handle for a specific application?
+  ? handleExceptions : [];
+
+  for (const type of exceptionTypes) {
+    process.on(type, err => {
+      if (err && err instanceof Error) {
+        // Print a message to inform admins and developers the error should not be ignored
+        console.log(`${`[contensis-react-base] ❌ ${chalk__default["default"].red.bold(`${type} - ${err.message}`)}`}`);
+        console.log(chalk__default["default"].gray` - you are seeing this because we have tried to prevent the app from completely crashing - you should not ignore this problem`); // Log the error to server console
+
+        console.error(err);
+      }
+    });
+  }
+};
+
 const webApp = (app, ReactApp, config) => {
   const {
     stateType = 'immutable',
@@ -4177,13 +4200,16 @@ const webApp = (app, ReactApp, config) => {
     allowedGroups,
     globalGroups,
     disableSsrRedux,
-    handleResponses
+    handleResponses,
+    handleExceptions = true
   } = config;
   const staticRoutePath = config.staticRoutePath || staticFolderPath;
   const bundleData = getBundleData(config, staticRoutePath);
   const attributes = stringifyAttributes(scripts.attributes);
   scripts.startup = scripts.startup || startupScriptFilename;
   const responseHandler = typeof handleResponses === 'function' ? handleResponses : handleResponse;
+  if (handleExceptions !== false) unhandledExceptionHandler(); // Create `process.on` event handlers for unhandled exceptions (Node v15+)
+
   const versionInfo = getVersionInfo(staticFolderPath);
   app.get('/*', async (request, response) => {
     const {
@@ -4233,7 +4259,7 @@ const webApp = (app, ReactApp, config) => {
     const groups = allowedGroups && allowedGroups[project];
     store.dispatch(actions.setCurrentProject(project, groups, request.hostname));
     const loadableExtractor = loadableChunkExtractors();
-    const jsx = /*#__PURE__*/React__default["default"].createElement(server.ChunkExtractorManager, {
+    const jsx = /*#__PURE__*/React__default["default"].createElement(server$1.ChunkExtractorManager, {
       extractor: loadableExtractor.commonLoadableExtractor
     }, /*#__PURE__*/React__default["default"].createElement(reactCookie.CookiesProvider, {
       cookies: cookies
@@ -4254,7 +4280,7 @@ const webApp = (app, ReactApp, config) => {
 
     if (accessMethod.DYNAMIC) {
       // Dynamic doesn't need sagas
-      server$1.renderToString(jsx); // Dynamic page render has only the necessary bundles to start up the app
+      server$2.renderToString(jsx); // Dynamic page render has only the necessary bundles to start up the app
       // and does not include any react-loadable code-split bundles
 
       const bundleTags = getBundleTags(loadableExtractor, scripts, staticRoutePath);
@@ -4270,7 +4296,7 @@ const webApp = (app, ReactApp, config) => {
     if (!accessMethod.DYNAMIC) {
       store.runSaga(App.rootSaga(withSagas)).toPromise().then(() => {
         const sheet = new styled.ServerStyleSheet();
-        const html = server$1.renderToString(sheet.collectStyles(jsx));
+        const html = server$2.renderToString(sheet.collectStyles(jsx));
         const helmet = reactHelmet.Helmet.renderStatic();
         reactHelmet.Helmet.rewind();
         const htmlAttributes = helmet.htmlAttributes.toString();
@@ -4369,13 +4395,14 @@ const webApp = (app, ReactApp, config) => {
         response.status(500);
         responseHandler(request, response, `Error occurred: <br />${err.stack} <br />${JSON.stringify(err)}`);
       });
-      server$1.renderToString(jsx);
+      server$2.renderToString(jsx);
       store.close();
     }
   });
 };
 
 const app = express__default["default"]();
+const server = http__default["default"].createServer(app);
 
 const start = (ReactApp, config, ServerFeatures) => {
   global.PACKAGE_JSON = config.packagejson;
@@ -4392,7 +4419,7 @@ const start = (ReactApp, config, ServerFeatures) => {
   staticAssets(app, config);
   webApp(app, ReactApp, config);
   app.on('ready', async () => {
-    const server = app.listen(3001, () => {
+    server.listen(3001, () => {
       console.info(`HTTP server is listening @ port 3001`);
       setTimeout(function () {
         app.emit('app_started');
@@ -4409,6 +4436,7 @@ const start = (ReactApp, config, ServerFeatures) => {
 var internalServer = {
   app,
   apiProxy: deliveryProxy,
+  server,
   start
 };