@common-stack/client-react 0.1.21 → 0.2.1

package/lib/route-based-plugin-area/plugin-api.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getRouteBasePlugins = exports.getRouteBasePlugin = exports.unregisterRouteBasePlugin = exports.registerRouteBasePlugin = void 0;
+const lodash_1 = require("lodash");
+const hooks_1 = require("@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;
+//# sourceMappingURL=plugin-api.js.map

package/lib/route-based-plugin-area/plugin-api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin-api.js","sourceRoot":"","sources":["../../src/route-based-plugin-area/plugin-api.ts"],"names":[],"mappings":";;;AAEA,mCAAoC;AACpC,4CAA0D;AAgB1D;;GAEG;AACH,MAAM,OAAO,GAAyC,EAAE,CAAC;AAEzD;;;;;GAKG;AACH,SAAgB,uBAAuB,CAAC,IAAI,EAAE,QAAQ;IAClD,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;QAC9B,OAAO,CAAC,KAAK,CAAC,8BAA8B,CAAC,CAAC;QAC9C,OAAO,IAAI,CAAC;KACf;IACD,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC1B,OAAO,CAAC,KAAK,CAAC,+BAA+B,CAAC,CAAC;QAC/C,OAAO,IAAI,CAAC;KACf;IACD,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;QACjC,OAAO,CAAC,KAAK,CACT,2HAA2H,CAC9H,CAAC;QACF,OAAO,IAAI,CAAC;KACf;IACD,IAAI,OAAO,CAAC,IAAI,CAAC,EAAE;QACf,OAAO,CAAC,KAAK,CAAC,WAAW,IAAI,yBAAyB,CAAC,CAAC;KAC3D;IACD,QAAQ,GAAG,oBAAY,CAAC,wBAAwB,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC;IAElE,IAAI,CAAC,mBAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;QAC9B,OAAO,CAAC,KAAK,CACT,uEAAuE,CAC1E,CAAC;QACF,OAAO,IAAI,CAAC;KACf;IACD,OAAO,CAAC,IAAI,CAAC,mBACT,IAAI,EACJ,IAAI,EAAE,eAAe,IAClB,QAAQ,CACd,CAAC;IAEF,gBAAQ,CAAC,0BAA0B,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC;IAErD,OAAO,QAAQ,CAAC;AACpB,CAAC;AAnCD,0DAmCC;AAED;;;;;GAKG;AACH,SAAgB,yBAAyB,CAAC,IAAI;IAC1C,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QAChB,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,GAAG,sBAAsB,CAAC,CAAC;QAC1D,OAAO;KACV;IACD,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC;IAErB,gBAAQ,CAAC,2BAA2B,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;IAEvD,OAAO,SAAS,CAAC;AACrB,CAAC;AAXD,8DAWC;AAED;;;;;;GAMG;AACH,SAAgB,kBAAkB,CAAC,IAAI;IACnC,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC;AACzB,CAAC;AAFD,gDAEC;AAED;;;;GAIG;AACH,SAAgB,mBAAmB;IAC/B,OAAO,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AAClC,CAAC;AAFD,kDAEC"}

package/lib/route-based-plugin-area/plugin-context.js

@@ -0,0 +1,44 @@
+"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(require("react"));
+const higher_order_component_util_1 = require("./higher-order-component-util");
+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;
+//# sourceMappingURL=plugin-context.js.map

package/lib/route-based-plugin-area/plugin-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin-context.js","sourceRoot":"","sources":["../../src/route-based-plugin-area/plugin-context.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AACA,6CAA+B;AAC/B,+EAA2E;AAE3E,MAAO,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;AACjC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,aAAa,CAAC;IACzC,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,IAAI;CACb,CAAC,CAAC;AAEkB,yCAAqB;AAG1C;;;;;;;;GAQG;AACI,MAAM,iBAAiB,GAAG,CAAC,iBAAiB,EAAE,EAAE,CACnD,wDAA0B,CAAC,CAAC,iBAAiB,EAAE,EAAE;IAC7C,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CACd,oBAAC,QAAQ,QACJ,CAAC,OAAO,EAAE,EAAE,CAAC,CACV,oBAAC,iBAAiB,oBACV,KAAK,EACL,iBAAiB,CAAC,OAAO,EAAE,KAAK,CAAC,EACvC,CACL,CACM,CACd,CAAC;AACN,CAAC,EAAE,mBAAmB,CAAC,CAAC;AAZf,QAAA,iBAAiB,qBAYF"}

package/lib/route-based-plugin-area/route-based-plugin-area.js

@@ -0,0 +1,68 @@
+"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 = require("lodash");
+const React = __importStar(require("react"));
+const hooks_1 = require("@wordpress/hooks");
+const plugin_context_1 = require("./plugin-context");
+const plugin_api_1 = require("./plugin-api");
+/**
+ * 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;
+//# sourceMappingURL=route-based-plugin-area.js.map

package/lib/route-based-plugin-area/route-based-plugin-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-based-plugin-area.js","sourceRoot":"","sources":["../../src/route-based-plugin-area/route-based-plugin-area.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,mCAA6B;AAC7B,6CAA+B;AAC/B,4CAA2D;AAC3D,qDAAyD;AACzD,6CAAmD;AAEnD;;GAEG;AAEH,MAAa,oBAAqB,SAAQ,KAAK,CAAC,SAAgD;IAE5F,YAAY,IAAI;QACZ,KAAK,CAAC,IAAI,CAAC,CAAC;QACZ,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7C,IAAI,CAAC,KAAK,GAAG,EAAC,OAAO,EAAE,EAAE,EAAC,CAAC;IAC/B,CAAC;IAEM,sBAAsB;QACzB,OAAO;YACH,OAAO,EAAE,YAAG,CAAC,gCAAmB,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE;gBAC3D,OAAO;oBACH,MAAM,EAAE,MAAM;oBACd,OAAO,EAAE;wBACL,IAAI;wBACJ,IAAI;qBACP;iBACJ,CAAC;YACN,CAAC,CAAC;SACL,CAAC;IACN,CAAC;IAEM,iBAAiB;QACpB,iBAAS,CACL,0BAA0B,EAC1B,6CAA6C,EAC7C,IAAI,CAAC,UAAU,CAClB,CAAC;QACF,iBAAS,CACL,4BAA4B,EAC5B,+CAA+C,EAC/C,IAAI,CAAC,UAAU,CAClB,CAAC;QACF,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IAEM,oBAAoB;QACvB,oBAAY,CACR,0BAA0B,EAC1B,6CAA6C,CAChD,CAAC;QACF,oBAAY,CACR,4BAA4B,EAC5B,+CAA+C,CAClD,CAAC;IACN,CAAC;IAEM,UAAU;QACb,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;IAC/C,CAAC;IAEM,MAAM;QACT,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAC1B,YAAG,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAC9C,oBAAC,sCAAqB,IAClB,GAAG,EAAE,OAAO,CAAC,IAAI,EACjB,KAAK,EAAE,OAAO;YAEd,oBAAC,MAAM,OAAG,CACU,CAC3B,CAAC,CACA,CACT,CAAC;IACN,CAAC;CACJ;AAjED,oDAiEC"}

package/lib/router-factory/index.js

@@ -0,0 +1,30 @@
+"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(require("react"));
+const react_router_1 = require("react-router");
+const connector_1 = require("../connector");
+const routerFactory = (routes) => React.createElement(react_router_1.Switch, null, routes);
+exports.FeatureWithRouterFactory = new connector_1.Feature({
+    routerFactory,
+});
+//# sourceMappingURL=index.js.map

package/lib/router-factory/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/router-factory/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,+CAAsC;AACtC,4CAAuC;AAGvC,MAAM,aAAa,GAAG,CAAC,MAAM,EAAE,EAAE,CAAC,oBAAC,qBAAM,QAAE,MAAM,CAAU,CAAC;AAE/C,QAAA,wBAAwB,GAAG,IAAI,mBAAO,CAAC;IAChD,aAAa;CACC,CAAC,CAAC"}

package/lib/router-factory/index.native.d.ts

@@ -0,0 +1,2 @@
+import { Feature } from '../connector/connector.native';
+export declare const FeatureWithRouterFactory: Feature;

package/lib/router-factory/index.native.js

@@ -0,0 +1,30 @@
+"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(require("react"));
+const react_router_1 = require("react-router");
+const connector_native_1 = require("../connector/connector.native");
+const routerFactory = (routes) => React.createElement(react_router_1.Switch, null, routes);
+exports.FeatureWithRouterFactory = new connector_native_1.Feature({
+    routerFactory,
+});
+//# sourceMappingURL=index.native.js.map

package/lib/router-factory/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.js","sourceRoot":"","sources":["../../src/router-factory/index.native.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAC/B,+CAAsC;AACtC,oEAAwD;AAGxD,MAAM,aAAa,GAAG,CAAC,MAAM,EAAE,EAAE,CAAC,oBAAC,qBAAM,QAAE,MAAM,CAAU,CAAC;AAE/C,QAAA,wBAAwB,GAAG,IAAI,0BAAO,CAAC;IAChD,aAAa;CACC,CAAC,CAAC"}

package/lib/utils/index.d.ts

@@ -1 +1,2 @@
-export * from './route-utils';
+export * from './sort-keys';
+export * from './utils';

package/lib/utils/index.js

@@ -0,0 +1,15 @@
+"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(require("./sort-keys"), exports);
+__exportStar(require("./utils"), exports);
+//# sourceMappingURL=index.js.map

package/lib/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,8CAA4B;AAC5B,0CAAwB"}

package/lib/utils/sort-keys.d.ts

@@ -0,0 +1 @@
+export declare function sortKeys(routeData: any): any;

package/lib/utils/sort-keys.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sortKeys = void 0;
+const defaultSortKeys = require('sort-keys');
+function sortKeys(routeData) {
+    return defaultSortKeys(routeData, { compare });
+}
+exports.sortKeys = sortKeys;
+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;
+}
+//# sourceMappingURL=sort-keys.js.map

package/lib/utils/sort-keys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-keys.js","sourceRoot":"","sources":["../../src/utils/sort-keys.ts"],"names":[],"mappings":";;;AAAA,MAAM,eAAe,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;AAG7C,SAAgB,QAAQ,CAAC,SAAS;IAChC,OAAO,eAAe,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,CAAC,CAAA;AAChD,CAAC;AAFD,4BAEC;AAGD,MAAM,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IACrC,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IACrC,qEAAqE;IACrE,MAAM,eAAe,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAChD,MAAM,eAAe,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAChD,IAAI,eAAe,GAAG,eAAe,KAAK,CAAC,CAAC,EAAE;QAC5C,IAAI,eAAe,GAAG,eAAe,GAAG,CAAC,EAAE;YACzC,IAAI,eAAe,KAAK,eAAe,EAAE;gBACvC,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;aACjC;YACD,OAAO,eAAe,GAAG,eAAe,CAAC;SAC1C;QACD,IAAI,eAAe,GAAG,CAAC,EAAE;YACvB,OAAO,CAAC,CAAC,CAAC;SACX;aAAM,IAAI,eAAe,GAAG,CAAC,EAAE;YAC9B,OAAO,CAAC,CAAC;SACV;KACF;IAED,4DAA4D;IAC5D,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IACvB,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IACvB,wEAAwE;IACxE,IAAI,IAAI,IAAI,IAAI,EAAE;QAChB,OAAO,IAAI,GAAG,IAAI,CAAC;QACnB,8CAA8C;KAC/C;SAAM,IAAI,IAAI,EAAE;QACf,OAAO,CAAC,CAAC,CAAC;QACV,8CAA8C;KAC/C;SAAM,IAAI,IAAI,EAAE;QACf,OAAO,CAAC,CAAC;KACV;IAED,mDAAmD;IACnD,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;AAClC,CAAC,CAAC,CAAC;AAEH,SAAS,iBAAiB,CAAC,GAAG;IAC5B,MAAM,KAAK,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACxD,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;QAChB,OAAO,CAAC,CAAC,CAAC;KACX;IACD,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC;IACrB,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,OAAO,CAAC,EAAE,EAAE;QACV,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACtB,IAAI,IAAI,KAAK,GAAG,EAAE;YAChB,IAAI,GAAG,KAAK,GAAG,EAAE,EAAE,wCAAwC;gBACzD,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC;aACnB;iBAAM;gBACL,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC;aACnB;SACF;aAAM,IAAI,IAAI,KAAK,GAAG,EAAE;YACvB,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC;SACnB;aAAM,IAAI,IAAI,KAAK,GAAG,EAAE;YACvB,KAAK,GAAG,KAAK,GAAG,CAAC,CAAC;SACnB;KACF;IACD,OAAO,KAAK,CAAC;AACf,CAAC"}

package/lib/utils/sort-keys.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/utils/sort-keys.test.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const sort_keys_1 = require("./sort-keys");
+function MyComponent(props) {
+    return {};
+}
+describe('utility with basic routes', () => {
+    const routerConfig = {
+        ["//menu"]: { exact: true, component: MyComponent },
+        ["/login"]: { exact: true, component: MyComponent },
+        ["/callback"]: { exact: true, component: MyComponent },
+        ["/:orgName/usermenu/logout"]: { exact: true, component: MyComponent },
+        ["/"]: { exact: false, component: MyComponent },
+        ["/:orgName/usermenu/profile"]: { exact: true, component: MyComponent },
+        ["/authenticate-popup"]: { exact: true, component: MyComponent },
+        ["/reset-password"]: { exact: true, component: MyComponent },
+        ["/:orgName/usermenu/account/"]: { exact: false, component: MyComponent },
+        ["/o/orgname2"]: { exact: false, component: MyComponent },
+        ["/o/:orgName/account/line/"]: { exact: false, component: MyComponent },
+        ["/o/:orgName/account/line2/"]: { exact: false, component: MyComponent },
+        ["/o/orgname"]: { exact: false, component: MyComponent },
+    };
+    it('sort will have `root` at the top', () => {
+        const sortedRoutes = sort_keys_1.sortKeys(routerConfig);
+        const keys = Object.keys(sortedRoutes)[0];
+        expect(keys).toEqual('/');
+        expect(keys).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=sort-keys.test.js.map

package/lib/utils/sort-keys.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-keys.test.js","sourceRoot":"","sources":["../../src/utils/sort-keys.test.ts"],"names":[],"mappings":";;AAAA,2CAAuC;AAEvC,SAAS,WAAW,CAAC,KAAK;IACtB,OAAO,EAAE,CAAC;AACd,CAAC;AACD,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IAGvC,MAAM,YAAY,GAAG;QACjB,CAAC,QAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE;QACnD,CAAC,QAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE;QACnD,CAAC,WAAW,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE;QACtD,CAAC,2BAA2B,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE;QACtE,CAAC,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE;QAC/C,CAAC,4BAA4B,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE;QACvE,CAAC,qBAAqB,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE;QAChE,CAAC,iBAAiB,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE;QAC5D,CAAC,6BAA6B,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE;QACzE,CAAC,aAAa,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE;QACzD,CAAC,2BAA2B,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE;QACvE,CAAC,4BAA4B,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE;QACxE,CAAC,YAAY,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE;KAC3D,CAAC;IAEF,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QACxC,MAAM,YAAY,GAAG,oBAAQ,CAAC,YAAY,CAAC,CAAC;QAC5C,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1C,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;QACzB,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACnC,CAAC,CAAC,CAAA;AAEN,CAAC,CAAC,CAAC"}

package/lib/utils/utils.d.ts

@@ -0,0 +1,4 @@
+export declare const formatSlash: (route: any) => {
+    path: any;
+    _pathPrefix: any;
+};

package/lib/utils/utils.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatSlash = void 0;
+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],
+    };
+};
+exports.formatSlash = formatSlash;
+//# sourceMappingURL=utils.js.map

package/lib/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":";;;AAEA,MAAM,yBAAyB,GAAG,UAAU,CAAC,CAAC,iCAAiC;AACxE,MAAM,WAAW,GAAG,CAAC,KAAK,EAAE,EAAE;IACnC,wCAAwC;IACxC,OAAO;QACL,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,yBAAyB,EAAE,GAAG,CAAC;QACnD,WAAW,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;KACzD,CAAA;AACH,CAAC,CAAA;AANY,QAAA,WAAW,eAMvB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@common-stack/client-react",
-  "version": "0.1.21",
+  "version": "0.2.1",
   "description": "browser plugin for git",
   "homepage": "https://github.com/cdmbase/fullstack-pro#readme",
   "bugs": {
@@ -13,11 +13,12 @@
   "license": "MIT",
   "author": "CDMBase LLC",
   "main": "lib/index.js",
+  "react-native": "lib/index.native.js",
   "typings": "lib/index.d.ts",
   "scripts": {
     "build": "npm run build:clean && npm run build:lib",
     "build:clean": "rimraf lib",
-    "build:lib": "webpack",
+    "build:lib": "tsc",
     "build:lib:watch": "npm run build:lib -- --watch",
     "jest": "./node_modules/.bin/jest",
     "prepublish": "npm run build",
@@ -40,14 +41,14 @@
       "src"
     ],
     "testEnvironment": "node",
-    "testRegex": "/__tests__/.*test*\\.(ts|tsx|js)$",
+    "testRegex": ".*test*\\.(ts|tsx|js)$",
     "transform": {
       "\\.(ts|tsx)$": "<rootDir>/../../node_modules/ts-jest/preprocessor.js"
     }
   },
   "dependencies": {
-    "@common-stack/client-core": "^0.1.21",
-    "@common-stack/core": "^0.1.21",
+    "@common-stack/client-core": "^0.2.1",
+    "@common-stack/core": "^0.2.1",
     "@wordpress/hooks": "^2.10.0",
     "browser-bunyan": "^1.6.3",
     "history-with-query": "^4.10.4",
@@ -66,7 +67,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c3e769cce851a170b380a58a894ed6f312fed8a0",
+  "gitHead": "8cc362c6c7307e7ea43a9563ccdcb938c93c6008",
   "typescript": {
     "definition": "lib/index.d.ts"
   }

package/lib/plugin-area/browser-plugin-area.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const BrowserPluginArea: () => JSX.Element;

package/lib/router/index.d.ts

@@ -1 +0,0 @@
-export * from './router';

package/lib/slot-fill/context.d.ts

@@ -1,94 +0,0 @@
-import * as React from 'react';
-export interface IFillProps {
-    name: Name;
-    [key: string]: any;
-}
-export interface IFill extends React.Component<IFillProps> {
-    occurrence: number;
-    children: React.ReactNode;
-}
-export declare type Name = string | Symbol;
-export interface ISlotProps {
-    /**
-     * The name of the component. Use a symbol if you want to be 100% sure the Slot
-     * will only be filled by a component you create
-     */
-    name: Name;
-    /**
-     * Props to be applied to the child Element of every fill which has the same name.
-     *
-     * If the value is a function, it must have the following signature:
-     *         (target: Fill, fills: Fill[]) => void;
-     *
-     * This allows you to access props on the fill which invoked the function
-     * by using target.props.something()
-     */
-    fillProps?: {
-        [key: string]: any;
-    };
-    /**
-     * A an optional function which gets all of the current fills for this slot
-     * Allows sorting, or filtering before rendering. An example use-case could
-     * be to only show a limited amount of fills.
-     *
-     * By default Slot injects an unstyled `<div>` element. If you want greater
-     * control over presentation use this function.
-     *
-     * @example
-     * <Slot name="My.Slot">
-     * {(items) => <Component>{items}</Component>}
-     * </Slot>
-     */
-    children?: (fills: IFill[]) => JSX.Element;
-    bubblesVirtually?: boolean;
-    /**
-     * `Slot` with `bubblesVirtually` set to true also accept an optional `className` to
-     * add to the slot container.
-     *
-     * @type {string}
-     * @memberof ISlotProps
-     */
-    className?: string;
-}
-export interface ISlot extends React.Component<ISlotProps> {
-    node: Element;
-}
-export interface IContext extends IProviderState {
-}
-declare const Consumer: React.Consumer<IContext>;
-export interface IProviderState {
-    registerFill: (a: Name, b: any) => void;
-    unregisterFill: (a: Name, b: any) => void;
-    unregisterSlot: (a: Name, b?: any) => void;
-    registerSlot: (a: Name, b?: any) => void;
-    getSlot: (a: Name) => ISlot;
-    getFills: (a: Name, b?: any) => IFill[] | [];
-    subscribe: (listener: any) => void;
-}
-declare class SlotFillProvider extends React.Component<{}, {}> {
-    private slots;
-    private fills;
-    private listeners;
-    private contextValue;
-    constructor(props: any);
-    registerSlot(name: any, slot: any): void;
-    registerFill(name: any, instance: any): void;
-    unregisterSlot(name: any, instance: any): void;
-    unregisterFill(name: any, instance: IFill): void;
-    getSlot(name: any): ISlot;
-    getFills(name: any, slotInstance: any): IFill[];
-    private resetFillOccurrence;
-    private forceUpdateSlot;
-    private triggerListeners;
-    subscribe(listener: any): () => void;
-    render(): JSX.Element;
-}
-/**
- * React hook returning the active slot given a name.
- *
- * @param {string} name Slot name.
- * @return {Object} Slot object.
- */
-export declare const useSlot: (name: any) => ISlot;
-export default SlotFillProvider;
-export { Consumer };

