@tradecanvas/commons 0.1.0

package/dist/index.js

@@ -0,0 +1,692 @@
+//#region src/types/rendering.ts
+var e = /* @__PURE__ */ function(e) {
+	return e[e.Background = 0] = "Background", e[e.Main = 1] = "Main", e[e.Panel = 2] = "Panel", e[e.Overlay = 3] = "Overlay", e[e.UI = 4] = "UI", e;
+}({}), t = {
+	color: "#2196F3",
+	lineWidth: 1,
+	lineStyle: "solid",
+	fillColor: "rgba(33, 150, 243, 0.1)",
+	fillOpacity: .1,
+	fontSize: 12
+}, n = {
+	enabled: !0,
+	orderColors: {
+		buy: "#26A69A",
+		sell: "#EF5350"
+	},
+	positionColors: {
+		profit: "#26A69A",
+		loss: "#EF5350",
+		entry: "#2196F3"
+	},
+	depthOverlay: {
+		enabled: !1,
+		bidColor: "rgba(38,166,154,0.15)",
+		askColor: "rgba(239,83,80,0.15)",
+		maxWidth: 100
+	},
+	contextMenu: { enabled: !0 },
+	pricePrecision: 2,
+	dragThreshold: 3
+}, r = {
+	enabled: !0,
+	maxRetries: Infinity,
+	baseDelay: 1e3,
+	maxDelay: 3e4,
+	backoffMultiplier: 2
+}, i = {
+	historyLimit: 500,
+	autoScroll: !0,
+	showCurrentPriceLine: !0,
+	aggregateTicks: !1
+};
+//#endregion
+//#region src/utils/math.ts
+function a(e, t, n) {
+	return Math.max(t, Math.min(n, e));
+}
+function o(e, t, n) {
+	return e + (t - e) * n;
+}
+function s(e, t, n) {
+	return e === t ? 0 : (n - e) / (t - e);
+}
+function c(e, t) {
+	return Math.round(e / t) * t;
+}
+function l(e, t) {
+	let n = Math.floor(Math.log10(e)), r = e / 10 ** n, i;
+	return i = t ? r < 1.5 ? 1 : r < 3 ? 2 : r < 7 ? 5 : 10 : r <= 1 ? 1 : r <= 2 ? 2 : r <= 5 ? 5 : 10, i * 10 ** n;
+}
+function u(e, t, n) {
+	return l(l(t - e, !1) / (n - 1), !0);
+}
+//#endregion
+//#region src/utils/data.ts
+function d(e, t, n) {
+	let r = Math.max(0, t), i = Math.min(e.length, n + 1);
+	return e.slice(r, i);
+}
+function f(e, t) {
+	let n = 0, r = e.length - 1;
+	for (; n <= r;) {
+		let i = n + r >>> 1;
+		if (e[i].time < t) n = i + 1;
+		else if (e[i].time > t) r = i - 1;
+		else return i;
+	}
+	return n;
+}
+function p(e, t, n, r = .05) {
+	if (e.length === 0) return {
+		min: 0,
+		max: 1
+	};
+	let i = Math.max(0, t), a = Math.min(e.length - 1, n), o = Infinity, s = -Infinity;
+	for (let t = i; t <= a; t++) e[t].low < o && (o = e[t].low), e[t].high > s && (s = e[t].high);
+	if (o === Infinity) return {
+		min: 0,
+		max: 1
+	};
+	let c = s - o || 1;
+	return {
+		min: o - c * r,
+		max: s + c * r
+	};
+}
+function m(e, t) {
+	return {
+		...e,
+		high: Math.max(e.high, t.price),
+		low: Math.min(e.low, t.price),
+		close: t.price,
+		volume: e.volume + (t.volume ?? 0),
+		time: t.time
+	};
+}
+//#endregion
+//#region src/utils/color.ts
+function h(e, t = 1) {
+	return `rgba(${parseInt(e.slice(1, 3), 16)}, ${parseInt(e.slice(3, 5), 16)}, ${parseInt(e.slice(5, 7), 16)}, ${t})`;
+}
+function ee(e, t) {
+	if (e.startsWith("#")) return h(e, t);
+	let n = e.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
+	return n ? `rgba(${n[1]}, ${n[2]}, ${n[3]}, ${t})` : e;
+}
+//#endregion
+//#region src/utils/time.ts
+var g = {
+	"1s": 1e3,
+	"5s": 5e3,
+	"15s": 15e3,
+	"30s": 3e4,
+	"1m": 6e4,
+	"3m": 18e4,
+	"5m": 3e5,
+	"15m": 9e5,
+	"30m": 18e5,
+	"45m": 27e5,
+	"1h": 36e5,
+	"2h": 72e5,
+	"3h": 108e5,
+	"4h": 144e5,
+	"6h": 216e5,
+	"8h": 288e5,
+	"12h": 432e5,
+	"1d": 864e5,
+	"2d": 1728e5,
+	"3d": 2592e5,
+	"1w": 6048e5,
+	"2w": 12096e5,
+	"1M": 2592e6,
+	"3M": 7776e6,
+	"6M": 15552e6,
+	"12M": 31536e6
+};
+function _(e) {
+	return g[e];
+}
+function v(e, t) {
+	let n = new Date(e), r = g[t];
+	return r >= 864e5 ? n.toLocaleDateString(void 0, {
+		month: "short",
+		day: "numeric"
+	}) : r >= 36e5 ? n.toLocaleTimeString(void 0, {
+		hour: "2-digit",
+		minute: "2-digit"
+	}) : n.toLocaleTimeString(void 0, {
+		hour: "2-digit",
+		minute: "2-digit",
+		second: "2-digit"
+	});
+}
+function y(e, t) {
+	let n = g[t];
+	return Math.floor(e / n) * n;
+}
+//#endregion
+//#region src/utils/precision.ts
+function b(e, t = 2) {
+	return e.toFixed(t);
+}
+function x(e) {
+	return e >= 1e9 ? (e / 1e9).toFixed(2) + "B" : e >= 1e6 ? (e / 1e6).toFixed(2) + "M" : e >= 1e3 ? (e / 1e3).toFixed(2) + "K" : e.toFixed(0);
+}
+function S(e) {
+	let t = 0;
+	for (let n of e) {
+		let e = n.toString(), r = e.indexOf(".");
+		r >= 0 && (t = Math.max(t, e.length - r - 1));
+	}
+	return Math.min(t, 8);
+}
+//#endregion
+//#region src/constants/defaults.ts
+var C = {
+	autoScale: !0,
+	rightMargin: 5,
+	minBarSpacing: 2,
+	maxBarSpacing: 30,
+	grid: {
+		visible: !0,
+		hLineStyle: "solid",
+		vLineStyle: "solid"
+	},
+	crosshair: { mode: "magnet" }
+}, w = [
+	"1s",
+	"1m",
+	"3m",
+	"5m",
+	"15m",
+	"30m",
+	"1h",
+	"2h",
+	"4h",
+	"6h",
+	"8h",
+	"12h",
+	"1d",
+	"3d",
+	"1w",
+	"1M"
+], T = [
+	"1m",
+	"5m",
+	"15m",
+	"30m",
+	"1h",
+	"2h",
+	"4h",
+	"1d",
+	"1w",
+	"1M",
+	"3M",
+	"6M",
+	"12M"
+], E = [
+	"1m",
+	"5m",
+	"15m",
+	"30m",
+	"1h",
+	"4h",
+	"1d",
+	"1w",
+	"1M"
+], D = [
+	"1m",
+	"5m",
+	"15m",
+	"1h",
+	"4h",
+	"1d",
+	"1w"
+], O = 8, k = 2, A = 70, j = 30, M = 60, N = 120, P = {
+	family: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif",
+	sizeSmall: 10,
+	sizeMedium: 12,
+	sizeLarge: 14
+}, F = {
+	name: "dark",
+	background: "#131722",
+	text: "#D1D4DC",
+	textSecondary: "#787B86",
+	grid: "#1E222D",
+	crosshair: "#9598A1",
+	candleUp: "#26A69A",
+	candleDown: "#EF5350",
+	candleUpWick: "#26A69A",
+	candleDownWick: "#EF5350",
+	lineColor: "#2196F3",
+	areaTopColor: "rgba(33, 150, 243, 0.4)",
+	areaBottomColor: "rgba(33, 150, 243, 0.0)",
+	volumeUp: "rgba(38, 166, 154, 0.3)",
+	volumeDown: "rgba(239, 83, 80, 0.3)",
+	axisLine: "#2A2E39",
+	axisLabel: "#D1D4DC",
+	axisLabelBackground: "#2A2E39",
+	font: P
+}, I = {
+	name: "light",
+	background: "#FFFFFF",
+	text: "#131722",
+	textSecondary: "#787B86",
+	grid: "#F0F3FA",
+	crosshair: "#9598A1",
+	candleUp: "#26A69A",
+	candleDown: "#EF5350",
+	candleUpWick: "#26A69A",
+	candleDownWick: "#EF5350",
+	lineColor: "#2196F3",
+	areaTopColor: "rgba(33, 150, 243, 0.4)",
+	areaBottomColor: "rgba(33, 150, 243, 0.0)",
+	volumeUp: "rgba(38, 166, 154, 0.3)",
+	volumeDown: "rgba(239, 83, 80, 0.3)",
+	axisLine: "#E0E3EB",
+	axisLabel: "#131722",
+	axisLabelBackground: "#F0F3FA",
+	font: P
+}, L = {
+	candlestick: "Candlestick",
+	line: "Line",
+	area: "Area",
+	bar: "OHLC Bar",
+	price: "Price",
+	volume: "Volume",
+	time: "Time",
+	open: "Open",
+	high: "High",
+	low: "Low",
+	close: "Close",
+	sma: "SMA",
+	ema: "EMA",
+	bollingerBands: "Bollinger Bands",
+	vwap: "VWAP",
+	ichimoku: "Ichimoku Cloud",
+	parabolicSAR: "Parabolic SAR",
+	supertrend: "Supertrend",
+	keltnerChannel: "Keltner Channel",
+	donchianChannel: "Donchian Channel",
+	rsi: "RSI",
+	macd: "MACD",
+	stochastic: "Stochastic",
+	atr: "ATR",
+	adx: "ADX",
+	obv: "OBV",
+	williamsR: "Williams %R",
+	cci: "CCI",
+	mfi: "MFI",
+	aroon: "Aroon",
+	roc: "ROC",
+	tsi: "TSI",
+	cmf: "CMF",
+	stddev: "Std Dev",
+	volumeProfile: "Volume Profile",
+	accumulationDistribution: "A/D Line",
+	vroc: "VROC",
+	trendLine: "Trend Line",
+	horizontalLine: "Horizontal Line",
+	verticalLine: "Vertical Line",
+	ray: "Ray",
+	extendedLine: "Extended Line",
+	parallelChannel: "Parallel Channel",
+	regressionChannel: "Regression Channel",
+	fibRetracement: "Fibonacci Retracement",
+	fibExtension: "Fibonacci Extension",
+	rectangle: "Rectangle",
+	ellipse: "Ellipse",
+	triangle: "Triangle",
+	pitchfork: "Andrews' Pitchfork",
+	elliottWave: "Elliott Wave",
+	priceRange: "Price Range",
+	dateRange: "Date Range",
+	measure: "Measure",
+	textTool: "Text",
+	arrow: "Arrow",
+	clearAll: "Clear All",
+	buy: "Buy",
+	sell: "Sell",
+	buyLimit: "Buy Limit",
+	sellLimit: "Sell Limit",
+	buyStop: "Buy Stop",
+	sellStop: "Sell Stop",
+	stopLoss: "Stop Loss",
+	takeProfit: "Take Profit",
+	market: "Market",
+	limit: "Limit",
+	stop: "Stop",
+	cancel: "Cancel",
+	modify: "Modify",
+	quantity: "Qty",
+	pnl: "P&L",
+	activeOrders: "Active Orders",
+	positions: "Positions",
+	noOrders: "No active orders",
+	noPositions: "No open positions",
+	placeOrder: "Place Order",
+	rightClickToTrade: "Right-click chart to place orders",
+	ceiling: "Ceiling",
+	floor: "Floor",
+	reference: "Reference",
+	session: "Session",
+	preOpen: "Pre-Open",
+	continuous: "Continuous",
+	preClose: "Pre-Close",
+	closed: "Closed",
+	settings: "Settings",
+	theme: "Theme",
+	darkTheme: "Dark",
+	lightTheme: "Light",
+	tools: "Tools",
+	indicators: "Indicators",
+	overlays: "Overlays",
+	panels: "Panels",
+	orders: "Orders",
+	autoScale: "Auto Scale",
+	crosshair: "Crosshair",
+	grid: "Grid",
+	loading: "Loading...",
+	error: "Error",
+	numberDecimalSeparator: ".",
+	numberGroupSeparator: ","
+}, R = {
+	candlestick: "Nến",
+	line: "Đường",
+	area: "Vùng",
+	bar: "Thanh OHLC",
+	price: "Giá",
+	volume: "Khối lượng",
+	time: "Thời gian",
+	open: "Mở",
+	high: "Cao",
+	low: "Thấp",
+	close: "Đóng",
+	sma: "SMA",
+	ema: "EMA",
+	bollingerBands: "Dải Bollinger",
+	vwap: "VWAP",
+	ichimoku: "Mây Ichimoku",
+	parabolicSAR: "Parabolic SAR",
+	supertrend: "Supertrend",
+	keltnerChannel: "Kênh Keltner",
+	donchianChannel: "Kênh Donchian",
+	rsi: "RSI",
+	macd: "MACD",
+	stochastic: "Stochastic",
+	atr: "ATR",
+	adx: "ADX",
+	obv: "OBV",
+	williamsR: "Williams %R",
+	cci: "CCI",
+	mfi: "MFI",
+	aroon: "Aroon",
+	roc: "ROC",
+	tsi: "TSI",
+	cmf: "CMF",
+	stddev: "Độ lệch chuẩn",
+	volumeProfile: "Phân bổ KL",
+	accumulationDistribution: "Tích lũy/Phân phối",
+	vroc: "VROC",
+	trendLine: "Đường xu hướng",
+	horizontalLine: "Đường ngang",
+	verticalLine: "Đường dọc",
+	ray: "Tia",
+	extendedLine: "Đường kéo dài",
+	parallelChannel: "Kênh song song",
+	regressionChannel: "Kênh hồi quy",
+	fibRetracement: "Fibonacci thoái lui",
+	fibExtension: "Fibonacci mở rộng",
+	rectangle: "Hình chữ nhật",
+	ellipse: "Hình elip",
+	triangle: "Tam giác",
+	pitchfork: "Chĩa ba Andrews",
+	elliottWave: "Sóng Elliott",
+	priceRange: "Khoảng giá",
+	dateRange: "Khoảng thời gian",
+	measure: "Đo lường",
+	textTool: "Chữ",
+	arrow: "Mũi tên",
+	clearAll: "Xóa tất cả",
+	buy: "Mua",
+	sell: "Bán",
+	buyLimit: "Mua giới hạn",
+	sellLimit: "Bán giới hạn",
+	buyStop: "Mua chặn",
+	sellStop: "Bán chặn",
+	stopLoss: "Cắt lỗ",
+	takeProfit: "Chốt lời",
+	market: "Thị trường",
+	limit: "Giới hạn",
+	stop: "Dừng",
+	cancel: "Hủy",
+	modify: "Sửa",
+	quantity: "KL",
+	pnl: "Lãi/Lỗ",
+	activeOrders: "Lệnh chờ",
+	positions: "Vị thế",
+	noOrders: "Không có lệnh chờ",
+	noPositions: "Không có vị thế mở",
+	placeOrder: "Đặt lệnh",
+	rightClickToTrade: "Nhấp chuột phải để đặt lệnh",
+	ceiling: "Trần",
+	floor: "Sàn",
+	reference: "Tham chiếu",
+	session: "Phiên",
+	preOpen: "Trước giờ mở",
+	continuous: "Liên tục",
+	preClose: "Trước giờ đóng",
+	closed: "Đóng cửa",
+	settings: "Cài đặt",
+	theme: "Giao diện",
+	darkTheme: "Tối",
+	lightTheme: "Sáng",
+	tools: "Công cụ",
+	indicators: "Chỉ báo",
+	overlays: "Phủ lên",
+	panels: "Bảng",
+	orders: "Lệnh",
+	autoScale: "Tự co giãn",
+	crosshair: "Chữ thập",
+	grid: "Lưới",
+	loading: "Đang tải...",
+	error: "Lỗi",
+	numberDecimalSeparator: ",",
+	numberGroupSeparator: "."
+}, z = new Map([["en", L], ["vi", R]]), B = "en", V = L;
+function H(e) {
+	B = e, V = z.get(e) ?? L;
+}
+function U() {
+	return B;
+}
+function W(e) {
+	return V[e] ?? L[e] ?? e;
+}
+function G(e, t) {
+	z.set(e, t);
+}
+function K(e) {
+	return z.get(e ?? B) ?? L;
+}
+function q(e, t = 2, n) {
+	let r = z.get(n ?? B) ?? L, i = r.numberDecimalSeparator, a = r.numberGroupSeparator, [o, s] = e.toFixed(t).split("."), c = o.startsWith("-"), l = c ? o.slice(1) : o, u = "";
+	for (let e = l.length - 1, t = 0; e >= 0; e--, t++) t > 0 && t % 3 == 0 && (u = a + u), u = l[e] + u;
+	return c && (u = "-" + u), s ? u + i + s : u;
+}
+function J(e) {
+	return q(e, 0, "vi");
+}
+function Y(e, t) {
+	return e >= 1e9 ? q(e / 1e9, 2, t ?? B) + "B" : e >= 1e6 ? q(e / 1e6, 2, t ?? B) + "M" : e >= 1e3 ? q(e / 1e3, 2, t ?? B) + "K" : q(e, 0, t ?? B);
+}
+//#endregion
+//#region src/market/presets.ts
+var X = {
+	up: "#FF0000",
+	down: "#0000FF",
+	unchanged: "#FFD700",
+	ceiling: "#FF00FF",
+	floor: "#00FFFF",
+	reference: "#FFD700"
+}, Z = [
+	{
+		name: "ATO",
+		startTime: "09:00",
+		endTime: "09:15",
+		type: "preOpen"
+	},
+	{
+		name: "Phiên 1",
+		startTime: "09:15",
+		endTime: "11:30",
+		type: "continuous"
+	},
+	{
+		name: "Nghỉ trưa",
+		startTime: "11:30",
+		endTime: "13:00",
+		type: "closed"
+	},
+	{
+		name: "Phiên 2",
+		startTime: "13:00",
+		endTime: "14:30",
+		type: "continuous"
+	},
+	{
+		name: "ATC",
+		startTime: "14:30",
+		endTime: "14:45",
+		type: "preClose"
+	}
+], Q = [
+	{
+		name: "Phiên 1",
+		startTime: "09:00",
+		endTime: "11:30",
+		type: "continuous"
+	},
+	{
+		name: "Nghỉ trưa",
+		startTime: "11:30",
+		endTime: "13:00",
+		type: "closed"
+	},
+	{
+		name: "Phiên 2",
+		startTime: "13:00",
+		endTime: "14:30",
+		type: "continuous"
+	},
+	{
+		name: "ATC",
+		startTime: "14:30",
+		endTime: "14:45",
+		type: "preClose"
+	}
+], $ = {
+	type: "stock",
+	exchange: "HOSE",
+	currency: "VND",
+	pricePrecision: 2,
+	volumeUnit: 10,
+	priceStep: .05,
+	priceLimits: {
+		enabled: !0,
+		ceilingPercent: 7,
+		floorPercent: 7
+	},
+	sessions: Z,
+	colorScheme: X
+}, te = {
+	type: "stock",
+	exchange: "HNX",
+	currency: "VND",
+	pricePrecision: 1,
+	volumeUnit: 100,
+	priceStep: .1,
+	priceLimits: {
+		enabled: !0,
+		ceilingPercent: 10,
+		floorPercent: 10
+	},
+	sessions: Q,
+	colorScheme: X
+}, ne = {
+	type: "stock",
+	exchange: "UPCOM",
+	currency: "VND",
+	pricePrecision: 1,
+	volumeUnit: 100,
+	priceStep: .1,
+	priceLimits: {
+		enabled: !0,
+		ceilingPercent: 15,
+		floorPercent: 15
+	},
+	sessions: Q,
+	colorScheme: X
+}, re = {
+	type: "crypto",
+	currency: "USDT",
+	pricePrecision: 2,
+	priceLimits: { enabled: !1 }
+}, ie = {
+	type: "stock",
+	exchange: "NYSE",
+	currency: "USD",
+	pricePrecision: 2,
+	priceStep: .01,
+	priceLimits: { enabled: !1 },
+	sessions: [
+		{
+			name: "Pre-Market",
+			startTime: "04:00",
+			endTime: "09:30",
+			type: "preOpen"
+		},
+		{
+			name: "Regular",
+			startTime: "09:30",
+			endTime: "16:00",
+			type: "continuous"
+		},
+		{
+			name: "After-Hours",
+			startTime: "16:00",
+			endTime: "20:00",
+			type: "preClose"
+		}
+	]
+};
+function ae(e) {
+	return {
+		...e,
+		candleUp: X.up,
+		candleDown: X.down,
+		candleUpWick: X.up,
+		candleDownWick: X.down,
+		volumeUp: "rgba(255, 0, 0, 0.3)",
+		volumeDown: "rgba(0, 0, 255, 0.3)"
+	};
+}
+function oe(e, t) {
+	if (!t.priceLimits?.enabled || !t.priceLimits.ceilingPercent) return null;
+	let n = t.priceLimits.ceilingPercent / 100, r = (t.priceLimits.floorPercent ?? t.priceLimits.ceilingPercent) / 100;
+	return {
+		ceiling: e * (1 + n),
+		floor: e * (1 - r),
+		reference: e
+	};
+}
+function se(e) {
+	let t = /* @__PURE__ */ new Date(), n = `${String(t.getHours()).padStart(2, "0")}:${String(t.getMinutes()).padStart(2, "0")}`;
+	for (let t of e) if (n >= t.startTime && n < t.endTime) return t;
+	return null;
+}
+//#endregion
+export { F as DARK_THEME, k as DEFAULT_BAR_SPACING, O as DEFAULT_BAR_WIDTH, C as DEFAULT_CHART_OPTIONS, t as DEFAULT_DRAWING_STYLE, N as DEFAULT_PANEL_HEIGHT, r as DEFAULT_RECONNECT, i as DEFAULT_STREAM_CONFIG, D as DEFAULT_TIMEFRAME_FAVORITES, n as DEFAULT_TRADING_CONFIG, Q as HNX_SESSIONS, Z as HOSE_SESSIONS, I as LIGHT_THEME, e as LayerType, re as MARKET_CRYPTO, te as MARKET_HNX, $ as MARKET_HOSE, ie as MARKET_NYSE, ne as MARKET_UPCOM, M as MIN_PANEL_HEIGHT, A as PRICE_AXIS_WIDTH, w as TIMEFRAMES_CRYPTO, E as TIMEFRAMES_FOREX, T as TIMEFRAMES_STOCK, j as TIME_AXIS_HEIGHT, X as VN_COLORS, y as alignToTimeframe, a as clamp, oe as computePriceLimits, p as computePriceRange, u as computeTickStep, ae as createVNTheme, S as detectPrecision, L as en, f as findBarIndex, q as formatNumber, b as formatPrice, v as formatTimestamp, J as formatVND, x as formatVolume, Y as formatVolumeLoc, se as getCurrentSession, U as getLocale, K as getLocaleStrings, h as hexToRgba, s as inverseLerp, o as lerp, m as mergeBar, l as niceNumber, G as registerLocale, c as roundToStep, H as setLocale, d as sliceVisibleData, W as t, _ as timeframeToMs, R as vi, ee as withAlpha };
+
+//# sourceMappingURL=index.js.map