@tradejs/app 3.0.1 → 3.1.0

package/src/app/routes/derivatives/derivativesDashboardConfig.ts

@@ -0,0 +1,53 @@
+import { buildKlinePath } from '#app/lib/marketRoutes';
+import type { DerivativesInterval } from './derivativesViewModel';
+
+export type ChartWindow = {
+  startTimestamp: number;
+  endTimestamp: number;
+};
+
+export const HOURS_OPTIONS = [
+  { label: 'Last 24h', value: '24' },
+  { label: 'Last 7d', value: '168' },
+  { label: 'Last 30d', value: '720' },
+  { label: 'Last 60d', value: '1440' },
+  { label: 'Last 90d', value: '2160' },
+];
+
+export const INTERVAL_OPTIONS = ['15m', '1h'] as const;
+export const FIXED_SYMBOLS = ['BTCUSDT', 'ETHUSDT'] as const;
+
+const DERIVATIVES_TO_KLINE_INTERVAL = {
+  '15m': '15',
+  '1h': '60',
+} as const;
+
+export const buildDerivativesDashboardRequest = ({
+  hours,
+  selectedInterval,
+  now = Date.now(),
+}: {
+  hours: string;
+  selectedInterval: DerivativesInterval;
+  now?: number;
+}) => {
+  const from = now - Number(hours) * 60 * 60 * 1000;
+  const symbols = FIXED_SYMBOLS.join(',');
+  const klineInterval = DERIVATIVES_TO_KLINE_INTERVAL[selectedInterval];
+
+  return {
+    summaryPath: `/api/derivatives/summary?hours=${hours}&limit=200&symbols=${symbols}`,
+    chartWindow: { startTimestamp: from, endTimestamp: now },
+    details: FIXED_SYMBOLS.map((symbol) => ({
+      symbol,
+      derivativesPath: `/api/derivatives/${symbol}/${selectedInterval}?from=${from}&to=${now}`,
+      pricePath: buildKlinePath({
+        provider: 'bybit',
+        universe: 'crypto',
+        symbol,
+        interval: klineInterval,
+      }),
+      priceBody: { start: from, end: now },
+    })),
+  };
+};

package/src/app/routes/derivatives/derivativesDashboardLoader.ts

@@ -0,0 +1,74 @@
+import {
+  buildDerivativesDashboardRequest,
+  type ChartWindow,
+} from './derivativesDashboardConfig';
+import type {
+  DerivativesInterval,
+  DetailResponse,
+  DetailRow,
+  PriceResponse,
+  PriceRow,
+  SummaryResponse,
+} from './derivativesViewModel';
+
+export interface DerivativesDashboardClient {
+  get<T>(url: string): Promise<T>;
+  post<T>(url: string, body: object): Promise<T>;
+}
+
+export interface DerivativesDashboardData {
+  summary: SummaryResponse;
+  detailsBySymbol: Record<string, DetailRow[]>;
+  pricesBySymbol: Record<string, PriceRow[]>;
+  chartWindow: ChartWindow;
+}
+
+export const loadDerivativesDashboardData = async ({
+  hours,
+  selectedInterval,
+  client,
+  now,
+}: {
+  hours: string;
+  selectedInterval: DerivativesInterval;
+  client: DerivativesDashboardClient;
+  now?: number;
+}): Promise<DerivativesDashboardData> => {
+  const request = buildDerivativesDashboardRequest({
+    hours,
+    selectedInterval,
+    now,
+  });
+  const [summary, details] = await Promise.all([
+    client.get<SummaryResponse>(request.summaryPath),
+    Promise.all(
+      request.details.map(async (detailRequest) => {
+        const [derivativesResponse, priceResponse] = await Promise.all([
+          client.get<DetailResponse>(detailRequest.derivativesPath),
+          client.post<PriceResponse>(
+            detailRequest.pricePath,
+            detailRequest.priceBody,
+          ),
+        ]);
+        return [
+          detailRequest.symbol,
+          {
+            detailRows: derivativesResponse.rows,
+            priceRows: priceResponse.data ?? [],
+          },
+        ] as const;
+      }),
+    ),
+  ]);
+
+  return {
+    summary,
+    detailsBySymbol: Object.fromEntries(
+      details.map(([symbol, payload]) => [symbol, payload.detailRows]),
+    ),
+    pricesBySymbol: Object.fromEntries(
+      details.map(([symbol, payload]) => [symbol, payload.priceRows]),
+    ),
+    chartWindow: request.chartWindow,
+  };
+};