@appigram/react-code-split-ssr 1.2.13 → 1.2.15

package/lib/generate-routes.js

@@ -9,10 +9,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { matchPath, Route, Routes } from "react-router-dom";
-const generateRoutes = (options = {
+const generateRoutes = (...args_1) => __awaiter(void 0, [...args_1], void 0, function* (options = {
     pathname: "/",
     routes: [],
-}) => __awaiter(void 0, void 0, void 0, function* () {
+}) {
     if (!Array.isArray(options.routes) || options.routes.length === 0) {
         throw new Error("options.routes must be an non-empty array");
     }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@appigram/react-code-split-ssr",
-	"version": "1.2.13",
+	"version": "1.2.15",
 	"description": "React code splitting with SSR",
 	"main": "./lib/index.js",
 	"scripts": {
@@ -22,15 +22,15 @@
 	"author": "Eugene Sysmanov",
 	"license": "MIT",
 	"devDependencies": {
-		"@types/react": "^18.2.33",
+		"@types/react": "^18.3.1",
 		"@types/react-router-dom": "^5.3.3",
 		"tslint": "^6.1.3",
 		"tslint-react": "^5.0.0",
-		"typescript": "^5.2.2"
+		"typescript": "^5.4.5"
 	},
 	"dependencies": {
-		"react": "^18.2.0",
-		"react-dom": "^18.2.0",
-		"react-router-dom": "^6.17.0"
+		"react": "^18.3.1",
+		"react-dom": "^18.3.1",
+		"react-router-dom": "^6.23.0"
 	}
 }

package/src/bundle.tsx

@@ -1,23 +1,23 @@
-import {useState, useEffect} from 'react'
+import { useState, useEffect } from 'react';
 
 export interface IProps {
-  mod: Promise<any>
-  loading?: React.FC
+  mod: Promise<any>;
+  loading?: React.FC;
 }
 
 const Bundle = ({ mod, loading }: IProps) => {
-  const [ state, setState ] = useState({ mod: null })
+  const [state, setState] = useState({ mod: null });
 
   useEffect(() => {
     (async function () {
-      const Mod = await mod
-      setState({ mod: Mod.default })
-    })()
-  }, [])
+      const Mod = await mod;
+      setState({ mod: Mod.default });
+    })();
+  }, []);
 
-  const Mod = state.mod
-  const Loading = loading || (() => <div />)
-  return state.mod ? <Mod /> : <Loading />
-}
+  const Mod = state.mod;
+  const Loading = loading || (() => <div />);
+  return state.mod ? <Mod /> : <Loading />;
+};
 
-export default Bundle
+export default Bundle;

package/src/generate-routes.tsx

@@ -1,4 +1,4 @@
-import { ReactElement } from "react";
+import React, { ReactElement } from "react";
 import { matchPath, Route, Routes } from "react-router-dom";
 
 export interface IJSXModule {
@@ -33,19 +33,19 @@ const generateRoutes = async (
 		(route) => !!matchPath(route.path, options.pathname)
 	);
 
-	const preloadedElement = preload === undefined ? options.notFoundComp : preload.element
+	const preloadedElement = preload === undefined ? options.notFoundComp : preload.element;
 
 	// fallback to previous version
 	const preloadedComp: any = typeof preloadedElement === 'function' ?
 		await preloadedElement().props.mod
 		:
-		await preloadedElement.props.mod
+		await preloadedElement.props.mod;
 
 	const renderElement = (path: string, bundle: ReactElement) => {
 		if (!preloadedComp) return bundle;
 		const isRouteMatched = (preload && preload.path === path) || (!preload && !path);
 		const Element = isRouteMatched ? preloadedComp.default : bundle;
-		return isRouteMatched ? <Element /> : Element
+		return isRouteMatched ? <Element /> : Element;
 	};
 
 	return (

package/src/index.ts

@@ -1,4 +1,4 @@
-import Bundle from './bundle'
-import generateRoutes from './generate-routes'
+import Bundle from './bundle';
+import generateRoutes from './generate-routes';
 
-export { Bundle, generateRoutes }
+export { Bundle, generateRoutes };