@appigram/react-code-split-ssr 1.2.14 → 1.2.16

package/lib/bundle.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface IProps {
+    mod: Promise<any>;
+    loading?: React.FC;
+}
+declare const Bundle: ({ mod, loading }: IProps) => import("react/jsx-runtime").JSX.Element;
+export default Bundle;

package/lib/generate-routes.d.ts

@@ -1,27 +1,18 @@
-import * as React from 'react';
+import React from "react";
 export interface IJSXModule {
-    default: React.SFC | React.ComponentClass;
+    default: React.FC | React.ComponentClass;
 }
 export interface ISSRRoute {
-    path: string;
-    component: () => React.SFCElement<{
-        mod: Promise<IJSXModule>;
-    }>;
-    exact?: boolean;
-    strict?: boolean;
-}
-export interface IRedirects {
-    from: string;
-    to: string | object;
-    push?: boolean;
+    caseSensitive?: boolean;
+    children?: React.ReactNode;
+    element?: any;
+    index?: boolean;
+    path?: string;
 }
 export interface IOptions {
     pathname: string;
     routes: ISSRRoute[];
-    redirects?: IRedirects[];
-    notFoundComp?: () => React.SFCElement<{
-        mod: Promise<IJSXModule>;
-    }>;
+    notFoundComp?: any;
 }
-declare const generateRoutes: (options?: IOptions) => Promise<any>;
+declare const generateRoutes: (options?: IOptions) => Promise<import("react/jsx-runtime").JSX.Element>;
 export default generateRoutes;

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.14",
+	"version": "1.2.16",
 	"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

@@ -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 };

package/tsconfig.json

@@ -1,6 +1,6 @@
 {
 	"compilerOptions": {
-		"outDir": "./lib",
+		"outDir": "lib",
 		"target": "ES6" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */,
 		"module": "esnext" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */,
 		"lib": [
@@ -10,10 +10,11 @@
 		"allowJs": true /* Allow javascript files to be compiled. */,
 		"jsx": "react-jsx" /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */,
 		"noImplicitAny": false /* Raise error on expressions and declarations with an implied 'any' type. */,
-		"moduleResolution": "node" ,
+		"moduleResolution": "node",
 		"allowSyntheticDefaultImports": true /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */,
 		"esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,
-		"skipLibCheck": true
+		"skipLibCheck": true,
+		"declaration": true
 	},
 	"include": ["src/**/*"],
 	"exclude": ["node_modules", "build", "scripts", "webpack", "jest"]