bandkit 1.0.1 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/README.md +222 -77
  2. package/dist/BandPanel.d.ts.map +1 -1
  3. package/dist/BandPanel.js +23 -2
  4. package/dist/BandPanel.js.map +1 -1
  5. package/dist/BotDecisionPanel.d.ts +7 -0
  6. package/dist/BotDecisionPanel.d.ts.map +1 -0
  7. package/dist/BotDecisionPanel.js +124 -0
  8. package/dist/BotDecisionPanel.js.map +1 -0
  9. package/dist/ContractEventFeed.d.ts +7 -0
  10. package/dist/ContractEventFeed.d.ts.map +1 -0
  11. package/dist/ContractEventFeed.js +76 -0
  12. package/dist/ContractEventFeed.js.map +1 -0
  13. package/dist/GasBadge.d.ts +6 -0
  14. package/dist/GasBadge.d.ts.map +1 -0
  15. package/dist/GasBadge.js +37 -0
  16. package/dist/GasBadge.js.map +1 -0
  17. package/dist/OrderBookWidget.d.ts +8 -0
  18. package/dist/OrderBookWidget.d.ts.map +1 -0
  19. package/dist/OrderBookWidget.js +92 -0
  20. package/dist/OrderBookWidget.js.map +1 -0
  21. package/dist/RegimeBadge.d.ts +6 -0
  22. package/dist/RegimeBadge.d.ts.map +1 -0
  23. package/dist/RegimeBadge.js +39 -0
  24. package/dist/RegimeBadge.js.map +1 -0
  25. package/dist/TradeTape.d.ts +8 -0
  26. package/dist/TradeTape.d.ts.map +1 -0
  27. package/dist/TradeTape.js +67 -0
  28. package/dist/TradeTape.js.map +1 -0
  29. package/dist/decisionEngine.d.ts +41 -0
  30. package/dist/decisionEngine.d.ts.map +1 -0
  31. package/dist/decisionEngine.js +166 -0
  32. package/dist/decisionEngine.js.map +1 -0
  33. package/dist/index.d.ts +14 -0
  34. package/dist/index.d.ts.map +1 -1
  35. package/dist/index.js +18 -0
  36. package/dist/index.js.map +1 -1
  37. package/dist/useBinanceOrderBook.d.ts +27 -0
  38. package/dist/useBinanceOrderBook.d.ts.map +1 -0
  39. package/dist/useBinanceOrderBook.js +95 -0
  40. package/dist/useBinanceOrderBook.js.map +1 -0
  41. package/dist/useBinanceTrades.d.ts +23 -0
  42. package/dist/useBinanceTrades.d.ts.map +1 -0
  43. package/dist/useBinanceTrades.js +77 -0
  44. package/dist/useBinanceTrades.js.map +1 -0
  45. package/dist/useBotDecision.d.ts +32 -0
  46. package/dist/useBotDecision.d.ts.map +1 -0
  47. package/dist/useBotDecision.js +104 -0
  48. package/dist/useBotDecision.js.map +1 -0
  49. package/dist/useCoinbaseTicker.d.ts +28 -0
  50. package/dist/useCoinbaseTicker.d.ts.map +1 -0
  51. package/dist/useCoinbaseTicker.js +87 -0
  52. package/dist/useCoinbaseTicker.js.map +1 -0
  53. package/dist/useGasPrice.d.ts +18 -0
  54. package/dist/useGasPrice.d.ts.map +1 -0
  55. package/dist/useGasPrice.js +44 -0
  56. package/dist/useGasPrice.js.map +1 -0
  57. package/dist/useStrategyContractEvents.d.ts +23 -0
  58. package/dist/useStrategyContractEvents.d.ts.map +1 -0
  59. package/dist/useStrategyContractEvents.js +79 -0
  60. package/dist/useStrategyContractEvents.js.map +1 -0
  61. package/dist/useVolatilityRegime.d.ts +17 -0
  62. package/dist/useVolatilityRegime.d.ts.map +1 -0
  63. package/dist/useVolatilityRegime.js +48 -0
  64. package/dist/useVolatilityRegime.js.map +1 -0
  65. package/package.json +4 -2
  66. package/scripts/test-decision-stream.cjs +417 -0
