@dxfeed/dxlink-console-market-data 0.0.0-stage → 0.10.0

package/build/chunk-2NKG3ZKV.mjs

@@ -0,0 +1,444 @@
+import {
+  DocLink,
+  ORDER_SOURCES_DOC_URL
+} from "./chunk-UHWTI765.mjs";
+
+// src/dom/plugin.tsx
+import { defineChannelPlugin } from "@dxfeed/dxlink-console-core";
+import ViewColumnIcon2 from "@mui/icons-material/ViewColumn";
+
+// src/dom/dom-channel.tsx
+import { DXLinkChannelState as DXLinkChannelState2 } from "@dxfeed/dxlink-api";
+import { useVM } from "@dxfeed/dxlink-console-core";
+import { ChannelWidget } from "@dxfeed/dxlink-console-core";
+import { useConnectionVM } from "@dxfeed/dxlink-console-core";
+import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
+import PlayArrowIcon from "@mui/icons-material/PlayArrow";
+import ViewColumnIcon from "@mui/icons-material/ViewColumn";
+import Accordion from "@mui/material/Accordion";
+import AccordionDetails from "@mui/material/AccordionDetails";
+import AccordionSummary from "@mui/material/AccordionSummary";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
+import Chip from "@mui/material/Chip";
+import Stack from "@mui/material/Stack";
+import Table from "@mui/material/Table";
+import TableBody from "@mui/material/TableBody";
+import TableCell from "@mui/material/TableCell";
+import TableHead from "@mui/material/TableHead";
+import TableRow from "@mui/material/TableRow";
+import TextField from "@mui/material/TextField";
+import Typography from "@mui/material/Typography";
+import { useEffect, useState } from "react";
+
+// src/dom/dom-view-model.ts
+import { DXLinkChannelState, DXLinkDepthOfMarket, DXLinkLogLevel } from "@dxfeed/dxlink-api";
+import { ChannelErrorTracker, initialChannelErrorState } from "@dxfeed/dxlink-console-core";
+import { createStore } from "zustand/vanilla";
+var FLUSH_INTERVAL_MS = 100;
+var DomViewModel = class {
+  constructor(client, params) {
+    this.store = createStore(() => ({
+      channelState: DXLinkChannelState.REQUESTED,
+      config: null,
+      snapshot: null,
+      ...initialChannelErrorState()
+    }));
+    this.channelErrors = new ChannelErrorTracker(this.store);
+    this.dom = null;
+    this.pendingSnapshot = null;
+    this.flushHandle = null;
+    this.start = () => {
+      if (this.dom !== null) return;
+      const dom = new DXLinkDepthOfMarket(
+        this.client,
+        {
+          symbol: this.params.symbol,
+          sources: this.params.sources
+        },
+        {
+          feed: this.params.feed,
+          space: this.params.space,
+          // A debug console wants the protocol traffic in the browser log.
+          logLevel: DXLinkLogLevel.DEBUG
+        }
+      );
+      dom.addSnapshotListener(this.handleSnapshot);
+      dom.addConfigChangeListener(this.handleConfig);
+      dom.addStateChangeListener(this.handleState);
+      this.channelErrors.attach(dom.getChannel());
+      this.dom = dom;
+      this.store.setState({ channelState: dom.getState(), config: dom.getConfig() });
+    };
+    this.stop = () => {
+      const dom = this.dom;
+      if (dom === null) return;
+      this.dom = null;
+      if (this.flushHandle !== null) {
+        clearTimeout(this.flushHandle);
+        this.flushHandle = null;
+      }
+      this.pendingSnapshot = null;
+      dom.removeSnapshotListener(this.handleSnapshot);
+      dom.removeConfigChangeListener(this.handleConfig);
+      dom.removeStateChangeListener(this.handleState);
+      this.channelErrors.detach(dom.getChannel());
+      dom.close();
+    };
+    this.configure = (accept) => {
+      this.dom?.configure(accept);
+    };
+    this.clearErrors = () => this.channelErrors.clear();
+    this.close = () => {
+      this.stop();
+    };
+    this.dispose = () => {
+      this.stop();
+    };
+    this.handleSnapshot = (time, bids, asks) => {
+      if (this.dom === null) return;
+      this.pendingSnapshot = { time, bids, asks };
+      if (this.flushHandle === null) {
+        this.flushHandle = setTimeout(this.flush, FLUSH_INTERVAL_MS);
+      }
+    };
+    this.flush = () => {
+      this.flushHandle = null;
+      if (this.dom === null || this.pendingSnapshot === null) return;
+      this.store.setState({ snapshot: this.pendingSnapshot });
+      this.pendingSnapshot = null;
+    };
+    this.handleConfig = (config) => {
+      this.store.setState({ config });
+    };
+    this.handleState = (state) => {
+      this.store.setState({ channelState: state });
+    };
+    this.client = client;
+    this.params = params;
+  }
+};
+
+// src/dom/dom-channel.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var parseList = (raw) => raw.split(/[\s,]+/).map((s) => s.trim()).filter(Boolean);
+var DomStatusChip = ({ state }) => {
+  if (state === DXLinkChannelState2.OPENED) {
+    return /* @__PURE__ */ jsx(Chip, { size: "small", color: "success", variant: "outlined", label: "streaming" });
+  }
+  if (state === DXLinkChannelState2.CLOSED) {
+    return /* @__PURE__ */ jsx(Chip, { size: "small", variant: "outlined", label: "closed" });
+  }
+  return /* @__PURE__ */ jsx(Chip, { size: "small", color: "warning", variant: "outlined", label: "opening" });
+};
+var num = (value) => Number.isFinite(value) ? value.toLocaleString(void 0, { maximumFractionDigits: 6 }) : "\u2014";
+var Ladder = ({ snapshot }) => {
+  const bids = [...snapshot.bids].sort((a, b) => b.price - a.price);
+  const asks = [...snapshot.asks].sort((a, b) => a.price - b.price);
+  const rows = Math.max(bids.length, asks.length);
+  if (rows === 0) {
+    return /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "Empty book." });
+  }
+  const cell = (order, side) => {
+    if (order === void 0) {
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(TableCell, {}),
+        /* @__PURE__ */ jsx(TableCell, {})
+      ] });
+    }
+    const size = /* @__PURE__ */ jsx(TableCell, { align: "right", sx: { fontVariantNumeric: "tabular-nums" }, children: num(order.size) });
+    const price = /* @__PURE__ */ jsx(
+      TableCell,
+      {
+        align: "right",
+        sx: {
+          color: side === "bid" ? "success.main" : "error.main",
+          fontVariantNumeric: "tabular-nums",
+          fontWeight: 600
+        },
+        children: num(order.price)
+      }
+    );
+    return side === "bid" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      size,
+      price
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      price,
+      size
+    ] });
+  };
+  return /* @__PURE__ */ jsxs(Table, { size: "small", children: [
+    /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+      /* @__PURE__ */ jsx(TableCell, { align: "right", children: "Bid size" }),
+      /* @__PURE__ */ jsx(TableCell, { align: "right", sx: { color: "success.main", fontWeight: 700 }, children: "Bid" }),
+      /* @__PURE__ */ jsx(TableCell, { align: "right", sx: { color: "error.main", fontWeight: 700 }, children: "Ask" }),
+      /* @__PURE__ */ jsx(TableCell, { align: "right", children: "Ask size" })
+    ] }) }),
+    /* @__PURE__ */ jsx(TableBody, { children: Array.from({ length: rows }, (_unused, i) => /* @__PURE__ */ jsxs(TableRow, { children: [
+      cell(bids[i], "bid"),
+      cell(asks[i], "ask")
+    ] }, i)) })
+  ] });
+};
+var ConfigurationSection = ({ vm }) => {
+  const applied = useVM(vm, (s) => s.config);
+  const [aggPeriod, setAggPeriod] = useState("");
+  const [depthLimit, setDepthLimit] = useState("");
+  const [orderFields, setOrderFields] = useState("price, size");
+  const apply = () => vm.configure({
+    acceptAggregationPeriod: aggPeriod.trim() === "" ? void 0 : Number(aggPeriod),
+    acceptDepthLimit: depthLimit.trim() === "" ? void 0 : Number(depthLimit),
+    // Any field name is allowed through, deliberately. The server decides what it
+    // actually returns and may honour none of this — which is the point of asking from a
+    // debug console: the negotiated result renders below, next to what was requested.
+    acceptOrderFields: orderFields.trim() === "" ? void 0 : parseList(orderFields)
+  });
+  return /* @__PURE__ */ jsxs(Accordion, { disableGutters: true, variant: "outlined", sx: { "&::before": { display: "none" } }, children: [
+    /* @__PURE__ */ jsx(AccordionSummary, { expandIcon: /* @__PURE__ */ jsx(ExpandMoreIcon, {}), children: /* @__PURE__ */ jsx(Typography, { sx: { fontWeight: 600 }, children: "Configuration" }) }),
+    /* @__PURE__ */ jsx(AccordionDetails, { children: /* @__PURE__ */ jsxs(Box, { sx: { display: "grid", gap: 2.5, gridTemplateColumns: { xs: "1fr", md: "1fr 1fr" } }, children: [
+      /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Requested" }),
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            sx: {
+              display: "grid",
+              gap: 2,
+              gridTemplateColumns: { xs: "1fr", sm: "repeat(2, 1fr)" }
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                TextField,
+                {
+                  label: "Aggregation period, s",
+                  value: aggPeriod,
+                  onChange: (e) => setAggPeriod(e.target.value),
+                  type: "number",
+                  size: "small",
+                  helperText: "0 = none \xB7 empty = server default"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                TextField,
+                {
+                  label: "Depth limit",
+                  value: depthLimit,
+                  onChange: (e) => setDepthLimit(e.target.value),
+                  type: "number",
+                  size: "small",
+                  helperText: "0 = no limit \xB7 empty = server default"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          TextField,
+          {
+            label: "Accept order fields (comma-separated)",
+            value: orderFields,
+            onChange: (e) => setOrderFields(e.target.value),
+            size: "small",
+            fullWidth: true,
+            helperText: "Empty = server default. The server may return fewer fields, or different ones \u2014 compare with Order fields under \u201CApplied by server\u201D."
+          }
+        ),
+        /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Button, { variant: "contained", startIcon: /* @__PURE__ */ jsx(PlayArrowIcon, {}), onClick: apply, children: "Apply configuration" }) })
+      ] }),
+      /* @__PURE__ */ jsxs(Stack, { spacing: 1.5, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Applied by server" }),
+        /* @__PURE__ */ jsxs(Stack, { spacing: 0.75, children: [
+          /* @__PURE__ */ jsx(
+            DefRow,
+            {
+              label: "Aggregation period",
+              value: applied && !Number.isNaN(applied.aggregationPeriod) ? `${applied.aggregationPeriod} s` : "default (server-defined)"
+            }
+          ),
+          /* @__PURE__ */ jsx(DefRow, { label: "Depth limit", value: applied ? String(applied.depthLimit) : "\u2014" }),
+          /* @__PURE__ */ jsx(DefRow, { label: "Data format", value: applied ? applied.dataFormat : "\u2014" })
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: "Order fields" }),
+          /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 0.5, useFlexGap: true, sx: { flexWrap: "wrap", mt: 0.5 }, children: (applied?.orderFields ?? []).map((field) => /* @__PURE__ */ jsx(Chip, { size: "small", label: field, variant: "outlined" }, field)) })
+        ] })
+      ] })
+    ] }) })
+  ] });
+};
+var DefRow = ({ label, value }) => /* @__PURE__ */ jsxs(
+  Stack,
+  {
+    direction: "row",
+    spacing: 1,
+    sx: { justifyContent: "space-between", alignItems: "baseline" },
+    children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: label }),
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", sx: { fontWeight: 600, textAlign: "right" }, children: value })
+    ]
+  }
+);
+var DomChannel = ({ title, config }) => {
+  const connectionVM = useConnectionVM();
+  const [vm] = useState(() => {
+    const client = connectionVM.getClient();
+    if (client === null) {
+      throw new Error("DOM channel opened without an active connection");
+    }
+    return new DomViewModel(client, {
+      symbol: config.symbol,
+      sources: parseList(config.source),
+      feed: config.feed || void 0,
+      space: config.space || void 0
+    });
+  });
+  useEffect(() => {
+    vm.start();
+    return () => vm.stop();
+  }, [vm]);
+  const channelState = useVM(vm, (s) => s.channelState);
+  const snapshot = useVM(vm, (s) => s.snapshot);
+  const channelId = useVM(vm, (s) => s.channelId);
+  const channelParameters = useVM(vm, (s) => s.channelParameters);
+  const errors = useVM(vm, (s) => s.errors);
+  return /* @__PURE__ */ jsx(
+    ChannelWidget,
+    {
+      icon: /* @__PURE__ */ jsx(ViewColumnIcon, {}),
+      title,
+      subtitle: `DOM \xB7 ${config.symbol || "\u2014"}`,
+      onClose: vm.close,
+      status: /* @__PURE__ */ jsx(DomStatusChip, { state: channelState }),
+      channelId,
+      parameters: channelParameters,
+      errors,
+      onClearErrors: vm.clearErrors,
+      children: /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
+        /* @__PURE__ */ jsx(ConfigurationSection, { vm }),
+        /* @__PURE__ */ jsxs(Box, { children: [
+          /* @__PURE__ */ jsxs(
+            Stack,
+            {
+              direction: "row",
+              spacing: 1,
+              sx: { alignItems: "baseline", justifyContent: "space-between", mb: 1 },
+              children: [
+                /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "Order book" }),
+                snapshot && /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "text.secondary", children: [
+                  "Last update ",
+                  new Date(snapshot.time).toLocaleTimeString()
+                ] })
+              ]
+            }
+          ),
+          snapshot ? /* @__PURE__ */ jsx(Ladder, { snapshot }) : /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: "Waiting for the first snapshot\u2026" })
+        ] })
+      ] })
+    }
+  );
+};
+
+// src/dom/dom-channel-request.tsx
+import ExpandMoreIcon2 from "@mui/icons-material/ExpandMore";
+import Accordion2 from "@mui/material/Accordion";
+import AccordionDetails2 from "@mui/material/AccordionDetails";
+import AccordionSummary2 from "@mui/material/AccordionSummary";
+import Stack2 from "@mui/material/Stack";
+import TextField2 from "@mui/material/TextField";
+import Typography2 from "@mui/material/Typography";
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var DomChannelRequest = ({ value, onChange }) => /* @__PURE__ */ jsxs2(Stack2, { spacing: 2.5, sx: { pt: 1 }, children: [
+  /* @__PURE__ */ jsx2(
+    TextField2,
+    {
+      label: "Symbol",
+      required: true,
+      value: value.symbol,
+      onChange: (e) => onChange({ ...value, symbol: e.target.value }),
+      size: "small",
+      fullWidth: true,
+      helperText: "Subscription symbol for Depth of Market."
+    }
+  ),
+  /* @__PURE__ */ jsx2(
+    TextField2,
+    {
+      label: "Sources",
+      value: value.source,
+      onChange: (e) => onChange({ ...value, source: e.target.value }),
+      size: "small",
+      fullWidth: true,
+      helperText: /* @__PURE__ */ jsxs2(Fragment2, { children: [
+        "Price level sources, comma/space separated \u2014 ",
+        /* @__PURE__ */ jsx2("code", { children: "AGGREGATE" }),
+        ", ",
+        /* @__PURE__ */ jsx2("code", { children: "REGIONAL" }),
+        ", or a venue in lower case such as ",
+        /* @__PURE__ */ jsx2("code", { children: "ntv" }),
+        " or ",
+        /* @__PURE__ */ jsx2("code", { children: "glbx" }),
+        ". Full list on",
+        " ",
+        /* @__PURE__ */ jsx2(DocLink, { href: ORDER_SOURCES_DOC_URL, children: "kb.dxfeed.com" }),
+        "."
+      ] })
+    }
+  ),
+  /* @__PURE__ */ jsxs2(Accordion2, { disableGutters: true, variant: "outlined", sx: { "&::before": { display: "none" } }, children: [
+    /* @__PURE__ */ jsx2(AccordionSummary2, { expandIcon: /* @__PURE__ */ jsx2(ExpandMoreIcon2, {}), children: /* @__PURE__ */ jsx2(Typography2, { sx: { fontWeight: 600 }, children: "Feed" }) }),
+    /* @__PURE__ */ jsx2(AccordionDetails2, { children: /* @__PURE__ */ jsxs2(Stack2, { spacing: 2.5, children: [
+      /* @__PURE__ */ jsx2(
+        TextField2,
+        {
+          label: "Feed qualification",
+          value: value.feed,
+          onChange: (e) => onChange({ ...value, feed: e.target.value }),
+          size: "small",
+          fullWidth: true,
+          helperText: "Optional \u2014 leave empty to omit from the request."
+        }
+      ),
+      /* @__PURE__ */ jsx2(
+        TextField2,
+        {
+          label: "Feed space",
+          value: value.space,
+          onChange: (e) => onChange({ ...value, space: e.target.value }),
+          size: "small",
+          fullWidth: true,
+          helperText: "Optional \u2014 leave empty to omit from the request."
+        }
+      )
+    ] }) })
+  ] })
+] });
+
+// src/dom/plugin.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var domChannelPlugin = defineChannelPlugin({
+  kind: "dom",
+  label: "DOM",
+  icon: /* @__PURE__ */ jsx3(ViewColumnIcon2, {}),
+  dialogTitle: "New DOM channel",
+  createRequest: () => ({
+    symbol: "AAPL",
+    // AGGREGATE is the price-level source that works without picking a venue.
+    source: "AGGREGATE",
+    feed: "",
+    space: ""
+  }),
+  RequestForm: DomChannelRequest,
+  canOpen: (request) => request.symbol.trim().length > 0,
+  buildConfig: (request) => ({
+    symbol: request.symbol.trim(),
+    source: request.source.trim(),
+    feed: request.feed.trim(),
+    space: request.space.trim()
+  }),
+  Channel: DomChannel
+});
+
+export {
+  domChannelPlugin
+};
+//# sourceMappingURL=chunk-2NKG3ZKV.mjs.map

