@fecommunity/reactpress 4.0.0-beta.0 → 4.0.0-beta.10

package/toolkit/dist/api/User.js

@@ -0,0 +1,72 @@
+"use strict";
+/* eslint-disable */
+/* tslint:disable */
+/*
+ * ---------------------------------------------------------------
+ * ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API        ##
+ * ##                                                           ##
+ * ## AUTHOR: acacode                                           ##
+ * ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
+ * ---------------------------------------------------------------
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.User = void 0;
+class User {
+    constructor(http) {
+        /**
+         * No description
+         *
+         * @tags User
+         * @name UserControllerFindAll
+         * @request GET:/user
+         * @response `200` `IUserControllerFindAllData` 获取用户列表
+         * @response `403` `void` 无权获取用户列表
+         */
+        this.findAll = (params = {}) => this.http.request({
+            path: `/user`,
+            method: 'GET',
+            ...params,
+        });
+        /**
+         * No description
+         *
+         * @tags User
+         * @name UserControllerRegister
+         * @request POST:/user/register
+         * @response `201` `IUserControllerRegisterData` 创建用户
+         */
+        this.register = (params = {}) => this.http.request({
+            path: `/user/register`,
+            method: 'POST',
+            ...params,
+        });
+        /**
+         * No description
+         *
+         * @tags User
+         * @name UserControllerUpdate
+         * @request POST:/user/update
+         * @response `200` `IUserControllerUpdateData` 更新用户成功
+         */
+        this.update = (params = {}) => this.http.request({
+            path: `/user/update`,
+            method: 'POST',
+            ...params,
+        });
+        /**
+         * No description
+         *
+         * @tags User
+         * @name UserControllerUpdatePassword
+         * @request POST:/user/password
+         * @response `201` `IUserControllerUpdatePasswordData` 更新密码成功
+         */
+        this.updatePassword = (params = {}) => this.http.request({
+            path: `/user/password`,
+            method: 'POST',
+            ...params,
+        });
+        this.http = http;
+    }
+}
+exports.User = User;

package/toolkit/dist/api/View.js

@@ -0,0 +1,84 @@
+"use strict";
+/* eslint-disable */
+/* tslint:disable */
+/*
+ * ---------------------------------------------------------------
+ * ## THIS FILE WAS GENERATED VIA SWAGGER-TYPESCRIPT-API        ##
+ * ##                                                           ##
+ * ## AUTHOR: acacode                                           ##
+ * ## SOURCE: https://github.com/acacode/swagger-typescript-api ##
+ * ---------------------------------------------------------------
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.View = void 0;
+class View {
+    constructor(http) {
+        /**
+         * No description
+         *
+         * @tags View
+         * @name ViewControllerCreate
+         * @request POST:/view
+         * @response `200` `IViewControllerCreateData` 访问记录添加成功
+         */
+        this.create = (params = {}) => this.http.request({
+            path: `/view`,
+            method: 'POST',
+            ...params,
+        });
+        /**
+         * No description
+         *
+         * @tags View
+         * @name ViewControllerFindAll
+         * @request GET:/view
+         * @response `200` `IViewControllerFindAllData`
+         */
+        this.findAll = (params = {}) => this.http.request({
+            path: `/view`,
+            method: 'GET',
+            ...params,
+        });
+        /**
+         * No description
+         *
+         * @tags View
+         * @name ViewControllerFindByUrl
+         * @request GET:/view/url
+         * @response `200` `IViewControllerFindByUrlData`
+         */
+        this.findByUrl = (params = {}) => this.http.request({
+            path: `/view/url`,
+            method: 'GET',
+            ...params,
+        });
+        /**
+         * No description
+         *
+         * @tags View
+         * @name ViewControllerFindById
+         * @request GET:/view/{id}
+         * @response `200` `IViewControllerFindByIdData`
+         */
+        this.findById = (id, params = {}) => this.http.request({
+            path: `/view/${id}`,
+            method: 'GET',
+            ...params,
+        });
+        /**
+         * No description
+         *
+         * @tags View
+         * @name ViewControllerDeleteById
+         * @request DELETE:/view/{id}
+         * @response `200` `IViewControllerDeleteByIdData`
+         */
+        this.deleteById = (id, params = {}) => this.http.request({
+            path: `/view/${id}`,
+            method: 'DELETE',
+            ...params,
+        });
+        this.http = http;
+    }
+}
+exports.View = View;

