@common-stack/client-react 0.1.23 → 0.1.24

package/lib/index.js

@@ -1,275 +1,4 @@
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = "./src/index.ts");
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ "./src/connector/connector.tsx":
-/*!*************************************!*\
-  !*** ./src/connector/connector.tsx ***!
-  \*************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
 "use strict";
-
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Feature = void 0;
-const React = __importStar(__webpack_require__(/*! react */ "react"));
-const client_core_1 = __webpack_require__(/*! @common-stack/client-core */ "@common-stack/client-core");
-const utils_1 = __webpack_require__(/*! ../utils */ "./src/utils/index.ts");
-const lodash_1 = __webpack_require__(/*! lodash */ "lodash");
-const plugin_area_1 = __webpack_require__(/*! ../plugin-area */ "./src/plugin-area/index.ts");
-const combine = (features, extractor) => lodash_1.without(lodash_1.union(...lodash_1.map(features, res => lodash_1.castArray(extractor(res)))), undefined);
-const getFirst = (features, extractor) => extractor(lodash_1.find(features, (res) => extractor(res)) || {});
-class Feature extends client_core_1.AbstractFeature {
-    constructor(feature, 
-    // tslint:disable:trailing-comma
-    ...features) {
-        super(feature, ...features);
-        /* tslint:disable:jsx-no-lambda */
-        this.renderRoutes = utils_1.renderRoutes;
-        this.sortMenusByPriority = (menus) => {
-            return lodash_1.sortBy(menus, (obj) => parseInt(obj.priority, 10));
-        };
-        this.sortMenus = (sortByPriority, menus) => {
-            if (sortByPriority) {
-                const menuData = this.sortMenusByPriority(menus);
-                return menuData.map(menu => {
-                    return Object.assign(Object.assign({}, menu), { children: menu.children && this.sortMenus(sortByPriority, menu.children) });
-                });
-            }
-            else {
-                return menus;
-            }
-        };
-        // this.logger = makeLogger(Feature.name);
-        // Navigation
-        this.routerFactory = combine(arguments, (arg) => arg.routerFactory)
-            .slice(-1)
-            .pop();
-        this.route = combine(arguments, (arg) => arg.route);
-        this.routeConfig = combine(arguments, (arg) => arg.routeConfig);
-        this.menuConfig = combine(arguments, (arg) => arg.menuConfig);
-        this.componentFillPlugins = this.registerComponentFillPlugins(combine(arguments, (arg) => arg.componentFillPlugins));
-        this.authWrapper = getFirst(arguments, (arg) => arg.authWrapper);
-    }
-    /**
-     * Get the routes
-     */
-    getRoutes(searchPath) {
-        const configuredRoutes = this.getConfiguredRoutes(searchPath);
-        const solidRoutes = this.route.map((component, idx) => React.cloneElement(component, { key: component.props.path }));
-        return this.renderRoutes(configuredRoutes, solidRoutes);
-    }
-    /**
-     * Get menus
-     */
-    getMenus(sortByPriority = true) {
-        const menus = this.getConfiguredMenus();
-        return this.sortMenus(sortByPriority, menus);
-    }
-    /**
-     * get configured routes.
-     * Note: It overwrites the any duplicate key with latest loaded key.
-     * TODO: Find a way to warn when there are duplicate keys.
-     */
-    getConfiguredRoutes(searchPath = '/') {
-        return utils_1.getSortedRoutes(searchPath, Object.assign({}, ...this.routeConfig), this.authWrapper);
-    }
-    /**
-     * get configured menus.
-     * Note: It overwrites the any duplicate key with latest loaded key.
-     * TODO: Find a way to warn when there are duplicate keys.
-     */
-    getConfiguredMenus(searchPath = '/') {
-        const routes = Object.assign({}, ...this.menuConfig);
-        return utils_1.getMenus(searchPath, Object.assign({}, routes));
-    }
-    get navItems() {
-        return this.navItem.map((component, idx) => React.cloneElement(component, {
-            key: component.key ? component.key : idx + this.navItem.length,
-        }));
-    }
-    get navItemsRight() {
-        return this.navItemsRight.map((component, idx) => React.cloneElement(component, {
-            key: component.key ? component.key : idx + this.navItems.length,
-        }));
-    }
-    getWrappedRoot(root, req) {
-        let nestedRoot = root;
-        for (const componentFactory of this.rootComponentFactory) {
-            nestedRoot = React.cloneElement(componentFactory(req), {}, nestedRoot);
-        }
-        return nestedRoot;
-    }
-    getDataRoot(root) {
-        let nestedRoot = root;
-        for (const component of this.dataRootComponent) {
-            nestedRoot = React.createElement(component, {}, nestedRoot);
-        }
-        return nestedRoot;
-    }
-    registerLanguages(monaco) {
-        for (const func of this.languagesFuncs) {
-            func(monaco);
-        }
-    }
-    registerComponentFillPlugins(plugins) {
-        plugins.forEach((i) => {
-            const { name } = i;
-            const isFound = !!plugin_area_1.getPlugin(name);
-            if (!isFound) {
-                plugin_area_1.registerPlugin(name, i);
-            }
-        });
-        return plugins;
-    }
-    getComponentFillPlugins() {
-        return plugin_area_1.getPlugins();
-    }
-}
-exports.Feature = Feature;
-
-
-/***/ }),
-
-/***/ "./src/connector/index.ts":
-/*!********************************!*\
-  !*** ./src/connector/index.ts ***!
-  \********************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(__webpack_require__(/*! ./connector */ "./src/connector/connector.tsx"), exports);
-
-
-/***/ }),
-
-/***/ "./src/index.ts":
-/*!**********************!*\
-  !*** ./src/index.ts ***!
-  \**********************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -282,1456 +11,14 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ClientTypes = void 0;
-var client_core_1 = __webpack_require__(/*! @common-stack/client-core */ "@common-stack/client-core");
+var client_core_1 = require("@common-stack/client-core");
 Object.defineProperty(exports, "ClientTypes", { enumerable: true, get: function () { return client_core_1.ClientTypes; } });
