@nocobase/client-v2 2.0.0-alpha.20

package/lib/RouterManager.js

@@ -0,0 +1,198 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var RouterManager_exports = {};
+__export(RouterManager_exports, {
+  RouterManager: () => RouterManager,
+  createRouterManager: () => createRouterManager
+});
+module.exports = __toCommonJS(RouterManager_exports);
+var import_lodash = require("lodash");
+var import_react = __toESM(require("react"));
+var import_react_router = require("react-router");
+var import_react_router_dom = require("react-router-dom");
+var import_components = require("./components");
+var import_RouterBridge = require("./components/RouterBridge");
+const _RouterManager = class _RouterManager {
+  routes = {};
+  options;
+  app;
+  router;
+  get basename() {
+    return this.router.basename;
+  }
+  get state() {
+    return this.router.state;
+  }
+  get navigate() {
+    return this.router.navigate;
+  }
+  constructor(options = {}, app) {
+    this.options = options;
+    this.app = app;
+    this.routes = options.routes || {};
+  }
+  /**
+   * @internal
+   */
+  getRoutesTree() {
+    const routes = {};
+    for (const [name, route] of Object.entries(this.routes)) {
+      (0, import_lodash.set)(routes, name.split(".").join(".children."), { ...(0, import_lodash.get)(routes, name.split(".").join(".children.")), ...route });
+    }
+    const buildRoutesTree = /* @__PURE__ */ __name((routes2) => {
+      return Object.values(routes2).reduce((acc, item) => {
+        if (Object.keys(item).length === 1 && item.children) {
+          acc.push(...buildRoutesTree(item.children));
+        } else {
+          const { Component, element, children, ...reset } = item;
+          let ele = element;
+          if (Component) {
+            if (typeof Component === "string") {
+              ele = this.app.renderComponent(Component);
+            } else {
+              ele = import_react.default.createElement(Component);
+            }
+          }
+          const res = {
+            ...reset,
+            element: ele,
+            children: children ? buildRoutesTree(children) : void 0
+          };
+          acc.push(res);
+        }
+        return acc;
+      }, []);
+    }, "buildRoutesTree");
+    return buildRoutesTree(routes);
+  }
+  getRoutes() {
+    return this.routes;
+  }
+  setType(type) {
+    this.options.type = type;
+  }
+  getBasename() {
+    return this.options.basename;
+  }
+  setBasename(basename) {
+    this.options.basename = basename;
+  }
+  matchRoutes(pathname) {
+    const routes = Object.values(this.routes);
+    return (0, import_react_router.matchRoutes)(routes, pathname, this.basename);
+  }
+  isSkippedAuthCheckRoute(pathname) {
+    const matchedRoutes = this.matchRoutes(pathname);
+    return matchedRoutes.some((match) => {
+      var _a;
+      return ((_a = match == null ? void 0 : match.route) == null ? void 0 : _a.skipAuthCheck) === true;
+    });
+  }
+  /**
+   * @internal
+   */
+  getRouterComponent(children) {
+    const { type = "browser", ...opts } = this.options;
+    const routerCreators = {
+      hash: import_react_router_dom.createHashRouter,
+      browser: import_react_router_dom.createBrowserRouter,
+      memory: import_react_router_dom.createMemoryRouter
+    };
+    const routes = this.getRoutesTree();
+    const BaseLayoutContext = (0, import_react.createContext)(null);
+    const Provider = /* @__PURE__ */ __name(() => {
+      const BaseLayout = (0, import_react.useContext)(BaseLayoutContext);
+      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_RouterBridge.RouterBridge, { app: this.app }), /* @__PURE__ */ import_react.default.createElement(BaseLayout, null, /* @__PURE__ */ import_react.default.createElement(import_react_router_dom.Outlet, null), children));
+    }, "Provider");
+    const ErrorElement = /* @__PURE__ */ __name(() => {
+      const error = (0, import_react_router_dom.useRouteError)();
+      throw error;
+    }, "ErrorElement");
+    this.router = routerCreators[type](
+      [
+        {
+          element: /* @__PURE__ */ import_react.default.createElement(Provider, null),
+          errorElement: /* @__PURE__ */ import_react.default.createElement(ErrorElement, null),
+          children: routes
+        }
+      ],
+      opts
+    );
+    const RenderRouter = /* @__PURE__ */ __name(({ BaseLayout = import_components.BlankComponent }) => {
+      return /* @__PURE__ */ import_react.default.createElement(BaseLayoutContext.Provider, { value: BaseLayout }, /* @__PURE__ */ import_react.default.createElement(import_components.RouterContextCleaner, null, /* @__PURE__ */ import_react.default.createElement(
+        import_react_router_dom.RouterProvider,
+        {
+          future: {
+            v7_startTransition: true
+          },
+          router: this.router
+        }
+      )));
+    }, "RenderRouter");
+    return RenderRouter;
+  }
+  add(name, route) {
+    this.routes[name] = {
+      id: name,
+      ...route,
+      handle: {
+        path: route.path
+      }
+    };
+  }
+  get(name) {
+    return this.routes[name];
+  }
+  has(name) {
+    return !!this.get(name);
+  }
+  remove(name) {
+    delete this.routes[name];
+  }
+};
+__name(_RouterManager, "RouterManager");
+let RouterManager = _RouterManager;
+function createRouterManager(options, app) {
+  return new RouterManager(options, app);
+}
+__name(createRouterManager, "createRouterManager");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RouterManager,
+  createRouterManager
+});