package/toolkit/dist/api/index.js

@@ -0,0 +1,30 @@
+"use strict";
+// Auto-generated API module index
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.View = exports.User = exports.Tag = exports.Smtp = exports.Setting = exports.Search = exports.Page = exports.Knowledge = exports.File = exports.Comment = exports.Category = exports.Auth = exports.Article = void 0;
+var Article_1 = require("./Article");
+Object.defineProperty(exports, "Article", { enumerable: true, get: function () { return Article_1.Article; } });
+var Auth_1 = require("./Auth");
+Object.defineProperty(exports, "Auth", { enumerable: true, get: function () { return Auth_1.Auth; } });
+var Category_1 = require("./Category");
+Object.defineProperty(exports, "Category", { enumerable: true, get: function () { return Category_1.Category; } });
+var Comment_1 = require("./Comment");
+Object.defineProperty(exports, "Comment", { enumerable: true, get: function () { return Comment_1.Comment; } });
+var File_1 = require("./File");
+Object.defineProperty(exports, "File", { enumerable: true, get: function () { return File_1.File; } });
+var Knowledge_1 = require("./Knowledge");
+Object.defineProperty(exports, "Knowledge", { enumerable: true, get: function () { return Knowledge_1.Knowledge; } });
+var Page_1 = require("./Page");
+Object.defineProperty(exports, "Page", { enumerable: true, get: function () { return Page_1.Page; } });
+var Search_1 = require("./Search");
+Object.defineProperty(exports, "Search", { enumerable: true, get: function () { return Search_1.Search; } });
+var Setting_1 = require("./Setting");
+Object.defineProperty(exports, "Setting", { enumerable: true, get: function () { return Setting_1.Setting; } });
+var Smtp_1 = require("./Smtp");
+Object.defineProperty(exports, "Smtp", { enumerable: true, get: function () { return Smtp_1.Smtp; } });
+var Tag_1 = require("./Tag");
+Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return Tag_1.Tag; } });
+var User_1 = require("./User");
+Object.defineProperty(exports, "User", { enumerable: true, get: function () { return User_1.User; } });
+var View_1 = require("./View");
+Object.defineProperty(exports, "View", { enumerable: true, get: function () { return View_1.View; } });

