@common-stack/frontend-stack-react 6.0.6-alpha.5 → 6.0.6-alpha.50

package/lib/backend/middlewares/container.js

@@ -64,7 +64,7 @@ const containerMiddleware = async (req, res, next) => {
                 logger.debug(`Successfully cleaned up - ID: ${requestId}`);
             }
             catch (error) {
-                logger.error(`Error during container cleanup - ID: ${requestId}`, error);
+                logger.error(error, 'Error during container cleanup - ID: [%s]', requestId);
             }
         });
         next();

package/lib/backend/middlewares/error.js

@@ -4,7 +4,7 @@ const stripCircular = (from, seen) => {
     const to = Array.isArray(from) ? [] : {};
     seen = seen || [];
     seen.push(from);
-    Object.getOwnPropertyNames(from).forEach(key => {
+    Object.getOwnPropertyNames(from).forEach((key) => {
         if (!from[key] || (typeof from[key] !== 'object' && !Array.isArray(from[key]))) {
             to[key] = from[key];
         }

package/lib/config/base-apollo-cache.js

@@ -14,7 +14,7 @@ const initializeCache = ({ cache, initialState, clientState, logger }) => {
             logger.debug('Cache restored with initial state');
         }
         catch (err) {
-            logger.error('Error restoring cache', err);
+            logger.error(err, 'Error restoring cache');
         }
     }
     else {
@@ -28,7 +28,7 @@ const initializeCache = ({ cache, initialState, clientState, logger }) => {
                 }
             }
             catch (err) {
-                logger.error('Error writing to cache', err);
+                logger.error(err, 'Error writing to cache');
             }
         });
     }

package/lib/config/base-apollo-client.js

@@ -32,7 +32,7 @@ const createApolloClient = ({ scope, isDev, isDebug, isSSR, getDataIdFromObject,
                 return !!result.find((item) => item && isBoolean(item));
             }
             catch (e) {
-                logger.error('Error occurred in retryLink attempt condition', e);
+                logger.error(e, 'Error occurred in retryLink attempt condition');
                 throw e;
             }
         },

package/lib/config/base-redux-config.d.ts

@@ -20,5 +20,5 @@ interface IReduxStore<S = any> {
  * Add any reducers required for this app dirctly in to
  * `combineReducers`
  */
-export declare const createReduxStore: ({ scope, isDebug, isDev, reducers, rootEpic, enhancers, epicMiddleware, preMiddleware, postMiddleware, middleware, initialState, persistConfig, reduxConfig, }: IReduxStore<any>) => import("@reduxjs/toolkit").Store<any, import("@reduxjs/toolkit").UnknownAction, unknown>;
+export declare const createReduxStore: ({ scope, isDebug, isDev, reducers, rootEpic, enhancers, epicMiddleware, preMiddleware, postMiddleware, middleware, initialState, persistConfig, reduxConfig, }: IReduxStore<any>) => import("redux").Store<any, import("redux").UnknownAction, unknown>;
 export {};

package/lib/entries/antui/components/ErrorBoundary.js

@@ -1,12 +1,21 @@
-import*as React from'react';import {Error500}from'@admin-layout/ant-ui';import {useRouteError,isRouteErrorResponse}from'@remix-run/react';function ErrorBoundary() {
+import*as React from'react';import {useRouteError,isRouteErrorResponse}from'@remix-run/react';function ErrorBoundary() {
     const error = useRouteError();
     if (isRouteErrorResponse(error)) {
-        return React.createElement(Error500, { title: `Route Error: ${error.statusText}`, status: error.status, data: error.data });
+        return (React.createElement("div", null,
+            React.createElement("h1", null,
+                error.status,
+                " ",
+                error.statusText),
+            React.createElement("p", null, error.data)));
     }
     else if (error instanceof Error) {
-        return React.createElement(Error500, { title: error.message, status: "500", data: error.stack });
+        return (React.createElement("div", null,
+            React.createElement("h1", null, "Error"),
+            React.createElement("p", null, error.message),
+            React.createElement("p", null, "The stack trace is:"),
+            React.createElement("pre", null, error.stack)));
     }
     else {
-        return React.createElement(Error500, { title: "Unknown Error", status: "500", data: error });
+        return React.createElement("h1", null, "Unknown Error");
     }
 }export{ErrorBoundary};

package/lib/entries/chakraui/components/ErrorBoundary.js

@@ -1,15 +1,24 @@
-import*as React from'react';import {useRouteError,isRouteErrorResponse}from'@remix-run/react';import Error500 from'./Error500.js';function ErrorBoundary() {
+import*as React from'react';import {useRouteError,isRouteErrorResponse}from'@remix-run/react';function ErrorBoundary() {
     const error = useRouteError();
     React.useEffect(() => {
         console.trace(error);
     }, [error]);
     if (isRouteErrorResponse(error)) {
-        return React.createElement(Error500, { title: error.statusText, status: error.status, data: error.data });
+        return (React.createElement("div", null,
+            React.createElement("h1", null,
+                error.status,
+                " ",
+                error.statusText),
+            React.createElement("p", null, error.data)));
     }
     else if (error instanceof Error) {
-        return React.createElement(Error500, { title: error.message, status: "500", data: error.stack });
+        return (React.createElement("div", null,
+            React.createElement("h1", null, "Error"),
+            React.createElement("p", null, error.message),
+            React.createElement("p", null, "The stack trace is:"),
+            React.createElement("pre", null, error.stack)));
     }
     else {
-        return React.createElement(Error500, { title: "Unknown Error", status: "500", data: error });
+        return React.createElement("h1", null, "Unknown Error");
     }
 }export{ErrorBoundary};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@common-stack/frontend-stack-react",
-    "version": "6.0.6-alpha.5",
+    "version": "6.0.6-alpha.50",
     "description": "Client Module for react app",
     "homepage": "https://github.com/cdmbase/fullstack-pro#readme",
     "bugs": {
@@ -32,17 +32,16 @@
         "@apollo/client": "^3.9.0",
         "@cdm-logger/client": "^9.0.3",
         "@cdm-logger/server": "^9.0.3",
-        "@cdmbase/redux-data-router": "^1.0.10",
-        "@common-stack/client-core": "6.0.6-alpha.5",
-        "@common-stack/client-react": "6.0.6-alpha.5",
-        "@common-stack/components-pro": "6.0.6-alpha.5",
-        "@common-stack/core": "6.0.6-alpha.5",
-        "@common-stack/remix-router-redux": "6.0.6-alpha.5",
-        "@common-stack/server-core": "6.0.6-alpha.5",
+        "@common-stack/client-core": "6.0.6-alpha.50",
+        "@common-stack/client-react": "6.0.6-alpha.50",
+        "@common-stack/components-pro": "6.0.6-alpha.50",
+        "@common-stack/core": "6.0.6-alpha.50",
+        "@common-stack/remix-router-redux": "6.0.6-alpha.50",
+        "@common-stack/server-core": "6.0.6-alpha.50",
         "@reduxjs/toolkit": "^2.2.6",
-        "@remix-run/express": "^2.8.1",
-        "@remix-run/node": "^2.8.1",
-        "@remix-run/react": "^2.8.1",
+        "@remix-run/express": "~2.10.1",
+        "@remix-run/node": "~2.10.1",
+        "@remix-run/react": "~2.10.1",
         "@sentry/browser": "~5.11.2",
         "cors": "^2.8.5",
         "cross-fetch": "^4.0.0",
@@ -87,9 +86,9 @@
     },
     "peerDependencies": {
         "@apollo/client": ">=3.0.0",
-        "@remix-run/react": "^2.9.2",
         "react": ">=18",
-        "react-dom": ">=18"
+        "react-dom": ">=18",
+        "redux": ">=5.0.0"
     },
     "publishConfig": {
         "access": "public"
@@ -97,5 +96,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "d91b9b71d873a56f2f576aea95e0be5471550408"
+    "gitHead": "1480cb5cc450e52664029ce217b71f52a49f8b86"
 }

package/lib/entries/chakraui/components/Error500.js

@@ -1,14 +0,0 @@
-import*as React from'react';import {Box,VStack,Heading,Text,Code,Button}from'@chakra-ui/react';const Error500 = ({ title, status, data }) => {
-    const handleReload = () => {
-        window.location.reload();
-    };
-    return (React.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "center", height: "100vh" },
-        React.createElement(VStack, { spacing: 4, textAlign: "center" },
-            React.createElement(Heading, { as: "h1", size: "xl" },
-                "Error ",
-                status),
-            React.createElement(Text, null, title),
-            data && (React.createElement(Box, { maxW: "md", mx: "auto", overflow: "auto" },
-                React.createElement(Code, { p: 4, display: "block", whiteSpace: "pre", textAlign: "left" }, typeof data === 'string' ? data : JSON.stringify(data, null, 2)))),
-            React.createElement(Button, { colorScheme: "teal", onClick: handleReload }, "Reload"))));
-};export{Error500 as default};