@oanda/labs-crowd-view-widget 1.0.52 → 1.0.54

package/src/CrowdViewWidget/components/Chart/utils/getGridLines.ts

@@ -1,148 +0,0 @@
-import { getLineCommons } from '@oanda/labs-widget-common';
-
-import { CHART_CONFIG } from '../../../constants';
-
-export const getGridLines = ({
-  isDark,
-  isDesktop,
-}: {
-  isDark: boolean;
-  isDesktop: boolean;
-}) => {
-  const {
-    WIDTH,
-    MAIN_HEIGHT,
-    MARGIN_BETWEEN,
-    SENTIMENT_HEIGHT,
-    X_LABEL_SIZE,
-    Y_LABEL_SIZE_DESKTOP,
-    Y_LABEL_SIZE_MOBILE,
-  } = CHART_CONFIG;
-  return [
-    // Main Top
-    {
-      ...getLineCommons(isDark),
-      top: -2,
-      shape: {
-        x1: 0,
-        y1: 0,
-        x2: WIDTH,
-        y2: 0,
-      },
-    },
-    // Main Right
-    {
-      ...getLineCommons(isDark),
-      right: -2,
-      shape: {
-        x1: 0,
-        y1: 0,
-        x2: 0,
-        y2: MAIN_HEIGHT + X_LABEL_SIZE + 2,
-      },
-    },
-    // Main Bottom
-    {
-      ...getLineCommons(isDark),
-      top: MAIN_HEIGHT - 2,
-      shape: {
-        x1: 0,
-        y1: 0,
-        x2: WIDTH,
-        y2: 0,
-      },
-    },
-    // Main Left
-    {
-      ...getLineCommons(isDark),
-      left: -2,
-      shape: {
-        x1: 0,
-        y1: 0,
-        x2: 0,
-        y2: MAIN_HEIGHT + X_LABEL_SIZE + 2,
-      },
-    },
-    // Main Y Label
-    {
-      ...getLineCommons(isDark),
-      right: (isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) - 2,
-      top: -2,
-      shape: {
-        x1: 0,
-        y1: 0,
-        x2: 0,
-        y2: MAIN_HEIGHT,
-      },
-    },
-    // Main X Label
-    {
-      ...getLineCommons(isDark),
-      top: MAIN_HEIGHT + X_LABEL_SIZE,
-      shape: {
-        x1: 0,
-        y1: 0,
-        x2: WIDTH,
-        y2: 0,
-      },
-    },
-    // Sentiment Top
-    {
-      ...getLineCommons(isDark),
-      top: MAIN_HEIGHT + X_LABEL_SIZE + MARGIN_BETWEEN - 2,
-      shape: {
-        x1: 0,
-        y1: 0,
-        x2: WIDTH,
-        y2: 0,
-      },
-    },
-    // Sentiment Right
-    {
-      ...getLineCommons(isDark),
-      top: MAIN_HEIGHT + X_LABEL_SIZE + MARGIN_BETWEEN - 2,
-      right: -2,
-      shape: {
-        x1: 0,
-        y1: 0,
-        x2: 0,
-        y2: SENTIMENT_HEIGHT,
-      },
-    },
-    // Sentiment Bottom
-    {
-      ...getLineCommons(isDark),
-      top: MAIN_HEIGHT + X_LABEL_SIZE + MARGIN_BETWEEN + SENTIMENT_HEIGHT - 3,
-      shape: {
-        x1: 0,
-        y1: 0,
-        x2: WIDTH,
-        y2: 0,
-      },
-    },
-    // Sentiment Left
-    {
-      ...getLineCommons(isDark),
-      top: MAIN_HEIGHT + X_LABEL_SIZE + MARGIN_BETWEEN - 2,
-      left: -2,
-      shape: {
-        x1: 0,
-        y1: 0,
-        x2: 0,
-        y2: SENTIMENT_HEIGHT,
-      },
-    },
-    // Sentiment Y Label
-    {
-      ...getLineCommons(isDark),
-      right: (isDesktop ? Y_LABEL_SIZE_DESKTOP : Y_LABEL_SIZE_MOBILE) - 3,
-      top: MAIN_HEIGHT + X_LABEL_SIZE + MARGIN_BETWEEN - 2,
-      shape: {
-        x1: 0,
-        y1: 0,
-        x2: 0,
-        y2: SENTIMENT_HEIGHT,
-      },
-    },
-  ];
-};

package/src/CrowdViewWidget/components/Chart/utils/getTargetBucketWidth.ts

