@stocksharp/trading-controls 1.4.0 → 1.5.0

package/dist/types/log-monitor-widget.d.ts

@@ -4,6 +4,8 @@ import { DataGrid, GridColumn } from '@stocksharp/grids/data-grid';
 export interface LogMonitorDeps {
     host: TradingHost;
     maxMessages?: number;
+    chrome?: boolean;
+    sources?: boolean;
 }
 export declare class LogMonitorWidget {
     static TYPE: "logMonitor";
@@ -23,12 +25,14 @@ export declare class LogMonitorWidget {
     _selected: string | null;
     _grid: DataGrid<LogMessageRow> | null;
     static create(hostEl: HTMLElement, state: Record<string, unknown>, deps: LogMonitorDeps): LogMonitorWidget;
-    static _buildRoot(host: TradingHost): HTMLElement;
+    static _buildRoot(host: TradingHost, chrome: boolean, sources: boolean): HTMLElement;
     constructor(rootEl: HTMLElement, _state: Record<string, unknown>, deps: LogMonitorDeps);
     dispose(): void;
     setSources(sources: LogSourceNode[]): void;
     append(messages: LogMessageRow[]): void;
     clear(): void;
+    sourcesShown(): boolean;
+    showSources(on: boolean): void;
     select(sourceId: string | null): void;
     visible(): LogMessageRow[];
     _render(): void;

package/dist/types/log-monitor-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"log-monitor-widget.d.ts","sourceRoot":"","sources":["../../src/log-monitor-widget.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,WAAW,EAAc,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAEY,KAAK,aAAa,EAAE,KAAK,aAAa,EAAE,KAAK,WAAW,EAC1E,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAG1E,MAAM,WAAW,cAAc;IAC3B,IAAI,EAAE,WAAW,CAAC;IAGlB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAmBD,qBAAa,gBAAgB;IACzB,MAAM,CAAC,IAAI,eAA2B;IAEtC,MAAM,EAAE,WAAW,CAAC;IACpB,EAAE,EAAE,WAAW,GAAG,IAAI,CAAC;IAEvB,KAAK,EAAE,WAAW,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,UAAU,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,SAAS,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACnC,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,OAAO,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC;IAEtC,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,cAAc,GAAG,gBAAgB;IAW1G,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,WAAW,GAAG,WAAW;gBAwCrC,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,cAAc;IA0DtF,OAAO,IAAI,IAAI;IAQf,UAAU,CAAC,OAAO,EAAE,aAAa,EAAE,GAAG,IAAI;IAQ1C,MAAM,CAAC,QAAQ,EAAE,aAAa,EAAE,GAAG,IAAI;IASvC,KAAK,IAAI,IAAI;IAMb,MAAM,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAOrC,OAAO,IAAI,aAAa,EAAE;IAK1B,OAAO,IAAI,IAAI;IAIf,WAAW,IAAI,IAAI;IASnB,WAAW,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,GAAG,IAAI;IAOvD,QAAQ,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,WAAW;IAc3D,OAAO,IAAI,IAAI;IAIf,QAAQ,IAAI,UAAU,CAAC,aAAa,CAAC,EAAE;IAsCvC,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM;CAGlC"}
+{"version":3,"file":"log-monitor-widget.d.ts","sourceRoot":"","sources":["../../src/log-monitor-widget.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,WAAW,EAAc,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAEY,KAAK,aAAa,EAAE,KAAK,aAAa,EAAE,KAAK,WAAW,EAC1E,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAG1E,MAAM,WAAW,cAAc;IAC3B,IAAI,EAAE,WAAW,CAAC;IAGlB,WAAW,CAAC,EAAE,MAAM,CAAC;IAIrB,MAAM,CAAC,EAAE,OAAO,CAAC;IAKjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAmBD,qBAAa,gBAAgB;IACzB,MAAM,CAAC,IAAI,eAA2B;IAEtC,MAAM,EAAE,WAAW,CAAC;IACpB,EAAE,EAAE,WAAW,GAAG,IAAI,CAAC;IAEvB,KAAK,EAAE,WAAW,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,UAAU,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,SAAS,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACnC,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,OAAO,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC;IAEtC,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,cAAc,GAAG,gBAAgB;IAW1G,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAG,WAAW;gBA2CxE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,cAAc;IAmEtF,OAAO,IAAI,IAAI;IAQf,UAAU,CAAC,OAAO,EAAE,aAAa,EAAE,GAAG,IAAI;IAQ1C,MAAM,CAAC,QAAQ,EAAE,aAAa,EAAE,GAAG,IAAI;IASvC,KAAK,IAAI,IAAI;IAMb,YAAY,IAAI,OAAO;IAMvB,WAAW,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI;IAK9B,MAAM,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAOrC,OAAO,IAAI,aAAa,EAAE;IAK1B,OAAO,IAAI,IAAI;IAIf,WAAW,IAAI,IAAI;IASnB,WAAW,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,GAAG,IAAI;IAOvD,QAAQ,CAAC,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,WAAW;IAc3D,OAAO,IAAI,IAAI;IAIf,QAAQ,IAAI,UAAU,CAAC,aAAa,CAAC,EAAE;IAsCvC,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM;CAGlC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stocksharp/trading-controls",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "Browser trading controls for StockSharp: order blotters, positions, trade history, watchlist and trade feed, each built against one host port and rendering its own DOM.",
   "license": "SEE LICENSE IN LICENSE",
   "author": {

package/src/log-monitor-widget.ts

@@ -24,6 +24,15 @@ export interface LogMonitorDeps {
     /// How many messages to keep. Older ones fall off the front. Defaults to 5000 - enough to
     /// scroll back through a session, small enough that a chatty connector cannot fill a tab.
     maxMessages?: number;
+    /// Whether the panel draws its own title bar and close button. Defaults to true. A host that
+    /// already titles the panel and closes it from elsewhere - a dock tab, say - turns this off,
+    /// so the title is not said twice and no button offers a close that leads somewhere else.
+    chrome?: boolean;
+    /// Whether the source tree starts out shown. Defaults to true. A consumer whose log has one
+    /// writer has nothing to choose between, and the fixed-width column is space the messages
+    /// need. This is the initial state only — the reader can bring the tree back from the grid's
+    /// context menu, so a session that grows a second writer is not stuck without it.
+    sources?: boolean;
 }
 
 const DEFAULT_MAX = 5_000;
@@ -65,7 +74,7 @@ export class LogMonitorWidget {
 
     static create(hostEl: HTMLElement, state: Record<string, unknown>, deps: LogMonitorDeps): LogMonitorWidget {
         const host = assertHost(deps?.host, 'LogMonitorWidget');
-        const root = LogMonitorWidget._buildRoot(host);
+        const root = LogMonitorWidget._buildRoot(host, deps?.chrome !== false, deps?.sources !== false);
         root.id = makePanelId(LogMonitorWidget.TYPE);
         hostEl.appendChild(root);
         return new LogMonitorWidget(root, state || {}, deps);
@@ -74,13 +83,16 @@ export class LogMonitorWidget {
     // The panel's markup: a source tree, a toolbar of level toggles and a text box, and the
     // message table. The level toggles are buttons rather than checkboxes because they are read
     // as a row of states, and each carries its letter so the toolbar and the column agree.
-    static _buildRoot(host: TradingHost): HTMLElement {
+    static _buildRoot(host: TradingHost, chrome: boolean, sources: boolean): HTMLElement {
         const title = host.t('LogMonitor');
-        return makePanelRoot('log-monitor-panel', title, [
-            makeElement('div', 'panel-header', {}, [
+        const header = chrome
+            ? [makeElement('div', 'panel-header', {}, [
                 makeElement('span', '', {}, [title]),
                 makeIconButton('bt-icon-btn bt-icon-cancel panel-close-btn', host.t('ClosePanel'), 'bi-x', { type: 'button' }),
-            ]),
+            ])]
+            : [];
+        return makePanelRoot(`log-monitor-panel${sources ? '' : ' log-sources-off'}`, title, [
+            ...header,
             makeElement('div', 'panel-body log-monitor-body', {}, [
                 makeElement('div', 'log-sources', { role: 'tree', 'aria-label': host.t('LogSources') }, []),
                 makeElement('div', 'log-messages', {}, [
@@ -164,7 +176,16 @@ export class LogMonitorWidget {
                 rowKey: (m) => String(m.id),
                 emptyText: this._host.t('NoLogMessages'),
                 rowClass: (m) => `log-row log-row-${m.level}`,
-                contextMenu: makeGridMenu(this._host),
+                contextMenu: {
+                    ...makeGridMenu<LogMessageRow>(this._host),
+                    // The tree is worth its width when several things write to the log and worth
+                    // nothing when one does, and which of those is true changes with the session.
+                    // So it is a choice the reader makes here, next to the other column choices.
+                    items: (_context, defaults) => [
+                        ...defaults,
+                        { label: this._host.t('LogSources'), checked: this.sourcesShown(), run: () => this.showSources(!this.sourcesShown()) },
+                    ],
+                },
                 selection: 'multi',
             })
             : null;
@@ -202,6 +223,17 @@ export class LogMonitorWidget {
         this._render();
     }
 
+    /// Whether the source tree is currently drawn.
+    sourcesShown(): boolean {
+        return !this.rootEl.classList.contains('log-sources-off');
+    }
+
+    /// Show or hide the source tree. Hiding it does not drop the filter that is set: the
+    /// messages stay filtered by whatever was selected, which is what the reader last asked for.
+    showSources(on: boolean): void {
+        this.rootEl.classList.toggle('log-sources-off', !on);
+    }
+
     /// Show one source's subtree, or everything when given null.
     select(sourceId: string | null): void {
         this._selected = sourceId;

package/styles/trading-controls.css

@@ -1398,6 +1398,12 @@
     overflow: hidden;
 }
 
+/* The tree is hidden rather than dropped, so the menu can bring it back without the panel
+   being rebuilt and the selection it holds surviving the round trip. */
+.log-monitor-panel.log-sources-off .log-sources {
+    display: none;
+}
+
 .log-sources {
     flex: 0 0 14rem;
     min-height: 0;