package/lib/WebSocketClient.d.ts

@@ -0,0 +1,45 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+import { Application } from './Application';
+export type WebSocketClientOptions = {
+    reconnectInterval?: number;
+    reconnectAttempts?: number;
+    pingInterval?: number;
+    url?: string;
+    basename?: string;
+    protocols?: string | string[];
+    onServerDown?: any;
+};
+export declare class WebSocketClient {
+    protected _ws: WebSocket;
+    protected _reconnectTimes: number;
+    protected events: any[];
+    protected options: WebSocketClientOptions;
+    app: Application;
+    enabled: boolean;
+    connected: boolean;
+    serverDown: boolean;
+    lastMessage: {};
+    constructor(options: WebSocketClientOptions | boolean);
+    getSubAppName: (app: Application) => string;
+    getURL(): string;
+    get reconnectAttempts(): number;
+    get reconnectInterval(): number;
+    get pingInterval(): number;
+    get readyState(): number;
+    createWebSocket(): WebSocket;
+    connect(): void;
+    reconnect(): void;
+    close(): void;
+    send(data: string | ArrayBufferLike | Blob | ArrayBufferView): void;
+    on(type: string, listener: any, options?: boolean | AddEventListenerOptions): void;
+    emit(type: string, args: any): void;
+    off(type: string, listener: any, options?: boolean | EventListenerOptions): void;
+    removeAllListeners(): void;
+}

package/lib/WebSocketClient.js