@@ -1,13 +0,0 @@
-import { Granularity } from '../../../../gql/types/graphql';
-import { BUCKET_CONFIG, INSTRUMENTS_CONFIG } from '../../../constants';
-import type { InstrumentId } from '../../../types';
-
-export const getTargetBucketWidth = (
-  granularity: Granularity,
-  instrument: InstrumentId
-): number => {
-  const bucketWidth = INSTRUMENTS_CONFIG[instrument].defaultBucketWidth;
-  return granularity === Granularity.H1 || granularity === Granularity.H4
-    ? bucketWidth * BUCKET_CONFIG.MULTIPLIER
-    : bucketWidth;
-};

package/src/CrowdViewWidget/components/Chart/utils/index.ts

@@ -1,9 +0,0 @@
-export * from './aggregateBuckets';
-export * from './chartUtils';
-export * from './getChartStyles';
-export * from './getTargetBucketWidth';
-export * from './processBuckets';
-export * from './processOrderPositionBooks';
-export * from './processPriceCandles';
-export * from './processSentiments';
-export * from './validateData';

package/src/CrowdViewWidget/components/Chart/utils/processBuckets.ts

@@ -1,43 +0,0 @@
-import type { GetOrderPositionBooksQuery } from '../../../../gql/types/graphql';
-import { BOOKS_THRESHOLDS } from '../../../constants';
-import type { Bucket } from '../types';
-import { aggregateBuckets } from './aggregateBuckets';
-
-export const processBuckets = (
-  orderPositionData: GetOrderPositionBooksQuery | undefined,
-  targetBucketWidth: number
-): Bucket[][] => {
-  if (!orderPositionData?.orderPositionBooks?.length) {
-    return [];
-  }
-
-  return orderPositionData.orderPositionBooks
-    .filter((book): book is NonNullable<typeof book> => {
-      return book !== null && book.buckets?.length > 0;
-    })
-    .map((book) => {
-      const validBuckets = book.buckets
-        .filter(
-          (bucket): bucket is NonNullable<typeof bucket> =>
-            bucket !== null &&
-            bucket.price !== undefined &&
-            bucket.sentiment !== undefined &&
-            bucket.sentiment !== null
-        )
-        .map((bucket) => ({
-          price: bucket.price!,
-          sentiment: bucket.sentiment!,
-        }));
-
-      const bucketsToFilter =
-        targetBucketWidth > (book.bucketWidth ?? 0)
-          ? aggregateBuckets(validBuckets, targetBucketWidth)
-          : validBuckets;
-
-      const filteredBuckets = bucketsToFilter.filter(
-        (bucket: Bucket) => Math.abs(bucket.sentiment) >= BOOKS_THRESHOLDS.MIN
-      );
-
-      return filteredBuckets;
-    });
-};

package/src/CrowdViewWidget/components/Chart/utils/processOrderPositionBooks.ts

@@ -1,30 +0,0 @@
-import type { GetOrderPositionBooksQuery } from '../../../../gql/types/graphql';
-
-export const processOrderPositionBooks = (
-  orderPositionData: GetOrderPositionBooksQuery | undefined,
-  candleMap: Map<
-    string,
-    {
-      point?: string;
-      high?: number;
-      low?: number;
-      open?: number;
-      close?: number;
-    }
-  >
-): [string, number | null, number][] => {
-  if (!orderPositionData?.orderPositionBooks?.length) {
-    return [];
-  }
-
-  return orderPositionData.orderPositionBooks
-    .filter((book): book is NonNullable<typeof book> => {
-      return book !== null && book.buckets?.length > 0;
-    })
-    .map((book, index) => {
-      const candle = candleMap.get(book.time);
-      const price = candle?.high ?? null;
-
-      return [book.time, price, index] as [string, number | null, number];
-    });
-};

package/src/CrowdViewWidget/components/Chart/utils/processPriceCandles.ts

@@ -1,53 +0,0 @@
-import type { GetPriceCandlesQuery } from '../../../../gql/types/graphql';
-
-export const processPriceCandles = (
-  priceCandlesData: GetPriceCandlesQuery | undefined
-) => {
-  if (!priceCandlesData?.priceCandles?.candle?.length) {
-    return {
-      minPrice: 0,
-      maxPrice: 0,
-      hasValidCandles: false,
-      candleMap: new Map(),
-      candles: [],
-    };
-  }
-
-  const candles = priceCandlesData.priceCandles.candle;
-  let calculatedMinPrice = Number.MAX_VALUE;
-  let calculatedMaxPrice = Number.MIN_VALUE;
-
-  const candleMap = new Map<
-    string,
-    {
-      point?: string;
-      high?: number;
-      low?: number;
-      open?: number;
-      close?: number;
-    }
-  >();
-
-  candles.forEach((candle) => {
-    if (!candle) return;
-
-    if (candle.high > calculatedMaxPrice) {
-      calculatedMaxPrice = candle.high;
-    }
-    if (candle.low < calculatedMinPrice) {
-      calculatedMinPrice = candle.low;
-    }
-
-    if (candle.point) {
-      candleMap.set(candle.point, candle);
-    }
-  });
-
-  return {
-    minPrice: calculatedMinPrice,
-    maxPrice: calculatedMaxPrice,
-    hasValidCandles: true,
-    candleMap,
-    candles,
-  };
-};