package/toolkit/dist/api/instance.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.View = exports.User = exports.Tag = exports.Smtp = exports.Setting = exports.Search = exports.Page = exports.Knowledge = exports.File = exports.Comment = exports.Category = exports.Auth = exports.Article = exports.api = exports.http = void 0;
+exports.createApiInstance = createApiInstance;
+// Auto-generated API instance
+const Article_1 = require("./Article");
+Object.defineProperty(exports, "Article", { enumerable: true, get: function () { return Article_1.Article; } });
+const Auth_1 = require("./Auth");
+Object.defineProperty(exports, "Auth", { enumerable: true, get: function () { return Auth_1.Auth; } });
+const Category_1 = require("./Category");
+Object.defineProperty(exports, "Category", { enumerable: true, get: function () { return Category_1.Category; } });
+const Comment_1 = require("./Comment");
+Object.defineProperty(exports, "Comment", { enumerable: true, get: function () { return Comment_1.Comment; } });
+const File_1 = require("./File");
+Object.defineProperty(exports, "File", { enumerable: true, get: function () { return File_1.File; } });
+const HttpClient_1 = require("./HttpClient");
+const Knowledge_1 = require("./Knowledge");
+Object.defineProperty(exports, "Knowledge", { enumerable: true, get: function () { return Knowledge_1.Knowledge; } });
+const Page_1 = require("./Page");
+Object.defineProperty(exports, "Page", { enumerable: true, get: function () { return Page_1.Page; } });
+const Search_1 = require("./Search");
+Object.defineProperty(exports, "Search", { enumerable: true, get: function () { return Search_1.Search; } });
+const Setting_1 = require("./Setting");
+Object.defineProperty(exports, "Setting", { enumerable: true, get: function () { return Setting_1.Setting; } });
+const Smtp_1 = require("./Smtp");
+Object.defineProperty(exports, "Smtp", { enumerable: true, get: function () { return Smtp_1.Smtp; } });
+const Tag_1 = require("./Tag");
+Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return Tag_1.Tag; } });
+const User_1 = require("./User");
+Object.defineProperty(exports, "User", { enumerable: true, get: function () { return User_1.User; } });
+const View_1 = require("./View");
+Object.defineProperty(exports, "View", { enumerable: true, get: function () { return View_1.View; } });
+// Create default HTTP client
+exports.http = new HttpClient_1.HttpClient();
+// Create API instance with all modules
+exports.api = {
+    article: new Article_1.Article(exports.http),
+    auth: new Auth_1.Auth(exports.http),
+    category: new Category_1.Category(exports.http),
+    comment: new Comment_1.Comment(exports.http),
+    file: new File_1.File(exports.http),
+    knowledge: new Knowledge_1.Knowledge(exports.http),
+    page: new Page_1.Page(exports.http),
+    search: new Search_1.Search(exports.http),
+    setting: new Setting_1.Setting(exports.http),
+    smtp: new Smtp_1.Smtp(exports.http),
+    tag: new Tag_1.Tag(exports.http),
+    user: new User_1.User(exports.http),
+    view: new View_1.View(exports.http),
+};
+// Create custom API instance function
+function createApiInstance(config) {
+    const customHttp = new HttpClient_1.HttpClient(config);
+    return {
+        article: new Article_1.Article(customHttp),
+        auth: new Auth_1.Auth(customHttp),
+        category: new Category_1.Category(customHttp),
+        comment: new Comment_1.Comment(customHttp),
+        file: new File_1.File(customHttp),
+        knowledge: new Knowledge_1.Knowledge(customHttp),
+        page: new Page_1.Page(customHttp),
+        search: new Search_1.Search(customHttp),
+        setting: new Setting_1.Setting(customHttp),
+        smtp: new Smtp_1.Smtp(customHttp),
+        tag: new Tag_1.Tag(customHttp),
+        user: new User_1.User(customHttp),
+        view: new View_1.View(customHttp),
+    };
+}
+// Export default API instance
+exports.default = exports.api;

package/toolkit/dist/app/createReactPressApp.js

