@webround/core 0.3.10 → 0.3.11

package/dist/context/WrAppContext.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // packages/core/src/context/WrAppContext.tsx
 import { createContext, useContext, useState, useCallback, useEffect, useMemo, useSyncExternalStore, lazy, Suspense, } from 'react';
-import { createBrowserRouter, RouterProvider, useLocation, useParams } from 'react-router-dom';
+import { createBrowserRouter, matchRoutes, RouterProvider, useLocation, useParams } from 'react-router-dom';
 import { WrScroll } from '../scroll';
-import { wrResolveRoutes, wrBuildRegistry, wrBuildLazyRegistry, wrBuildPageConfigMap, wrExpandRoutesForLangs, wrExtractLang, wrBuildLangPath, } from '../routing';
+import { wrResolveRoutes, wrBuildRegistry, wrBuildLazyRegistry, wrBuildPageConfigMap, wrExpandRoutesForLangs, wrExtractLang, wrBuildLangPath, wrHomeOf, } from '../routing';
 import { WrPageProvider } from './WrPageContext';
 import { WrLayout } from './WrLayout';
 import { WrSharedContext } from '../components/WrShared';
@@ -50,6 +50,24 @@ function WrRouteElement({ route, pageConfigMap, lazyFallback: LazyFallback, Page
         })();
     return (_jsxs(PageProvider, { config: config, pageName: pageName, children: [_jsx(WrScroll, {}), _jsxs(WrSharedContext.Provider, { value: shared, children: [_jsx(WrSeoHead, { site: seo, config: config, pathname: pathname, lang: lang, langs: langs }), _jsx(WrLayout, { Header: Header, Footer: Footer, showHeader: route.header, showFooter: route.footer, pageConfigMap: pageConfigMap, ScopeProvider: PageProvider, children: body })] })] }, pageName));
 }
+/**
+ * An address that leads to no page is the home page. The address is replaced BEFORE the router reads it, so the first render is the home page's: what was served for that address is the home page's
+ * snapshot, and the app takes it over (hydrates it) only if it draws the same page. A redirect after the first render would draw nothing at first, and React neither takes over nor removes what it did not claim.
+ */
+function replaceUnknownAddress(routes, notFound, langs) {
+    if (typeof window === 'undefined')
+        return;
+    const { pathname, search, hash } = window.location;
+    const matches = matchRoutes(routes, pathname);
+    const match = matches?.[matches.length - 1];
+    // `/:lang/…` answers for any word in that place: only the languages of the site are one (see WrRouteElement)
+    const unknownLang = !!langs && match?.params.lang !== undefined && !langs.available.includes(match.params.lang);
+    if (match?.route !== notFound && !unknownLang)
+        return;
+    const home = wrHomeOf(pathname, langs);
+    if (home !== pathname)
+        window.history.replaceState(window.history.state, '', `${home}${search}${hash}`);
+}
 export function WrAppProvider({ routesFile, eagerModules, lazyModules, configModules, langs, initialLang = 'default', lazyFallback = WrDefaultPageFallback, onRouterReady, PageProvider = WrPageProvider, Header, Footer, seo, children, }) {
     const router = useMemo(() => {
         const registry = wrBuildRegistry(eagerModules);
@@ -60,14 +78,17 @@ export function WrAppProvider({ routesFile, eagerModules, lazyModules, configMod
             console.error('[wr] unresolved route -> component mappings:', errors.missingComponents);
         }
         const expandedRoutes = wrExpandRoutesForLangs(routes, langs);
-        const builtRouter = createBrowserRouter([
+        // An address that leads to no page takes the visitor to the home page
+        const notFound = { path: '*', element: _jsx(WrNotFound, { langs: langs }) };
+        const routeObjects = [
             ...expandedRoutes.map((route) => ({
                 path: route.pattern,
                 element: _jsx(WrRouteElement, { route: route, pageConfigMap: pageConfigMap, lazyFallback: lazyFallback, PageProvider: PageProvider, Header: Header, Footer: Footer, seo: seo, langs: langs })
             })),
-            // An address that leads to no page takes the visitor to the home page
-            { path: '*', element: _jsx(WrNotFound, { langs: langs }) },
-        ]);
+            notFound,
+        ];
+        replaceUnknownAddress(routeObjects, notFound, langs);
+        const builtRouter = createBrowserRouter(routeObjects);
         onRouterReady?.(builtRouter.navigate);
         return builtRouter;
     }, [routesFile, eagerModules, lazyModules, configModules, langs, lazyFallback, onRouterReady, PageProvider, Header, Footer, seo]);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@webround/core",
-    "version": "0.3.10",
+    "version": "0.3.11",
     "type": "module",
     "main": "./dist/index.js",
     "module": "./dist/index.js",