@@ -0,0 +1,124 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useBotDecision } from "./useBotDecision.js";
3
+ const palette = {
4
+ bg: "#0a0a0a",
5
+ surface: "#111113",
6
+ surfaceMuted: "#0f0f11",
7
+ border: "#1f1f23",
8
+ text: "#f5f5f7",
9
+ textMuted: "#9ca3af",
10
+ textDim: "#52525b",
11
+ buy: "#10b981",
12
+ sell: "#ef4444",
13
+ wait: "#fbbf24",
14
+ standdown: "#6b7280",
15
+ good: "#10b981",
16
+ bad: "#ef4444",
17
+ neutral: "#9ca3af"
18
+ };
19
+ const decisionMeta = {
20
+ BUY: { label: "WOULD BUY", color: palette.buy, arrow: "▲" },
21
+ SELL: { label: "WOULD SELL", color: palette.sell, arrow: "▼" },
22
+ WAIT: { label: "WAIT", color: palette.wait, arrow: "•" },
23
+ "STAND DOWN": { label: "STAND DOWN", color: palette.standdown, arrow: "■" }
24
+ };
25
+ const reasonColor = {
26
+ good: palette.good,
27
+ bad: palette.bad,
28
+ neutral: palette.neutral
29
+ };
30
+ const reasonSymbol = {
31
+ good: "✓",
32
+ bad: "✗",
33
+ neutral: "•"
34
+ };
35
+ export function BotDecisionPanel({ className, title = "Bot Decision (live)", ...hookOptions }) {
36
+ const result = useBotDecision(hookOptions);
37
+ const meta = decisionMeta[result.decision];
38
+ const recent = result.history.slice(0, 20);
39
+ const tally = recent.reduce((acc, h) => {
40
+ acc[h.decision] = (acc[h.decision] ?? 0) + 1;
41
+ return acc;
42
+ }, { BUY: 0, SELL: 0, WAIT: 0, "STAND DOWN": 0 });
43
+ return (_jsxs("section", { className: className, style: {
44
+ background: palette.bg,
45
+ border: `1px solid ${palette.border}`,
46
+ borderRadius: 14,
47
+ boxShadow: "0 20px 60px rgba(0, 0, 0, 0.55)",
48
+ color: palette.text,
49
+ display: "grid",
50
+ fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
51
+ gap: 14,
52
+ maxWidth: 420,
53
+ padding: 18
54
+ }, children: [_jsxs("header", { style: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [_jsx("h3", { style: { fontSize: 14, fontWeight: 700, letterSpacing: "0.02em", margin: 0 }, children: title }), _jsx("span", { style: { color: palette.textDim, fontSize: 11 }, children: result.evaluatedAt ? `updated ${timeAgoShort(result.evaluatedAt.getTime())}` : "warming up" })] }), _jsxs("div", { style: {
55
+ alignItems: "center",
56
+ background: palette.surface,
57
+ border: `1px solid ${meta.color}55`,
58
+ borderRadius: 10,
59
+ display: "flex",
60
+ gap: 12,
61
+ padding: "12px 14px"
62
+ }, children: [_jsx("span", { "aria-hidden": true, style: {
63
+ color: meta.color,
64
+ fontSize: 22,
65
+ fontWeight: 800,
66
+ lineHeight: 1,
67
+ width: 22
68
+ }, children: meta.arrow }), _jsxs("div", { style: { display: "grid", flex: 1, gap: 2 }, children: [_jsx("strong", { style: { color: meta.color, fontSize: 15, fontWeight: 700, letterSpacing: "0.04em" }, children: meta.label }), _jsxs("span", { style: { color: palette.textMuted, fontSize: 11 }, children: ["confidence ", result.confidence, "%"] })] }), _jsx(ConfidenceBar, { value: result.confidence, color: meta.color })] }), _jsx("ul", { style: { display: "grid", gap: 4, listStyle: "none", margin: 0, padding: 0 }, children: result.reasons.map((reason, idx) => (_jsxs("li", { style: {
69
+ alignItems: "baseline",
70
+ color: palette.text,
71
+ display: "grid",
72
+ fontSize: 12,
73
+ gap: 8,
74
+ gridTemplateColumns: "12px 1fr"
75
+ }, children: [_jsx("span", { style: { color: reasonColor[reason.tone] }, children: reasonSymbol[reason.tone] }), _jsx("span", { style: { color: reason.tone === "bad" ? palette.textMuted : palette.text }, children: reason.text })] }, `${reason.text}-${idx}`))) }), _jsxs("div", { style: {
76
+ alignItems: "center",
77
+ background: palette.surfaceMuted,
78
+ border: `1px solid ${palette.border}`,
79
+ borderRadius: 8,
80
+ color: palette.textMuted,
81
+ display: "flex",
82
+ fontSize: 11,
83
+ fontVariantNumeric: "tabular-nums",
84
+ gap: 10,
85
+ justifyContent: "space-between",
86
+ padding: "8px 12px"
87
+ }, children: [_jsxs("span", { children: ["Last ", recent.length, ":"] }), _jsx(Pill, { label: "BUY", count: tally.BUY, color: palette.buy }), _jsx(Pill, { label: "WAIT", count: tally.WAIT, color: palette.wait }), _jsx(Pill, { label: "SELL", count: tally.SELL, color: palette.sell }), _jsx(Pill, { label: "OFF", count: tally["STAND DOWN"], color: palette.standdown })] }), _jsx("div", { style: {
88
+ color: palette.textDim,
89
+ fontSize: 10,
90
+ lineHeight: 1.4
91
+ }, children: "Preview only. Decisions here describe what the strategy would do given live Binance + Coinbase data \u2014 they do not execute on-chain trades. The actual bot runs as a separate Node process against Uniswap." })] }));
92
+ }
93
+ function Pill({ label, count, color }) {
94
+ return (_jsxs("span", { style: {
95
+ alignItems: "center",
96
+ background: `${color}1f`,
97
+ border: `1px solid ${color}55`,
98
+ borderRadius: 6,
99
+ color,
100
+ display: "inline-flex",
101
+ fontSize: 10,
102
+ fontWeight: 700,
103
+ gap: 4,
104
+ padding: "2px 8px"
105
+ }, children: [label, " ", _jsx("strong", { children: count })] }));
106
+ }
107
+ function ConfidenceBar({ value, color }) {
108
+ const safe = Math.max(0, Math.min(100, value));
109
+ return (_jsx("div", { "aria-hidden": true, style: {
110
+ background: palette.surfaceMuted,
111
+ border: `1px solid ${palette.border}`,
112
+ borderRadius: 6,
113
+ height: 6,
114
+ overflow: "hidden",
115
+ width: 72
116
+ }, children: _jsx("div", { style: { background: color, height: "100%", width: `${safe}%` } }) }));
117
+ }
118
+ function timeAgoShort(ts) {
119
+ const seconds = Math.max(0, (Date.now() - ts) / 1000);
120
+ if (seconds < 60)
121
+ return `${seconds.toFixed(0)}s ago`;
122
+ return `${Math.floor(seconds / 60)}m ago`;
123
+ }
124
+ //# sourceMappingURL=BotDecisionPanel.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BotDecisionPanel.js","sourceRoot":"","sources":["../src/BotDecisionPanel.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,7 @@
1
+ import { type UseStrategyContractEventsOptions } from "./useStrategyContractEvents.js";
2
+ export type ContractEventFeedProps = UseStrategyContractEventsOptions & {
3
+ className?: string;
4
+ title?: string;
5
+ };
6
+ export declare function ContractEventFeed({ className, title, ...hookOptions }: ContractEventFeedProps): import("react/jsx-runtime").JSX.Element;
7
+ //# sourceMappingURL=ContractEventFeed.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ContractEventFeed.d.ts","sourceRoot":"","sources":["../src/ContractEventFeed.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,gCAAgC,EACtC,MAAM,gCAAgC,CAAC;AAExC,MAAM,MAAM,sBAAsB,GAAG,gCAAgC,GAAG;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAmCF,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,KAA2B,EAAE,GAAG,WAAW,EAAE,EAAE,sBAAsB,2CAuCnH"}
@@ -0,0 +1,76 @@
1
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
+ import { useStrategyContractEvents } from "./useStrategyContractEvents.js";
3
+ const palette = {
4
+ bg: "#0a0a0a",
5
+ surface: "#111113",
6
+ border: "#1f1f23",
7
+ text: "#f5f5f7",
8
+ textMuted: "#9ca3af",
9
+ textDim: "#52525b",
10
+ deposit: "#10b981",
11
+ withdraw: "#fbbf24",
12
+ activate: "#3b82f6",
13
+ deactivate: "#9ca3af"
14
+ };
15
+ const kindMeta = {
16
+ Deposited: { label: "DEPOSIT", color: palette.deposit, verb: "Deposited" },
17
+ Withdrawn: { label: "WITHDRAW", color: palette.withdraw, verb: "Withdrew" },
18
+ StrategyEngineActivated: { label: "START", color: palette.activate, verb: "Started engine with" },
19
+ StrategyEngineDeactivated: { label: "STOP", color: palette.deactivate, verb: "Stopped engine" }
20
+ };
21
+ function shortAddress(addr) {
22
+ if (!addr || addr.length < 10)
23
+ return "—";
24
+ return `${addr.slice(0, 6)}…${addr.slice(-4)}`;
25
+ }
26
+ function timeAgo(ts) {
27
+ const seconds = Math.max(0, (Date.now() - ts) / 1000);
28
+ if (seconds < 60)
29
+ return `${seconds.toFixed(0)}s ago`;
30
+ const minutes = seconds / 60;
31
+ if (minutes < 60)
32
+ return `${minutes.toFixed(0)}m ago`;
33
+ return `${(minutes / 60).toFixed(1)}h ago`;
34
+ }
35
+ export function ContractEventFeed({ className, title = "Contract Activity", ...hookOptions }) {
36
+ const { events } = useStrategyContractEvents(hookOptions);
37
+ return (_jsxs("section", { className: className, style: {
38
+ background: palette.bg,
39
+ border: `1px solid ${palette.border}`,
40
+ borderRadius: 14,
41
+ boxShadow: "0 20px 60px rgba(0, 0, 0, 0.55)",
42
+ color: palette.text,
43
+ display: "grid",
44
+ fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
45
+ gap: 12,
46
+ maxWidth: 420,
47
+ padding: 18
48
+ }, children: [_jsxs("header", { style: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [_jsx("h3", { style: { fontSize: 14, fontWeight: 700, letterSpacing: "0.02em", margin: 0 }, children: title }), _jsx("span", { style: { color: palette.textDim, fontSize: 11 }, children: hookOptions.strategyContractAddress ? "Watching contract" : "No contract" })] }), !hookOptions.strategyContractAddress ? (_jsx(Empty, { text: "Deploy a strategy contract to start watching events." })) : events.length === 0 ? (_jsx(Empty, { text: "No events yet. Deposit, withdraw, or start the engine to see activity." })) : (_jsx("ul", { style: { display: "grid", gap: 6, listStyle: "none", margin: 0, padding: 0 }, children: events.map((event) => (_jsx(EventRow, { event: event }, event.id))) }))] }));
49
+ }
50
+ function EventRow({ event }) {
51
+ const meta = kindMeta[event.kind];
52
+ const amountLine = event.amountEth !== undefined
53
+ ? `${meta.verb} ${Number(event.amountEth).toFixed(6)} ETH`
54
+ : meta.verb;
55
+ return (_jsxs("li", { style: {
56
+ background: palette.surface,
57
+ border: `1px solid ${palette.border}`,
58
+ borderRadius: 8,
59
+ display: "grid",
60
+ gap: 6,
61
+ padding: "10px 12px"
62
+ }, children: [_jsxs("div", { style: { alignItems: "center", display: "flex", gap: 10, justifyContent: "space-between" }, children: [_jsx("span", { style: {
63
+ background: `${meta.color}22`,
64
+ border: `1px solid ${meta.color}66`,
65
+ borderRadius: 4,
66
+ color: meta.color,
67
+ fontSize: 10,
68
+ fontWeight: 700,
69
+ letterSpacing: "0.06em",
70
+ padding: "2px 6px"
71
+ }, children: meta.label }), _jsx("span", { style: { color: palette.textDim, fontSize: 11 }, children: timeAgo(event.timestamp) })] }), _jsx("div", { style: { color: palette.text, fontSize: 13 }, children: amountLine }), _jsxs("div", { style: { color: palette.textMuted, fontSize: 11 }, children: ["by ", shortAddress(event.user), event.transactionHash ? (_jsxs(_Fragment, { children: [" · ", _jsx("a", { href: `https://etherscan.io/tx/${event.transactionHash}`, rel: "noreferrer", style: { color: palette.activate, textDecoration: "none" }, target: "_blank", children: "tx \u2197" })] })) : null] })] }));
72
+ }
73
+ function Empty({ text }) {
74
+ return (_jsx("div", { style: { color: palette.textDim, fontSize: 12, padding: "16px 4px", textAlign: "center" }, children: text }));
75
+ }
76
+ //# sourceMappingURL=ContractEventFeed.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ContractEventFeed.js","sourceRoot":"","sources":["../src/ContractEventFeed.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,6 @@
1
+ import { type UseGasPriceOptions } from "./useGasPrice.js";
2
+ export type GasBadgeProps = UseGasPriceOptions & {
3
+ className?: string;
4
+ };
5
+ export declare function GasBadge({ className, ...hookOptions }: GasBadgeProps): import("react/jsx-runtime").JSX.Element;
6
+ //# sourceMappingURL=GasBadge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GasBadge.d.ts","sourceRoot":"","sources":["../src/GasBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtF,MAAM,MAAM,aAAa,GAAG,kBAAkB,GAAG;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAsBF,wBAAgB,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,EAAE,aAAa,2CA2BpE"}
@@ -0,0 +1,37 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useGasPrice } from "./useGasPrice.js";
3
+ const palette = {
4
+ bg: "#111113",
5
+ border: "#1f1f23",
6
+ textMuted: "#9ca3af",
7
+ textDim: "#52525b",
8
+ low: "#10b981",
9
+ normal: "#3b82f6",
10
+ high: "#fbbf24",
11
+ spike: "#ef4444",
12
+ unknown: "#52525b"
13
+ };
14
+ const tierColor = {
15
+ low: palette.low,
16
+ normal: palette.normal,
17
+ high: palette.high,
18
+ spike: palette.spike,
19
+ unknown: palette.unknown
20
+ };
21
+ export function GasBadge({ className, ...hookOptions }) {
22
+ const { gweiText, tier } = useGasPrice(hookOptions);
23
+ const color = tierColor[tier];
24
+ return (_jsxs("div", { className: className, style: {
25
+ alignItems: "center",
26
+ background: palette.bg,
27
+ border: `1px solid ${palette.border}`,
28
+ borderRadius: 999,
29
+ color: palette.textMuted,
30
+ display: "inline-flex",
31
+ fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
32
+ fontSize: 12,
33
+ gap: 8,
34
+ padding: "4px 12px"
35
+ }, children: [_jsx("span", { "aria-hidden": true, style: { background: color, borderRadius: 999, height: 6, width: 6 } }), _jsx("span", { style: { color: palette.textDim, fontSize: 10, fontWeight: 600, letterSpacing: "0.06em" }, children: "GAS" }), _jsx("strong", { style: { color, fontSize: 12, fontVariantNumeric: "tabular-nums" }, children: gweiText })] }));
36
+ }
37
+ //# sourceMappingURL=GasBadge.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GasBadge.js","sourceRoot":"","sources":["../src/GasBadge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAyC,MAAM,kBAAkB,CAAC;AAMtF,MAAM,OAAO,GAAG;IACd,EAAE,EAAE,SAAS;IACb,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,SAAS;IACpB,OAAO,EAAE,SAAS;IAClB,GAAG,EAAE,SAAS;IACd,MAAM,EAAE,SAAS;IACjB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,MAAM,SAAS,GAAwC;IACrD,GAAG,EAAE,OAAO,CAAC,GAAG;IAChB,MAAM,EAAE,OAAO,CAAC,MAAM;IACtB,IAAI,EAAE,OAAO,CAAC,IAAI;IAClB,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,OAAO,EAAE,OAAO,CAAC,OAAO;CACzB,CAAC;AAEF,MAAM,UAAU,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,WAAW,EAAiB;IACnE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,WAAW,CAAC,WAAW,CAAC,CAAC;IACpD,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;IAE9B,OAAO,CACL,eACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;YACL,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,OAAO,CAAC,EAAE;YACtB,MAAM,EAAE,aAAa,OAAO,CAAC,MAAM,EAAE;YACrC,YAAY,EAAE,GAAG;YACjB,KAAK,EAAE,OAAO,CAAC,SAAS;YACxB,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,0DAA0D;YACtE,QAAQ,EAAE,EAAE;YACZ,GAAG,EAAE,CAAC;YACN,OAAO,EAAE,UAAU;SACpB,aAED,oCAAkB,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAI,EAC1F,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,QAAQ,EAAE,oBAExF,EACP,iBAAQ,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,kBAAkB,EAAE,cAAc,EAAE,YAAG,QAAQ,GAAU,IAC3F,CACP,CAAC;AACJ,CAAC"}
@@ -0,0 +1,8 @@
1
+ import { type UseBinanceOrderBookOptions } from "./useBinanceOrderBook.js";
2
+ export type OrderBookWidgetProps = UseBinanceOrderBookOptions & {
3
+ className?: string;
4
+ title?: string;
5
+ rows?: number;
6
+ };
7
+ export declare function OrderBookWidget({ className, title, rows, ...hookOptions }: OrderBookWidgetProps): import("react/jsx-runtime").JSX.Element;
8
+ //# sourceMappingURL=OrderBookWidget.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OrderBookWidget.d.ts","sourceRoot":"","sources":["../src/OrderBookWidget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAEhG,MAAM,MAAM,oBAAoB,GAAG,0BAA0B,GAAG;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAyBF,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,KAAoB,EACpB,IAAS,EACT,GAAG,WAAW,EACf,EAAE,oBAAoB,2CAmDtB"}
@@ -0,0 +1,92 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useBinanceOrderBook } from "./useBinanceOrderBook.js";
3
+ const palette = {
4
+ bg: "#0a0a0a",
5
+ surface: "#111113",
6
+ border: "#1f1f23",
7
+ text: "#f5f5f7",
8
+ textMuted: "#9ca3af",
9
+ textDim: "#52525b",
10
+ bid: "#10b981",
11
+ bidBar: "rgba(16, 185, 129, 0.15)",
12
+ ask: "#ef4444",
13
+ askBar: "rgba(239, 68, 68, 0.15)"
14
+ };
15
+ const priceFormatter = new Intl.NumberFormat("en-US", {
16
+ maximumFractionDigits: 2,
17
+ minimumFractionDigits: 2
18
+ });
19
+ const sizeFormatter = new Intl.NumberFormat("en-US", {
20
+ maximumFractionDigits: 4,
21
+ minimumFractionDigits: 4
22
+ });
23
+ export function OrderBookWidget({ className, title = "Order Book", rows = 10, ...hookOptions }) {
24
+ const book = useBinanceOrderBook(hookOptions);
25
+ const visibleAsks = book.asks.slice(0, rows).reverse();
26
+ const visibleBids = book.bids.slice(0, rows);
27
+ const maxTotal = Math.max(visibleAsks[0]?.total ?? 0, visibleBids[visibleBids.length - 1]?.total ?? 0, 1);
28
+ return (_jsxs("section", { className: className, style: {
29
+ background: palette.bg,
30
+ border: `1px solid ${palette.border}`,
31
+ borderRadius: 14,
32
+ boxShadow: "0 20px 60px rgba(0, 0, 0, 0.55)",
33
+ color: palette.text,
34
+ display: "grid",
35
+ fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
36
+ gap: 12,
37
+ maxWidth: 360,
38
+ padding: 18
39
+ }, children: [_jsxs("header", { style: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [_jsx("h3", { style: { fontSize: 14, fontWeight: 700, letterSpacing: "0.02em", margin: 0 }, children: title }), _jsx(StatusDot, { status: book.status, symbol: book.symbol })] }), _jsx(HeaderRow, {}), _jsx("div", { style: { display: "grid", gap: 1 }, children: visibleAsks.map((level) => (_jsx(Row, { side: "ask", level: level, maxTotal: maxTotal }, `ask-${level.price}`))) }), _jsx(SpreadRow, { midPrice: book.midPrice, spread: book.spread, spreadPercent: book.spreadPercent }), _jsx("div", { style: { display: "grid", gap: 1 }, children: visibleBids.map((level) => (_jsx(Row, { side: "bid", level: level, maxTotal: maxTotal }, `bid-${level.price}`))) }), book.error ? (_jsx("div", { style: { color: palette.ask, fontSize: 12 }, children: book.error })) : null] }));
40
+ }
41
+ function HeaderRow() {
42
+ const cell = {
43
+ color: palette.textDim,
44
+ fontSize: 10,
45
+ fontWeight: 600,
46
+ letterSpacing: "0.08em",
47
+ textTransform: "uppercase"
48
+ };
49
+ return (_jsxs("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr 1fr", padding: "0 2px" }, children: [_jsx("span", { style: cell, children: "Price" }), _jsx("span", { style: { ...cell, textAlign: "right" }, children: "Size" }), _jsx("span", { style: { ...cell, textAlign: "right" }, children: "Total" })] }));
50
+ }
51
+ function Row({ side, level, maxTotal }) {
52
+ const widthPct = Math.min(100, (level.total / maxTotal) * 100);
53
+ const color = side === "bid" ? palette.bid : palette.ask;
54
+ const barColor = side === "bid" ? palette.bidBar : palette.askBar;
55
+ return (_jsxs("div", { style: { position: "relative" }, children: [_jsx("div", { "aria-hidden": true, style: {
56
+ background: barColor,
57
+ bottom: 0,
58
+ position: "absolute",
59
+ right: 0,
60
+ top: 0,
61
+ width: `${widthPct}%`
62
+ } }), _jsxs("div", { style: {
63
+ display: "grid",
64
+ fontSize: 12,
65
+ fontVariantNumeric: "tabular-nums",
66
+ gridTemplateColumns: "1fr 1fr 1fr",
67
+ padding: "3px 4px",
68
+ position: "relative"
69
+ }, children: [_jsx("span", { style: { color, fontWeight: 600 }, children: priceFormatter.format(level.price) }), _jsx("span", { style: { color: palette.text, textAlign: "right" }, children: sizeFormatter.format(level.size) }), _jsx("span", { style: { color: palette.textMuted, textAlign: "right" }, children: sizeFormatter.format(level.total) })] })] }));
70
+ }
71
+ function SpreadRow({ midPrice, spread, spreadPercent }) {
72
+ if (midPrice === null) {
73
+ return (_jsx("div", { style: { color: palette.textDim, fontSize: 11, padding: "6px 4px", textAlign: "center" }, children: "Waiting for book\u2026" }));
74
+ }
75
+ return (_jsxs("div", { style: {
76
+ alignItems: "center",
77
+ background: palette.surface,
78
+ border: `1px solid ${palette.border}`,
79
+ borderRadius: 6,
80
+ color: palette.textMuted,
81
+ display: "flex",
82
+ fontSize: 11,
83
+ fontVariantNumeric: "tabular-nums",
84
+ justifyContent: "space-between",
85
+ padding: "4px 8px"
86
+ }, children: [_jsxs("span", { children: ["Spread ", spread !== null ? `$${spread.toFixed(2)}` : "—"] }), _jsxs("strong", { style: { color: palette.text, fontSize: 12 }, children: ["$", priceFormatter.format(midPrice)] }), _jsx("span", { children: spreadPercent !== null ? `${spreadPercent.toFixed(3)}%` : "—" })] }));
87
+ }
88
+ function StatusDot({ status, symbol }) {
89
+ const color = status === "live" ? palette.bid : status === "connecting" ? "#fbbf24" : palette.ask;
90
+ return (_jsxs("span", { style: { alignItems: "center", color: palette.textMuted, display: "inline-flex", fontSize: 11, gap: 6 }, children: [_jsx("span", { "aria-hidden": true, style: { background: color, borderRadius: 999, height: 6, width: 6 } }), symbol] }));
91
+ }
92
+ //# sourceMappingURL=OrderBookWidget.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OrderBookWidget.js","sourceRoot":"","sources":["../src/OrderBookWidget.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,6 @@
1
+ import { type UseVolatilityRegimeOptions } from "./useVolatilityRegime.js";
2
+ export type RegimeBadgeProps = UseVolatilityRegimeOptions & {
3
+ className?: string;
4
+ };
5
+ export declare function RegimeBadge({ className, ...hookOptions }: RegimeBadgeProps): import("react/jsx-runtime").JSX.Element;
6
+ //# sourceMappingURL=RegimeBadge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RegimeBadge.d.ts","sourceRoot":"","sources":["../src/RegimeBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAE7G,MAAM,MAAM,gBAAgB,GAAG,0BAA0B,GAAG;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAoBF,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,EAAE,gBAAgB,2CAsC1E"}
@@ -0,0 +1,39 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useVolatilityRegime } from "./useVolatilityRegime.js";
3
+ const palette = {
4
+ bg: "#111113",
5
+ border: "#1f1f23",
6
+ textMuted: "#9ca3af",
7
+ textDim: "#52525b",
8
+ ranging: "#10b981",
9
+ mixed: "#fbbf24",
10
+ trending: "#ef4444",
11
+ unknown: "#52525b"
12
+ };
13
+ const meta = {
14
+ RANGING: { label: "RANGING", color: palette.ranging, hint: "Bot conditions favorable" },
15
+ MIXED: { label: "MIXED", color: palette.mixed, hint: "Caution" },
16
+ TRENDING: { label: "TRENDING", color: palette.trending, hint: "Bot should sit out" },
17
+ UNKNOWN: { label: "WARMING UP", color: palette.unknown, hint: "Collecting samples" }
18
+ };
19
+ export function RegimeBadge({ className, ...hookOptions }) {
20
+ const { regime, stddevPct, driftPct, sampleCount } = useVolatilityRegime(hookOptions);
21
+ const m = meta[regime];
22
+ return (_jsxs("div", { className: className, style: {
23
+ alignItems: "center",
24
+ background: palette.bg,
25
+ border: `1px solid ${palette.border}`,
26
+ borderRadius: 10,
27
+ display: "inline-flex",
28
+ fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
29
+ gap: 10,
30
+ padding: "6px 12px"
31
+ }, children: [_jsx("span", { "aria-hidden": true, style: {
32
+ background: m.color,
33
+ borderRadius: 999,
34
+ boxShadow: regime === "RANGING" ? `0 0 8px ${m.color}88` : "none",
35
+ height: 8,
36
+ width: 8
37
+ } }), _jsxs("div", { style: { display: "grid", gap: 2 }, children: [_jsx("strong", { style: { color: m.color, fontSize: 11, fontWeight: 700, letterSpacing: "0.08em" }, children: m.label }), _jsxs("span", { style: { color: palette.textDim, fontSize: 10, fontVariantNumeric: "tabular-nums" }, children: [stddevPct !== null ? `σ ${stddevPct.toFixed(2)}%` : "σ —", driftPct !== null ? ` · Δ ${driftPct >= 0 ? "+" : ""}${driftPct.toFixed(2)}%` : "", ` · n=${sampleCount}`] })] })] }));
38
+ }
39
+ //# sourceMappingURL=RegimeBadge.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RegimeBadge.js","sourceRoot":"","sources":["../src/RegimeBadge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAgD,MAAM,0BAA0B,CAAC;AAM7G,MAAM,OAAO,GAAG;IACd,EAAE,EAAE,SAAS;IACb,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,SAAS;IACpB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,SAAS;IACnB,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,MAAM,IAAI,GAAmE;IAC3E,OAAO,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC,OAAO,EAAE,IAAI,EAAE,0BAA0B,EAAE;IACvF,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE;IAChE,QAAQ,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,EAAE,oBAAoB,EAAE;IACpF,OAAO,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,CAAC,OAAO,EAAE,IAAI,EAAE,oBAAoB,EAAE;CACrF,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,WAAW,EAAoB;IACzE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,mBAAmB,CAAC,WAAW,CAAC,CAAC;IACtF,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;IAEvB,OAAO,CACL,eACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;YACL,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,OAAO,CAAC,EAAE;YACtB,MAAM,EAAE,aAAa,OAAO,CAAC,MAAM,EAAE;YACrC,YAAY,EAAE,EAAE;YAChB,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,0DAA0D;YACtE,GAAG,EAAE,EAAE;YACP,OAAO,EAAE,UAAU;SACpB,aAED,oCAEE,KAAK,EAAE;oBACL,UAAU,EAAE,CAAC,CAAC,KAAK;oBACnB,YAAY,EAAE,GAAG;oBACjB,SAAS,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM;oBACjE,MAAM,EAAE,CAAC;oBACT,KAAK,EAAE,CAAC;iBACT,GACD,EACF,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,aACrC,iBAAQ,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAG,CAAC,CAAC,KAAK,GAAU,EAC7G,gBAAM,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,kBAAkB,EAAE,cAAc,EAAE,aACtF,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EACzD,QAAQ,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAClF,QAAQ,WAAW,EAAE,IACjB,IACH,IACF,CACP,CAAC;AACJ,CAAC"}
@@ -0,0 +1,8 @@
1
+ import { type UseBinanceTradesOptions } from "./useBinanceTrades.js";
2
+ export type TradeTapeProps = UseBinanceTradesOptions & {
3
+ className?: string;
4
+ title?: string;
5
+ rows?: number;
6
+ };
7
+ export declare function TradeTape({ className, title, rows, ...hookOptions }: TradeTapeProps): import("react/jsx-runtime").JSX.Element;
8
+ //# sourceMappingURL=TradeTape.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TradeTape.d.ts","sourceRoot":"","sources":["../src/TradeTape.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoB,KAAK,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAEvF,MAAM,MAAM,cAAc,GAAG,uBAAuB,GAAG;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AA8BF,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,KAAuB,EAAE,IAAS,EAAE,GAAG,WAAW,EAAE,EAAE,cAAc,2CAuD1G"}
@@ -0,0 +1,67 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useBinanceTrades } from "./useBinanceTrades.js";
3
+ const palette = {
4
+ bg: "#0a0a0a",
5
+ border: "#1f1f23",
6
+ text: "#f5f5f7",
7
+ textMuted: "#9ca3af",
8
+ textDim: "#52525b",
9
+ buy: "#10b981",
10
+ sell: "#ef4444"
11
+ };
12
+ const priceFormatter = new Intl.NumberFormat("en-US", {
13
+ maximumFractionDigits: 2,
14
+ minimumFractionDigits: 2
15
+ });
16
+ const sizeFormatter = new Intl.NumberFormat("en-US", {
17
+ maximumFractionDigits: 4,
18
+ minimumFractionDigits: 4
19
+ });
20
+ function timeAgo(ts) {
21
+ const seconds = Math.max(0, (Date.now() - ts) / 1000);
22
+ if (seconds < 60)
23
+ return `${seconds.toFixed(0)}s`;
24
+ const minutes = seconds / 60;
25
+ if (minutes < 60)
26
+ return `${minutes.toFixed(0)}m`;
27
+ return `${(minutes / 60).toFixed(1)}h`;
28
+ }
29
+ export function TradeTape({ className, title = "Recent Trades", rows = 20, ...hookOptions }) {
30
+ const { trades, status, symbol } = useBinanceTrades({ ...hookOptions, maxTrades: rows });
31
+ return (_jsxs("section", { className: className, style: {
32
+ background: palette.bg,
33
+ border: `1px solid ${palette.border}`,
34
+ borderRadius: 14,
35
+ boxShadow: "0 20px 60px rgba(0, 0, 0, 0.55)",
36
+ color: palette.text,
37
+ display: "grid",
38
+ fontFamily: "system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
39
+ gap: 10,
40
+ maxWidth: 360,
41
+ padding: 18
42
+ }, children: [_jsxs("header", { style: { alignItems: "center", display: "flex", justifyContent: "space-between" }, children: [_jsx("h3", { style: { fontSize: 14, fontWeight: 700, letterSpacing: "0.02em", margin: 0 }, children: title }), _jsx(StatusDot, { status: status, symbol: symbol })] }), _jsx(HeaderRow, {}), _jsx("div", { style: { display: "grid", gap: 1, maxHeight: 360, overflow: "hidden" }, children: trades.length === 0 ? (_jsx("div", { style: { color: palette.textDim, fontSize: 12, padding: "20px 0", textAlign: "center" }, children: "Waiting for trades\u2026" })) : (trades.map((trade) => {
43
+ const color = trade.side === "buy" ? palette.buy : palette.sell;
44
+ return (_jsxs("div", { style: {
45
+ display: "grid",
46
+ fontSize: 12,
47
+ fontVariantNumeric: "tabular-nums",
48
+ gridTemplateColumns: "1fr 1fr 56px",
49
+ padding: "3px 4px"
50
+ }, children: [_jsx("span", { style: { color, fontWeight: 600 }, children: priceFormatter.format(trade.price) }), _jsx("span", { style: { color: palette.text, textAlign: "right" }, children: sizeFormatter.format(trade.size) }), _jsx("span", { style: { color: palette.textDim, textAlign: "right" }, children: timeAgo(trade.timestamp) })] }, trade.id));
51
+ })) })] }));
52
+ }
53
+ function HeaderRow() {
54
+ const cell = {
55
+ color: palette.textDim,
56
+ fontSize: 10,
57
+ fontWeight: 600,
58
+ letterSpacing: "0.08em",
59
+ textTransform: "uppercase"
60
+ };
61
+ return (_jsxs("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr 56px", padding: "0 4px" }, children: [_jsx("span", { style: cell, children: "Price" }), _jsx("span", { style: { ...cell, textAlign: "right" }, children: "Size" }), _jsx("span", { style: { ...cell, textAlign: "right" }, children: "Age" })] }));
62
+ }
63
+ function StatusDot({ status, symbol }) {
64
+ const color = status === "live" ? palette.buy : status === "connecting" ? "#fbbf24" : palette.sell;
65
+ return (_jsxs("span", { style: { alignItems: "center", color: palette.textMuted, display: "inline-flex", fontSize: 11, gap: 6 }, children: [_jsx("span", { "aria-hidden": true, style: { background: color, borderRadius: 999, height: 6, width: 6 } }), symbol] }));
66
+ }
67
+ //# sourceMappingURL=TradeTape.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TradeTape.js","sourceRoot":"","sources":["../src/TradeTape.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,41 @@
1
+ import type { Regime } from "./useVolatilityRegime.js";
2
+ export type BotDecision = "BUY" | "SELL" | "WAIT" | "STAND DOWN";
3
+ export type DecisionReason = {
4
+ text: string;
5
+ tone: "good" | "bad" | "neutral";
6
+ };
7
+ export type DecisionInputs = {
8
+ regime: Regime;
9
+ bookImbalance: number;
10
+ tradeImbalance: number;
11
+ spreadPct: number;
12
+ venueDivergenceBps: number | null;
13
+ bookDepthWithinHalfPctEth: number;
14
+ midPrice: number | null;
15
+ };
16
+ export type DecisionResult = {
17
+ decision: BotDecision;
18
+ confidence: number;
19
+ reasons: DecisionReason[];
20
+ };
21
+ export type DecisionThresholds = {
22
+ imbalanceThreshold: number;
23
+ flowThreshold: number;
24
+ spreadWidePct: number;
25
+ divergenceBps: number;
26
+ minDepthEth: number;
27
+ };
28
+ export declare const DEFAULT_DECISION_THRESHOLDS: DecisionThresholds;
29
+ export declare function computeBotDecision(inputs: DecisionInputs, thresholds?: DecisionThresholds): DecisionResult;
30
+ export type BookLevel = {
31
+ price: number;
32
+ size: number;
33
+ };
34
+ export declare function computeBookImbalance(bids: BookLevel[], asks: BookLevel[], midPrice: number, withinPct?: number): number;
35
+ export declare function computeBookDepth(bids: BookLevel[], asks: BookLevel[], midPrice: number, withinPct?: number): number;
36
+ export declare function computeTradeImbalance(trades: {
37
+ side: "buy" | "sell";
38
+ size: number;
39
+ timestamp: number;
40
+ }[], windowMs?: number, nowMs?: number): number;
41
+ //# sourceMappingURL=decisionEngine.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"decisionEngine.d.ts","sourceRoot":"","sources":["../src/decisionEngine.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAEvD,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;AAEjE,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,yBAAyB,EAAE,MAAM,CAAC;IAClC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,WAAW,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,cAAc,EAAE,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,kBAMzC,CAAC;AAEF,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,cAAc,EACtB,UAAU,GAAE,kBAAgD,GAC3D,cAAc,CA2HhB;AAKD,MAAM,MAAM,SAAS,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAExD,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,SAAS,EAAE,EACjB,IAAI,EAAE,SAAS,EAAE,EACjB,QAAQ,EAAE,MAAM,EAChB,SAAS,SAAQ,GAChB,MAAM,CASR;AAED,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,SAAS,EAAE,EACjB,IAAI,EAAE,SAAS,EAAE,EACjB,QAAQ,EAAE,MAAM,EAChB,SAAS,SAAQ,GAChB,MAAM,CAMR;AAED,wBAAgB,qBAAqB,CACnC,MAAM,EAAE;IAAE,IAAI,EAAE,KAAK,GAAG,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,EAAE,EACnE,QAAQ,SAAS,EACjB,KAAK,SAAa,GACjB,MAAM,CAYR"}