package/src/CrowdViewWidget/components/Chart/utils/processSentiments.ts

@@ -1,42 +0,0 @@
-import type { GetSentimentsQuery } from '../../../../gql/types/graphql';
-import type { ProcessedSentiment } from '../types';
-
-export const processSentiments = (
-  sentimentsData: GetSentimentsQuery | undefined,
-  xAxisData: string[]
-): ProcessedSentiment[] => {
-  if (!sentimentsData?.sentiments?.sentiments?.length) {
-    return [];
-  }
-
-  const sentimentMap = new Map(
-    sentimentsData.sentiments.sentiments
-      .filter(
-        (item): item is NonNullable<typeof item> =>
-          item?.time != null &&
-          item.sentiment?.shortPercent != null &&
-          item.sentiment?.longPercent != null
-      )
-      .map((item) => [
-        item.time,
-        {
-          shortPercent: item.sentiment.shortPercent,
-          longPercent: item.sentiment.longPercent,
-        },
-      ])
-  );
-
-  return xAxisData
-    .map((time) => {
-      const sentiment = sentimentMap.get(time);
-      if (!sentiment) {
-        return undefined;
-      }
-      return [
-        time,
-        sentiment.shortPercent,
-        sentiment.longPercent,
-      ] as ProcessedSentiment;
-    })
-    .filter((item): item is ProcessedSentiment => item !== undefined);
-};

package/test/utils/aggregateBuckets.test.ts

@@ -1,82 +0,0 @@
-import { aggregateBuckets } from '../../src/CrowdViewWidget/components';
-
-describe('aggregateBuckets', () => {
-  it('should correctly aggregate a standard set of buckets', () => {
-    const buckets = [
-      { price: 1, sentiment: 1 },
-      { price: 1.05, sentiment: 2 },
-      { price: 1.1, sentiment: 4 },
-      { price: 1.15, sentiment: 3 },
-      { price: 1.2, sentiment: 7 },
-      { price: 1.35, sentiment: 8 },
-      { price: 1.6, sentiment: 10 },
-      { price: 1.65, sentiment: 1 },
-      { price: 1.8, sentiment: 18 },
-    ];
-    const newBucketWidth = 0.1;
-    const expected = [
-      { price: 1.0, sentiment: 3 },
-      { price: 1.1, sentiment: 7 },
-      { price: 1.2, sentiment: 7 },
-      { price: 1.3, sentiment: 8 },
-      { price: 1.6, sentiment: 11 },
-      { price: 1.8, sentiment: 18 },
-    ];
-
-    expect(aggregateBuckets(buckets, newBucketWidth)).toEqual(expected);
-  });
-
-  it('should return an empty array if the input array is empty', () => {
-    expect(aggregateBuckets([], 0.1)).toEqual([]);
-  });
-
-  it('should correctly process an array with a single bucket', () => {
-    const buckets = [{ price: 2.58, sentiment: 15 }];
-    const newBucketWidth = 0.2;
-    const expected = [{ price: 2.4, sentiment: 15 }];
-
-    expect(aggregateBuckets(buckets, newBucketWidth)).toEqual(expected);
-  });
-
-  it('should handle gaps in data without creating empty buckets', () => {
-    const buckets = [
-      { price: 10.1, sentiment: 5 }, // Belongs to bucket 10.0
-      { price: 10.9, sentiment: 8 }, // Belongs to bucket 10.8
-    ];
-    const newBucketWidth = 0.2;
-    const expected = [
-      { price: 10.0, sentiment: 5 },
-      { price: 10.8, sentiment: 8 },
-    ];
-
-    expect(aggregateBuckets(buckets, newBucketWidth)).toEqual(expected);
-  });
-
-  it('should aggregate all items into a single bucket if they fall within the new width', () => {
-    const buckets = [
-      { price: 1.1, sentiment: 10 },
-      { price: 1.5, sentiment: 20 },
-      { price: 1.9, sentiment: 30 },
-    ];
-    const newBucketWidth = 2.0;
-    const expected = [{ price: 0.0, sentiment: 60 }];
-
-    expect(aggregateBuckets(buckets, newBucketWidth)).toEqual(expected);
-  });
-
-  it('should correctly sum sentiments including zero and negative values', () => {
-    const buckets = [
-      { price: 5.0, sentiment: 100 },
-      { price: 5.05, sentiment: -20 },
-      { price: 5.11, sentiment: 0 },
-      { price: 5.18, sentiment: 5 },
-    ];
-    const newBucketWidth = 0.1;
-    const expected = [
-      { price: 5.0, sentiment: 80 },
-      { price: 5.1, sentiment: 5 },
-    ];
-
-    expect(aggregateBuckets(buckets, newBucketWidth)).toEqual(expected);
-  });
-});

