@webround/core 0.3.10 → 0.3.12

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/dist/text-react.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { WrTextTag } from './kinds.js';
+import { type WrTextTag } from './kinds.js';
 export interface WrTextViewProps extends Omit<React.HTMLAttributes<HTMLElement>, 'id' | 'dangerouslySetInnerHTML' | 'children'> {
     id: string;
     /** The container: `div` (default) or `span`. */
@@ -7,5 +7,5 @@ export interface WrTextViewProps extends Omit<React.HTMLAttributes<HTMLElement>,
     /** The HTML of the text, as it is to be drawn. */
     html: string;
 }
-export declare function WrTextView({ id, tag: Tag, html, style, ...props }: WrTextViewProps): React.JSX.Element;
+export declare function WrTextView({ id, tag, html, style, ...props }: WrTextViewProps): React.JSX.Element;
 //# sourceMappingURL=text-react.d.ts.map

package/dist/text-react.js

@@ -1,5 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-export function WrTextView({ id, tag: Tag = 'div', html, style, ...props }) {
+import { wrTagOf } from './kinds.js';
+export function WrTextView({ id, tag, html, style, ...props }) {
+    // The types say `div` or `span`, but a site that builds with a type error can say another (`p`, whose paragraphs would be a `<p>` inside a `<p>`, which a parser splits: the saved page and the one the app draws
+    // would differ). Whatever is said, the element is one of the two: the one `wrTagOf` gives, which is also what the checks believe it is.
+    const Tag = wrTagOf('text', tag);
     return (_jsx(Tag, { ...props, "data-wr-id": id, "data-wr-type": "text", dangerouslySetInnerHTML: { __html: html }, style: { wordBreak: 'break-word', ...style } }));
 }
 //# sourceMappingURL=text-react.js.map

package/package.json

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