@xh/hoist 73.0.0-SNAPSHOT.1747350426319 → 73.0.0-SNAPSHOT.1747359414796

package/CHANGELOG.md

@@ -4,48 +4,38 @@
 
 ### 💥 Breaking Changes (upgrade difficulty: 🟢 TRIVIAL - minor upgrade to Hoist Core)
 
-* Requires `hoist-core >= 30.1.0` with new APIs to support the consolidated Admin Console "Clients"
+* Requires `hoist-core >= 30.1` with new APIs to support the consolidated Admin Console "Clients"
   tab and new properties on `TrackLog`.
 * Apps with a custom `AppModel` for their admin app that extends `@xh/hoist/admin/AppModel` must
   ensure they call `super.initAsync()` within their override of that lifecycle method, if
   applicable. This did not previously have any effect, but is required now for the superclass to
   initialize a new `ViewManagerModel`.
-  * For clarity, [here is where Toolbox makes that call](https://github.com/xh/toolbox/blob/f15a8018ce36c2ae998b45724b48a16320b88e49/client-app/src/admin/AppModel.ts#L12).
-* Requires call to `makeObservable(this)` in model constructors with `@bindable` (see below).
-  Note that there is a new runtime check on all instances of `HoistBase` to warn if this call has not
-  been made.
-* Requires @xh/hoist-dev-utils >= 11.0
-* Apps must also rename their `.eslintrc` file to `eslint.config.js` and use the configuration
-  found in Toolbox's `eslint.config.js` as the new base example `eslint` configuration.
+    * [Here is where Toolbox makes that call](https://github.com/xh/toolbox/blob/f15a8018ce36c2ae998b45724b48a16320b88e49/client-app/src/admin/AppModel.ts#L12).
+* Requires call to `makeObservable(this)` in model constructors with `@bindable`. Note that there
+  is a new dev-only runtime check on `HoistBase` to warn if this call has not been made.
 
 ### 🎁 New Features
 
-* Added a new Admin Console "Clients" tab - a consolidated view of all websocket-connected clients
-  across all instances in the cluster.
-* Significantly upgraded the Admin Console "User Activity" tab with:
-    * Persisted custom views via `ViewManager`.
-    * New ability to promote data in `data` block to grids for aggregation, reporting and charting.
-    * Enhanced track messages with new `tabId` and `loadId` properties, to disambiguate activity for
-      users with multiple browser tabs and multiple full refreshes/restarts of a client app within
-      the same tab.
-    * Improved charting, with a column chart used for both timeseries and category data and fixes to
-      the "skip weekends" option.
-    * Client Error reports and user feedback have also been consolidated into the new tracking
-      system for more integrated and powerful reporting.
+* Updated and improved Grid column based filtering to better match the behavior of Excel.
+    * `GridFilterModel.commitOnChage` now `false` by default
+    * Added ability to append terms to active filter *only* when `commitOnChage:false`
 * Added new `PopoverFilterChooser` component - wraps `FilterChooser` in a `Popover` to allow it to
   expand vertically when used in a `Toolbar` or other space-constrained, single-line layout.
+ * Enhanced OAuth clients with a new `reloginEnabled` config. Set to true to allow the client to do a
+  potentially interactive popup login mid-session to re-establish auth if its refresh token has
+  expired or been invalidated. Strongly recommended for all OAuth usages.
+* Significantly upgraded the Admin Console "User Activity" tab:
+    * Consolidated client error reports and user feedback into Activity Tracking.
+    * Added support for custom views via `ViewManager`.
+    * New ability to promote data in `data` block to grids for aggregation, reporting and charting.
+    * Enhanced track messages with new `tabId` and `loadId` properties, to disambiguate activity for
+      users across multiple browser tabs + loads of the app.
+* Added a new Admin Console "Clients" tab - a consolidated view of all websocket-connected clients
+  across all instances in the cluster, with integrated activity detail viewer.
 * Updated `FormModel` to support `persistWith` for storing and recalling its values, including
-  developer options to persist all or a provided subset of fields.
-* `BaseOAuthClientConfig` now supports a new `reloginEnabled` property. Use this property to
-   allow the client to do a potentially interactive popup login during the session to re-establish
-   the login.  This is especially useful to allow recovery from expired or invalidated refresh
-   tokens.
-*  New utility method `XH.openWindow()` for ensuring that new windows/tabs are opened without
-   an unintended `opener` relationship with the original window.
-* Improvements to  Grid columns `HeaderFilter` component:
-    * `GridFilterModel` `commitOnChage` now set to `false` by default
-    * Addition of ability to append terms to active filter **only** when `commitOnChage:false`
-    * Grid column header filtering functionality now similar to Excel on Windows
+  developer options to persist only a subset of fields.
+* Added new `XH.openWindow()` util to ensure that new windows/tabs are opened without an unintended
+  `opener` relationship with the original window.
 
 ### 🐞 Bug Fixes
 
@@ -78,6 +68,18 @@
 * Corrected `StoreCountLabelProps` interface.
 * Corrected `textAlign` type across several `HoistInput` prop interfaces.
 
+### 📚 Libraries
+
+Note that all of the below are `devDependencies`, so they will not directly affect your application
+build. That said, we *strongly* recommend taking these same changes into your app if you can.
+
+* @xh/hoist-dev-utils `10.x → 11.x`
+* eslint `8.x → 9.x`
+  * Apps making this update must also rename their `.eslintrc` file to `eslint.config.js`. See the
+    configuration found in Toolbox's `eslint.config.js` as your new baseline.
+* eslint-config-prettier `9.x → 10.x`
+* typescript `5.1 → 5.8`
+
 ## v72.5.1 - 2025-04-15
 
 ### 🐞 Bug Fixes
@@ -126,7 +128,7 @@
 
 ### 📚 Libraries
 
-* @azure/msal-browser `3.28 → 4.8.0`
+* @azure/msal-browser `3.28 → 4.8`
 
 ## v72.2.0 - 2025-03-13
 

package/core/HoistAppModel.ts

@@ -66,21 +66,20 @@ export class HoistAppModel extends HoistModel {
      */
     getAboutDialogItems(): AboutDialogItem[] {
         const XH = window['XH'],
-            svc = XH.environmentService;
-
+            svc = XH.environmentService,
+            clientVersionBuild = `${svc.get('clientVersion')} (build ${svc.get('clientBuild')})`,
+            serverVersionBuild = `${svc.get('appVersion')} (build ${svc.get('appBuild')})`;
         return [
             {label: 'App', value: `${svc.get('appName')} (${svc.get('appCode')})`},
             {label: 'Current User', value: XH.identityService.username},
             {label: 'Environment', value: svc.get('appEnvironment')},
-            {label: 'Instance', value: svc.serverInstance},
-            {label: 'Server', value: `${svc.get('appVersion')} (build ${svc.get('appBuild')})`},
-            {
-                label: 'Client',
-                value: `${svc.get('clientVersion')} (build ${svc.get('clientBuild')})`
-            },
+            {label: 'Server', value: serverVersionBuild},
+            {label: 'Client', value: clientVersionBuild},
             {label: 'Hoist Core', value: svc.get('hoistCoreVersion')},
             {label: 'Hoist React', value: svc.get('hoistReactVersion')},
             {label: 'User Agent', value: window.navigator.userAgent},
+            {label: 'Tab/Load IDs', value: XH.tabId + ' / ' +  XH.loadId},
+            {label: 'Server', value: svc.serverInstance},
             {label: 'WebSockets', value: webSocketIndicator()}
         ];
     }

package/desktop/appcontainer/VersionBar.scss

@@ -42,7 +42,8 @@
     margin-left: var(--xh-pad-px);
   }
 
-  &__instance {
+  &__tabid {
+    margin-left: var(--xh-pad-px);
     cursor: pointer;
   }
 

package/desktop/appcontainer/VersionBar.ts

@@ -19,24 +19,20 @@ export const versionBar = hoistCmp.factory({
             envSvc = XH.environmentService,
             env = envSvc.get('appEnvironment'),
             version = envSvc.get('clientVersion'),
-            build = envSvc.get('clientBuild'),
-            instance = envSvc.serverInstance,
-            isAdminApp = window.location.pathname?.startsWith('/admin/'),
-            versionAndBuild =
-                !build || build === 'UNKNOWN' ? version : `${version} (build ${build})`;
+            isAdminApp = window.location.pathname?.startsWith('/admin/');
 
         return box({
             className: `xh-version-bar xh-version-bar--${env.toLowerCase()}`,
             items: [
-                [XH.appName, env, versionAndBuild].join(' • '),
+                [XH.appName, env, version].join(' • '),
                 span({
                     className: 'xh-version-bar__spacer',
                     items: '|'
                 }),
                 span({
-                    className: 'xh-version-bar__instance',
-                    title: 'Currently Connected Server Instance',
-                    items: [Icon.server(), instance]
+                    className: 'xh-version-bar__tabid',
+                    title: 'Tab ID',
+                    item: XH.tabId
                 }),
                 span({
                     className: 'xh-version-bar__spacer',

package/mobile/appcontainer/VersionBar.ts

@@ -20,7 +20,7 @@ export const versionBar = hoistCmp.factory({
         const svc = XH.environmentService,
             env = svc.get('appEnvironment'),
             version = svc.get('clientVersion'),
-            instance = svc.serverInstance;
+            tabId = XH.tabId
 
         return box({
             justifyContent: 'center',
@@ -28,7 +28,7 @@ export const versionBar = hoistCmp.factory({
             flex: 'none',
             className: `xh-version-bar xh-version-bar--${env.toLowerCase()}`,
             items: [
-                [env, version, instance].join(' • '),
+                [env, version, tabId].join(' • '),
                 button({
                     icon: Icon.info(),
                     minimal: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xh/hoist",
-  "version": "73.0.0-SNAPSHOT.1747350426319",
+  "version": "73.0.0-SNAPSHOT.1747359414796",
   "description": "Hoist add-on for building and deploying React Applications.",
   "repository": "github:xh/hoist-react",
   "homepage": "https://xh.io",
@@ -29,7 +29,7 @@
   },
   "dependencies": {
     "@auth0/auth0-spa-js": "~2.1.3",
-    "@azure/msal-browser": "~4.8.0",
+    "@azure/msal-browser": "~4.12.0",
     "@blueprintjs/core": "^5.10.5",
     "@blueprintjs/datetime": "^5.3.7",
     "@blueprintjs/datetime2": "^2.3.7",

package/svc/ClientHealthService.ts

@@ -141,11 +141,7 @@ export class ClientHealthService extends HoistService {
             message: 'Submitted health report',
             ...rest,
             ...opts,
-            data: {
-                loadId: XH.loadId,
-                tabId: XH.tabId,
-                ...this.getReport()
-            }
+            data: this.getReport()
         });
     }
 }