@@ -0,0 +1,217 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var WebSocketClient_exports = {};
+__export(WebSocketClient_exports, {
+  WebSocketClient: () => WebSocketClient
+});
+module.exports = __toCommonJS(WebSocketClient_exports);
+var import_reactive = require("@formily/reactive");
+var import_sdk = require("@nocobase/sdk");
+const _WebSocketClient = class _WebSocketClient {
+  _ws;
+  _reconnectTimes = 0;
+  events = [];
+  options;
+  app;
+  enabled;
+  connected = false;
+  serverDown = false;
+  lastMessage = {};
+  constructor(options) {
+    if (!options) {
+      this.enabled = false;
+      return;
+    }
+    this.options = options === true ? {} : options;
+    this.enabled = true;
+    (0, import_reactive.define)(this, {
+      serverDown: import_reactive.observable.ref,
+      connected: import_reactive.observable.ref,
+      lastMessage: import_reactive.observable.ref
+    });
+  }
+  // TODO for plugin-multi-app
+  getSubAppName = /* @__PURE__ */ __name((app) => {
+    const publicPath = app.getPublicPath();
+    const pattern = `^${publicPath}${"_app"}/([^/]*)/`;
+    const match = location.pathname.match(new RegExp(pattern));
+    return match ? match[1] : null;
+  }, "getSubAppName");
+  getURL() {
+    if (!this.app) {
+      return;
+    }
+    const apiBaseURL = this.app.getApiUrl();
+    if (!apiBaseURL) {
+      return;
+    }
+    let queryString = "";
+    if (this.getSubAppName(this.app)) {
+      queryString = `?_app=${this.getSubAppName(this.app)}`;
+    } else {
+      const subApp = (0, import_sdk.getSubAppName)(this.app.getPublicPath());
+      queryString = subApp ? `?__appName=${subApp}` : "";
+    }
+    const wsPath = this.options.basename || "/ws";
+    if (this.options.url) {
+      const url = new URL(this.options.url);
+      if (url.hostname === "localhost") {
+        const protocol = location.protocol === "https:" ? "wss" : "ws";
+        return `${protocol}://${location.hostname}:${url.port}${wsPath}${queryString}`;
+      }
+      return `${this.options.url}${queryString}`;
+    }
+    try {
+      const url = new URL(apiBaseURL);
+      return `${url.protocol === "https:" ? "wss" : "ws"}://${url.host}${wsPath}${queryString}`;
+    } catch (error) {
+      return `${location.protocol === "https:" ? "wss" : "ws"}://${location.host}${wsPath}${queryString}`;
+    }
+  }
+  get reconnectAttempts() {
+    var _a;
+    return ((_a = this.options) == null ? void 0 : _a.reconnectAttempts) || 30;
+  }
+  get reconnectInterval() {
+    var _a;
+    return ((_a = this.options) == null ? void 0 : _a.reconnectInterval) || 1e3;
+  }
+  get pingInterval() {
+    var _a;
+    return ((_a = this.options) == null ? void 0 : _a.pingInterval) || 3e4;
+  }
+  get readyState() {
+    if (!this._ws) {
+      return -1;
+    }
+    return this._ws.readyState;
+  }
+  createWebSocket() {
+    return new WebSocket(this.getURL(), this.options.protocols);
+  }
+  connect() {
+    if (!this.enabled) {
+      return;
+    }
+    if (this._reconnectTimes === 0) {
+      console.log("[nocobase-ws]: connecting...");
+    }
+    if (this._reconnectTimes >= this.reconnectAttempts) {
+      return;
+    }
+    if (this.readyState === WebSocket.OPEN) {
+      return;
+    }
+    this._reconnectTimes++;
+    const ws = this.createWebSocket();
+    let pingIntervalTimer;
+    ws.onopen = () => {
+      console.log("[nocobase-ws]: connected.");
+      this.serverDown = false;
+      if (this._ws) {
+        this.removeAllListeners();
+      }
+      this._reconnectTimes = 0;
+      this._ws = ws;
+      for (const { type, listener, options } of this.events) {
+        this._ws.addEventListener(type, listener, options);
+      }
+      pingIntervalTimer = setInterval(() => this.send("ping"), this.pingInterval);
+      this.connected = true;
+      this.emit("open", {});
+    };
+    ws.onerror = async () => {
+      console.log("onerror", this.readyState, this._reconnectTimes);
+    };
+    ws.onclose = async (event) => {
+      setTimeout(() => this.connect(), this.reconnectInterval);
+      console.log("onclose", this.readyState, this._reconnectTimes, this.serverDown);
+      this.connected = false;
+      clearInterval(pingIntervalTimer);
+    };
+  }
+  reconnect() {
+    this._reconnectTimes = 0;
+    this.connect();
+  }
+  close() {
+    if (!this._ws) {
+      return;
+    }
+    this._reconnectTimes = this.reconnectAttempts;
+    return this._ws.close();
+  }
+  send(data) {
+    if (!this._ws) {
+      return;
+    }
+    return this._ws.send(data);
+  }
+  on(type, listener, options) {
+    this.events.push({ type, listener, options });
+    if (!this._ws) {
+      return;
+    }
+    this._ws.addEventListener(type, listener, options);
+  }
+  emit(type, args) {
+    for (const event of this.events) {
+      if (event.type === type) {
+        event.listener(args);
+      }
+    }
+  }
+  off(type, listener, options) {
+    let index = 0;
+    for (const event of this.events) {
+      if (event.type === type && event.listener === listener) {
+        this.events.splice(index, 1);
+        break;
+      }
+      index++;
+    }
+    if (!this._ws) {
+      return;
+    }
+    this._ws.removeEventListener(type, listener, options);
+  }
+  removeAllListeners() {
+    if (!this._ws) {
+      return;
+    }
+    for (const { type, listener, options } of this.events) {
+      this._ws.removeEventListener(type, listener, options);
+    }
+  }
+};
+__name(_WebSocketClient, "WebSocketClient");
+let WebSocketClient = _WebSocketClient;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WebSocketClient
+});

