@etsoo/react 1.5.1 → 1.5.5

package/lib/app/ReactApp.d.ts

@@ -1,6 +1,7 @@
 import { CoreApp, IActionResult, IAppSettings, ICoreApp, IUser, IUserData } from '@etsoo/appscript';
 import { NotificationRenderProps, NotificationReturn } from '@etsoo/notificationbase';
 import { DataTypes } from '@etsoo/shared';
+import { History } from '@reach/router';
 import React from 'react';
 import { NotificationReactCallProps } from '../notifier/Notifier';
 import { CultureAction, CultureState } from '../states/CultureState';
@@ -30,6 +31,10 @@ export interface IReactApp<S extends IAppSettings, D extends IUser, P extends IP
      * User state
      */
     readonly userState: UserState<D>;
+    /**
+     * Router history
+     */
+    readonly history?: History;
     /**
      * Is screen size down 'sm'
      */
@@ -69,6 +74,10 @@ export declare class ReactApp<S extends IAppSettings, D extends IUser, P extends
      * Culture state
      */
     readonly cultureState: CultureState;
+    /**
+     * Router history
+     */
+    readonly history?: History;
     /**
      * Page state
      */

package/lib/app/ReactApp.js

@@ -8,6 +8,7 @@ import { CultureState } from '../states/CultureState';
 import { PageActionType, PageState } from '../states/PageState';
 import { UserActionType, UserState } from '../states/UserState';
 import { Labels } from './Labels';
+import { Utils } from './Utils';
 /**
  * Global application
  */
