@stocksharp/trading-controls 1.1.1 → 1.3.0

package/dist/esm/log-monitor-widget.js

@@ -0,0 +1,265 @@
+// Log monitor — multi-instance.
+//
+// Two panes: the tree of everything that writes a log on the left, and on the right what the
+// selected source and everything under it has written. The desktop version copies each message
+// into every ancestor's list, so one line is held as many times as it has ancestors and its own
+// counter reports copies rather than messages. Here a message is held once and carries the id
+// of the source that wrote it; selecting a node filters by its subtree.
+//
+// A live log has no end, so this one has a cap. The desktop's grows for the lifetime of the
+// window - nothing trims it - which a browser tab cannot afford.
+import { makeElement, makeIconButton, makePanelId, makePanelRoot } from './dom.js';
+import { ControlTypes } from './control-types.js';
+import { makeGridMenu } from './grid-menu.js';
+import { assertHost } from './trading-host.js';
+import { LogLevels, buildLogTree, keepLog, subtreeOf, } from './log-tree.js';
+import { DataGrid } from '@stocksharp/grids/data-grid';
+const DEFAULT_MAX = 5000;
+/// The letter a level shows in the narrow column, and the class that colours the row.
+///
+/// Info gets a letter here. The desktop leaves its cell blank - there is simply no trigger for
+/// it among the four that exist - so the commonest level is the one with no marking at all,
+/// which is an omission rather than a decision.
+const LEVEL_LETTER = {
+    [LogLevels.Error]: 'E',
+    [LogLevels.Warning]: 'W',
+    [LogLevels.Info]: 'I',
+    [LogLevels.Debug]: 'D',
+    [LogLevels.Verbose]: 'V',
+};
+const ALL_LEVELS = [LogLevels.Error, LogLevels.Warning, LogLevels.Info, LogLevels.Debug, LogLevels.Verbose];
+export class LogMonitorWidget {
+    static create(hostEl, state, deps) {
+        const host = assertHost(deps?.host, 'LogMonitorWidget');
+        const root = LogMonitorWidget._buildRoot(host);
+        root.id = makePanelId(LogMonitorWidget.TYPE);
+        hostEl.appendChild(root);
+        return new LogMonitorWidget(root, state || {}, deps);
+    }
+    // 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) {
+        const title = host.t('LogMonitor');
+        return makePanelRoot('log-monitor-panel', title, [
+            makeElement('div', 'panel-header', {}, [
+                makeElement('span', '', {}, [title]),
+                makeIconButton('bt-icon-btn bt-icon-cancel panel-close-btn', host.t('ClosePanel'), 'bi-x', { type: 'button' }),
+            ]),
+            makeElement('div', 'panel-body log-monitor-body', {}, [
+                makeElement('div', 'log-sources', { role: 'tree', 'aria-label': host.t('LogSources') }, []),
+                makeElement('div', 'log-messages', {}, [
+                    makeElement('div', 'log-toolbar', { role: 'toolbar', 'aria-label': host.t('LogMonitorActions') }, [
+                        ...ALL_LEVELS.map(level => makeElement('button', `log-level-toggle log-level-${level} is-on`, {
+                            type: 'button',
+                            'data-level': level,
+                            'aria-pressed': 'true',
+                            title: levelTitle(host, level),
+                        }, [LEVEL_LETTER[level]])),
+                        makeElement('input', 'form-control form-control-sm log-filter', {
+                            type: 'search',
+                            placeholder: host.t('Filter'),
+                            'aria-label': host.t('Filter'),
+                        }, []),
+                        makeIconButton('bt-icon-btn log-clear-btn', host.t('ClearItems'), 'bi-eraser', {}),
+                        makeIconButton('bt-icon-btn panel-export-btn', host.t('ExportToExcel'), 'bi-file-earmark-spreadsheet', {}),
+                    ]),
+                    // The table sits in a box of its own rather than being a flex child: a table
+                    // told to fill a column stretches its rows to do it, so a log holding one
+                    // line drew that line a panel tall - and with the toolbar and the table as
+                    // the only two children there was nowhere for a long log to scroll.
+                    makeElement('div', 'log-table-scroll', {}, [
+                        makeElement('table', 'terminal-table log-table', { role: 'table', 'aria-label': host.t('LogMessages') }, [
+                            makeElement('thead', '', {}, []),
+                            makeElement('tbody', 'log-body', {}, []),
+                        ]),
+                    ]),
+                ]),
+            ]),
+        ]);
+    }
+    constructor(rootEl, _state, deps) {
+        this._host = assertHost(deps?.host, 'LogMonitorWidget');
+        this._max = deps?.maxMessages && deps.maxMessages > 0 ? deps.maxMessages : DEFAULT_MAX;
+        this.rootEl = rootEl;
+        this.el = this.rootEl.querySelector('.log-body');
+        this._treeEl = this.rootEl.querySelector('.log-sources');
+        this._filterEl = this.rootEl.querySelector('.log-filter');
+        this._closeBtn = this.rootEl.querySelector('.panel-close-btn');
+        this._clearBtn = this.rootEl.querySelector('.log-clear-btn');
+        this._exportBtn = this.rootEl.querySelector('.panel-export-btn');
+        this._sources = [];
+        this._messages = [];
+        this._levels = new Set(ALL_LEVELS);
+        this._text = '';
+        this._selected = null;
+        this._closeBtn?.addEventListener('click', (e) => { e.preventDefault(); this._host.close(); });
+        this._clearBtn?.addEventListener('click', (e) => { e.preventDefault(); this.clear(); });
+        this._exportBtn?.addEventListener('click', (e) => { e.preventDefault(); this._export(); });
+        for (const toggle of Array.from(this.rootEl.querySelectorAll('.log-level-toggle'))) {
+            toggle.addEventListener('click', (e) => {
+                e.preventDefault();
+                const level = toggle.getAttribute('data-level') ?? '';
+                if (this._levels.has(level))
+                    this._levels.delete(level);
+                else
+                    this._levels.add(level);
+                toggle.classList.toggle('is-on', this._levels.has(level));
+                toggle.setAttribute('aria-pressed', this._levels.has(level) ? 'true' : 'false');
+                this._render();
+            });
+        }
+        this._filterEl?.addEventListener('input', () => {
+            this._text = this._filterEl?.value ?? '';
+            this._render();
+        });
+        const head = this.rootEl.querySelector('.log-table thead');
+        this._grid = head && this.el
+            ? new DataGrid({
+                head: head,
+                body: this.el,
+                columns: this._columns(),
+                // The order it happened in. A log read out of order is not a log.
+                defaultSort: { col: 'time', dir: 'asc' },
+                rowKey: (m) => String(m.id),
+                emptyText: this._host.t('NoLogMessages'),
+                rowClass: (m) => `log-row log-row-${m.level}`,
+                contextMenu: makeGridMenu(this._host),
+                selection: 'multi',
+            })
+            : null;
+        this._host.register(this);
+    }
+    dispose() {
+        this._grid?.destroy();
+        this._host.unregister(this);
+        try {
+            this.rootEl.remove();
+        }
+        catch { /* already detached */ }
+    }
+    /// The sources that exist. Sent whole: a source that has gone is gone from the tree, and
+    /// the selection falls back to everything rather than to a node nobody can see.
+    setSources(sources) {
+        this._sources = sources || [];
+        if (this._selected !== null && !this._sources.some(s => s.id === this._selected))
+            this._selected = null;
+        this._renderTree();
+        this._render();
+    }
+    /// Add what has just been written. The oldest fall off the front once the cap is reached.
+    append(messages) {
+        if (!messages || messages.length === 0)
+            return;
+        this._messages.push(...messages);
+        if (this._messages.length > this._max)
+            this._messages.splice(0, this._messages.length - this._max);
+        this._render();
+    }
+    /// Forget every message. The sources stay: they still exist, they have just gone quiet.
+    clear() {
+        this._messages = [];
+        this._render();
+    }
+    /// Show one source's subtree, or everything when given null.
+    select(sourceId) {
+        this._selected = sourceId;
+        this._renderTree();
+        this._render();
+    }
+    /// What is on screen, after every filter.
+    visible() {
+        const sources = subtreeOf(this._sources, this._selected);
+        return this._messages.filter(m => keepLog(m, { levels: this._levels, text: this._text, sources }));
+    }
+    _render() {
+        this._grid?.setRows(this.visible());
+    }
+    _renderTree() {
+        const tree = this._treeEl;
+        if (tree === null)
+            return;
+        tree.innerHTML = '';
+        tree.appendChild(this._treeRow({ id: '', name: this._host.t('AllSources'), depth: 0, children: [] }, null));
+        for (const root of buildLogTree(this._sources))
+            this._appendNode(tree, root);
+    }
+    _appendNode(into, node) {
+        into.appendChild(this._treeRow(node, node.id));
+        for (const child of node.children)
+            this._appendNode(into, child);
+    }
+    // Flat rows with an indent rather than nested lists: the tree is read, not restructured,
+    // and one list is what a keyboard walks through in the order the eye does.
+    _treeRow(node, id) {
+        const selected = this._selected === id;
+        const row = makeElement('button', `log-source${selected ? ' is-selected' : ''}`, {
+            type: 'button',
+            role: 'treeitem',
+            'aria-selected': selected ? 'true' : 'false',
+            'aria-level': String(node.depth + 1),
+            style: `padding-left: ${0.5 + node.depth * 0.85}rem`,
+        }, [node.name]);
+        row.addEventListener('click', (e) => { e.preventDefault(); this.select(id); });
+        return row;
+    }
+    _export() {
+        this._grid?.download('log', this._host.t('LogMonitor'));
+    }
+    _columns() {
+        const label = (key) => this._host.t(key);
+        return [
+            {
+                key: 'source',
+                header: label('Source'),
+                exportable: true,
+                value: (m) => m.source ?? this._sourceName(m.sourceId),
+            },
+            {
+                key: 'time',
+                header: label('Time'),
+                exportable: true,
+                value: (m) => m.time,
+                render: (m) => this._host.presentation.timeText(m.time),
+                exportValue: (m) => this._host.presentation.timeText(m.time),
+            },
+            {
+                key: 'level',
+                header: label('Type'),
+                headerClass: 'log-level-col',
+                exportable: true,
+                cellClass: (m) => `log-level-cell log-level-${m.level}`,
+                value: (m) => m.level,
+                render: (m) => LEVEL_LETTER[m.level] ?? String(m.level ?? '').slice(0, 1).toUpperCase(),
+                // The sheet carries the level's name, not the letter the column has room for.
+                exportValue: (m) => m.level,
+            },
+            {
+                key: 'message',
+                header: label('Message'),
+                exportable: true,
+                cellClass: () => 'log-message-cell',
+                value: (m) => m.message,
+            },
+        ];
+    }
+    _sourceName(id) {
+        return this._sources.find(s => s.id === id)?.name ?? id;
+    }
+}
+LogMonitorWidget.TYPE = ControlTypes.LogMonitor;
+/// What a level's toggle is called.
+///
+/// Literal keys at the point they are asked for - see the note on the same shape in
+/// strategies-widget: a key built from a value is invisible to the scan that generates
+/// `translation-keys.json`, and reaches the user untranslated.
+function levelTitle(host, level) {
+    switch (level) {
+        case LogLevels.Error: return host.t('Errors');
+        case LogLevels.Warning: return host.t('Warnings');
+        case LogLevels.Info: return host.t('Messages');
+        case LogLevels.Debug: return host.t('Debug');
+        default: return host.t('Verbose');
+    }
+}
+//# sourceMappingURL=log-monitor-widget.js.map

