@xh/hoist 69.0.0-SNAPSHOT.1729088865150 → 69.0.0

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # Changelog
 
-## 69.0.0-SNAPSHOT - unreleased
+## 69.0.0 - 2024-10-17
 
 ### 💥 Breaking Changes (upgrade difficulty: 🟢 LOW - Hoist core update)
 
@@ -8,7 +8,6 @@
   new memory monitoring persistence.
 * Replaced `AppState.INITIALIZING` with finer-grained states (not expected to impact most apps).
 
-
 ### 🎁 New Features
 
 * Optimized activity tracking to batch its calls to the server, reducing network overhead.

package/admin/columns/Tracking.ts

@@ -238,7 +238,8 @@ function badgeRenderer(v) {
     return v
         ? badge({
               item: v,
-              className: 'xh-font-family-mono xh-title-tip',
+              className: 'xh-font-family-mono',
+              style: {cursor: 'copy'},
               title: 'Double-click to copy',
               onDoubleClick: () => {
                   copy(v);

package/admin/tabs/cluster/ClusterTab.ts

@@ -47,6 +47,7 @@ export const detailPanel = hoistCmp.factory<ClusterTabModel>({
         return panel({
             compactHeader: true,
             tbar: [
+                Icon.server(),
                 box({width: 150, item: model.formatInstance(instance)}),
                 hspacer(25),
                 tabSwitcher()

package/admin/tabs/cluster/ClusterTabModel.ts

@@ -7,8 +7,8 @@
 import {AppModel} from '@xh/hoist/admin/AppModel';
 import {timestampNoYear} from '@xh/hoist/admin/columns';
 import {connPoolMonitorPanel} from '@xh/hoist/admin/tabs/cluster/connpool/ConnPoolMonitorPanel';
+import {distributedObjectsPanel} from '@xh/hoist/admin/tabs/cluster/distobjects/DistributedObjectsPanel';
 import {serverEnvPanel} from '@xh/hoist/admin/tabs/cluster/environment/ServerEnvPanel';
-import {hzObjectPanel} from '@xh/hoist/admin/tabs/cluster/hzobject/HzObjectPanel';
 import {logViewer} from '@xh/hoist/admin/tabs/cluster/logs/LogViewer';
 import {usedHeapMb, usedPctMax} from '@xh/hoist/admin/tabs/cluster/memory/MemoryMonitorModel';
 import {memoryMonitorPanel} from '@xh/hoist/admin/tabs/cluster/memory/MemoryMonitorPanel';
@@ -180,7 +180,7 @@ export class ClusterTabModel extends HoistModel {
                     id: 'objects',
                     title: 'Distributed Objects',
                     icon: Icon.grip(),
-                    content: hzObjectPanel
+                    content: distributedObjectsPanel
                 },
                 {id: 'webSockets', title: 'WebSockets', icon: Icon.bolt(), content: webSocketPanel}
             ]

package/admin/tabs/cluster/connpool/ConnPoolMonitorPanel.ts

@@ -34,7 +34,7 @@ export const connPoolMonitorPanel = hoistCmp.factory({
                     panel({
                         modelConfig: {
                             side: 'bottom',
-                            defaultSize: 400
+                            defaultSize: '50%'
                         },
                         item: chart()
                     })

package/admin/tabs/cluster/{hzobject/HzObjectModel.ts → distobjects/DistributedObjectsModel.ts}

@@ -18,7 +18,7 @@ import {Icon} from '@xh/hoist/icon';
 import {bindable, makeObservable} from '@xh/hoist/mobx';
 import {first, isEmpty, last} from 'lodash';
 
-export class HzObjectModel extends BaseInstanceModel {
+export class DistributedObjectsModel extends BaseInstanceModel {
     @bindable groupBy: 'type' | 'owner' = 'owner';
 
     @managed detailPanelModel = new PanelModel({

package/admin/tabs/cluster/{hzobject/HzObjectPanel.ts → distobjects/DistributedObjectsPanel.ts}

@@ -14,16 +14,17 @@ import {panel} from '@xh/hoist/desktop/cmp/panel';
 import {toolbar} from '@xh/hoist/desktop/cmp/toolbar';
 import {recordActionBar} from '@xh/hoist/desktop/cmp/record';
 import {Icon} from '@xh/hoist/icon';
-import {HzObjectModel} from './HzObjectModel';
+import {DistributedObjectsModel} from './DistributedObjectsModel';
 
-export const hzObjectPanel = hoistCmp.factory({
-    model: creates(HzObjectModel),
+export const distributedObjectsPanel = hoistCmp.factory({
+    displayName: 'DistributedObjectsPanel',
+    model: creates(DistributedObjectsModel),
 
     render({model}) {
         return panel({
             item: hframe(
                 panel({
-                    item: grid({agOptions: {groupDefaultExpanded: 0}}),
+                    item: grid(),
                     bbar: bbar()
                 }),
                 detailsPanel()
@@ -35,7 +36,7 @@ export const hzObjectPanel = hoistCmp.factory({
 });
 
 const detailsPanel = hoistCmp.factory({
-    model: uses(HzObjectModel),
+    model: uses(DistributedObjectsModel),
     render({model}) {
         const record = model.gridModel.selectedRecord;
         return panel({
@@ -62,7 +63,7 @@ const detailsPanel = hoistCmp.factory({
     }
 });
 
-const bbar = hoistCmp.factory<HzObjectModel>({
+const bbar = hoistCmp.factory<DistributedObjectsModel>({
     render({model}) {
         return toolbar(
             recordActionBar({

package/admin/tabs/cluster/logs/LogViewer.ts

@@ -41,8 +41,9 @@ export const logViewer = hoistCmp.factory({
                     bbar: [
                         storeFilterField({flex: 1}),
                         select({
+                            leftIcon: Icon.server(),
                             bind: 'instanceOnly',
-                            width: 90,
+                            width: 110,
                             enableFilter: false,
                             hideDropdownIndicator: true,
                             hideSelectedOptionCheck: true,

package/admin/tabs/cluster/memory/MemoryMonitorPanel.ts

@@ -35,7 +35,7 @@ export const memoryMonitorPanel = hoistCmp.factory({
                 panel({
                     modelConfig: {
                         side: 'bottom',
-                        defaultSize: 400
+                        defaultSize: '50%'
                     },
                     item: chart()
                 })

package/build/types/admin/tabs/cluster/{hzobject/HzObjectModel.d.ts → distobjects/DistributedObjectsModel.d.ts}

@@ -3,7 +3,7 @@ import { GridModel } from '@xh/hoist/cmp/grid';
 import { LoadSpec } from '@xh/hoist/core';
 import { RecordActionSpec } from '@xh/hoist/data';
 import { PanelModel } from '@xh/hoist/desktop/cmp/panel';
-export declare class HzObjectModel extends BaseInstanceModel {
+export declare class DistributedObjectsModel extends BaseInstanceModel {
     groupBy: 'type' | 'owner';
     detailPanelModel: PanelModel;
     clearAction: RecordActionSpec;

package/build/types/admin/tabs/cluster/distobjects/DistributedObjectsPanel.d.ts

@@ -0,0 +1,2 @@
+import { DistributedObjectsModel } from './DistributedObjectsModel';
+export declare const distributedObjectsPanel: import("@xh/hoist/core").ElementFactory<import("@xh/hoist/core").DefaultHoistProps<DistributedObjectsModel>>;

package/package.json

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