@sequencemedia/react-router-render 2.0.422 → 2.1.0

package/lib/index.js

@@ -1 +1 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.renderToString=exports.renderToStaticMarkup=exports.render=void 0;var _react=_interopRequireDefault(require("react"));var _server=_interopRequireDefault(require("react-dom/server"));var _boom=_interopRequireDefault(require("@hapi/boom"));var _reactRouterDom=require("react-router-dom");var _debug=_interopRequireDefault(require("debug"));const log=(0,_debug.default)('@sequencemedia/react-redux-render');log('`react-redux-render` is awake');const badImplementation=(e,data)=>_boom.default.boomify(e,{statusCode:500,message:'Rendering exception',data});const notFound=data=>_boom.default.notFound('Routing exception',data);const getReactDOMServerRenderToString=(routerProps,routes={})=>{try{return _server.default.renderToString(_react.default.createElement(_reactRouterDom.StaticRouter,routerProps,routes));}catch(e){log(e);throw badImplementation(e,routerProps);}};const getReactDOMServerRenderToStaticMarkup=(routerProps,routes={})=>{try{return _server.default.renderToStaticMarkup(_react.default.createElement(_reactRouterDom.StaticRouter,routerProps,routes));}catch(e){log(e);throw badImplementation(e,routerProps);}};const renderToString=({location,context={},...router}={},routes={})=>getReactDOMServerRenderToString({...router,location,context},routes)||function(e){throw e;}(notFound({...router,location,context}));exports.renderToString=renderToString;const renderToStaticMarkup=({location,context={},...router}={},routes={})=>getReactDOMServerRenderToStaticMarkup({...router,location,context},routes)||function(e){throw e;}(notFound({...router,location,context}));exports.renderToStaticMarkup=renderToStaticMarkup;const render=async({location,context={},...router}={},routes={})=>getReactDOMServerRenderToString({...router,location,context},routes)||function(e){throw e;}(notFound({...router,location,context}));exports.render=render;
+"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.render=render;exports.renderToStaticMarkup=renderToStaticMarkup;exports.renderToString=renderToString;var _react=_interopRequireDefault(require("react"));var _server=_interopRequireDefault(require("react-dom/server"));var _boom=_interopRequireDefault(require("@hapi/boom"));var _server2=require("react-router-dom/server");var _debug=_interopRequireDefault(require("debug"));const log=(0,_debug.default)('@sequencemedia/react-redux-render');log('`react-redux-render` is awake');const badImplementation=(e,data)=>_boom.default.boomify(e,{statusCode:500,message:'Rendering exception',data});const notFound=data=>_boom.default.notFound('Routing exception',data);function getReactDOMServerRenderToString(routerProps,routes){try{return _server.default.renderToString(_react.default.createElement(_server2.StaticRouter,routerProps,routes));}catch(e){log(e);throw badImplementation(e,routerProps);}}function getReactDOMServerRenderToStaticMarkup(routerProps,routes){try{return _server.default.renderToStaticMarkup(_react.default.createElement(_server2.StaticRouter,routerProps,routes));}catch(e){log(e);throw badImplementation(e,routerProps);}}function renderToString({location,context={},...router}={},routes={}){const routerProps={...router,location,context};const string=getReactDOMServerRenderToString(routerProps,routes);if(string)return string;throw notFound(routerProps);}function renderToStaticMarkup({location,context={},...router}={},routes={}){const routerProps={...router,location,context};const string=getReactDOMServerRenderToStaticMarkup(routerProps,routes);if(string)return string;throw notFound(routerProps);}async function render({location,context={},...router}={},routes={}){const routerProps={...router,location,context};const string=getReactDOMServerRenderToString(routerProps,routes);if(string)return string;throw notFound(routerProps);}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sequencemedia/react-router-render",
-  "version": "2.0.422",
+  "version": "2.1.0",
   "description": "Sync/async isomorphic render of React apps with React Router",
   "keywords": [
     "React",
@@ -62,10 +62,10 @@
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-react": "^7.32.2",
     "husky": "^8.0.3",
-    "react": "17.0.1",
-    "react-dom": "17.0.1",
-    "react-router": "5.2.0",
-    "react-router-dom": "5.2.0",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-router": "6.11.2",
+    "react-router-dom": "6.11.2",
     "rimraf": "^5.0.1"
   }
 }

package/src/index.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import ReactDOMServer from 'react-dom/server'
 import Boom from '@hapi/boom'
-import { StaticRouter as Router } from 'react-router-dom'
+import { StaticRouter as Router } from 'react-router-dom/server'
 import debug from 'debug'
 
 const log = debug('@sequencemedia/react-redux-render')
@@ -11,7 +11,7 @@ log('`react-redux-render` is awake')
 const badImplementation = (e, data) => Boom.boomify(e, { statusCode: 500, message: 'Rendering exception', data })
 const notFound = (data) => Boom.notFound('Routing exception', data)
 
-const getReactDOMServerRenderToString = (routerProps, routes = {}) => {
+function getReactDOMServerRenderToString (routerProps, routes) {
   try {
     return ReactDOMServer.renderToString(
       <Router {...routerProps}>
@@ -25,7 +25,7 @@ const getReactDOMServerRenderToString = (routerProps, routes = {}) => {
   }
 }
 
-const getReactDOMServerRenderToStaticMarkup = (routerProps, routes = {}) => {
+function getReactDOMServerRenderToStaticMarkup (routerProps, routes) {
   try {
     return ReactDOMServer.renderToStaticMarkup(
       <Router {...routerProps}>
@@ -40,22 +40,31 @@ const getReactDOMServerRenderToStaticMarkup = (routerProps, routes = {}) => {
 }
 
 /**
- * @return {String}
+ * @return {string}
  */
-export const renderToString = ({ location, context = {}, ...router } = {}, routes = {}) => (
-  getReactDOMServerRenderToString({ ...router, location, context }, routes) || throw notFound({ ...router, location, context })
-)
+export function renderToString ({ location, context = {}, ...router } = {}, routes = {}) {
+  const routerProps = { ...router, location, context }
+  const string = getReactDOMServerRenderToString(routerProps, routes)
+  if (string) return string
+  throw notFound(routerProps)
+}
 
 /**
- * @return {String}
+ * @return {string}
  */
-export const renderToStaticMarkup = ({ location, context = {}, ...router } = {}, routes = {}) => (
-  getReactDOMServerRenderToStaticMarkup({ ...router, location, context }, routes) || throw notFound({ ...router, location, context })
-)
+export function renderToStaticMarkup ({ location, context = {}, ...router } = {}, routes = {}) {
+  const routerProps = { ...router, location, context }
+  const string = getReactDOMServerRenderToStaticMarkup(routerProps, routes)
+  if (string) return string
+  throw notFound(routerProps)
+}
 
 /**
- * @return {Promise}
+ * @return {Promise<string>}
  */
-export const render = async ({ location, context = {}, ...router } = {}, routes = {}) => (
-  getReactDOMServerRenderToString({ ...router, location, context }, routes) || throw notFound({ ...router, location, context })
-)
+export async function render ({ location, context = {}, ...router } = {}, routes = {}) {
+  const routerProps = { ...router, location, context }
+  const string = getReactDOMServerRenderToString(routerProps, routes)
+  if (string) return string
+  throw notFound(routerProps)
+}