package/dist/esm/log-monitor-widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"log-monitor-widget.js","sourceRoot":"","sources":["../../src/log-monitor-widget.ts"],"names":[],"mappings":"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"}

package/dist/esm/log-tree.js

@@ -0,0 +1,96 @@
+// The log monitor's shape, as pure functions: how sources nest, and which messages a view of
+// them keeps.
+//
+// A log source announces its parent, not its children, and it can announce itself before its
+// parent has said anything — so the tree is assembled from whatever has arrived rather than
+// walked from a root that may not exist yet. Keeping that here is what makes it checkable: a
+// cycle, an orphan and an unnamed source are all things a live feed produces, and none of them
+// should be discovered as a hung page.
+/// The levels a log message carries. The names are the wire's; the letter is what a narrow
+/// column shows.
+export const LogLevels = {
+    Error: 'error',
+    Warning: 'warning',
+    Info: 'info',
+    Debug: 'debug',
+    Verbose: 'verbose',
+};
+/// Assemble the sources into a forest, roots first, each node carrying its depth.
+///
+/// A source whose parent is not among these is a root: it is the only honest place for it, and
+/// dropping it would silently lose a whole strategy's log because its connector had not spoken
+/// yet. A cycle is broken the same way, by rooting the first node of it — a wrong tree beats a
+/// walk that never ends.
+export function buildLogTree(sources) {
+    const byId = new Map();
+    for (const s of sources)
+        byId.set(s.id, { ...s, name: s.name && s.name.length > 0 ? s.name : '—', depth: 0, children: [] });
+    const roots = [];
+    for (const node of byId.values()) {
+        const parent = node.parentId != null ? byId.get(node.parentId) : undefined;
+        if (parent !== undefined && parent !== node && !descends(byId, parent, node.id))
+            parent.children.push(node);
+        else
+            roots.push(node);
+    }
+    const setDepth = (node, depth) => {
+        node.depth = depth;
+        for (const child of node.children)
+            setDepth(child, depth + 1);
+    };
+    for (const root of roots)
+        setDepth(root, 0);
+    return roots;
+}
+/// Whether `node` already sits under `id`, which is how a cycle is spotted before it is made.
+function descends(byId, node, id) {
+    const seen = new Set();
+    let at = node;
+    while (at !== undefined && !seen.has(at.id)) {
+        if (at.id === id)
+            return true;
+        seen.add(at.id);
+        at = at.parentId != null ? byId.get(at.parentId) : undefined;
+    }
+    return false;
+}
+/// The ids a selected node covers: itself and everything under it, or null for no selection.
+///
+/// Null rather than every id, because "everything" and "this node, which happens to be the
+/// root" are different questions and only one of them narrows when a new source appears.
+export function subtreeOf(sources, selectedId) {
+    if (selectedId === null)
+        return null;
+    const children = new Map();
+    for (const s of sources) {
+        if (s.parentId == null)
+            continue;
+        const siblings = children.get(s.parentId);
+        if (siblings === undefined)
+            children.set(s.parentId, [s.id]);
+        else
+            siblings.push(s.id);
+    }
+    const out = new Set();
+    const walk = (id) => {
+        if (out.has(id))
+            return;
+        out.add(id);
+        for (const child of children.get(id) ?? [])
+            walk(child);
+    };
+    walk(selectedId);
+    return out;
+}
+/// Whether this message belongs in that view. Every filter applies at once.
+export function keepLog(message, view) {
+    if (!view.levels.has(message.level))
+        return false;
+    if (view.sources !== null && !view.sources.has(message.sourceId))
+        return false;
+    const text = view.text.trim();
+    if (text.length === 0)
+        return true;
+    return (message.message ?? '').toLowerCase().includes(text.toLowerCase());
+}
+//# sourceMappingURL=log-tree.js.map

package/dist/esm/log-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"log-tree.js","sourceRoot":"","sources":["../../src/log-tree.ts"],"names":[],"mappings":"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"}