@rspress/runtime 2.0.0-beta.3 → 2.0.0-beta.30

package/dist/Content.js

@@ -1,25 +1,27 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE_react_router_dom_5358f3fe__ from "react-router-dom";
-import * as __WEBPACK_EXTERNAL_MODULE_virtual_site_data_fa42d4c0__ from "virtual-site-data";
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_js_5a9aefb7__ from "./hooks.js";
-import * as __WEBPACK_EXTERNAL_MODULE__route_js_d0361f8a__ from "./route.js";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { Suspense, memo, useMemo } from "react";
+import { useLocation } from "react-router-dom";
+import virtual_site_data from "virtual-site-data";
+import { useViewTransition } from "./hooks/useViewTransition.js";
+import { pathnameToRouteService } from "./route.js";
 function TransitionContentImpl(props) {
     let element = props.el;
-    if (__WEBPACK_EXTERNAL_MODULE_virtual_site_data_fa42d4c0__["default"]?.themeConfig?.enableContentAnimation) element = (0, __WEBPACK_EXTERNAL_MODULE__hooks_js_5a9aefb7__.useViewTransition)(props.el);
+    if (virtual_site_data?.themeConfig?.enableContentAnimation) element = useViewTransition(props.el);
     return element;
 }
-const TransitionContent = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)(TransitionContentImpl, (prevProps, nextProps)=>prevProps.el === nextProps.el);
-const Content = ({ fallback = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {}) })=>{
-    const { pathname } = (0, __WEBPACK_EXTERNAL_MODULE_react_router_dom_5358f3fe__.useLocation)();
-    const matched = (0, __WEBPACK_EXTERNAL_MODULE__route_js_d0361f8a__.pathnameToRouteService)(pathname);
-    if (!matched) return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {});
-    const routesElement = matched.element;
-    if (!process.env.__REACT_GTE_18__ && process.env.__SSR__) return routesElement;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_react__.Suspense, {
+const TransitionContent = /*#__PURE__*/ memo(TransitionContentImpl, (prevProps, nextProps)=>prevProps.el === nextProps.el);
+const Content = ({ fallback = /*#__PURE__*/ jsx(Fragment, {}) })=>{
+    const { pathname } = useLocation();
+    const matchedElement = useMemo(()=>{
+        const route = pathnameToRouteService(pathname);
+        return route?.element;
+    }, [
+        pathname
+    ]);
+    return /*#__PURE__*/ jsx(Suspense, {
         fallback: fallback,
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(TransitionContent, {
-            el: routesElement
+        children: /*#__PURE__*/ jsx(TransitionContent, {
+            el: matchedElement
         })
     });
 };

package/dist/NoSSR.js

@@ -1,13 +1,13 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
 function NoSSR(props) {
     const { children } = props;
-    const [isMounted, setIsMounted] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+    const [isMounted, setIsMounted] = useState(false);
+    useEffect(()=>{
         setIsMounted(true);
     }, []);
     if (!isMounted) return null;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
+    return /*#__PURE__*/ jsx(Fragment, {
         children: children
     });
 }

package/dist/hooks/useDark.d.ts

@@ -0,0 +1,7 @@
+interface IThemeContext {
+    theme: 'light' | 'dark';
+    setTheme?: (theme: 'light' | 'dark') => void;
+}
+export declare const ThemeContext: import("react").Context<IThemeContext>;
+export declare function useDark(): boolean;
+export {};

package/dist/hooks/useDark.js

@@ -0,0 +1,7 @@
+import { createContext, useContext } from "react";
+const ThemeContext = createContext({});
+function useDark() {
+    const ctx = useContext(ThemeContext);
+    return 'dark' === ctx.theme;
+}
+export { ThemeContext, useDark };

package/dist/hooks/useFrontmatter.d.ts

@@ -0,0 +1,4 @@
+import type { FrontMatterMeta } from '@rspress/shared';
+export declare const useFrontmatter: () => {
+    frontmatter: FrontMatterMeta;
+};

package/dist/hooks/useFrontmatter.js

@@ -0,0 +1,9 @@
+import { usePage } from "./usePage.js";
+const useFrontmatter = ()=>{
+    const { page } = usePage();
+    const { frontmatter = {} } = page;
+    return {
+        frontmatter
+    };
+};
+export { useFrontmatter };

package/dist/hooks/useI18n.d.ts

@@ -0,0 +1 @@
+export declare function useI18n<T = Record<string, Record<string, string>>>(): (key: keyof T) => any;

package/dist/hooks/useI18n.js

@@ -0,0 +1,10 @@
+import { useCallback } from "react";
+import virtual_i18n_text from "virtual-i18n-text";
+import { useLang } from "./useLang.js";
+function useI18n() {
+    const lang = useLang();
+    return useCallback((key)=>virtual_i18n_text[key][lang], [
+        lang
+    ]);
+}
+export { useI18n };

package/dist/hooks/useLang.d.ts

@@ -0,0 +1 @@
+export declare function useLang(): string;

package/dist/hooks/useLang.js

@@ -0,0 +1,6 @@
+import { usePage } from "./usePage.js";
+function useLang() {
+    const { page } = usePage();
+    return page.lang || '';
+}
+export { useLang };

package/dist/hooks/useLocaleSiteData.d.ts

@@ -0,0 +1,5 @@
+import { type NormalizedLocales } from '@rspress/shared';
+/**
+ * @deprecated
+ */
+export declare function useLocaleSiteData(): NormalizedLocales;

package/dist/hooks/useLocaleSiteData.js

@@ -0,0 +1,27 @@
+import { addTrailingSlash } from "@rspress/shared";
+import { useLang } from "./useLang.js";
+import { useSite } from "./useSite.js";
+function useLocaleSiteData() {
+    const { site } = useSite();
+    const lang = useLang();
+    const themeConfig = site?.themeConfig ?? {};
+    const defaultLang = site.lang ?? '';
+    const locales = themeConfig?.locales;
+    if (!locales || 0 === locales.length) return {
+        nav: themeConfig.nav,
+        sidebar: themeConfig.sidebar,
+        prevPageText: themeConfig.prevPageText,
+        nextPageText: themeConfig.nextPageText,
+        sourceCodeText: themeConfig.sourceCodeText,
+        searchPlaceholderText: themeConfig.searchPlaceholderText,
+        searchNoResultsText: themeConfig.searchNoResultsText,
+        searchSuggestedQueryText: themeConfig.searchSuggestedQueryText,
+        overview: themeConfig.overview
+    };
+    const localeInfo = locales.find((locale)=>locale.lang === lang);
+    return {
+        ...localeInfo,
+        langRoutePrefix: lang === defaultLang ? '/' : addTrailingSlash(lang)
+    };
+}
+export { useLocaleSiteData };

package/dist/hooks/useNav.d.ts

@@ -0,0 +1 @@
+export declare function useNav(): import("@rspress/shared").NavItem[];

package/dist/hooks/useNav.js

@@ -0,0 +1,12 @@
+import { useLocaleSiteData } from "./useLocaleSiteData.js";
+import { useVersion } from "./useVersion.js";
+function useNav() {
+    const { nav } = useLocaleSiteData();
+    const version = useVersion();
+    if (Array.isArray(nav)) return nav;
+    const navKey = version.length > 0 ? version : 'default';
+    return [
+        ...nav[navKey]
+    ];
+}
+export { useNav };

package/dist/hooks/usePage.d.ts

@@ -0,0 +1,10 @@
+import type { PageDataLegacy } from '@rspress/shared';
+interface IPageContext {
+    data: PageDataLegacy['page'];
+    setData?: (data: PageDataLegacy['page']) => void;
+}
+export declare const PageContext: import("react").Context<IPageContext>;
+export declare function usePage(): {
+    page: PageDataLegacy['page'];
+};
+export {};

package/dist/hooks/usePage.js

@@ -0,0 +1,9 @@
+import { createContext, useContext } from "react";
+const PageContext = createContext({});
+function usePage() {
+    const ctx = useContext(PageContext);
+    return {
+        page: ctx.data
+    };
+}
+export { PageContext, usePage };

package/dist/hooks/usePageData.d.ts

@@ -0,0 +1,5 @@
+import type { PageDataLegacy } from '@rspress/shared';
+/**
+ * should use `usePage` and `useSite` instead
+ */
+export declare function usePageData(): PageDataLegacy;

package/dist/hooks/usePageData.js

@@ -0,0 +1,16 @@
+import { usePage } from "./usePage.js";
+import { usePages } from "./usePages.js";
+import { useSite } from "./useSite.js";
+function usePageData() {
+    const { page } = usePage();
+    const { pages } = usePages();
+    const { site } = useSite();
+    return {
+        page,
+        siteData: {
+            ...site,
+            pages
+        }
+    };
+}
+export { usePageData };

package/dist/hooks/usePages.d.ts

@@ -0,0 +1,4 @@
+import type { PageData } from '@rspress/shared';
+export declare function usePages(): {
+    pages: PageData['pages'];
+};

package/dist/hooks/usePages.js

@@ -0,0 +1,7 @@
+import { pageData } from "virtual-page-data";
+function usePages() {
+    return {
+        pages: pageData.pages
+    };
+}
+export { usePages };

package/dist/hooks/useSidebar.d.ts

@@ -0,0 +1,9 @@
+import { type NormalizedSidebar, type SidebarData } from '@rspress/shared';
+/**
+ * get the sidebar group for the current page
+ * @param sidebar const { sidebar } = useLocaleSiteData();
+ * @param currentPathname
+ * @returns
+ */
+export declare const getSidebarDataGroup: (sidebar: NormalizedSidebar, currentPathname: string) => SidebarData;
+export declare function useSidebar(): SidebarData;

package/dist/hooks/useSidebar.js

@@ -0,0 +1,23 @@
+import { matchSidebar } from "@rspress/shared";
+import { useMemo } from "react";
+import { useLocation } from "react-router-dom";
+import { useLocaleSiteData } from "./useLocaleSiteData.js";
+const getSidebarDataGroup = (sidebar, currentPathname)=>{
+    const navRoutes = Object.keys(sidebar).sort((a, b)=>b.length - a.length);
+    for (const name of navRoutes)if (matchSidebar(name, currentPathname)) {
+        const sidebarGroup = sidebar[name];
+        return sidebarGroup;
+    }
+    return [];
+};
+function useSidebar() {
+    const { sidebar } = useLocaleSiteData();
+    const { pathname: rawPathname } = useLocation();
+    const pathname = decodeURIComponent(rawPathname);
+    const sidebarData = useMemo(()=>getSidebarDataGroup(sidebar, pathname), [
+        sidebar,
+        pathname
+    ]);
+    return sidebarData;
+}
+export { getSidebarDataGroup, useSidebar };

package/dist/hooks/useSite.d.ts

@@ -0,0 +1,4 @@
+import type { SiteData } from '@rspress/shared';
+export declare function useSite(): {
+    site: SiteData;
+};

package/dist/hooks/useSite.js

@@ -0,0 +1,7 @@
+import virtual_site_data from "virtual-site-data";
+function useSite() {
+    return {
+        site: virtual_site_data
+    };
+}
+export { useSite };

package/dist/hooks/useVersion.d.ts

@@ -0,0 +1 @@
+export declare function useVersion(): string;

package/dist/hooks/useVersion.js

@@ -0,0 +1,6 @@
+import { usePage } from "./usePage.js";
+function useVersion() {
+    const { page } = usePage();
+    return page.version || '';
+}
+export { useVersion };

package/dist/hooks/useViewTransition.d.ts

@@ -0,0 +1,2 @@
+import { type ReactNode } from 'react';
+export declare function useViewTransition(dom: ReactNode): string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;

package/dist/hooks/useViewTransition.js

@@ -0,0 +1,23 @@
+import { useLayoutEffect, useState } from "react";
+import { flushSync } from "react-dom";
+function useViewTransition(dom) {
+    const [element, setElement] = useState(dom);
+    useLayoutEffect(()=>{
+        if (document.startViewTransition && element !== dom) document.startViewTransition(()=>{
+            flushSync(()=>{
+                setElement(dom);
+            });
+            window.dispatchEvent(new Event('RspressReloadContent'));
+        });
+        else {
+            flushSync(()=>{
+                setElement(dom);
+            });
+            window.dispatchEvent(new Event('RspressReloadContent'));
+        }
+    }, [
+        dom
+    ]);
+    return element;
+}
+export { useViewTransition };

package/dist/hooks/useWindowSize.d.ts

@@ -0,0 +1,9 @@
+declare global {
+    interface Window {
+        __MODERN_PAGE_DATA__: any;
+    }
+}
+export declare function useWindowSize(initialWidth?: number, initialHeight?: number): {
+    width: number;
+    height: number;
+};

package/dist/hooks/useWindowSize.js

@@ -0,0 +1,22 @@
+import { useLayoutEffect, useState } from "react";
+function useWindowSize(initialWidth, initialHeight) {
+    const [size, setSize] = useState({
+        width: initialWidth ?? 1 / 0,
+        height: initialHeight ?? 1 / 0
+    });
+    useLayoutEffect(()=>{
+        const handleResize = ()=>{
+            setSize({
+                width: window.innerWidth,
+                height: window.innerHeight
+            });
+        };
+        handleResize();
+        window.addEventListener('resize', handleResize);
+        return ()=>{
+            window.removeEventListener('resize', handleResize);
+        };
+    }, []);
+    return size;
+}
+export { useWindowSize };

package/dist/index.d.ts

@@ -1,8 +1,20 @@
-export { DataContext, ThemeContext, useDark, useI18n, useLang, usePageData, useVersion, useViewTransition, useWindowSize, } from './hooks';
-export { Content } from './Content';
-export { normalizeHrefInRuntime, normalizeImagePath, withBase, removeBase, addLeadingSlash, removeTrailingSlash, normalizeSlash, isProduction, isEqualPath, } from './utils';
-export { useLocation, useNavigate, matchRoutes, BrowserRouter, useSearchParams, matchPath, } from 'react-router-dom';
-export { createPortal, flushSync, } from 'react-dom';
-export { pathnameToRouteService, normalizeRoutePath, } from './route';
-export { Helmet } from '@dr.pogodin/react-helmet';
-export { NoSSR } from './NoSSR';
+export { Head } from '@unhead/react';
+export { createPortal, flushSync } from 'react-dom';
+export { BrowserRouter, matchPath, matchRoutes, useLocation, useNavigate, useSearchParams, } from 'react-router-dom';
+export { Content } from './Content.js';
+export { ThemeContext, useDark } from './hooks/useDark.js';
+export { useFrontmatter } from './hooks/useFrontmatter.js';
+export { useI18n } from './hooks/useI18n.js';
+export { useLang } from './hooks/useLang.js';
+export { useLocaleSiteData } from './hooks/useLocaleSiteData.js';
+export { useNav } from './hooks/useNav.js';
+export { PageContext, usePage } from './hooks/usePage.js';
+export { usePageData } from './hooks/usePageData.js';
+export { usePages } from './hooks/usePages.js';
+export { getSidebarDataGroup, useSidebar } from './hooks/useSidebar.js';
+export { useSite } from './hooks/useSite.js';
+export { useVersion } from './hooks/useVersion.js';
+export { useWindowSize } from './hooks/useWindowSize.js';
+export { NoSSR } from './NoSSR.js';
+export { isActive, pathnameToRouteService } from './route.js';
+export { addLeadingSlash, cleanUrlByConfig, isEqualPath, isProduction, normalizeHrefInRuntime, normalizeImagePath, removeBase, removeTrailingSlash, withBase, } from './utils.js';

package/dist/index.js

@@ -1,40 +1,21 @@
-import * as __WEBPACK_EXTERNAL_MODULE__hooks_js_5a9aefb7__ from "./hooks.js";
-import * as __WEBPACK_EXTERNAL_MODULE__Content_js_303edc82__ from "./Content.js";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_js_d88b7fe1__ from "./utils.js";
-import * as __WEBPACK_EXTERNAL_MODULE_react_router_dom_5358f3fe__ from "react-router-dom";
-import * as __WEBPACK_EXTERNAL_MODULE_react_dom_7136dc57__ from "react-dom";
-import * as __WEBPACK_EXTERNAL_MODULE__route_js_d0361f8a__ from "./route.js";
-import * as __WEBPACK_EXTERNAL_MODULE__dr_pogodin_react_helmet_ecf718aa__ from "@dr.pogodin/react-helmet";
-import * as __WEBPACK_EXTERNAL_MODULE__NoSSR_js_7f7b6e71__ from "./NoSSR.js";
-var __webpack_exports__BrowserRouter = __WEBPACK_EXTERNAL_MODULE_react_router_dom_5358f3fe__.BrowserRouter;
-var __webpack_exports__Content = __WEBPACK_EXTERNAL_MODULE__Content_js_303edc82__.Content;
-var __webpack_exports__DataContext = __WEBPACK_EXTERNAL_MODULE__hooks_js_5a9aefb7__.DataContext;
-var __webpack_exports__Helmet = __WEBPACK_EXTERNAL_MODULE__dr_pogodin_react_helmet_ecf718aa__.Helmet;
-var __webpack_exports__NoSSR = __WEBPACK_EXTERNAL_MODULE__NoSSR_js_7f7b6e71__.NoSSR;
-var __webpack_exports__ThemeContext = __WEBPACK_EXTERNAL_MODULE__hooks_js_5a9aefb7__.ThemeContext;
-var __webpack_exports__addLeadingSlash = __WEBPACK_EXTERNAL_MODULE__utils_js_d88b7fe1__.addLeadingSlash;
-var __webpack_exports__createPortal = __WEBPACK_EXTERNAL_MODULE_react_dom_7136dc57__.createPortal;
-var __webpack_exports__flushSync = __WEBPACK_EXTERNAL_MODULE_react_dom_7136dc57__.flushSync;
-var __webpack_exports__isEqualPath = __WEBPACK_EXTERNAL_MODULE__utils_js_d88b7fe1__.isEqualPath;
-var __webpack_exports__isProduction = __WEBPACK_EXTERNAL_MODULE__utils_js_d88b7fe1__.isProduction;
-var __webpack_exports__matchPath = __WEBPACK_EXTERNAL_MODULE_react_router_dom_5358f3fe__.matchPath;
-var __webpack_exports__matchRoutes = __WEBPACK_EXTERNAL_MODULE_react_router_dom_5358f3fe__.matchRoutes;
-var __webpack_exports__normalizeHrefInRuntime = __WEBPACK_EXTERNAL_MODULE__utils_js_d88b7fe1__.normalizeHrefInRuntime;
-var __webpack_exports__normalizeImagePath = __WEBPACK_EXTERNAL_MODULE__utils_js_d88b7fe1__.normalizeImagePath;
-var __webpack_exports__normalizeRoutePath = __WEBPACK_EXTERNAL_MODULE__route_js_d0361f8a__.normalizeRoutePath;
-var __webpack_exports__normalizeSlash = __WEBPACK_EXTERNAL_MODULE__utils_js_d88b7fe1__.normalizeSlash;
-var __webpack_exports__pathnameToRouteService = __WEBPACK_EXTERNAL_MODULE__route_js_d0361f8a__.pathnameToRouteService;
-var __webpack_exports__removeBase = __WEBPACK_EXTERNAL_MODULE__utils_js_d88b7fe1__.removeBase;
-var __webpack_exports__removeTrailingSlash = __WEBPACK_EXTERNAL_MODULE__utils_js_d88b7fe1__.removeTrailingSlash;
-var __webpack_exports__useDark = __WEBPACK_EXTERNAL_MODULE__hooks_js_5a9aefb7__.useDark;
-var __webpack_exports__useI18n = __WEBPACK_EXTERNAL_MODULE__hooks_js_5a9aefb7__.useI18n;
-var __webpack_exports__useLang = __WEBPACK_EXTERNAL_MODULE__hooks_js_5a9aefb7__.useLang;
-var __webpack_exports__useLocation = __WEBPACK_EXTERNAL_MODULE_react_router_dom_5358f3fe__.useLocation;
-var __webpack_exports__useNavigate = __WEBPACK_EXTERNAL_MODULE_react_router_dom_5358f3fe__.useNavigate;
-var __webpack_exports__usePageData = __WEBPACK_EXTERNAL_MODULE__hooks_js_5a9aefb7__.usePageData;
-var __webpack_exports__useSearchParams = __WEBPACK_EXTERNAL_MODULE_react_router_dom_5358f3fe__.useSearchParams;
-var __webpack_exports__useVersion = __WEBPACK_EXTERNAL_MODULE__hooks_js_5a9aefb7__.useVersion;
-var __webpack_exports__useViewTransition = __WEBPACK_EXTERNAL_MODULE__hooks_js_5a9aefb7__.useViewTransition;
-var __webpack_exports__useWindowSize = __WEBPACK_EXTERNAL_MODULE__hooks_js_5a9aefb7__.useWindowSize;
-var __webpack_exports__withBase = __WEBPACK_EXTERNAL_MODULE__utils_js_d88b7fe1__.withBase;
-export { __webpack_exports__BrowserRouter as BrowserRouter, __webpack_exports__Content as Content, __webpack_exports__DataContext as DataContext, __webpack_exports__Helmet as Helmet, __webpack_exports__NoSSR as NoSSR, __webpack_exports__ThemeContext as ThemeContext, __webpack_exports__addLeadingSlash as addLeadingSlash, __webpack_exports__createPortal as createPortal, __webpack_exports__flushSync as flushSync, __webpack_exports__isEqualPath as isEqualPath, __webpack_exports__isProduction as isProduction, __webpack_exports__matchPath as matchPath, __webpack_exports__matchRoutes as matchRoutes, __webpack_exports__normalizeHrefInRuntime as normalizeHrefInRuntime, __webpack_exports__normalizeImagePath as normalizeImagePath, __webpack_exports__normalizeRoutePath as normalizeRoutePath, __webpack_exports__normalizeSlash as normalizeSlash, __webpack_exports__pathnameToRouteService as pathnameToRouteService, __webpack_exports__removeBase as removeBase, __webpack_exports__removeTrailingSlash as removeTrailingSlash, __webpack_exports__useDark as useDark, __webpack_exports__useI18n as useI18n, __webpack_exports__useLang as useLang, __webpack_exports__useLocation as useLocation, __webpack_exports__useNavigate as useNavigate, __webpack_exports__usePageData as usePageData, __webpack_exports__useSearchParams as useSearchParams, __webpack_exports__useVersion as useVersion, __webpack_exports__useViewTransition as useViewTransition, __webpack_exports__useWindowSize as useWindowSize, __webpack_exports__withBase as withBase };
+import { Head } from "@unhead/react";
+import { createPortal, flushSync } from "react-dom";
+import { BrowserRouter, matchPath, matchRoutes, useLocation, useNavigate, useSearchParams } from "react-router-dom";
+import { Content } from "./Content.js";
+import { ThemeContext, useDark } from "./hooks/useDark.js";
+import { useFrontmatter } from "./hooks/useFrontmatter.js";
+import { useI18n } from "./hooks/useI18n.js";
+import { useLang } from "./hooks/useLang.js";
+import { useLocaleSiteData } from "./hooks/useLocaleSiteData.js";
+import { useNav } from "./hooks/useNav.js";
+import { PageContext, usePage } from "./hooks/usePage.js";
+import { usePageData } from "./hooks/usePageData.js";
+import { usePages } from "./hooks/usePages.js";
+import { getSidebarDataGroup, useSidebar } from "./hooks/useSidebar.js";
+import { useSite } from "./hooks/useSite.js";
+import { useVersion } from "./hooks/useVersion.js";
+import { useWindowSize } from "./hooks/useWindowSize.js";
+import { NoSSR } from "./NoSSR.js";
+import { isActive, pathnameToRouteService } from "./route.js";
+import { addLeadingSlash, cleanUrlByConfig, isEqualPath, isProduction, normalizeHrefInRuntime, normalizeImagePath, removeBase, removeTrailingSlash, withBase } from "./utils.js";
+export { BrowserRouter, Content, Head, NoSSR, PageContext, ThemeContext, addLeadingSlash, cleanUrlByConfig, createPortal, flushSync, getSidebarDataGroup, isActive, isEqualPath, isProduction, matchPath, matchRoutes, normalizeHrefInRuntime, normalizeImagePath, pathnameToRouteService, removeBase, removeTrailingSlash, useDark, useFrontmatter, useI18n, useLang, useLocaleSiteData, useLocation, useNav, useNavigate, usePage, usePageData, usePages, useSearchParams, useSidebar, useSite, useVersion, useWindowSize, withBase };

package/dist/route.d.ts

@@ -1,8 +1,20 @@
 import type { Route } from '@rspress/shared';
-export declare function normalizeRoutePath(routePath: string): string;
 /**
  * this is a bridge of two core features Sidebar and RouteService
  * @param pathname useLocation().pathname
  * @returns
  */
 export declare function pathnameToRouteService(pathname: string): Route | undefined;
+/**
+ * link: /api/config
+ * currentPathname:
+ *  0. /api/config
+ *  1. /api/config.html
+ *  2. /api/config/
+ *  3. /api/config/index
+ *  4. /api/config/index.html
+ * @param itemLink
+ * @param currentPathname
+ * @returns
+ */
+export declare function isActive(itemLink: string, currentPathname: string): boolean;

package/dist/route.js

@@ -1,5 +1,5 @@
-import * as __WEBPACK_EXTERNAL_MODULE__VIRTUAL_ROUTES__3c8bd3e0__ from "__VIRTUAL_ROUTES__";
-import * as __WEBPACK_EXTERNAL_MODULE_react_router_dom_5358f3fe__ from "react-router-dom";
+import { matchPath, matchRoutes } from "react-router-dom";
+import { routes } from "virtual-routes";
 function normalizeRoutePath(routePath) {
     return decodeURIComponent(routePath).replace(/\.html$/, '').replace(/\/index$/, '/');
 }
@@ -7,9 +7,15 @@ const cache = new Map();
 function pathnameToRouteService(pathname) {
     const cacheItem = cache.get(pathname);
     if (cacheItem) return cacheItem;
-    const matched = (0, __WEBPACK_EXTERNAL_MODULE_react_router_dom_5358f3fe__.matchRoutes)(__WEBPACK_EXTERNAL_MODULE__VIRTUAL_ROUTES__3c8bd3e0__.routes, normalizeRoutePath(pathname));
+    const matched = matchRoutes(routes, normalizeRoutePath(pathname));
     const route = matched?.[0]?.route;
     if (route) cache.set(pathname, route);
     return route;
 }
-export { normalizeRoutePath, pathnameToRouteService };
+function isActive(itemLink, currentPathname) {
+    const normalizedItemLink = normalizeRoutePath(itemLink);
+    const normalizedCurrentPathname = normalizeRoutePath(currentPathname);
+    const linkMatched = matchPath(normalizedItemLink, normalizedCurrentPathname);
+    return null !== linkMatched;
+}
+export { isActive, pathnameToRouteService };

package/dist/utils.d.ts

@@ -1,8 +1,11 @@
-import { addLeadingSlash, isProduction, normalizeSlash, removeTrailingSlash } from '@rspress/shared';
-export declare function withBase(url?: string): string;
-export declare function removeBase(url: string): string;
-export declare function isEqualPath(a: string, b: string): boolean;
-export declare function normalizeHrefInRuntime(a: string): string;
-export declare function normalizeImagePath(imagePath: string): string;
-export declare function isAbsoluteUrl(path: string): boolean;
-export { addLeadingSlash, removeTrailingSlash, normalizeSlash, isProduction };
+import { addLeadingSlash, isProduction, removeTrailingSlash } from '@rspress/shared';
+declare function withBase(url?: string): string;
+declare function removeBase(url: string): string;
+declare function isEqualPath(a: string, b: string): boolean;
+declare function normalizeHrefInRuntime(link: string): string;
+/**
+ * we do cleanUrls in runtime side
+ */
+declare function cleanUrlByConfig(link: string): string;
+declare function normalizeImagePath(imagePath: string): string;
+export { addLeadingSlash, removeTrailingSlash, isProduction, normalizeImagePath, cleanUrlByConfig, removeBase, withBase, isEqualPath, normalizeHrefInRuntime, };

package/dist/utils.js

@@ -1,30 +1,28 @@
-import * as __WEBPACK_EXTERNAL_MODULE__rspress_shared_baa012d0__ from "@rspress/shared";
-import * as __WEBPACK_EXTERNAL_MODULE_virtual_site_data_fa42d4c0__ from "virtual-site-data";
-function withBase(url = '/') {
-    return (0, __WEBPACK_EXTERNAL_MODULE__rspress_shared_baa012d0__.withBase)(url, __WEBPACK_EXTERNAL_MODULE_virtual_site_data_fa42d4c0__["default"].base);
+import { addLeadingSlash, isDataUrl, isExternalUrl, isProduction, normalizeHref, removeBase, removeHash, removeTrailingSlash, withBase } from "@rspress/shared";
+import virtual_site_data from "virtual-site-data";
+function utils_withBase(url = '/') {
+    return withBase(url, virtual_site_data.base);
 }
-function removeBase(url) {
-    return (0, __WEBPACK_EXTERNAL_MODULE__rspress_shared_baa012d0__.removeBase)(url, __WEBPACK_EXTERNAL_MODULE_virtual_site_data_fa42d4c0__["default"].base);
+function utils_removeBase(url) {
+    return removeBase(url, virtual_site_data.base);
 }
 function isEqualPath(a, b) {
-    return withBase(normalizeHrefInRuntime((0, __WEBPACK_EXTERNAL_MODULE__rspress_shared_baa012d0__.removeHash)(a))) === withBase(normalizeHrefInRuntime((0, __WEBPACK_EXTERNAL_MODULE__rspress_shared_baa012d0__.removeHash)(b)));
+    return utils_removeBase(normalizeHref(removeHash(a), true)) === utils_removeBase(normalizeHref(removeHash(b), true));
 }
-function normalizeHrefInRuntime(a) {
-    const cleanUrls = Boolean(__WEBPACK_EXTERNAL_MODULE_virtual_site_data_fa42d4c0__["default"]?.route?.cleanUrls);
-    return (0, __WEBPACK_EXTERNAL_MODULE__rspress_shared_baa012d0__.normalizeHref)(a, cleanUrls);
+function normalizeHrefInRuntime(link) {
+    const cleanUrls = Boolean(virtual_site_data?.route?.cleanUrls);
+    return normalizeHref(link, cleanUrls);
+}
+function cleanUrlByConfig(link) {
+    if (virtual_site_data?.route?.cleanUrls) return normalizeHref(link, true);
+    return link;
 }
 function normalizeImagePath(imagePath) {
-    const isProd = (0, __WEBPACK_EXTERNAL_MODULE__rspress_shared_baa012d0__.isProduction)();
-    if (!isProd) return imagePath;
     if (isAbsoluteUrl(imagePath)) return imagePath;
     if (!imagePath.startsWith('/')) return imagePath;
-    return withBase(imagePath);
+    return utils_withBase(imagePath);
 }
 function isAbsoluteUrl(path) {
-    return (0, __WEBPACK_EXTERNAL_MODULE__rspress_shared_baa012d0__.isExternalUrl)(path) || (0, __WEBPACK_EXTERNAL_MODULE__rspress_shared_baa012d0__.isDataUrl)(path) || path.startsWith('//');
+    return isExternalUrl(path) || isDataUrl(path) || path.startsWith('//');
 }
-var __webpack_exports__addLeadingSlash = __WEBPACK_EXTERNAL_MODULE__rspress_shared_baa012d0__.addLeadingSlash;
-var __webpack_exports__isProduction = __WEBPACK_EXTERNAL_MODULE__rspress_shared_baa012d0__.isProduction;
-var __webpack_exports__normalizeSlash = __WEBPACK_EXTERNAL_MODULE__rspress_shared_baa012d0__.normalizeSlash;
-var __webpack_exports__removeTrailingSlash = __WEBPACK_EXTERNAL_MODULE__rspress_shared_baa012d0__.removeTrailingSlash;
-export { isAbsoluteUrl, isEqualPath, normalizeHrefInRuntime, normalizeImagePath, removeBase, withBase, __webpack_exports__addLeadingSlash as addLeadingSlash, __webpack_exports__isProduction as isProduction, __webpack_exports__normalizeSlash as normalizeSlash, __webpack_exports__removeTrailingSlash as removeTrailingSlash };
+export { addLeadingSlash, cleanUrlByConfig, isEqualPath, isProduction, normalizeHrefInRuntime, normalizeImagePath, utils_removeBase as removeBase, removeTrailingSlash, utils_withBase as withBase };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rspress/runtime",
-  "version": "2.0.0-beta.3",
+  "version": "2.0.0-beta.30",
   "description": "The Runtime of Rspress Documentation Framework",
   "bugs": "https://github.com/web-infra-dev/rspress/issues",
   "repository": {
@@ -13,10 +13,7 @@
     "*.css",
     "*.less",
     "*.sass",
-    "*.scss",
-    "**/virtual-global-styles.js",
-    "virtual-global-styles",
-    "./src/theme-default/styles/index.ts"
+    "*.scss"
   ],
   "type": "module",
   "exports": {
@@ -36,19 +33,19 @@
     "server.d.ts"
   ],
   "dependencies": {
-    "@dr.pogodin/react-helmet": "2.0.4",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "react-router-dom": "^6.29.0",
-    "@rspress/shared": "2.0.0-beta.3"
+    "@unhead/react": "^2.0.14",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "react-router-dom": "^6.30.1",
+    "@rspress/shared": "2.0.0-beta.30"
   },
   "devDependencies": {
-    "@rsbuild/plugin-react": "~1.1.1",
-    "@rslib/core": "0.6.7",
+    "@rsbuild/plugin-react": "~1.4.0",
+    "@rslib/core": "0.12.4",
     "@types/jest": "~29.5.14",
-    "@types/react": "^18.3.20",
-    "@types/react-dom": "^18.3.6",
-    "rsbuild-plugin-publint": "^0.3.1",
+    "@types/react": "^19.1.12",
+    "@types/react-dom": "^19.1.9",
+    "rsbuild-plugin-publint": "^0.3.3",
     "typescript": "^5.8.2",
     "@rspress/config": "1.0.0"
   },
@@ -57,7 +54,6 @@
   },
   "publishConfig": {
     "access": "public",
-    "provenance": true,
     "registry": "https://registry.npmjs.org/"
   },
   "scripts": {

package/server.js

@@ -1,2 +1,2 @@
-export { StaticRouter } from 'react-router-dom/server';
 export { matchPath } from 'react-router-dom';
+export { StaticRouter } from 'react-router-dom/server.mjs';

package/dist/hooks.d.ts

@@ -1,28 +0,0 @@
-import type { PageData } from '@rspress/shared';
-import { type ReactElement } from 'react';
-declare global {
-    interface Window {
-        __MODERN_PAGE_DATA__: any;
-    }
-}
-interface IDataContext {
-    data: PageData;
-    setData?: (data: PageData) => void;
-}
-interface IThemeContext {
-    theme: 'light' | 'dark';
-    setTheme?: (theme: 'light' | 'dark') => void;
-}
-export declare const DataContext: import("react").Context<IDataContext>;
-export declare const ThemeContext: import("react").Context<IThemeContext>;
-export declare function usePageData(): PageData;
-export declare function useLang(): string;
-export declare function useVersion(): string;
-export declare function useDark(): boolean;
-export declare function useI18n<T = Record<string, Record<string, string>>>(): (key: keyof T) => any;
-export declare function useViewTransition(dom: ReactElement): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-export declare function useWindowSize(initialWidth?: number, initialHeight?: number): {
-    width: number;
-    height: number;
-};
-export {};

package/dist/hooks.js

@@ -1,67 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE_react_dom_7136dc57__ from "react-dom";
-import * as __WEBPACK_EXTERNAL_MODULE_virtual_i18n_text_58811962__ from "virtual-i18n-text";
-const DataContext = (0, __WEBPACK_EXTERNAL_MODULE_react__.createContext)({});
-const ThemeContext = (0, __WEBPACK_EXTERNAL_MODULE_react__.createContext)({});
-function usePageData() {
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(DataContext);
-    return ctx.data;
-}
-function useLang() {
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(DataContext);
-    return ctx.data.page.lang || '';
-}
-function useVersion() {
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(DataContext);
-    return ctx.data.page.version || '';
-}
-function useDark() {
-    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(ThemeContext);
-    return 'dark' === ctx.theme;
-}
-function useI18n() {
-    const lang = useLang();
-    return (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((key)=>__WEBPACK_EXTERNAL_MODULE_virtual_i18n_text_58811962__["default"][key][lang], [
-        lang
-    ]);
-}
-function useViewTransition(dom) {
-    const [element, setElement] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(dom);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useLayoutEffect)(()=>{
-        if (document.startViewTransition && element !== dom) document.startViewTransition(()=>{
-            (0, __WEBPACK_EXTERNAL_MODULE_react_dom_7136dc57__.flushSync)(()=>{
-                setElement(dom);
-            });
-            window.dispatchEvent(new Event('RspressReloadContent'));
-        });
-        else {
-            (0, __WEBPACK_EXTERNAL_MODULE_react_dom_7136dc57__.flushSync)(()=>{
-                setElement(dom);
-            });
-            window.dispatchEvent(new Event('RspressReloadContent'));
-        }
-    }, [
-        dom
-    ]);
-    return element;
-}
-function useWindowSize(initialWidth, initialHeight) {
-    const [size, setSize] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)({
-        width: initialWidth ?? Number.POSITIVE_INFINITY,
-        height: initialHeight ?? Number.POSITIVE_INFINITY
-    });
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useLayoutEffect)(()=>{
-        const handleResize = ()=>{
-            setSize({
-                width: window.innerWidth,
-                height: window.innerHeight
-            });
-        };
-        window.addEventListener('resize', handleResize);
-        return ()=>{
-            window.removeEventListener('resize', handleResize);
-        };
-    }, []);
-    return size;
-}
-export { DataContext, ThemeContext, useDark, useI18n, useLang, usePageData, useVersion, useViewTransition, useWindowSize };