@@ -64,6 +65,10 @@ export class ReactApp extends CoreApp {
          * User state
          */
         this.userState = new UserState();
+        this.history =
+            window.location.hostname === ''
+                ? Utils.getMemoryHistory()
+                : undefined;
         this.cultureState = new CultureState(settings.currentCulture);
         this.pageState = new PageState();
         globalApp = this;
@@ -194,7 +199,7 @@ export class ReactApp extends CoreApp {
      * @param url Url
      */
     redirectTo(url) {
-        navigate(url);
+        (this.history == null ? navigate : this.history.navigate)(url);
     }
     /**
      * Set page data

package/lib/app/ServiceApp.js

@@ -1,4 +1,4 @@
-import { createClient } from '@etsoo/appscript';
+import { BridgeUtils, createClient } from '@etsoo/appscript';
 import { DomUtils } from '@etsoo/shared';
 import { CoreConstants } from './CoreConstants';
 import { ReactApp } from './ReactApp';
@@ -44,16 +44,14 @@ export class ServiceApp extends ReactApp {
      * @param tryLogin Try to login again
      */
     toLoginPage(tryLogin) {
-        const coreUrl = this.settings.webUrl;
-        window.location.href =
-            coreUrl +
-                '?serviceId=' +
-                this.settings.serviceId +
-                '&' +
-                DomUtils.CultureField +
-                '=' +
-                this.culture +
-                (tryLogin ? '' : '&tryLogin=false');
+        const parameters = `?serviceId=${this.settings.serviceId}&${DomUtils.CultureField}=${this.culture}${tryLogin ? '' : '&tryLogin=false'}`;
+        if (BridgeUtils.host == null) {
+            const coreUrl = this.settings.webUrl;
+            window.location.href = coreUrl + parameters;
+        }
+        else {
+            BridgeUtils.host.loadApp('core', parameters);
+        }
     }
     /**
      * Refresh token

package/lib/app/Utils.d.ts

@@ -1,3 +1,4 @@
+import { History } from '@reach/router';
 import React from 'react';
 /**
  * React utils
@@ -9,6 +10,11 @@ export declare namespace Utils {
      * @returns Formatted value
      */
     function formatInputValue(value: unknown): string | number | any[] | undefined;
+    /**
+     * Get memory history
+     * @returns History
+     */
+    function getMemoryHistory(): History;
     /**
      * Is safe click
      * @param event Mouse event

package/lib/app/Utils.js

@@ -1,8 +1,12 @@
+import { createHistory, createMemorySource } from '@reach/router';
 /**
  * React utils
  */
 export var Utils;
 (function (Utils) {
+    // Memory history
+    // https://github.com/reach/router/issues/225
+    let memoryHistory;
     /**
      * Format input value
      * @param value Input value
@@ -20,6 +24,17 @@ export var Utils;
         return String(value);
     }
     Utils.formatInputValue = formatInputValue;
+    /**
+     * Get memory history
+     * @returns History
+     */
+    function getMemoryHistory() {
+        if (memoryHistory == null) {
+            memoryHistory = createHistory(createMemorySource('/'));
+        }
+        return memoryHistory;
+    }
+    Utils.getMemoryHistory = getMemoryHistory;
     /**
      * Is safe click
      * @param event Mouse event

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/react",
-    "version": "1.5.1",
+    "version": "1.5.5",
     "description": "TypeScript ReactJs framework",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",
@@ -50,7 +50,7 @@
         "@emotion/react": "^11.7.1",
         "@emotion/style": "^0.8.0",
         "@emotion/styled": "^11.6.0",
-        "@etsoo/appscript": "^1.2.43",
+        "@etsoo/appscript": "^1.2.44",
         "@etsoo/notificationbase": "^1.1.1",
         "@etsoo/shared": "^1.1.11",
         "@mui/icons-material": "^5.4.1",

package/src/app/ReactApp.ts

@@ -14,7 +14,7 @@ import {
     NotificationReturn
 } from '@etsoo/notificationbase';
 import { DataTypes, WindowStorage } from '@etsoo/shared';
-import { navigate } from '@reach/router';
+import { History, navigate } from '@reach/router';
 import React from 'react';
 import { NotifierMU } from '../mu/NotifierMU';
 import { ProgressCount } from '../mu/ProgressCount';
@@ -35,6 +35,7 @@ import {
 } from '../states/UserState';
 import { InputDialogProps } from './InputDialogProps';
 import { Labels } from './Labels';
+import { Utils } from './Utils';
 
 /**
  * Global application
@@ -98,6 +99,11 @@ export interface IReactApp<
      */
     readonly userState: UserState<D>;
 
+    /**
+     * Router history
+     */
+    readonly history?: History;
+
     /**
      * Is screen size down 'sm'
      */
@@ -167,6 +173,11 @@ export class ReactApp<
      */
     readonly cultureState: CultureState;
 
+    /**
+     * Router history
+     */
+    readonly history?: History;
+
     /**
      * Page state
      */
@@ -210,6 +221,10 @@ export class ReactApp<
             new WindowStorage(),
             name
         );
+        this.history =
+            window.location.hostname === ''
+                ? Utils.getMemoryHistory()
+                : undefined;
         this.cultureState = new CultureState(settings.currentCulture);
         this.pageState = new PageState<P>();
 
@@ -355,7 +370,7 @@ export class ReactApp<
      * @param url Url
      */
     override redirectTo(url: string) {
-        navigate(url);
+        (this.history == null ? navigate : this.history.navigate)(url);
     }
 
     /**

package/src/app/ServiceApp.ts

@@ -1,4 +1,5 @@
 import {
+    BridgeUtils,
     createClient,
     IApi,
     IApiPayload,
@@ -72,16 +73,16 @@ export class ServiceApp<
      * @param tryLogin Try to login again
      */
     override toLoginPage(tryLogin?: boolean) {
-        const coreUrl = this.settings.webUrl;
-        window.location.href =
-            coreUrl +
-            '?serviceId=' +
-            this.settings.serviceId +
-            '&' +
-            DomUtils.CultureField +
-            '=' +
-            this.culture +
-            (tryLogin ? '' : '&tryLogin=false');
+        const parameters = `?serviceId=${this.settings.serviceId}&${
+            DomUtils.CultureField
+        }=${this.culture}${tryLogin ? '' : '&tryLogin=false'}`;
+
+        if (BridgeUtils.host == null) {
+            const coreUrl = this.settings.webUrl;
+            window.location.href = coreUrl + parameters;
+        } else {
+            BridgeUtils.host.loadApp('core', parameters);
+        }
     }
 
     /**

package/src/app/Utils.ts

@@ -1,9 +1,14 @@
+import { createHistory, createMemorySource, History } from '@reach/router';
 import React from 'react';
 
 /**
  * React utils
  */
 export namespace Utils {
+    // Memory history
+    // https://github.com/reach/router/issues/225
+    let memoryHistory: History | null;
+
     /**
      * Format input value
      * @param value Input value
@@ -21,6 +26,17 @@ export namespace Utils {
         return String(value);
     }
 
+    /**
+     * Get memory history
+     * @returns History
+     */
+    export function getMemoryHistory() {
+        if (memoryHistory == null) {
+            memoryHistory = createHistory(createMemorySource('/'));
+        }
+        return memoryHistory;
+    }
+
     /**
      * Is safe click
      * @param event Mouse event