@zubyjs/react 1.0.33 → 1.0.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zubyjs/react",
-  "version": "1.0.33",
+  "version": "1.0.35",
   "description": "Zuby.js JsxProvider for react",
   "type": "module",
   "main": "index.js",

package/router.js

@@ -10,17 +10,18 @@ let errors;
  * Zuby's Router component provides support for file-system based routing.
  */
 export default function Router({ context }) {
+    const isProduction = import.meta?.env?.MODE === 'production';
     const loadTemplates = (templates) => templates?.map((pageTemplate) => ({
         ...pageTemplate,
         component: lazy(pageTemplate.component),
     })) || [];
-    if (!pages) {
+    if (!pages || !isProduction) {
         pages = loadTemplates(context.templates?.pages);
     }
-    if (!apps) {
+    if (!apps || !isProduction) {
         apps = loadTemplates(context.templates?.apps);
     }
-    if (!errors) {
+    if (!errors || !isProduction) {
         errors = loadTemplates(context.templates?.errors);
     }
     const app = apps.find(({ pathRegex }) => {
@@ -29,7 +30,11 @@ export default function Router({ context }) {
     const error = errors.find(({ pathRegex }) => {
         return pathRegex.test(context.url.pathname ?? '');
     });
-    const page = (_jsx(WouterSwitch, { children: pages.map((page) => (_jsx(WouterRoute, { path: page.path, children: _jsx(page.component, { context: context }) }))) }));
+    const routes = [
+        ...pages.map((page) => (_jsx(WouterRoute, { path: page.path, children: _jsx(page.component, { context: context }) }, page.path))),
+        _jsx(WouterRoute, { children: error?.component && (_jsx(error.component, { context: context, statusCode: (context.statusCode = 404), message: 'Page was not found' })) }, "error"),
+    ];
+    const page = _jsx(WouterSwitch, { children: routes });
     return (_jsx(WouterRouter, { ssrPath: context.url.pathname, children: _jsx(Suspense, { fallback: _jsx("div", { children: "Loading..." }), children: createElement(app?.component, {
                 children: page,
             }) }) }));

package/templates/error.d.ts

@@ -1,2 +1,5 @@
 import { PropsWithChildren } from 'react';
-export default function Error({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export default function Error({ statusCode, message, }: PropsWithChildren<{
+    statusCode: number;
+    message: string;
+}>): import("react/jsx-runtime").JSX.Element;

package/templates/error.js

@@ -1,4 +1,4 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-export default function Error({ children }) {
-    return _jsx(_Fragment, { children: children });
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function Error({ statusCode, message, }) {
+    return (_jsxs("div", { children: [_jsx("h1", { children: statusCode }), _jsx("p", { children: message })] }));
 }