@@ -0,0 +1,265 @@
+"use strict";
+const React = require('react');
+const App = require('next/app').default;
+const Router = require('next/router').default;
+const { fetchAppBootstrap, createDefaultAppBootstrap } = require('../theme/ssr/bootstrap');
+const { slimAppBootstrapForRoute } = require('../theme/ssr/slimBootstrap');
+const { createThemeAxiosClient } = require('../theme/api/httpClient');
+const { createThemeProviders } = require('../theme/providers');
+const { applyColorModeClass, resolveInitialColorModeState, persistColorMode, } = require('../theme/visitor/colorMode');
+const { persistVisitorLocale, readBrowserCookie, VISITOR_LOCALE_COOKIE, LEGACY_LOCALE_STORAGE_KEY, } = require('../theme/visitor/visitorLocale');
+const { clearThemeSession, persistThemeSession, resolveStoredUser, } = require('../theme/visitor/authSession');
+const { RouteProgress } = require('../ui/components/RouteProgress');
+const { SiteAnalytics } = require('../ui/components/SiteAnalytics');
+const { SiteCatalogProvider } = require('../ui/context/SiteCatalogContext');
+const { useReportPageView } = require('../ui/hooks/useReportPageView');
+const { safeJsonParse } = require('../theme/api/json');
+const { mergeVisitorI18n } = require('../theme/visitor/i18n');
+function resolveGlobalSettingForLocale(setting, locale, fallback) {
+    if (!setting?.globalSetting)
+        return fallback;
+    const raw = setting.globalSetting;
+    const parsed = typeof raw === 'string' ? safeJsonParse(raw, {}) : raw && typeof raw === 'object' ? raw : {};
+    return parsed[locale] ?? fallback;
+}
+function readStoredVisitorLocale(locales) {
+    if (typeof window === 'undefined')
+        return null;
+    try {
+        const supported = Array.isArray(locales) ? locales : [];
+        const stored = window.localStorage.getItem('reactpress-locale') ||
+            window.localStorage.getItem('locale');
+        if (stored && supported.includes(stored))
+            return stored;
+    }
+    catch {
+        // ignore
+    }
+    return null;
+}
+function ViewStatisticsBridge() {
+    useReportPageView();
+    return null;
+}
+/**
+ * Full-featured theme `_app` factory (UI-framework agnostic).
+ * Alias: `createCatalogThemeApp` (deprecated name).
+ * @param {Record<string, unknown>} manifest
+ * @param {Record<string, unknown>} [options]
+ * @returns {unknown}
+ */
+function createReactPressApp(manifest, options = {}) {
+    var _a;
+    const { Layout, buildAppearanceCss, httpClientOptions = {}, scrollToTopOnRouteChange = true, IntlProvider, wrapContent, transformBootstrap, 
+    /** When true, apply default catalog-theme SSR payload slimming (nav routes keep full siteConfig). */
+    slimBootstrap = false, } = options;
+    if (!Layout) {
+        throw new Error('createReactPressApp: options.Layout is required');
+    }
+    if (!IntlProvider) {
+        throw new Error('createReactPressApp: options.IntlProvider is required — import { NextIntlProvider } from "next-intl" in your theme');
+    }
+    if (scrollToTopOnRouteChange) {
+        Router.events.on('routeChangeComplete', () => {
+            setTimeout(() => {
+                if (document.documentElement.scrollTop > 0) {
+                    window.scrollTo({ top: 0, behavior: 'smooth' });
+                }
+            }, 0);
+        });
+    }
+    class ReactPressThemeApp extends App {
+        constructor() {
+            super(...arguments);
+            this.state = {
+                locale: '',
+                user: null,
+                /** Keep SSR and the first client render identical; sync from storage in componentDidMount. */
+                theme: 'light',
+                collapsed: false,
+                setting: null,
+                /** Full locale catalog — SSR may ship only the active locale to shrink `__NEXT_DATA__`. */
+                i18n: null,
+            };
+            this.prefetchRemainingI18nLocales = () => {
+                const locales = this.props.locales;
+                if (!Array.isArray(locales) || locales.length <= 1)
+                    return;
+                const current = this.state.i18n ?? this.props.i18n ?? {};
+                if (locales.every((key) => current[key]))
+                    return;
+                const http = createThemeAxiosClient(httpClientOptions);
+                const { SettingProvider } = createThemeProviders(http);
+                SettingProvider.getSetting()
+                    .then((res) => {
+                    const full = mergeVisitorI18n(safeJsonParse(res.i18n, {}));
+                    this.setState((prev) => ({
+                        i18n: { ...(prev.i18n ?? this.props.i18n ?? {}), ...full },
+                    }));
+                })
+                    .catch(() => {
+                    // ignore — active locale messages already available from SSR
+                });
+            };
+            this.changeLocale = (key) => {
+                if (!key)
+                    return;
+                const active = this.state.locale ||
+                    this.props.initialLocale ||
+                    (Array.isArray(this.props.locales) && this.props.locales[0]) ||
+                    'zh';
+                if (key === active)
+                    return;
+                persistVisitorLocale(key);
+                const catalog = this.state.i18n ?? this.props.i18n ?? {};
+                if (!catalog[key]) {
+                    this.prefetchRemainingI18nLocales();
+                }
+                this.setState({ locale: key });
+            };
+            this.setUser = (user) => {
+                persistThemeSession(user);
+                this.setState({ user });
+            };
+            this.removeUser = () => {
+                clearThemeSession();
+                this.setState({ user: null });
+                window.location.reload();
+            };
+            this.changeTheme = (nextTheme) => {
+                const isDark = nextTheme === 'dark';
+                applyColorModeClass(isDark);
+                persistColorMode(isDark);
+                this.setState({ theme: nextTheme });
+            };
+            this.getSetting = () => {
+                const http = createThemeAxiosClient(httpClientOptions);
+                const { SettingProvider } = createThemeProviders(http);
+                SettingProvider.getSetting().then((res) => {
+                    this.setState({ setting: res });
+                });
+            };
+            this.toggleCollapse = () => {
+                this.setState({ collapsed: !this.state.collapsed });
+            };
+        }
+        componentDidMount() {
+            const user = resolveStoredUser();
+            if (user) {
+                persistThemeSession(user);
+                this.setState({ user });
+            }
+            const preferred = resolveInitialColorModeState() ?? 'light';
+            applyColorModeClass(preferred === 'dark');
+            const patches = {};
+            if (this.state.theme !== preferred) {
+                patches.theme = preferred;
+            }
+            const ssrLocale = this.props.initialLocale ||
+                (Array.isArray(this.props.locales) && this.props.locales.length > 0
+                    ? this.props.locales[0]
+                    : 'zh');
+            const cookieLocale = readBrowserCookie(VISITOR_LOCALE_COOKIE) ||
+                readBrowserCookie(LEGACY_LOCALE_STORAGE_KEY);
+            const storedLocale = readStoredVisitorLocale(this.props.locales);
+            if (this.state.locale === '') {
+                if (cookieLocale &&
+                    Array.isArray(this.props.locales) &&
+                    this.props.locales.includes(cookieLocale) &&
+                    cookieLocale !== ssrLocale) {
+                    // Cookie is the source of truth for an explicit prior choice.
+                    patches.locale = cookieLocale;
+                }
+                else if (!cookieLocale) {
+                    // First visit or stale storage — align cookie/storage with SSR locale.
+                    persistVisitorLocale(ssrLocale);
+                }
+                else if (storedLocale && storedLocale !== ssrLocale) {
+                    persistVisitorLocale(ssrLocale);
+                }
+            }
+            if (Object.keys(patches).length > 0) {
+                this.setState(patches);
+            }
+            this.prefetchRemainingI18nLocales();
+        }
+        componentDidUpdate(_prevProps, prevState) {
+            if (prevState.theme !== this.state.theme) {
+                applyColorModeClass(this.state.theme === 'dark');
+            }
+        }
+        render() {
+            const { Component, pageProps, i18n: i18nFromProps, globalSetting, siteConfig, locales, initialLocale, tags, categories, pages, colorPrimary, themeMods = {}, ...rest } = this.props;
+            const i18n = this.state.i18n ?? i18nFromProps;
+            const locale = this.state.locale ||
+                initialLocale ||
+                (Array.isArray(locales) && locales.length > 0 ? locales[0] : null) ||
+                'zh';
+            const { needLayoutFooter = true, hasBg = false } = pageProps;
+            const message = i18n?.[locale] || {};
+            const isDark = this.state.theme === 'dark';
+            const appearanceCss = buildAppearanceCss?.(themeMods);
+            const setting = this.state.setting ?? rest.setting;
+            const catalogValue = {
+                setting,
+                i18n,
+                locale,
+                locales,
+                globalSetting,
+                siteConfig,
+                tags,
+                categories,
+                pages,
+                theme: this.state.theme,
+                collapsed: this.state.collapsed,
+                changeLocale: this.changeLocale,
+                user: this.state.user,
+                setUser: this.setUser,
+                removeUser: this.removeUser,
+                changeTheme: this.changeTheme,
+                getSetting: this.getSetting,
+                toggleCollapse: this.toggleCollapse,
+            };
+            const layout = React.createElement(Layout, {
+                needHeader: true,
+                needFooter: needLayoutFooter,
+                hasBg,
+            }, React.createElement(RouteProgress, null), React.createElement(Component, pageProps));
+            const runtime = { locale, isDark, colorPrimary, themeMods, colorMode: this.state.theme };
+            const content = wrapContent ? wrapContent(layout, runtime) : layout;
+            return React.createElement(SiteCatalogProvider, { value: catalogValue }, React.createElement(IntlProvider, { messages: message, locale }, appearanceCss
+                ? React.createElement('style', {
+                    dangerouslySetInnerHTML: { __html: appearanceCss },
+                })
+                : null, React.createElement(ViewStatisticsBridge, null), React.createElement(SiteAnalytics, null), content));
+        }
+    }
+    _a = ReactPressThemeApp;
+    ReactPressThemeApp.getInitialProps = async (appContext) => {
+        const appProps = await App.getInitialProps(appContext);
+        let bootstrap;
+        try {
+            bootstrap = await fetchAppBootstrap({
+                manifest,
+                ctx: appContext.ctx,
+            });
+        }
+        catch (error) {
+            console.error('[reactpress] fetchAppBootstrap failed, using defaults', error);
+            bootstrap = createDefaultAppBootstrap();
+        }
+        if (typeof transformBootstrap === 'function') {
+            bootstrap = transformBootstrap(bootstrap, appContext.ctx);
+        }
+        else if (slimBootstrap) {
+            bootstrap = slimAppBootstrapForRoute(bootstrap, appContext.ctx.pathname ?? '/', typeof slimBootstrap === 'object' ? slimBootstrap : undefined);
+        }
+        return {
+            ...appProps,
+            ...bootstrap,
+            pageProps: appProps.pageProps,
+        };
+    };
+    return ReactPressThemeApp;
+}
+module.exports = { createReactPressApp };

