@xh/hoist 79.0.0-SNAPSHOT.1767028297274 → 79.0.0-SNAPSHOT.1767040663589

package/CHANGELOG.md

@@ -54,6 +54,11 @@
     * `RelativeTimestampProps.options` - provide directly as top-level props
 
 * Improved the efficiency and logging of MsalClient.
+* Improved protections against running stale versions of client app code.
+
+* Grid performance optimizations introduced on an experimental basis.  See
+`GridExperimentalFlags.deltaSort` and `GridExperimentalFlags.disableScrollOptimization`
+
 
 ### 📚 Libraries
 * react-grid-layout `1.5.0 → 2.1.1`

package/appcontainer/AppContainerModel.ts

@@ -40,7 +40,7 @@ import {
     TrackService,
     WebSocketService
 } from '@xh/hoist/svc';
-import {checkMinVersion, createSingleton, throwIf} from '@xh/hoist/utils/js';
+import {createSingleton, throwIf} from '@xh/hoist/utils/js';
 import {compact, isEmpty} from 'lodash';
 import {AboutDialogModel} from './AboutDialogModel';
 import {BannerSourceModel} from './BannerSourceModel';
@@ -60,7 +60,6 @@ import {AppStateModel} from './AppStateModel';
 import {PageStateModel} from './PageStateModel';
 import {RouterModel} from './RouterModel';
 import {installServicesAsync} from '../core/impl/InstallServices';
-import {MIN_HOIST_CORE_VERSION} from '../core/XH';
 
 /**
  * Root object for Framework GUI State.
@@ -237,13 +236,6 @@ export class AppContainerModel extends HoistModel {
             await installServicesAsync(TrackService);
             await installServicesAsync([EnvironmentService, PrefService, JsonBlobService]);
 
-            // Confirm hoist-core version after environment service loaded.
-            const hcVersion = XH.getEnv('hoistCoreVersion');
-            throwIf(
-                !checkMinVersion(hcVersion, MIN_HOIST_CORE_VERSION),
-                `This version of Hoist React requires the server to run Hoist Core ≥ v${MIN_HOIST_CORE_VERSION}. Version ${hcVersion} detected.`
-            );
-
             await installServicesAsync([
                 AlertBannerService,
                 AutoRefreshService,

package/build/types/svc/EnvironmentService.d.ts

@@ -28,8 +28,6 @@ export declare class EnvironmentService extends HoistService {
     get appEnvironment(): AppEnvironment;
     isProduction(): boolean;
     isTest(): boolean;
-    isMinHoistCoreVersion(version: string): boolean;
-    isMaxHoistCoreVersion(version: string): boolean;
     /**
      * Update critical environment information from server, including current app version + build,
      * upgrade prompt mode, and alert banner.
@@ -38,6 +36,7 @@ export declare class EnvironmentService extends HoistService {
      */
     pollServerAsync(): Promise<void>;
     constructor();
+    private ensureVersionRunnable;
     private startPolling;
     private setServerInfo;
     private get pollIntervalMs();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xh/hoist",
-  "version": "79.0.0-SNAPSHOT.1767028297274",
+  "version": "79.0.0-SNAPSHOT.1767040663589",
   "description": "Hoist add-on for building and deploying React Applications.",
   "repository": "github:xh/hoist-react",
   "homepage": "https://xh.io",

package/svc/EnvironmentService.ts

@@ -11,10 +11,11 @@ import {action, makeObservable, observable} from '@xh/hoist/mobx';
 import hoistPkg from '@xh/hoist/package.json';
 import {Timer} from '@xh/hoist/utils/async';
 import {MINUTES, SECONDS} from '@xh/hoist/utils/datetime';
-import {checkMaxVersion, checkMinVersion, deepFreeze} from '@xh/hoist/utils/js';
+import {checkMinVersion, deepFreeze, throwIf} from '@xh/hoist/utils/js';
 import {defaults, isFinite} from 'lodash';
 import mobxPkg from 'mobx/package.json';
 import {version as reactVersion} from 'react';
+import {MIN_HOIST_CORE_VERSION} from '../core/XH';
 
 /**
  * Load and report on the client and server environment, including software versions, timezones, and
@@ -78,6 +79,8 @@ export class EnvironmentService extends HoistService {
 
         this.setServerInfo(instanceName, serverEnv.appVersion, serverEnv.appBuild);
 
+        this.ensureVersionRunnable();
+
         this.pollConfig = pollConfig;
         this.addReaction({
             when: () => XH.appIsRunning,
@@ -104,14 +107,6 @@ export class EnvironmentService extends HoistService {
         return this.appEnvironment === 'Test';
     }
 
-    isMinHoistCoreVersion(version: string): boolean {
-        return checkMinVersion(this.get('hoistCoreVersion'), version);
-    }
-
-    isMaxHoistCoreVersion(version: string): boolean {
-        return checkMaxVersion(this.get('hoistCoreVersion'), version);
-    }
-
     /**
      * Update critical environment information from server, including current app version + build,
      * upgrade prompt mode, and alert banner.
@@ -165,6 +160,31 @@ export class EnvironmentService extends HoistService {
         makeObservable(this);
     }
 
+    private ensureVersionRunnable() {
+        const hcVersion = this.get('hoistCoreVersion'),
+            clientVersion = this.get('appVersion'),
+            serverVersion = this.serverVersion;
+
+        // Check for client/server mismatch version.  It's an ok transitory state *during* the
+        // client app lifetime, but app should *never* start this way, would indicate caching issue.
+        throwIf(
+            clientVersion != serverVersion,
+            XH.exception(
+                `The version of this client (${clientVersion}) is out of sync with the
+                available server (${serverVersion}). Please reload to continue.`
+            )
+        );
+
+        // Confirm hoist-core/react version mismatch (developer issue)
+        throwIf(
+            !checkMinVersion(hcVersion, MIN_HOIST_CORE_VERSION),
+            XH.exception(
+                `This version of Hoist React requires the server to run
+                Hoist Core ≥ v${MIN_HOIST_CORE_VERSION}. Version ${hcVersion} detected.`
+            )
+        );
+    }
+
     private startPolling() {
         this.pollTimer = Timer.create({
             runFn: () => this.pollServerAsync(),