-__exportStar(__webpack_require__(/*! ./connector */ "./src/connector/index.ts"), exports);
-__exportStar(__webpack_require__(/*! ./router */ "./src/router/index.ts"), exports);
-__exportStar(__webpack_require__(/*! ./route */ "./src/route/index.ts"), exports);
-__exportStar(__webpack_require__(/*! ./utils */ "./src/utils/index.ts"), exports);
-__exportStar(__webpack_require__(/*! ./interfaces */ "./src/interfaces/index.ts"), exports);
-__exportStar(__webpack_require__(/*! ./plugin-area */ "./src/plugin-area/index.ts"), exports);
-__exportStar(__webpack_require__(/*! ./route-based-plugin-area */ "./src/route-based-plugin-area/index.ts"), exports);
-__exportStar(__webpack_require__(/*! ./inversify */ "./src/inversify/index.ts"), exports);
-
-
-/***/ }),
-
-/***/ "./src/interfaces/extended-feature.ts":
-/*!********************************************!*\
-  !*** ./src/interfaces/extended-feature.ts ***!
-  \********************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-
-
-/***/ }),
-
-/***/ "./src/interfaces/index.ts":
-/*!*********************************!*\
-  !*** ./src/interfaces/index.ts ***!
-  \*********************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(__webpack_require__(/*! ./router */ "./src/interfaces/router.ts"), exports);
-__exportStar(__webpack_require__(/*! ./extended-feature */ "./src/interfaces/extended-feature.ts"), exports);
-__exportStar(__webpack_require__(/*! ./menu */ "./src/interfaces/menu.tsx"), exports);
-__exportStar(__webpack_require__(/*! ./new-router */ "./src/interfaces/new-router.tsx"), exports);
-
-
-/***/ }),
-
-/***/ "./src/interfaces/menu.tsx":
-/*!*********************************!*\
-  !*** ./src/interfaces/menu.tsx ***!
-  \*********************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IMenuPosition = void 0;
-var IMenuPosition;
-(function (IMenuPosition) {
-    IMenuPosition["LOGO"] = "LOGO";
-    IMenuPosition["UPPER"] = "UPPER";
-    IMenuPosition["MIDDLE"] = "MIDDLE";
-    IMenuPosition["LOWER"] = "LOWER";
-    IMenuPosition["BOTTOM"] = "BOTTOM";
-})(IMenuPosition = exports.IMenuPosition || (exports.IMenuPosition = {}));
-
-
-/***/ }),
-
-/***/ "./src/interfaces/new-router.tsx":
-/*!***************************************!*\
-  !*** ./src/interfaces/new-router.tsx ***!
-  \***************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-
-
-/***/ }),
-
-/***/ "./src/interfaces/router.ts":
-/*!**********************************!*\
-  !*** ./src/interfaces/router.ts ***!
-  \**********************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-
-
-/***/ }),
-
-/***/ "./src/inversify/InversifyContext.tsx":
-/*!********************************************!*\
-  !*** ./src/inversify/InversifyContext.tsx ***!
-  \********************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInjection = exports.InversifyProvider = exports.InversifyContext = void 0;
-const React = __importStar(__webpack_require__(/*! react */ "react"));
-exports.InversifyContext = React.createContext({ container: null, modules: null });
-const InversifyProvider = (props) => {
-    return (React.createElement(exports.InversifyContext.Provider, { value: { container: props.container, modules: props.modules } }, props.children));
-};
-exports.InversifyProvider = InversifyProvider;
-function useInjection(identifier) {
-    const { container } = React.useContext(exports.InversifyContext);
-    if (!container) {
-        throw new Error('Container is null');
-    }
-    return container.get(identifier);
-}
-exports.useInjection = useInjection;
-
-
-/***/ }),
-
-/***/ "./src/inversify/index.ts":
-/*!********************************!*\
-  !*** ./src/inversify/index.ts ***!
-  \********************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(__webpack_require__(/*! ./InversifyContext */ "./src/inversify/InversifyContext.tsx"), exports);
-
-
-/***/ }),
-
-/***/ "./src/plugin-area/browser-plugin-area.tsx":
-/*!*************************************************!*\
-  !*** ./src/plugin-area/browser-plugin-area.tsx ***!
-  \*************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BrowserPluginArea = void 0;
-const React = __importStar(__webpack_require__(/*! react */ "react"));
-const plugin_area_1 = __webpack_require__(/*! ./plugin-area */ "./src/plugin-area/plugin-area.tsx");
-const BrowserPluginArea = () => {
-    return React.createElement("div", { style: { display: "none" } },
-        React.createElement(plugin_area_1.PluginArea, null));
-};
-exports.BrowserPluginArea = BrowserPluginArea;
-
-
-/***/ }),
-
-/***/ "./src/plugin-area/higher-order-component-util.ts":
-/*!********************************************************!*\
-  !*** ./src/plugin-area/higher-order-component-util.ts ***!
-  \********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createHigherOrderComponent = void 0;
-const lodash_1 = __webpack_require__(/*! lodash */ "lodash");
-/**
- * Given a function mapping a component to an enhanced component and modifier
- * name, returns the enhanced component augmented with a generated displayName.
- *
- * @param mapComponentToEnhancedComponent Function mapping component to enhanced component.
- * @param modifierName                     Seed name from which to generated display name.
- *
- * @return Component class with generated display name assigned.
- */
-function createHigherOrderComponent(mapComponentToEnhancedComponent, modifierName) {
-    return (OriginalComponent) => {
-        const EnhancedComponent = mapComponentToEnhancedComponent(OriginalComponent);
-        const { displayName = OriginalComponent.name || 'Component', } = OriginalComponent;
-        EnhancedComponent.displayName = `${lodash_1.upperFirst(lodash_1.camelCase(modifierName))}(${displayName})`;
-        return EnhancedComponent;
-    };
-}
-exports.createHigherOrderComponent = createHigherOrderComponent;
-
-
-/***/ }),
-
-/***/ "./src/plugin-area/index.ts":
-/*!**********************************!*\
-  !*** ./src/plugin-area/index.ts ***!
-  \**********************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(__webpack_require__(/*! ./plugin-area */ "./src/plugin-area/plugin-area.tsx"), exports);
-__exportStar(__webpack_require__(/*! ./plugin-api */ "./src/plugin-area/plugin-api.ts"), exports);
-__exportStar(__webpack_require__(/*! ./browser-plugin-area */ "./src/plugin-area/browser-plugin-area.tsx"), exports);
-
-
-/***/ }),
-
-/***/ "./src/plugin-area/plugin-api.ts":
-/*!***************************************!*\
-  !*** ./src/plugin-area/plugin-api.ts ***!
-  \***************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPlugins = exports.getPlugin = exports.unregisterPlugin = exports.registerPlugin = void 0;
-const lodash_1 = __webpack_require__(/*! lodash */ "lodash");
-const hooks_1 = __webpack_require__(/*! @wordpress/hooks */ "@wordpress/hooks");
-/**
- * Plugin definitions keyed by plugin name.
- */
-const plugins = {};
-/**
- * Registeres a plugin to the App.
- *
- * @param name A string identifying the plugin. Must be unique across all registered plugins.
- * @param settings The settings for this plugin.
- */
-function registerPlugin(name, settings) {
-    if (typeof settings !== 'object') {
-        console.error('No settings object provided!');
-        return null;
-    }
-    if (typeof name !== 'string') {
-        console.error('Plugin names must be strings.');
-        return null;
-    }
-    if (!/^[a-z][a-z0-9-]*$/.test(name)) {
-        console.error('Plugin names must include only lowercase alphanumeric characters or dashes, and start with a letter. Example: "my-pluin".');
-        return null;
-    }
-    if (plugins[name]) {
-        console.error(`Plugin "${name}" is alread registered.`);
-    }
-    settings = hooks_1.applyFilters('plugins.registerPlugin', settings, name);
-    if (!lodash_1.isFunction(settings.render)) {
-        console.error('The "render" property must be specified and must be a valid function.');
-        return null;
-    }
-    plugins[name] = Object.assign({ name, icon: 'admin-plugins' }, settings);
-    hooks_1.doAction('plugins.pluginRegistered', settings, name);
-    return settings;
-}
-exports.registerPlugin = registerPlugin;
-/**
- * Unregisteres a plugin by name.
- * @param name Plugin name.
- *
- * @return The previous plugin settings object, if it has been successfully unregistered; otherwise `undefined`.
- */
-function unregisterPlugin(name) {
-    if (!plugins[name]) {
-        console.error('Plugin "' + name + '" is not registered.');
-        return;
-    }
-    const oldPlugin = plugins[name];
-    delete plugins[name];
-    hooks_1.doAction('plugin.pluginUnregistered', oldPlugin, name);
-    return oldPlugin;
-}
-exports.unregisterPlugin = unregisterPlugin;
-/**
- * Returns a registered plugin settings.
- *
- * @param name Plugin name.
- *
- * @returns Plugin setting.
- */
-function getPlugin(name) {
-    return plugins[name];
-}
-exports.getPlugin = getPlugin;
-/**
- * Return all registered plugins.
- *
- * @return Plugin settings.
- */
-function getPlugins() {
-    return Object.values(plugins);
-}
-exports.getPlugins = getPlugins;
-
-
-/***/ }),
-
-/***/ "./src/plugin-area/plugin-area.tsx":
-/*!*****************************************!*\
-  !*** ./src/plugin-area/plugin-area.tsx ***!
-  \*****************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PluginArea = void 0;
-const lodash_1 = __webpack_require__(/*! lodash */ "lodash");
-const React = __importStar(__webpack_require__(/*! react */ "react"));
-const hooks_1 = __webpack_require__(/*! @wordpress/hooks */ "@wordpress/hooks");
-const plugin_context_1 = __webpack_require__(/*! ./plugin-context */ "./src/plugin-area/plugin-context.tsx");
-const plugin_api_1 = __webpack_require__(/*! ./plugin-api */ "./src/plugin-area/plugin-api.ts");
-/**
- * A component that renders all plugin fills in a hidden div.
- */
-class PluginArea extends React.Component {
-    constructor(args) {
-        super(args);
-        this.setPlugins = this.setPlugins.bind(this);
-        this.state = { plugins: [] };
-    }
-    getCurrentPluginsState() {
-        return {
-            plugins: lodash_1.map(plugin_api_1.getPlugins(), ({ icon, name, render }) => {
-                return {
-                    Plugin: render,
-                    context: {
-                        name,
-                        icon,
-                    },
-                };
-            }),
-        };
-    }
-    componentDidMount() {
-        hooks_1.addAction('plugins.pluginRegistered', 'core/plugins/plugin-area/plugins-registered', this.setPlugins);
-        hooks_1.addAction('plugins.pluginUnregistered', 'core/plugins/plugin-area/plugins-unregistered', this.setPlugins);
-        this.setPlugins();
-    }
-    componentWillUnMount() {
-        hooks_1.removeAction('plugins.pluginRegistered', 'core/plugins/plugin-area/plugins-registered');
-        hooks_1.removeAction('plugins.pluginUnregistered', 'core/plugins/plugin-area/plugins-unregistered');
-    }
-    setPlugins() {
-        this.setState(this.getCurrentPluginsState);
-    }
-    render() {
-        return (React.createElement(React.Fragment, null, lodash_1.map(this.state.plugins, ({ context, Plugin }) => (React.createElement(plugin_context_1.PluginContextProvider, { key: context.name, value: context },
-            React.createElement(Plugin, null))))));
-    }
-}
-exports.PluginArea = PluginArea;
-
-
-/***/ }),
-
-/***/ "./src/plugin-area/plugin-context.tsx":
-/*!********************************************!*\
-  !*** ./src/plugin-area/plugin-context.tsx ***!
-  \********************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withPluginContext = exports.PluginContextProvider = void 0;
-const React = __importStar(__webpack_require__(/*! react */ "react"));
-const higher_order_component_util_1 = __webpack_require__(/*! ./higher-order-component-util */ "./src/plugin-area/higher-order-component-util.ts");
-const { createContext } = React;
-const { Consumer, Provider } = createContext({
-    name: null,
-    icon: null,
-});
-exports.PluginContextProvider = Provider;
-/**
- * A Higher Order Component used to inject Plugin context to the
- * wrapped component.
- *
- * @param mapContextToProps Function called on every context change, expected to return object of
- * props to merge with the component's own props.
- *
- * @return Enhanced component with injected context as props.
- */
-const withPluginContext = (mapContextToProps) => higher_order_component_util_1.createHigherOrderComponent((OriginalComponent) => {
-    return (props) => (React.createElement(Consumer, null, (context) => (React.createElement(OriginalComponent, Object.assign({}, props, mapContextToProps(context, props))))));
-}, 'withPluginContext');
-exports.withPluginContext = withPluginContext;
-
-
-/***/ }),
-
-/***/ "./src/route-based-plugin-area/higher-order-component-util.ts":
-/*!********************************************************************!*\
-  !*** ./src/route-based-plugin-area/higher-order-component-util.ts ***!
-  \********************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createHigherOrderComponent = void 0;
-const lodash_1 = __webpack_require__(/*! lodash */ "lodash");
-/**
- * Given a function mapping a component to an enhanced component and modifier
- * name, returns the enhanced component augmented with a generated displayName.
- *
- * @param mapComponentToEnhancedComponent Function mapping component to enhanced component.
- * @param modifierName                     Seed name from which to generated display name.
- *
- * @return Component class with generated display name assigned.
- */
-function createHigherOrderComponent(mapComponentToEnhancedComponent, modifierName) {
-    return (OriginalComponent) => {
-        const EnhancedComponent = mapComponentToEnhancedComponent(OriginalComponent);
-        const { displayName = OriginalComponent.name || 'Component', } = OriginalComponent;
-        EnhancedComponent.displayName = `${lodash_1.upperFirst(lodash_1.camelCase(modifierName))}(${displayName})`;
-        return EnhancedComponent;
-    };
-}
-exports.createHigherOrderComponent = createHigherOrderComponent;
-
-
-/***/ }),
-
-/***/ "./src/route-based-plugin-area/index.ts":
-/*!**********************************************!*\
-  !*** ./src/route-based-plugin-area/index.ts ***!
-  \**********************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(__webpack_require__(/*! ./route-based-plugin-area */ "./src/route-based-plugin-area/route-based-plugin-area.tsx"), exports);
-__exportStar(__webpack_require__(/*! ./plugin-api */ "./src/route-based-plugin-area/plugin-api.ts"), exports);
-
-
-/***/ }),
-
-/***/ "./src/route-based-plugin-area/plugin-api.ts":
-/*!***************************************************!*\
-  !*** ./src/route-based-plugin-area/plugin-api.ts ***!
-  \***************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRouteBasePlugins = exports.getRouteBasePlugin = exports.unregisterRouteBasePlugin = exports.registerRouteBasePlugin = void 0;
-const lodash_1 = __webpack_require__(/*! lodash */ "lodash");
-const hooks_1 = __webpack_require__(/*! @wordpress/hooks */ "@wordpress/hooks");
-/**
- * Plugin definitions keyed by plugin name.
- */
-const plugins = {};
-/**
- * Registeres a plugin to the App.
- *
- * @param name A string identifying the plugin. Must be unique across all registered plugins.
- * @param settings The settings for this plugin.
- */
-function registerRouteBasePlugin(name, settings) {
-    if (typeof settings !== 'object') {
-        console.error('No settings object provided!');
-        return null;
-    }
-    if (typeof name !== 'string') {
-        console.error('Plugin names must be strings.');
-        return null;
-    }
-    if (!/^[a-z][a-z0-9-]*$/.test(name)) {
-        console.error('Plugin names must include only lowercase alphanumeric characters or dashes, and start with a letter. Example: "my-pluin".');
-        return null;
-    }
-    if (plugins[name]) {
-        console.error(`Plugin "${name}" is alread registered.`);
-    }
-    settings = hooks_1.applyFilters('plugins.registerPlugin', settings, name);
-    if (!lodash_1.isFunction(settings.render)) {
-        console.error('The "render" property must be specified and must be a valid function.');
-        return null;
-    }
-    plugins[name] = Object.assign({ name, icon: 'admin-plugins' }, settings);
-    hooks_1.doAction('plugins.pluginRegistered', settings, name);
-    return settings;
-}
-exports.registerRouteBasePlugin = registerRouteBasePlugin;
-/**
- * Unregisteres a plugin by name.
- * @param name Plugin name.
- *
- * @return The previous plugin settings object, if it has been successfully unregistered; otherwise `undefined`.
- */
-function unregisterRouteBasePlugin(name) {
-    if (!plugins[name]) {
-        console.error('Plugin "' + name + '" is not registered.');
-        return;
-    }
-    const oldPlugin = plugins[name];
-    delete plugins[name];
-    hooks_1.doAction('plugin.pluginUnregistered', oldPlugin, name);
-    return oldPlugin;
-}
-exports.unregisterRouteBasePlugin = unregisterRouteBasePlugin;
-/**
- * Returns a registered plugin settings.
- *
- * @param name Plugin name.
- *
- * @returns Plugin setting.
- */
-function getRouteBasePlugin(name) {
-    return plugins[name];
-}
-exports.getRouteBasePlugin = getRouteBasePlugin;
-/**
- * Return all registered plugins.
- *
- * @return Plugin settings.
- */
-function getRouteBasePlugins() {
-    return Object.values(plugins);
-}
-exports.getRouteBasePlugins = getRouteBasePlugins;
-
-
-/***/ }),
-
-/***/ "./src/route-based-plugin-area/plugin-context.tsx":
-/*!********************************************************!*\
-  !*** ./src/route-based-plugin-area/plugin-context.tsx ***!
-  \********************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withPluginContext = exports.PluginContextProvider = void 0;
-const React = __importStar(__webpack_require__(/*! react */ "react"));
-const higher_order_component_util_1 = __webpack_require__(/*! ./higher-order-component-util */ "./src/route-based-plugin-area/higher-order-component-util.ts");
-const { createContext } = React;
-const { Consumer, Provider } = createContext({
-    name: null,
-    icon: null,
-});
-exports.PluginContextProvider = Provider;
-/**
- * A Higher Order Component used to inject Plugin context to the
- * wrapped component.
- *
- * @param mapContextToProps Function called on every context change, expected to return object of
- * props to merge with the component's own props.
- *
- * @return Enhanced component with injected context as props.
- */
-const withPluginContext = (mapContextToProps) => higher_order_component_util_1.createHigherOrderComponent((OriginalComponent) => {
-    return (props) => (React.createElement(Consumer, null, (context) => (React.createElement(OriginalComponent, Object.assign({}, props, mapContextToProps(context, props))))));
-}, 'withPluginContext');
-exports.withPluginContext = withPluginContext;
-
-
-/***/ }),
-
-/***/ "./src/route-based-plugin-area/route-based-plugin-area.tsx":
-/*!*****************************************************************!*\
-  !*** ./src/route-based-plugin-area/route-based-plugin-area.tsx ***!
-  \*****************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RouteBasedPluginArea = void 0;
-const lodash_1 = __webpack_require__(/*! lodash */ "lodash");
-const React = __importStar(__webpack_require__(/*! react */ "react"));
-const hooks_1 = __webpack_require__(/*! @wordpress/hooks */ "@wordpress/hooks");
-const plugin_context_1 = __webpack_require__(/*! ./plugin-context */ "./src/route-based-plugin-area/plugin-context.tsx");
-const plugin_api_1 = __webpack_require__(/*! ./plugin-api */ "./src/route-based-plugin-area/plugin-api.ts");
-/**
- * A component that renders all plugin fills in a hidden div.
- */
-class RouteBasedPluginArea extends React.Component {
-    constructor(args) {
-        super(args);
-        this.setPlugins = this.setPlugins.bind(this);
-        this.state = { plugins: [] };
-    }
-    getCurrentPluginsState() {
-        return {
-            plugins: lodash_1.map(plugin_api_1.getRouteBasePlugins(), ({ icon, name, render }) => {
-                return {
-                    Plugin: render,
-                    context: {
-                        name,
-                        icon,
-                    },
-                };
-            }),
-        };
-    }
-    componentDidMount() {
-        hooks_1.addAction('plugins.pluginRegistered', 'core/plugins/plugin-area/plugins-registered', this.setPlugins);
-        hooks_1.addAction('plugins.pluginUnregistered', 'core/plugins/plugin-area/plugins-unregistered', this.setPlugins);
-        this.setPlugins();
-    }
-    componentWillUnMount() {
-        hooks_1.removeAction('plugins.pluginRegistered', 'core/plugins/plugin-area/plugins-registered');
-        hooks_1.removeAction('plugins.pluginUnregistered', 'core/plugins/plugin-area/plugins-unregistered');
-    }
-    setPlugins() {
-        this.setState(this.getCurrentPluginsState);
-    }
-    render() {
-        return (React.createElement("div", { style: { display: 'none' } }, lodash_1.map(this.state.plugins, ({ context, Plugin }) => (React.createElement(plugin_context_1.PluginContextProvider, { key: context.name, value: context },
-            React.createElement(Plugin, null))))));
-    }
-}
-exports.RouteBasedPluginArea = RouteBasedPluginArea;
-
-
-/***/ }),
-
-/***/ "./src/route/index.ts":
-/*!****************************!*\
-  !*** ./src/route/index.ts ***!
-  \****************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(__webpack_require__(/*! ./render-routes */ "./src/route/render-routes.tsx"), exports);
-
-
-/***/ }),
-
-/***/ "./src/route/render-routes.tsx":
-/*!*************************************!*\
-  !*** ./src/route/render-routes.tsx ***!
-  \*************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderRoutes2 = void 0;
-const React = __importStar(__webpack_require__(/*! react */ "react"));
-const react_1 = __webpack_require__(/*! react */ "react");
-const react_router_1 = __webpack_require__(/*! react-router */ "react-router");
-function wrapInitialPropsFetch(route, opts) {
-    const { component } = route, restRouteParams = __rest(route, ["component"]);
-    let Component = route.component;
-    function ComponentWithInitialPropsFetch(props) {
-        const [initialProps, setInitialProps] = react_1.useState(() => window.g_initialProps);
-        react_1.useEffect(() => {
-            /**
-             * 1. 首次渲染时，此时 window.g_initialProps 变量存在，不需要再走一次 getInitialProps，这样一次 SSR 就走了 2 次 getInitialProps
-             * 2. 但是路由切换时，window.getInitialProps 会被赋为 null，这时候就走 getInitialProps 逻辑
-             * 3. 如果任何时候都走 2 次，配置 forceInitial: true，这个场景用于静态站点的首屏加载希望走最新数据
-             * 4. 开启动态加载后，会在执行 getInitialProps 前预加载下
-             */
-            const handleGetInitialProps = async () => {
-                // preload when enalbe dynamicImport
-                if (Component.preload) {
-                    const preloadComponent = await Component.preload();
-                    // for test case, really use .default
-                    Component = preloadComponent.default || preloadComponent;
-                }
-                //@sri not suppported
-                // const defaultCtx = {
-                //   isServer: false,
-                //   match: props?.match,
-                //   route,
-                //   ...(opts.getInitialPropsCtx || {}),
-                //   ...restRouteParams,
-                // };
-                //@sri not suppported
-                // if (Component?.getInitialProps) {
-                //   const ctx = await opts.plugin.applyPlugins({
-                //     key: 'ssr.modifyGetInitialPropsCtx',
-                //     type: ApplyPluginsType.modify,
-                //     initialValue: defaultCtx,
-                //     async: true,
-                //   });
-                //   const initialProps = await Component!.getInitialProps!(
-                //     ctx || defaultCtx,
-                //   );
-                //   setInitialProps(initialProps);
-                // }
-            };
-            // null 时，一定会触发 getInitialProps 执行
-            if (!window.g_initialProps) {
-                handleGetInitialProps();
-            }
-        }, [window.location.pathname, window.location.search]);
-        return React.createElement(Component, Object.assign({}, props, initialProps));
-    }
-    // flag for having wrappered
-    ComponentWithInitialPropsFetch.wrapInitialPropsLoaded = true;
-    ComponentWithInitialPropsFetch.displayName = 'ComponentWithInitialPropsFetch';
-    return ComponentWithInitialPropsFetch;
-}
-function render({ route, opts, props, }) {
-    const routes = renderRoutes(Object.assign(Object.assign({}, opts), { routes: route.routes || [], rootRoutes: opts.rootRoutes }));
-    let { component: Component, wrappers } = route;
-    if (Component) {
-        const defaultPageInitialProps = opts.isServer
-            ? {}
-            : window.g_initialProps;
-        const newProps = Object.assign(Object.assign(Object.assign(Object.assign({}, props), opts.extraProps), (opts.pageInitialProps || defaultPageInitialProps)), { route, routes: opts.rootRoutes });
-        // @ts-ignore
-        let ret = React.createElement(Component, Object.assign({}, newProps), routes);
-        // route.wrappers
-        if (wrappers) {
-            let len = wrappers.length - 1;
-            while (len >= 0) {
-                ret = react_1.createElement(wrappers[len], newProps, ret);
-                len -= 1;
-            }
-        }
-        return ret;
-    }
-    else {
-        return routes;
-    }
-}
-function getRouteElement({ route, index, opts }) {
-    const routeProps = {
-        key: route.key || index,
-        exact: route.exact,
-        strict: route.strict,
-        sensitive: route.sensitive,
-        path: route.path,
-    };
-    if (route.redirect) {
-        return React.createElement(react_router_1.Redirect, Object.assign({}, routeProps, { from: route.path, to: route.redirect }));
-    }
-    else {
-        // avoid mount and unmount with url hash change
-        // @sri not supproted yet
-        // if (
-        //   // only when SSR config enable
-        //   opts.ssrProps &&
-        //   !opts.isServer &&
-        //   // make sure loaded once
-        //   !(route.component as any)?.wrapInitialPropsLoaded &&
-        //   (route.component?.getInitialProps || route.component?.preload)
-        // ) {
-        //   // client Render for enable ssr, but not sure SSR success
-        //   route.component = wrapInitialPropsFetch(route, opts);
-        // }
-        return (React.createElement(react_router_1.Route, Object.assign({}, routeProps, { render: (props) => {
-                return render({ route, opts, props });
-            } })));
-    }
-}
-function renderRoutes(opts) {
-    return opts.routes ? (React.createElement(react_router_1.Switch, null, opts.routes.map((route, index) => {
-        const renderedR = getRouteElement({
-            route,
-            index,
-            opts: Object.assign(Object.assign({}, opts), { rootRoutes: opts.rootRoutes || opts.routes }),
-        });
-        return renderedR;
-    }))) : null;
-}
-exports.renderRoutes2 = renderRoutes;
-
-
-/***/ }),
-
-/***/ "./src/router/index.ts":
-/*!*****************************!*\
-  !*** ./src/router/index.ts ***!
-  \*****************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(__webpack_require__(/*! ./router */ "./src/router/router.tsx"), exports);
-
-
-/***/ }),
-
-/***/ "./src/router/router.tsx":
-/*!*******************************!*\
-  !*** ./src/router/router.tsx ***!
-  \*******************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeatureWithRouterFactory = void 0;
-const React = __importStar(__webpack_require__(/*! react */ "react"));
-const react_router_dom_1 = __webpack_require__(/*! react-router-dom */ "react-router-dom");
-const connector_1 = __webpack_require__(/*! ../connector */ "./src/connector/index.ts");
-const routerFactory = (routes) => React.createElement(react_router_dom_1.Switch, null, routes);
-exports.FeatureWithRouterFactory = new connector_1.Feature({
-    routerFactory,
-});
-
-
-/***/ }),
-
-/***/ "./src/utils/index.ts":
-/*!****************************!*\
-  !*** ./src/utils/index.ts ***!
-  \****************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(__webpack_require__(/*! ./route-utils */ "./src/utils/route-utils.tsx"), exports);
-
-
-/***/ }),
-
-/***/ "./src/utils/route-utils.tsx":
-/*!***********************************!*\
-  !*** ./src/utils/route-utils.tsx ***!
-  \***********************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getSortedRoutes = exports.sortKeys = exports.renderRoutes = exports.getMenus = exports.getRoutes = exports.getRoutes2 = exports.isUrl = void 0;
-const React = __importStar(__webpack_require__(/*! react */ "react"));
-const interfaces_1 = __webpack_require__(/*! ../interfaces */ "./src/interfaces/index.ts");
-const react_router_dom_1 = __webpack_require__(/*! react-router-dom */ "react-router-dom");
-const defaultSortKeys = __webpack_require__(/*! sort-keys */ "sort-keys");
-/* eslint no-useless-escape:0 */
-const reg = /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/g;
-function isUrl(path) {
-    return reg.test(path);
-}
-exports.isUrl = isUrl;
-/**
- * Generates Routes based on the key value, where key has the path of the route and value
- * has rest of the values for building a `<Router ../>` component.
- *
- * @param path: RegExp
- * @param routerData
- * @deprecated
- */
-function getRoutes2(path, routerData) {
-    const routes = Object.keys(routerData).filter(routePath => {
-        return routePath.match(path);
-    });
-    const mappedRoutes = routes.map(paths => {
-        return Object.assign({ route: paths }, routerData[paths]);
-    });
-    const root = {};
-    mappedRoutes.forEach(eachRoute => {
-        const children = eachRoute.route.split('/');
-        children.shift();
-        // if the route is `/` then add this correction.
-        if (eachRoute.route === '/') {
-            children.shift();
-            children.push('/');
-        }
-        const depth = children.length;
-        let lastNode = root;
-        for (let i = 0; i <= depth; i++) {
-            const lastIndex = (lastNode.routes || []).findIndex(item => {
-                if (eachRoute.route.startsWith(item.path)) {
-                    return eachRoute.route[item.path.length] === '/';
-                }
-            });
-            if (lastIndex === -1) {
-                break;
-            }
-            lastNode = lastNode.routes[lastIndex];
-            // do not overwrite the route's exact value
-            lastNode.exact = routerData[lastNode.path].hasOwnProperty('exact') ? routerData[lastNode.path].exact : false;
-        }
-        if (!lastNode.routes) {
-            lastNode.routes = [];
-        }
-        const modfiedRoute = formatSlash(eachRoute.route);
-        lastNode.routes.push(Object.assign(Object.assign({}, eachRoute), { 
-            // route: modfiedRoute,
-            path: modfiedRoute, exact: routerData[eachRoute.route].hasOwnProperty('exact') ? routerData[eachRoute.route].exact : true, component: eachRoute.component }));
-    });
-    return root.routes;
-}
-exports.getRoutes2 = getRoutes2;
-const startWithMoreThanOneSlash = /^(\/)\1+/; // for exame `//abc, ///abc, ...`
-const formatSlash = (route) => {
-    // replaced `//` with `/` in the routes.
-    return {
-        path: route.replace(startWithMoreThanOneSlash, '/'),
-        _pathPrefix: (route.match(/^\/(\/{1,})/) || ['', ''])[1],
-    };
-};
-function getRoutes(path, routeData, authWrapper = null) {
-    if (!path.startsWith('/')) {
-        throw new Error('Invalid path!');
-    }
-    let searchPath = path;
-    if (path[path.length - 1] !== '/') {
-        searchPath = path + '/';
-    }
-    const routes = Object.keys(routeData).filter(menuPath => {
-        return menuPath.indexOf(searchPath) === 0 || menuPath === path;
-    });
-    const mappedMenuPaths = routes.map(mPath => {
-        return Object.assign({ route: mPath, position: interfaces_1.IMenuPosition.MIDDLE }, routeData[mPath]);
-    });
-    const root = {
-        // just to satisfy types added following
-        // TOOD need to correct types so we don't have to enter them.
-        name: 'root',
-        position: interfaces_1.IMenuPosition.LOGO,
-    };
-    mappedMenuPaths.forEach(routeItem => {
-        const children = routeItem.route.split('/');
-        children.shift();
-        // if the route is `/` then add this correction.
-        if (routeItem.path === '/') {
-            children.shift();
-            children.push('/');
-        }
-        const depth = children.length;
-        let lastNode = root;
-        for (let i = 0; i < depth; i++) {
-            const lastIndex = (lastNode.routes || []).findIndex(item => {
-                const routePath = `${item._pathPrefix}${item.path}`;
-                if (routeItem.route.startsWith(routePath)) {
-                    return routeItem.route[routePath.length] === '/';
-                }
-            });
-            if (lastIndex === -1) {
-                break;
-            }
-            lastNode = lastNode.routes[lastIndex];
-            const lastNodePath = `${lastNode._pathPrefix}${lastNode.path}`;
-            lastNode.exact = routeData[lastNodePath].hasOwnProperty('exact') ? routeData[lastNodePath].exact : false;
-        }
-        if (!lastNode.routes) {
-            lastNode.routes = [];
-        }
-        const { route: ignore, auth } = routeItem, rest = __rest(routeItem, ["route", "auth"]);
-        const pathParams = formatSlash(routeItem.route);
-        lastNode.routes.push(Object.assign(Object.assign(Object.assign({}, rest), pathParams), { exact: routeData[routeItem.route].hasOwnProperty('exact') ? routeData[routeItem.route].exact : true, 
-            /**
-             * Here we are checking whether auth property is being
-             * set by this route and if authWrapper is declared
-             * which is a high order component that can take a component
-             * and its props as argument then perform some
-             * computation and return a component
-             */
-            component: auth && authWrapper
-                ? (props) => authWrapper(routeItem.component, props)
-                : routeItem.component }));
-    });
-    return root.routes;
-}
-exports.getRoutes = getRoutes;
-function getMenus(path, menuData) {
-    if (!path.startsWith('/')) {
-        throw new Error('Invalid path!');
-    }
-    let searchPath = path;
-    if (path[path.length - 1] !== '/') {
-        searchPath = path + '/';
-    }
-    const routes = Object.keys(menuData).filter(menuPath => {
-        return menuPath.indexOf(searchPath) === 0 || menuPath === path;
-    });
-    const mappedMenuPaths = routes.map(mPath => {
-        return Object.assign({ route: mPath, position: interfaces_1.IMenuPosition.MIDDLE }, menuData[mPath]);
-    });
-    const root = {
-        // just to satisfy types added following
-        // TOOD need to correct types so we don't have to enter them.
-        name: 'root',
-        position: interfaces_1.IMenuPosition.LOGO,
-    };
-    mappedMenuPaths.forEach(menutItem => {
-        const children = menutItem.route.split('/');
-        children.shift();
-        const depth = children.length;
-        let lastNode = root;
-        for (let i = 0; i < depth; i++) {
-            const lastIndex = (lastNode.children || []).findIndex(item => {
-                if (menutItem.route.startsWith(item.path)) {
-                    return menutItem.route[item.path.length] === '/';
-                }
-            });
-            if (lastIndex === -1) {
-                break;
-            }
-            lastNode = lastNode.children[lastIndex];
-            // do not overwrite the route's exact value
-            lastNode.exact = menuData[lastNode.path].hasOwnProperty('exact') ? menuData[lastNode.path].exact : false;
-        }
-        if (!lastNode.children) {
-            lastNode.children = [];
-        }
-        const { route: ignore } = menutItem, rest = __rest(menutItem, ["route"]);
-        lastNode.children.push(Object.assign(Object.assign({ path: menutItem.route }, rest), { exact: menuData[menutItem.route].hasOwnProperty('exact') ? menuData[menutItem.route].exact : true }));
-    });
-    return root.children;
-}
-exports.getMenus = getMenus;
-const renderRoutes = (routes, solidRoutes, extraProps = {}, switchProps = {}) => routes ? (React.createElement(React.Fragment, null, [
-    ...solidRoutes,
-    ...routes.map((route, i) => (React.createElement(react_router_dom_1.Route, { key: route.key || i, path: route.path, exact: route.exact, strict: route.strict, render: props => route.render ? (route.render(Object.assign(Object.assign(Object.assign({}, props), extraProps), { route: route }))) : (React.createElement(route.component, Object.assign({}, props, extraProps, { route: route }))) }))),
-])) : null;
-exports.renderRoutes = renderRoutes;
-function sortKeys(routeData) {
-    return defaultSortKeys(routeData, { compare });
-}
-exports.sortKeys = sortKeys;
-const getSortedRoutes = (path, routeData, authWrapper = null) => {
-    const sortedRoutes = sortKeys(routeData);
-    return getRoutes(path, sortedRoutes, authWrapper);
-};
-exports.getSortedRoutes = getSortedRoutes;
-const compare = ((a, b) => {
-    const aStr = String(a).toLowerCase();
-    const bStr = String(b).toLowerCase();
-    // Alphanumeric elements always come before non-alphanumeric elements
-    const aIsAlphanumeric = notStartWithColon(aStr);
-    const bIsAlphanumeric = notStartWithColon(bStr);
-    if (aIsAlphanumeric + bIsAlphanumeric !== -2) {
-        if (aIsAlphanumeric * bIsAlphanumeric > 0) {
-            if (aIsAlphanumeric === bIsAlphanumeric) {
-                return aStr.localeCompare(bStr);
-            }
-            return aIsAlphanumeric - bIsAlphanumeric;
-        }
-        if (aIsAlphanumeric > 0) {
-            return -1;
-        }
-        else if (bIsAlphanumeric > 0) {
-            return 1;
-        }
-    }
-    // Numerical elements always come before alphabetic elements
-    const aNum = Number(a);
-    const bNum = Number(b);
-    // If both are numerical, sort in the usual fashion (smaller goes first)
-    if (aNum && bNum) {
-        return aNum - bNum;
-        // If a is numerical but b isn't, put a first.
-    }
-    else if (aNum) {
-        return -1;
-        // If b is numerical but a isn't, put b first.
-    }
-    else if (bNum) {
-        return 1;
-    }
-    // In all other cases, default to usual sort order.
-    return aStr.localeCompare(bStr);
-});
-function notStartWithColon(str) {
-    const match = (str.match(/^[\/, *, :]{1,}/) || [-1])[0];
-    if (match === -1) {
-        return -1;
-    }
-    var i = match.length;
-    let count = 0;
-    while (i--) {
-        const char = match[i];
-        if (char === '/') {
-            if (str === '/') { // if it is root only we put at the last
-                count = count + 6;
-            }
-            else {
-                count = count + 3;
-            }
-        }
-        else if (char === ':') {
-            count = count + 1;
-        }
-        else if (char === '*') {
-            count = count + 2;
-        }
-    }
-    return count;
-}
-
-
-/***/ }),
-
-/***/ "@common-stack/client-core":
-/*!********************************************!*\
-  !*** external "@common-stack/client-core" ***!
-  \********************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-module.exports = require("@common-stack/client-core");
-
-/***/ }),
-
-/***/ "@wordpress/hooks":
-/*!***********************************!*\
-  !*** external "@wordpress/hooks" ***!
-  \***********************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-module.exports = require("@wordpress/hooks");
-
-/***/ }),
-
-/***/ "lodash":
-/*!*************************!*\
-  !*** external "lodash" ***!
-  \*************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-module.exports = require("lodash");
-
-/***/ }),
-
-/***/ "react":
-/*!************************!*\
-  !*** external "react" ***!
-  \************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
-/***/ }),
-
-/***/ "react-router":
-/*!*******************************!*\
-  !*** external "react-router" ***!
-  \*******************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-module.exports = require("react-router");
-
-/***/ }),
-
-/***/ "react-router-dom":
-/*!***********************************!*\
-  !*** external "react-router-dom" ***!
-  \***********************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-module.exports = require("react-router-dom");
-
-/***/ }),
-
-/***/ "sort-keys":
-/*!****************************!*\
-  !*** external "sort-keys" ***!
-  \****************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-module.exports = require("sort-keys");
-
-/***/ })
-
-/******/ });
+__exportStar(require("./connector"), exports);
+__exportStar(require("./router-factory"), exports);
+__exportStar(require("./route"), exports);
+__exportStar(require("./utils"), exports);
+__exportStar(require("./interfaces"), exports);
+__exportStar(require("./plugin-area"), exports);
+__exportStar(require("./route-based-plugin-area"), exports);
+__exportStar(require("./inversify"), exports);
 //# sourceMappingURL=index.js.map