package/toolkit/dist/app/createThemeApp.js

@@ -0,0 +1,51 @@
+"use strict";
+const React = require('react');
+const { createDefaultVisitorContext } = require('../theme/ssr/fetch');
+const { ReactPressProvider } = require('../ui/context/ReactPressProvider');
+const { ThemeCssVars } = require('../ui/components/ThemeCssVars');
+const { PREVIEW_TOKEN_QUERY_KEY } = require('../theme/preview/preview-draft');
+const { fetchPreviewDraft } = require('../theme/extension/preview');
+const { mergePreviewMods } = require('../theme/preview/preview-mods');
+const { DevChunkRecovery } = require('./devChunkRecovery');
+function readPreviewTokenFromBrowser() {
+    if (typeof window === 'undefined')
+        return '';
+    return new URLSearchParams(window.location.search).get(PREVIEW_TOKEN_QUERY_KEY)?.trim() ?? '';
+}
+/**
+ * Minimal theme `_app` — hello-world style, ReactPressProvider + ThemeCssVars only.
+ * @param {{ id: string }} manifest
+ * @returns {unknown}
+ */
+function createThemeApp(manifest) {
+    function ThemeApp({ Component, pageProps }) {
+        const { reactPress, ...rest } = pageProps;
+        const visitorContext = reactPress ?? createDefaultVisitorContext(manifest.id);
+        const [mods, setMods] = React.useState(() => visitorContext.mods ?? {});
+        React.useEffect(() => {
+            const base = visitorContext.mods ?? {};
+            const token = readPreviewTokenFromBrowser();
+            if (!token) {
+                setMods(base);
+                return undefined;
+            }
+            let cancelled = false;
+            void fetchPreviewDraft(token).then((draft) => {
+                if (cancelled)
+                    return;
+                setMods(mergePreviewMods(base, draft.mods ?? {}));
+            });
+            return () => {
+                cancelled = true;
+            };
+        }, [reactPress, visitorContext.mods]);
+        const providerProps = {
+            ...visitorContext,
+            mods,
+            isPreview: visitorContext.isPreview || Boolean(readPreviewTokenFromBrowser()),
+        };
+        return React.createElement(ReactPressProvider, providerProps, React.createElement(DevChunkRecovery, null), React.createElement(ThemeCssVars, null), React.createElement(Component, rest));
+    }
+    return ThemeApp;
+}
+module.exports = { createThemeApp };