package/lib/slot-fill/fill.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { IFillProps, IContext } from './context';
-export declare namespace IFillComponent {
-    interface Props extends IFillProps, Partial<IContext> {
-    }
-}
-declare type IFillComponentProps<T = IFillProps> = T;
-declare type IFillComponent<T = IFillProps> = React.FC<IFillComponentProps<T>>;
-declare const Fill: IFillComponent;
-export { Fill };

package/lib/slot-fill/index.d.ts

@@ -1,4 +0,0 @@
-import { Slot } from './slot';
-import { Fill } from './fill';
-import SlotFillProvider from './context';
-export { Slot, Fill, SlotFillProvider };

package/lib/slot-fill/slot.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { ISlotProps, IContext } from './context';
-export declare namespace ISlotComponent {
-    interface Props extends Partial<IContext>, ISlotProps {
-    }
-}
-declare const Slot: React.SFC<ISlotProps>;
-export { Slot };

package/lib/slot-fill/utils/index.d.ts

@@ -1 +0,0 @@
-export * from './isEmptyElement';

package/lib/slot-fill/utils/isEmptyElement.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-/**
- * Checks if the provided element to check.
- *
- * @param element React Component to check.
- * @returns True when an element is considered empty.
- */
-export declare const isEmptyElement: (element: React.ComponentElement<any, any> | any) => boolean;