package/test/utils/getTargetBucketWidth.test.ts

@@ -1,37 +0,0 @@
-import { getTargetBucketWidth } from '../../src/CrowdViewWidget/components';
-import {
-  BUCKET_CONFIG,
-  INSTRUMENTS_CONFIG,
-} from '../../src/CrowdViewWidget/constants';
-import { InstrumentId } from '../../src/CrowdViewWidget/types';
-import { Granularity } from '../../src/gql/types/graphql';
-
-describe('getTargetBucketWidth', () => {
-  const instrument = InstrumentId.EUR_AUD;
-  const { defaultBucketWidth } = INSTRUMENTS_CONFIG[instrument];
-  const optimizedBucketWidth = defaultBucketWidth * BUCKET_CONFIG.MULTIPLIER;
-
-  it('should return optimized width for H1 granularity', () => {
-    expect(getTargetBucketWidth(Granularity.H1, instrument)).toBe(
-      optimizedBucketWidth
-    );
-  });
-
-  it('should return optimized width for H4 granularity', () => {
-    expect(getTargetBucketWidth(Granularity.H4, instrument)).toBe(
-      optimizedBucketWidth
-    );
-  });
-
-  it('should return default width for M5 granularity', () => {
-    expect(getTargetBucketWidth(Granularity.M5, instrument)).toBe(
-      defaultBucketWidth
-    );
-  });
-
-  it('should return default width for M15 granularity', () => {
-    expect(getTargetBucketWidth(Granularity.M15, instrument)).toBe(
-      defaultBucketWidth
-    );
-  });
-});

package/test/utils/processBuckets.test.ts