package/toolkit/dist/app/devChunkRecovery.js

@@ -0,0 +1,68 @@
+"use strict";
+const React = require('react');
+/** Dev-only: recover from stale webpack chunks after on-demand page compilation. */
+function DevChunkRecovery() {
+    React.useEffect(() => {
+        if (process.env.NODE_ENV !== 'development')
+            return undefined;
+        const storageKey = '__reactpress_dev_chunk_recover';
+        const maxAttempts = 2;
+        const isChunkMismatch = (message) => {
+            const msg = String(message || '');
+            return (msg.includes("reading 'call'") ||
+                msg.includes('ChunkLoadError') ||
+                msg.includes('Loading chunk') ||
+                msg.includes('__webpack_modules__') ||
+                msg.includes('is not a function') ||
+                msg.includes('/_next/undefined'));
+        };
+        const recover = () => {
+            const attempts = Number(window.sessionStorage.getItem(storageKey) || 0);
+            if (attempts >= maxAttempts)
+                return;
+            window.sessionStorage.setItem(storageKey, String(attempts + 1));
+            window.location.reload();
+        };
+        const onError = (event) => {
+            const msg = event?.message || event?.reason?.message || event?.reason || '';
+            if (!isChunkMismatch(msg))
+                return;
+            if (typeof event.preventDefault === 'function')
+                event.preventDefault();
+            recover();
+        };
+        window.addEventListener('error', onError);
+        window.addEventListener('unhandledrejection', onError);
+        const clearRecoveries = () => window.sessionStorage.removeItem(storageKey);
+        window.addEventListener('load', clearRecoveries);
+        let routerCleanup = () => { };
+        try {
+            const Router = require('next/router').default;
+            if (Router?.events?.on) {
+                const onRouteError = (err) => {
+                    if (err?.cancelled)
+                        return;
+                    if (isChunkMismatch(err?.message))
+                        recover();
+                };
+                Router.events.on('routeChangeComplete', clearRecoveries);
+                Router.events.on('routeChangeError', onRouteError);
+                routerCleanup = () => {
+                    Router.events.off('routeChangeComplete', clearRecoveries);
+                    Router.events.off('routeChangeError', onRouteError);
+                };
+            }
+        }
+        catch {
+            // App Router themes rely on window error listeners only.
+        }
+        return () => {
+            window.removeEventListener('error', onError);
+            window.removeEventListener('unhandledrejection', onError);
+            window.removeEventListener('load', clearRecoveries);
+            routerCleanup();
+        };
+    }, []);
+    return null;
+}
+module.exports = { DevChunkRecovery };

package/toolkit/dist/app/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createCatalogThemeApp = exports.createReactPressApp = exports.DevChunkRecovery = exports.createThemeApp = void 0;
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+exports.createThemeApp = require('./createThemeApp').createThemeApp;
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+exports.DevChunkRecovery = require('./devChunkRecovery').DevChunkRecovery;
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+exports.createReactPressApp = require('./createReactPressApp').createReactPressApp;
+/** @deprecated Use `createReactPressApp`. */
+exports.createCatalogThemeApp = exports.createReactPressApp;