package/build/chunk-2NKG3ZKV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dom/plugin.tsx","../src/dom/dom-channel.tsx","../src/dom/dom-view-model.ts","../src/dom/dom-channel-request.tsx"],"sourcesContent":["import { defineChannelPlugin } from '@dxfeed/dxlink-console-core'\nimport ViewColumnIcon from '@mui/icons-material/ViewColumn'\n\nimport { DomChannel } from './dom-channel'\nimport { DomChannelRequest } from './dom-channel-request'\nimport type { DomConfig, DomRequest } from './types'\n\n/** The DOM service: a price-level ladder for one symbol. */\nexport const domChannelPlugin = defineChannelPlugin<DomConfig, DomRequest>({\n  kind: 'dom',\n  label: 'DOM',\n  icon: <ViewColumnIcon />,\n  dialogTitle: 'New DOM channel',\n  createRequest: () => ({\n    symbol: 'AAPL',\n    // AGGREGATE is the price-level source that works without picking a venue.\n    source: 'AGGREGATE',\n    feed: '',\n    space: '',\n  }),\n  RequestForm: DomChannelRequest,\n  canOpen: (request) => request.symbol.trim().length > 0,\n  buildConfig: (request) => ({\n    symbol: request.symbol.trim(),\n    source: request.source.trim(),\n    feed: request.feed.trim(),\n    space: request.space.trim(),\n  }),\n  Channel: DomChannel,\n})\n","import { DXLinkChannelState } from '@dxfeed/dxlink-api'\nimport type { DepthOfMarketOrder } from '@dxfeed/dxlink-api'\nimport { useVM } from '@dxfeed/dxlink-console-core'\nimport { ChannelWidget } from '@dxfeed/dxlink-console-core'\nimport { useConnectionVM } from '@dxfeed/dxlink-console-core'\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore'\nimport PlayArrowIcon from '@mui/icons-material/PlayArrow'\nimport ViewColumnIcon from '@mui/icons-material/ViewColumn'\nimport Accordion from '@mui/material/Accordion'\nimport AccordionDetails from '@mui/material/AccordionDetails'\nimport AccordionSummary from '@mui/material/AccordionSummary'\nimport Box from '@mui/material/Box'\nimport Button from '@mui/material/Button'\nimport Chip from '@mui/material/Chip'\nimport Stack from '@mui/material/Stack'\nimport Table from '@mui/material/Table'\nimport TableBody from '@mui/material/TableBody'\nimport TableCell from '@mui/material/TableCell'\nimport TableHead from '@mui/material/TableHead'\nimport TableRow from '@mui/material/TableRow'\nimport TextField from '@mui/material/TextField'\nimport Typography from '@mui/material/Typography'\nimport { useEffect, useState } from 'react'\n\nimport { DomViewModel } from './dom-view-model'\nimport type { DomSnapshot } from './dom-view-model'\nimport type { DomConfig } from './types'\n\ninterface DomChannelProps {\n  title: string\n  config: DomConfig\n}\n\n/** Split a comma- or space-separated list into entries, dropping blanks. */\nconst parseList = (raw: string): string[] =>\n  raw\n    .split(/[\\s,]+/)\n    .map((s) => s.trim())\n    .filter(Boolean)\n\nconst DomStatusChip = ({ state }: { state: DXLinkChannelState }) => {\n  if (state === DXLinkChannelState.OPENED) {\n    return <Chip size=\"small\" color=\"success\" variant=\"outlined\" label=\"streaming\" />\n  }\n  if (state === DXLinkChannelState.CLOSED) {\n    return <Chip size=\"small\" variant=\"outlined\" label=\"closed\" />\n  }\n  return <Chip size=\"small\" color=\"warning\" variant=\"outlined\" label=\"opening\" />\n}\n\nconst num = (value: number): string =>\n  Number.isFinite(value) ? value.toLocaleString(undefined, { maximumFractionDigits: 6 }) : '—'\n\n/** Combined bid/ask ladder: best levels at the top, bids left / asks right. */\nconst Ladder = ({ snapshot }: { snapshot: DomSnapshot }) => {\n  const bids = [...snapshot.bids].sort((a, b) => b.price - a.price)\n  const asks = [...snapshot.asks].sort((a, b) => a.price - b.price)\n  const rows = Math.max(bids.length, asks.length)\n\n  if (rows === 0) {\n    return (\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        Empty book.\n      </Typography>\n    )\n  }\n\n  const cell = (order: DepthOfMarketOrder | undefined, side: 'bid' | 'ask') => {\n    if (order === undefined) {\n      return (\n        <>\n          <TableCell />\n          <TableCell />\n        </>\n      )\n    }\n\n    const size = (\n      <TableCell align=\"right\" sx={{ fontVariantNumeric: 'tabular-nums' }}>\n        {num(order.size)}\n      </TableCell>\n    )\n    const price = (\n      <TableCell\n        align=\"right\"\n        sx={{\n          color: side === 'bid' ? 'success.main' : 'error.main',\n          fontVariantNumeric: 'tabular-nums',\n          fontWeight: 600,\n        }}\n      >\n        {num(order.price)}\n      </TableCell>\n    )\n\n    // The ladder is mirrored around the spread — sizes outside, prices meeting in the\n    // middle — so the two sides emit their cells in opposite order to match the header\n    // row: `Bid size | Bid | Ask | Ask size`.\n    return side === 'bid' ? (\n      <>\n        {size}\n        {price}\n      </>\n    ) : (\n      <>\n        {price}\n        {size}\n      </>\n    )\n  }\n\n  return (\n    <Table size=\"small\">\n      <TableHead>\n        <TableRow>\n          <TableCell align=\"right\">Bid size</TableCell>\n          <TableCell align=\"right\" sx={{ color: 'success.main', fontWeight: 700 }}>\n            Bid\n          </TableCell>\n          <TableCell align=\"right\" sx={{ color: 'error.main', fontWeight: 700 }}>\n            Ask\n          </TableCell>\n          <TableCell align=\"right\">Ask size</TableCell>\n        </TableRow>\n      </TableHead>\n      <TableBody>\n        {Array.from({ length: rows }, (_unused, i) => (\n          <TableRow key={i}>\n            {cell(bids[i], 'bid')}\n            {cell(asks[i], 'ask')}\n          </TableRow>\n        ))}\n      </TableBody>\n    </Table>\n  )\n}\n\nconst ConfigurationSection = ({ vm }: { vm: DomViewModel }) => {\n  const applied = useVM(vm, (s) => s.config)\n  const [aggPeriod, setAggPeriod] = useState('')\n  const [depthLimit, setDepthLimit] = useState('')\n  // What the server actually returns today, so the request starts from reality. Any other\n  // field can be typed in — the server decides, and the negotiated result renders beside it.\n  const [orderFields, setOrderFields] = useState('price, size')\n\n  const apply = () =>\n    vm.configure({\n      acceptAggregationPeriod: aggPeriod.trim() === '' ? undefined : Number(aggPeriod),\n      acceptDepthLimit: depthLimit.trim() === '' ? undefined : Number(depthLimit),\n      // Any field name is allowed through, deliberately. The server decides what it\n      // actually returns and may honour none of this — which is the point of asking from a\n      // debug console: the negotiated result renders below, next to what was requested.\n      acceptOrderFields: orderFields.trim() === '' ? undefined : parseList(orderFields),\n    })\n\n  return (\n    <Accordion disableGutters variant=\"outlined\" sx={{ '&::before': { display: 'none' } }}>\n      <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n        <Typography sx={{ fontWeight: 600 }}>Configuration</Typography>\n      </AccordionSummary>\n      <AccordionDetails>\n        <Box sx={{ display: 'grid', gap: 2.5, gridTemplateColumns: { xs: '1fr', md: '1fr 1fr' } }}>\n          <Stack spacing={2}>\n            <Typography variant=\"subtitle2\">Requested</Typography>\n            <Box\n              sx={{\n                display: 'grid',\n                gap: 2,\n                gridTemplateColumns: { xs: '1fr', sm: 'repeat(2, 1fr)' },\n              }}\n            >\n              <TextField\n                label=\"Aggregation period, s\"\n                value={aggPeriod}\n                onChange={(e) => setAggPeriod(e.target.value)}\n                type=\"number\"\n                size=\"small\"\n                helperText=\"0 = none · empty = server default\"\n              />\n              <TextField\n                label=\"Depth limit\"\n                value={depthLimit}\n                onChange={(e) => setDepthLimit(e.target.value)}\n                type=\"number\"\n                size=\"small\"\n                helperText=\"0 = no limit · empty = server default\"\n              />\n            </Box>\n            <TextField\n              label=\"Accept order fields (comma-separated)\"\n              value={orderFields}\n              onChange={(e) => setOrderFields(e.target.value)}\n              size=\"small\"\n              fullWidth\n              helperText=\"Empty = server default. The server may return fewer fields, or different ones — compare with Order fields under “Applied by server”.\"\n            />\n            <Box>\n              <Button variant=\"contained\" startIcon={<PlayArrowIcon />} onClick={apply}>\n                Apply configuration\n              </Button>\n            </Box>\n          </Stack>\n\n          <Stack spacing={1.5}>\n            <Typography variant=\"subtitle2\">Applied by server</Typography>\n            <Stack spacing={0.75}>\n              <DefRow\n                label=\"Aggregation period\"\n                value={\n                  applied && !Number.isNaN(applied.aggregationPeriod)\n                    ? `${applied.aggregationPeriod} s`\n                    : 'default (server-defined)'\n                }\n              />\n              <DefRow label=\"Depth limit\" value={applied ? String(applied.depthLimit) : '—'} />\n              <DefRow label=\"Data format\" value={applied ? applied.dataFormat : '—'} />\n            </Stack>\n            <Box>\n              <Typography variant=\"caption\" color=\"text.secondary\">\n                Order fields\n              </Typography>\n              <Stack direction=\"row\" spacing={0.5} useFlexGap sx={{ flexWrap: 'wrap', mt: 0.5 }}>\n                {(applied?.orderFields ?? []).map((field) => (\n                  <Chip key={field} size=\"small\" label={field} variant=\"outlined\" />\n                ))}\n              </Stack>\n            </Box>\n          </Stack>\n        </Box>\n      </AccordionDetails>\n    </Accordion>\n  )\n}\n\nconst DefRow = ({ label, value }: { label: string; value: React.ReactNode }) => (\n  <Stack\n    direction=\"row\"\n    spacing={1}\n    sx={{ justifyContent: 'space-between', alignItems: 'baseline' }}\n  >\n    <Typography variant=\"caption\" color=\"text.secondary\">\n      {label}\n    </Typography>\n    <Typography variant=\"caption\" sx={{ fontWeight: 600, textAlign: 'right' }}>\n      {value}\n    </Typography>\n  </Stack>\n)\n\n/** Live Depth-of-Market channel — wraps a real {@link DomViewModel}. */\nexport const DomChannel = ({ title, config }: DomChannelProps) => {\n  const connectionVM = useConnectionVM()\n  const [vm] = useState(() => {\n    const client = connectionVM.getClient()\n    if (client === null) {\n      throw new Error('DOM channel opened without an active connection')\n    }\n    return new DomViewModel(client, {\n      symbol: config.symbol,\n      sources: parseList(config.source),\n      feed: config.feed || undefined,\n      space: config.space || undefined,\n    })\n  })\n  useEffect(() => {\n    vm.start()\n    return () => vm.stop()\n  }, [vm])\n\n  const channelState = useVM(vm, (s) => s.channelState)\n  const snapshot = useVM(vm, (s) => s.snapshot)\n  const channelId = useVM(vm, (s) => s.channelId)\n  const channelParameters = useVM(vm, (s) => s.channelParameters)\n  const errors = useVM(vm, (s) => s.errors)\n\n  return (\n    <ChannelWidget\n      icon={<ViewColumnIcon />}\n      title={title}\n      subtitle={`DOM · ${config.symbol || '—'}`}\n      onClose={vm.close}\n      status={<DomStatusChip state={channelState} />}\n      channelId={channelId}\n      parameters={channelParameters}\n      errors={errors}\n      onClearErrors={vm.clearErrors}\n    >\n      <Stack spacing={2}>\n        <ConfigurationSection vm={vm} />\n\n        <Box>\n          <Stack\n            direction=\"row\"\n            spacing={1}\n            sx={{ alignItems: 'baseline', justifyContent: 'space-between', mb: 1 }}\n          >\n            <Typography variant=\"subtitle2\">Order book</Typography>\n            {snapshot && (\n              <Typography variant=\"caption\" color=\"text.secondary\">\n                Last update {new Date(snapshot.time).toLocaleTimeString()}\n              </Typography>\n            )}\n          </Stack>\n          {snapshot ? (\n            <Ladder snapshot={snapshot} />\n          ) : (\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              Waiting for the first snapshot…\n            </Typography>\n          )}\n        </Box>\n      </Stack>\n    </ChannelWidget>\n  )\n}\n","import { DXLinkChannelState, DXLinkDepthOfMarket, DXLinkLogLevel } from '@dxfeed/dxlink-api'\nimport type {\n  DepthOfMarketAcceptConfig,\n  DepthOfMarketConfig,\n  DepthOfMarketOrder,\n  DXLinkClient,\n} from '@dxfeed/dxlink-api'\nimport { ChannelErrorTracker, initialChannelErrorState } from '@dxfeed/dxlink-console-core'\nimport type { ChannelErrorState } from '@dxfeed/dxlink-console-core'\nimport type { ViewModel } from '@dxfeed/dxlink-console-core'\nimport { createStore } from 'zustand/vanilla'\n\nexport interface DomSnapshot {\n  time: number\n  bids: DepthOfMarketOrder[]\n  asks: DepthOfMarketOrder[]\n}\n\nexport interface DomVMState extends ChannelErrorState {\n  channelState: DXLinkChannelState\n  config: DepthOfMarketConfig | null\n  snapshot: DomSnapshot | null\n}\n\n// Coalesce snapshots to the latest one within this window (~10fps).\nconst FLUSH_INTERVAL_MS = 100\n\n/**\n * ViewModel for one DOM (Depth of Market) channel — wraps {@link DXLinkDepthOfMarket}.\n *\n * Construction is PURE (StrictMode-safe); the channel is opened in {@link start}\n * and released in {@link stop}, driven by the view's `useEffect`. Snapshots are\n * full replacements coalesced to the latest within a frame.\n */\nexport class DomViewModel implements ViewModel<DomVMState> {\n  readonly store = createStore<DomVMState>(() => ({\n    channelState: DXLinkChannelState.REQUESTED,\n    config: null,\n    snapshot: null,\n    ...initialChannelErrorState(),\n  }))\n\n  private readonly channelErrors = new ChannelErrorTracker(this.store)\n  private readonly client: DXLinkClient\n  private readonly params: { symbol: string; sources: string[]; feed?: string; space?: string }\n  private dom: DXLinkDepthOfMarket | null = null\n  private pendingSnapshot: DomSnapshot | null = null\n  private flushHandle: ReturnType<typeof setTimeout> | null = null\n\n  constructor(\n    client: DXLinkClient,\n    params: { symbol: string; sources: string[]; feed?: string; space?: string }\n  ) {\n    this.client = client\n    this.params = params\n  }\n\n  start = (): void => {\n    if (this.dom !== null) return\n    const dom = new DXLinkDepthOfMarket(\n      this.client,\n      {\n        symbol: this.params.symbol,\n        sources: this.params.sources,\n      },\n      {\n        feed: this.params.feed,\n        space: this.params.space,\n        // A debug console wants the protocol traffic in the browser log.\n        logLevel: DXLinkLogLevel.DEBUG,\n      }\n    )\n    dom.addSnapshotListener(this.handleSnapshot)\n    dom.addConfigChangeListener(this.handleConfig)\n    dom.addStateChangeListener(this.handleState)\n    this.channelErrors.attach(dom.getChannel())\n    this.dom = dom\n    this.store.setState({ channelState: dom.getState(), config: dom.getConfig() })\n  }\n\n  stop = (): void => {\n    const dom = this.dom\n    if (dom === null) return\n    this.dom = null\n    if (this.flushHandle !== null) {\n      clearTimeout(this.flushHandle)\n      this.flushHandle = null\n    }\n    this.pendingSnapshot = null\n    dom.removeSnapshotListener(this.handleSnapshot)\n    dom.removeConfigChangeListener(this.handleConfig)\n    dom.removeStateChangeListener(this.handleState)\n    this.channelErrors.detach(dom.getChannel())\n    dom.close()\n  }\n\n  configure = (accept: DepthOfMarketAcceptConfig): void => {\n    this.dom?.configure(accept)\n  }\n\n  clearErrors = (): void => this.channelErrors.clear()\n\n  close = (): void => {\n    this.stop()\n  }\n\n  dispose = (): void => {\n    this.stop()\n  }\n\n  private handleSnapshot = (\n    time: number,\n    bids: DepthOfMarketOrder[],\n    asks: DepthOfMarketOrder[]\n  ): void => {\n    if (this.dom === null) return\n    this.pendingSnapshot = { time, bids, asks }\n    if (this.flushHandle === null) {\n      this.flushHandle = setTimeout(this.flush, FLUSH_INTERVAL_MS)\n    }\n  }\n\n  private flush = (): void => {\n    this.flushHandle = null\n    if (this.dom === null || this.pendingSnapshot === null) return\n    this.store.setState({ snapshot: this.pendingSnapshot })\n    this.pendingSnapshot = null\n  }\n\n  private handleConfig = (config: DepthOfMarketConfig): void => {\n    this.store.setState({ config })\n  }\n\n  private handleState = (state: DXLinkChannelState): void => {\n    this.store.setState({ channelState: state })\n  }\n}\n","import ExpandMoreIcon from '@mui/icons-material/ExpandMore'\nimport Accordion from '@mui/material/Accordion'\nimport AccordionDetails from '@mui/material/AccordionDetails'\nimport AccordionSummary from '@mui/material/AccordionSummary'\nimport Stack from '@mui/material/Stack'\nimport TextField from '@mui/material/TextField'\nimport Typography from '@mui/material/Typography'\n\nimport type { DomRequest } from './types'\nimport { DocLink } from '../components/doc-link'\nimport { ORDER_SOURCES_DOC_URL } from '../lib/order-sources'\n\ninterface DomChannelRequestProps {\n  value: DomRequest\n  onChange: (value: DomRequest) => void\n}\n\n/** DOM channel request form (draft / presentational only). */\nexport const DomChannelRequest = ({ value, onChange }: DomChannelRequestProps) => (\n  <Stack spacing={2.5} sx={{ pt: 1 }}>\n    <TextField\n      label=\"Symbol\"\n      required\n      value={value.symbol}\n      onChange={(e) => onChange({ ...value, symbol: e.target.value })}\n      size=\"small\"\n      fullWidth\n      helperText=\"Subscription symbol for Depth of Market.\"\n    />\n    <TextField\n      label=\"Sources\"\n      value={value.source}\n      onChange={(e) => onChange({ ...value, source: e.target.value })}\n      size=\"small\"\n      fullWidth\n      helperText={\n        <>\n          Price level sources, comma/space separated — <code>AGGREGATE</code>, <code>REGIONAL</code>\n          , or a venue in lower case such as <code>ntv</code> or <code>glbx</code>. Full list on{' '}\n          <DocLink href={ORDER_SOURCES_DOC_URL}>kb.dxfeed.com</DocLink>.\n        </>\n      }\n    />\n    <Accordion disableGutters variant=\"outlined\" sx={{ '&::before': { display: 'none' } }}>\n      <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n        <Typography sx={{ fontWeight: 600 }}>Feed</Typography>\n      </AccordionSummary>\n      <AccordionDetails>\n        <Stack spacing={2.5}>\n          <TextField\n            label=\"Feed qualification\"\n            value={value.feed}\n            onChange={(e) => onChange({ ...value, feed: e.target.value })}\n            size=\"small\"\n            fullWidth\n            helperText=\"Optional — leave empty to omit from the request.\"\n          />\n          <TextField\n            label=\"Feed space\"\n            value={value.space}\n            onChange={(e) => onChange({ ...value, space: e.target.value })}\n            size=\"small\"\n            fullWidth\n            helperText=\"Optional — leave empty to omit from the request.\"\n          />\n        </Stack>\n      </AccordionDetails>\n    </Accordion>\n  </Stack>\n)\n"],"mappings":"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","names":["ViewColumnIcon","DXLinkChannelState","DXLinkChannelState","ExpandMoreIcon","Accordion","AccordionDetails","AccordionSummary","Stack","TextField","Typography","Fragment","jsx","jsxs","Stack","TextField","Accordion","AccordionSummary","ExpandMoreIcon","Typography","AccordionDetails","jsx","ViewColumnIcon"]}