@@ -1,153 +0,0 @@
-import { processBuckets } from '../../src/CrowdViewWidget/components';
-import type { GetOrderPositionBooksQuery } from '../../src/gql/types/graphql';
-
-describe('processBuckets', () => {
-  const DEFAULT_BUCKET_WIDTH = 0.0005;
-  const OPTIMIZED_BUCKET_WIDTH = 0.002; // DEFAULT_BUCKET_WIDTH * 4
-
-  const createMockOrderPositionBook = (
-    time: string,
-    buckets: Array<{ price: number; sentiment: number | null } | null>,
-    bucketWidth: number = DEFAULT_BUCKET_WIDTH
-  ) => ({
-    bucketWidth,
-    price: 1.0,
-    time,
-    buckets,
-  });
-
-  it('should return empty array when orderPositionData is undefined', () => {
-    expect(processBuckets(undefined, DEFAULT_BUCKET_WIDTH)).toEqual([]);
-  });
-
-  it('should return empty array when orderPositionBooks is empty', () => {
-    const mockData: GetOrderPositionBooksQuery = {
-      orderPositionBooks: [],
-    };
-    expect(processBuckets(mockData, DEFAULT_BUCKET_WIDTH)).toEqual([]);
-  });
-
-  it('should filter out null books', () => {
-    const mockData: GetOrderPositionBooksQuery = {
-      orderPositionBooks: [null, createMockOrderPositionBook('2025-01-01', [])],
-    };
-    expect(processBuckets(mockData, DEFAULT_BUCKET_WIDTH)).toEqual([]);
-  });
-
-  it('should filter out books with no buckets', () => {
-    const mockData: GetOrderPositionBooksQuery = {
-      orderPositionBooks: [
-        createMockOrderPositionBook('2025-01-01', []),
-        createMockOrderPositionBook('2025-01-02', [
-          { price: 1.0, sentiment: 0.2 },
-        ]),
-      ],
-    };
-    const result = processBuckets(mockData, DEFAULT_BUCKET_WIDTH);
-    expect(result).toHaveLength(1);
-    expect(result[0]).toEqual([{ price: 1.0, sentiment: 0.2 }]);
-  });
-
-  it('should filter out null buckets and buckets with missing price or sentiment', () => {
-    const mockData: GetOrderPositionBooksQuery = {
-      orderPositionBooks: [
-        createMockOrderPositionBook('2025-01-01', [
-          null,
-          { price: 1.0, sentiment: null },
-          { price: undefined as any, sentiment: 0.2 },
-          { price: 1.1, sentiment: 0.2 },
-        ]),
-      ],
-    };
-    const result = processBuckets(mockData, DEFAULT_BUCKET_WIDTH);
-    expect(result).toHaveLength(1);
-    expect(result[0]).toEqual([{ price: 1.1, sentiment: 0.2 }]);
-  });
-
-  it('should filter out buckets below sentiment threshold', () => {
-    const mockData: GetOrderPositionBooksQuery = {
-      orderPositionBooks: [
-        createMockOrderPositionBook('2025-01-01', [
-          { price: 1.0, sentiment: 0.1 }, // below threshold
-          { price: 1.1, sentiment: 0.15 }, // at threshold
-          { price: 1.2, sentiment: 0.2 }, // above threshold
-          { price: 1.3, sentiment: -0.1 }, // below threshold (absolute)
-          { price: 1.4, sentiment: -0.15 }, // at threshold (absolute)
-          { price: 1.5, sentiment: -0.2 }, // above threshold (absolute)
-        ]),
-      ],
-    };
-    const result = processBuckets(mockData, DEFAULT_BUCKET_WIDTH);
-    expect(result).toHaveLength(1);
-    expect(result[0]).toEqual([
-      { price: 1.1, sentiment: 0.15 },
-      { price: 1.2, sentiment: 0.2 },
-      { price: 1.4, sentiment: -0.15 },
-      { price: 1.5, sentiment: -0.2 },
-    ]);
-  });
-
-  it('should aggregate buckets when using optimized width', () => {
-    const mockData: GetOrderPositionBooksQuery = {
-      orderPositionBooks: [
-        createMockOrderPositionBook(
-          '2025-01-01',
-          [
-            { price: 1.0, sentiment: 0.2 },
-            { price: 1.0003, sentiment: 0.3 },
-            { price: 1.0007, sentiment: 0.1 },
-            { price: 1.0012, sentiment: 0.25 },
-          ],
-          DEFAULT_BUCKET_WIDTH
-        ),
-      ],
-    };
-    const result = processBuckets(mockData, OPTIMIZED_BUCKET_WIDTH);
-    expect(result).toHaveLength(1);
-    // Buckets should be aggregated: 1.0 + 1.0003 + 1.0007 = 1.0 bucket (0.6 sentiment)
-    // 1.0012 = 1.001 bucket (0.25 sentiment)
-    expect(result[0].length).toBeGreaterThan(0);
-    const aggregatedSentiments = result[0].reduce(
-      (acc, bucket) => acc + bucket.sentiment,
-      0
-    );
-    expect(aggregatedSentiments).toBeCloseTo(0.85, 2);
-  });
-
-  it('should not aggregate buckets when using default width', () => {
-    const mockData: GetOrderPositionBooksQuery = {
-      orderPositionBooks: [
-        createMockOrderPositionBook('2025-01-01', [
-          { price: 1.0, sentiment: 0.2 },
-          { price: 1.0003, sentiment: 0.3 },
-          { price: 1.0012, sentiment: 0.25 },
-        ]),
-      ],
-    };
-    const result = processBuckets(mockData, DEFAULT_BUCKET_WIDTH);
-    expect(result).toHaveLength(1);
-    // Should have same number of buckets as input (assuming all pass threshold)
-    expect(result[0].length).toBeGreaterThanOrEqual(3);
-  });
-
-  it('should process multiple books correctly', () => {
-    const mockData: GetOrderPositionBooksQuery = {
-      orderPositionBooks: [
-        createMockOrderPositionBook('2025-01-01', [
-          { price: 1.0, sentiment: 0.2 },
-        ]),
-        createMockOrderPositionBook('2025-01-02', [
-          { price: 1.1, sentiment: 0.3 },
-          { price: 1.2, sentiment: 0.4 },
-        ]),
-      ],
-    };
-    const result = processBuckets(mockData, DEFAULT_BUCKET_WIDTH);
-    expect(result).toHaveLength(2);
-    expect(result[0]).toEqual([{ price: 1.0, sentiment: 0.2 }]);
-    expect(result[1]).toEqual([
-      { price: 1.1, sentiment: 0.3 },
-      { price: 1.2, sentiment: 0.4 },
-    ]);
-  });
-});