package/lib/components/BlankComponent.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+import { FC, ReactNode } from 'react';
+export declare const BlankComponent: FC<{
+    children?: ReactNode;
+}>;

package/lib/components/BlankComponent.js

@@ -0,0 +1,48 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var BlankComponent_exports = {};
+__export(BlankComponent_exports, {
+  BlankComponent: () => BlankComponent
+});
+module.exports = __toCommonJS(BlankComponent_exports);
+var import_react = __toESM(require("react"));
+const BlankComponent = /* @__PURE__ */ __name(({ children }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, children), "BlankComponent");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BlankComponent
+});

package/lib/components/MainComponent.d.ts

@@ -0,0 +1,10 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+import React from 'react';
+export declare const MainComponent: React.NamedExoticComponent<object>;

package/lib/components/MainComponent.js

@@ -0,0 +1,54 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var MainComponent_exports = {};
+__export(MainComponent_exports, {
+  MainComponent: () => MainComponent
+});
+module.exports = __toCommonJS(MainComponent_exports);
+var import_react = __toESM(require("react"));
+var import_hooks = require("../hooks");
+const MainComponent = import_react.default.memo(({ children }) => {
+  const app = (0, import_hooks.useApp)();
+  const Router = (0, import_react.useMemo)(() => app.router.getRouterComponent(children), [app]);
+  const Providers = (0, import_react.useMemo)(() => app.getComposeProviders(), [app]);
+  return /* @__PURE__ */ import_react.default.createElement(Router, { BaseLayout: Providers });
+});
+MainComponent.displayName = "MainComponent";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MainComponent
+});

package/lib/components/RouterBridge.d.ts

@@ -0,0 +1,13 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+import { Application } from '../Application';
+export declare function useRouterSync(app: Application): void;
+export declare function RouterBridge({ app }: {
+    app: any;
+}): any;

package/lib/components/RouterBridge.js

@@ -0,0 +1,66 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var RouterBridge_exports = {};
+__export(RouterBridge_exports, {
+  RouterBridge: () => RouterBridge,
+  useRouterSync: () => useRouterSync
+});
+module.exports = __toCommonJS(RouterBridge_exports);
+var import_react = require("react");
+var import_react_router_dom = require("react-router-dom");
+function useRouterSync(app) {
+  const params = (0, import_react_router_dom.useParams)();
+  const location = (0, import_react_router_dom.useLocation)();
+  const matches = (0, import_react_router_dom.useMatches)();
+  const engine = app.flowEngine;
+  (0, import_react.useEffect)(() => {
+    var _a;
+    const last = matches[matches.length - 1];
+    if (!last) return;
+    engine.context["_observableCache"]["route"] = {
+      name: last.id,
+      pathname: last.pathname,
+      path: ((_a = last.handle) == null ? void 0 : _a["path"]) || null,
+      params
+    };
+  }, [engine.context, params, matches]);
+  (0, import_react.useEffect)(() => {
+    engine.context["_observableCache"]["location"] = location;
+  }, [engine.context, location]);
+}
+__name(useRouterSync, "useRouterSync");
+function RouterBridge({ app }) {
+  useRouterSync(app);
+  return null;
+}
+__name(RouterBridge, "RouterBridge");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RouterBridge,
+  useRouterSync
+});

package/lib/components/RouterContextCleaner.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+import { FC, ReactNode } from 'react';
+export declare const RouterContextCleaner: FC<{
+    children?: ReactNode;
+}>;