@xh/hoist 70.0.0-SNAPSHOT.1729789044498 → 70.0.0-SNAPSHOT.1731001551514

package/CHANGELOG.md

@@ -5,10 +5,15 @@
 ### ⚙️ Technical
 
 * Deprecated `FileChooserModel.removeAllFiles()`, replaced with `clear()` for brevity/consistency.
+* Improved timeout error message thrown by `FetchService` to format the timeout interval in seconds
+  where possible.
 
 ### 📚 Libraries
 
+* @azure/msal-browser `3.23 → 3.27`
 * @fortawesome/fontawesome-pro `6.2 → 6.6`
+* qs `6.12 → 6.13`
+* store2 `2.13 → 2.14`
 
 ## 69.0.0 - 2024-10-17
 

package/build/types/core/exception/Exception.d.ts

@@ -18,9 +18,7 @@ export declare class Exception {
      *      Other inputs will be treated as the `message` of a new HoistException.
      */
     static create(src: unknown): HoistException;
-    /**
-     * Create an Error for when an operation (e.g. a Promise) times out.
-     */
+    /** Create an Error for when an operation (e.g. a Promise) times out. */
     static timeout(config: TimeoutExceptionConfig): TimeoutException;
     /**
      * Create an Error to throw when a fetch call returns a !ok response.

package/build/types/desktop/cmp/appOption/AutoRefreshAppOption.d.ts

@@ -83,6 +83,7 @@ export declare const autoRefreshAppOption: ({ formFieldProps, inputProps }?: Aut
         suppressContentEditableWarning?: boolean;
         suppressHydrationWarning?: boolean;
         accessKey?: string;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {});
         autoFocus?: boolean;
         contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only";
         dir?: string;
@@ -106,7 +107,6 @@ export declare const autoRefreshAppOption: ({ formFieldProps, inputProps }?: Aut
         rev?: string;
         typeof?: string;
         vocab?: string;
-        autoCapitalize?: string;
         autoCorrect?: string;
         autoSave?: string;
         color?: string;
@@ -117,12 +117,12 @@ export declare const autoRefreshAppOption: ({ formFieldProps, inputProps }?: Aut
         itemRef?: string;
         results?: number;
         security?: string;
-        unselectable?: "on" | "off";
+        unselectable?: "off" | "on";
         inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
         is?: string;
         "aria-activedescendant"?: string;
         "aria-atomic"?: boolean | "true" | "false";
-        "aria-autocomplete"?: "list" | "none" | "inline" | "both";
+        "aria-autocomplete"?: "none" | "list" | "inline" | "both";
         "aria-braillelabel"?: string;
         "aria-brailleroledescription"?: string;
         "aria-busy"?: boolean | "true" | "false";

package/build/types/desktop/cmp/appOption/ThemeAppOption.d.ts

@@ -81,6 +81,7 @@ export declare const themeAppOption: ({ formFieldProps, inputProps }?: ThemeAppO
         suppressContentEditableWarning?: boolean;
         suppressHydrationWarning?: boolean;
         accessKey?: string;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | (string & {});
         autoFocus?: boolean;
         contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only";
         dir?: string;
@@ -104,7 +105,6 @@ export declare const themeAppOption: ({ formFieldProps, inputProps }?: ThemeAppO
         rev?: string;
         typeof?: string;
         vocab?: string;
-        autoCapitalize?: string;
         autoCorrect?: string;
         autoSave?: string;
         color?: string;
@@ -115,12 +115,12 @@ export declare const themeAppOption: ({ formFieldProps, inputProps }?: ThemeAppO
         itemRef?: string;
         results?: number;
         security?: string;
-        unselectable?: "on" | "off";
+        unselectable?: "off" | "on";
         inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
         is?: string;
         "aria-activedescendant"?: string;
         "aria-atomic"?: boolean | "true" | "false";
-        "aria-autocomplete"?: "list" | "none" | "inline" | "both";
+        "aria-autocomplete"?: "none" | "list" | "inline" | "both";
         "aria-braillelabel"?: string;
         "aria-brailleroledescription"?: string;
         "aria-busy"?: boolean | "true" | "false";

package/core/exception/Exception.ts

@@ -4,10 +4,10 @@
  *
  * Copyright © 2024 Extremely Heavy Industries Inc.
  */
+import {PlainObject, XH} from '@xh/hoist/core';
 import {FetchOptions} from '@xh/hoist/svc';
-import {PlainObject, XH} from '../';
+import {pluralize} from '@xh/hoist/utils/js';
 import {isPlainObject} from 'lodash';
-
 import {FetchException, HoistException, TimeoutException, TimeoutExceptionConfig} from './Types';
 
 /**
@@ -39,15 +39,19 @@ export class Exception {
         });
     }
 
-    /**
-     * Create an Error for when an operation (e.g. a Promise) times out.
-     */
+    /** Create an Error for when an operation (e.g. a Promise) times out. */
     static timeout(config: TimeoutExceptionConfig): TimeoutException {
         const {interval, ...rest} = config,
-            displayInterval = interval % 1000 ? `${interval}ms` : `${interval / 1000}s`;
+            // Display timeout in seconds if an even multiple (or very close to it).
+            displayInterval =
+                interval % 1000 < 5
+                    ? pluralize('second', Math.round(interval / 1000), true)
+                    : `${interval}ms`;
+
         return this.createInternal({
             name: 'Timeout Exception',
-            message: `Operation timed out after ${displayInterval}`,
+            // Note FetchService.managedFetchAsync appends to this message - review if changing.
+            message: `Timed out after ${displayInterval}`,
             isTimeout: true,
             stack: null,
             interval,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xh/hoist",
-  "version": "70.0.0-SNAPSHOT.1729789044498",
+  "version": "70.0.0-SNAPSHOT.1731001551514",
   "description": "Hoist add-on for building and deploying React Applications.",
   "repository": "github:xh/hoist-react",
   "homepage": "https://xh.io",
@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "@auth0/auth0-spa-js": "~2.1.3",
-    "@azure/msal-browser": "~3.23.0",
+    "@azure/msal-browser": "~3.27.0",
     "@blueprintjs/core": "^5.10.5",
     "@blueprintjs/datetime": "^5.3.7",
     "@blueprintjs/datetime2": "^2.3.7",
@@ -65,7 +65,7 @@
     "moment": "~2.30.1",
     "numbro": "~2.5.0",
     "onsenui": "~2.12.8",
-    "qs": "~6.12.1",
+    "qs": "~6.13.0",
     "react-beautiful-dnd": "~13.1.0",
     "react-dates": "~21.8.0",
     "react-dropzone": "~10.2.2",
@@ -84,7 +84,7 @@
     "router5-plugin-browser": "~7.0.2",
     "semver": "~7.6.0",
     "short-unique-id": "~5.2.0",
-    "store2": "~2.13.1",
+    "store2": "~2.14.3",
     "ua-parser-js": "~1.0.2"
   },
   "peerDependencies": {

package/svc/FetchService.ts

@@ -314,7 +314,8 @@ export class FetchService extends HoistService {
                 const msg =
                     isObject(timeout) && 'message' in timeout
                         ? timeout.message
-                        : `Timed out loading '${opts.url}' - no response after ${e.interval}ms.`;
+                        : // Exception.timeout() message already includes interval - add URL here.
+                          e.message + ` loading '${opts.url}'`;
                 throw Exception.fetchTimeout(opts, e, msg);
             }