@oanda/labs-crowd-view-widget 1.0.43 → 1.0.44

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

@@ -1,191 +0,0 @@
-import { colorMap } from '../../config';
-import { TimeSpanId } from '../../types';
-import { CHART_HEIGHT } from './constants';
-import { getOrderPositionDataMock } from './getOrderPositionDataMock';
-import { getPriceCandlesMock } from './getPriceCandlesMock';
-import type { GetLabelsDataProps, TransformDataForChartType } from './types';
-
-export const getRectColor = (sentiment: number) => {
-  const colors = sentiment < 0 ? colorMap.short : colorMap.long;
-  const absSentiment = Math.abs(sentiment);
-
-  if (absSentiment < 0.15) {
-    return colors[3];
-  }
-
-  if (absSentiment < 0.25) {
-    return colors[2];
-  }
-
-  if (absSentiment < 0.4) {
-    return colors[1];
-  }
-
-  if (absSentiment >= 0.4) {
-    return colors[0];
-  }
-
-  return 'transparent';
-};
-
-export enum GranularityId {
-  MINUTE_5 = 'MINUTE_5',
-  MINUTE_15 = 'MINUTE_15',
-  MINUTE_30 = 'MINUTE_30',
-  HOUR_1 = 'HOUR_1',
-  HOUR_4 = 'HOUR_4',
-  DAY_1 = 'DAY_1',
-}
-
-const timeSpansInMilliseconds: Record<TimeSpanId, number> = {
-  [TimeSpanId.HOUR_1]: 60 * 60 * 1000,
-  [TimeSpanId.HOUR_12]: 12 * 60 * 60 * 1000,
-  [TimeSpanId.DAY_1]: 24 * 60 * 60 * 1000,
-  [TimeSpanId.DAY_2]: 2 * 24 * 60 * 60 * 1000,
-  [TimeSpanId.WEEK_1]: 7 * 24 * 60 * 60 * 1000,
-  [TimeSpanId.WEEK_2]: 14 * 24 * 60 * 60 * 1000,
-  [TimeSpanId.WEEK_3]: 21 * 24 * 60 * 60 * 1000,
-  [TimeSpanId.MONTH_1]: 30 * 24 * 60 * 60 * 1000, // Approximation
-  [TimeSpanId.MONTH_3]: 3 * 30 * 24 * 60 * 60 * 1000, // Approximation
-  [TimeSpanId.MONTH_6]: 6 * 30 * 24 * 60 * 60 * 1000, // Approximation
-  [TimeSpanId.YEAR_1]: 365 * 24 * 60 * 60 * 1000, // Approximation
-  [TimeSpanId.YEAR_5]: 5 * 365 * 24 * 60 * 60 * 1000, // Approximation
-};
-
-const granularityInMilliseconds: Record<GranularityId, number> = {
-  [GranularityId.MINUTE_5]: 5 * 60 * 1000,
-  [GranularityId.MINUTE_15]: 15 * 60 * 1000,
-  [GranularityId.MINUTE_30]: 30 * 60 * 1000,
-  [GranularityId.HOUR_1]: 60 * 60 * 1000,
-  [GranularityId.HOUR_4]: 4 * 60 * 60 * 1000,
-  [GranularityId.DAY_1]: 24 * 60 * 60 * 1000,
-};
-
-const temporaryGranularityTimeSpanMap: Record<GranularityId, TimeSpanId> = {
-  [GranularityId.MINUTE_5]: TimeSpanId.DAY_2,
-  [GranularityId.MINUTE_15]: TimeSpanId.WEEK_1,
-  [GranularityId.MINUTE_30]: TimeSpanId.WEEK_2,
-  [GranularityId.HOUR_1]: TimeSpanId.MONTH_1,
-  [GranularityId.HOUR_4]: TimeSpanId.MONTH_3,
-  [GranularityId.DAY_1]: TimeSpanId.MONTH_6,
-};
-
-const mockXAxisData = (granularityId: GranularityId) => {
-  const granularity = granularityInMilliseconds[granularityId];
-  const timeSpan =
-    timeSpansInMilliseconds[temporaryGranularityTimeSpanMap[granularityId]];
-
-  const currentTime = new Date();
-
-  const startDate = currentTime;
-  const totalSteps = timeSpan / granularity;
-
-  const orderPositionDataForHistorical = new Array(totalSteps)
-    .fill(null)
-    .map((_, index) => {
-      const newDate = new Date(startDate.getTime() - index * granularity);
-
-      return `${newDate.toISOString().slice(0, 19)}Z`;
-    })
-    .reverse();
-
-  return orderPositionDataForHistorical;
-};
-
-export const getLabelData = ({
-  xAxisData,
-  isGreaterThanTwoWeeks,
-}: GetLabelsDataProps) =>
-  xAxisData
-    .filter((record, index, arr) => {
-      if (index === 0) {
-        return false;
-      }
-      const previousTimestamp = arr[index - 1];
-      const currentDate = new Date(record);
-      const previousDate = new Date(previousTimestamp);
-
-      return isGreaterThanTwoWeeks
-        ? currentDate.getDate() !== previousDate.getDate()
-        : currentDate.getMonth() !== previousDate.getMonth();
-    })
-    .map((item) => ({
-      name: new Date(item).toLocaleDateString(undefined, {
-        month: 'short',
-        day: isGreaterThanTwoWeeks ? 'numeric' : undefined,
-      }),
-      xAxis: item,
-      y: CHART_HEIGHT - 22,
-      silent: true,
-      emphasis: {
-        disabled: true,
-      },
-      label: {
-        fontFamily: 'Sofia W03',
-        fontSize: 10,
-        position: 'bottom',
-        align: 'center',
-        formatter: '{b}',
-      },
-    }));
-
-export const isDifferenceGreaterThanTwoWeeks = (
-  startDate: string,
-  endDate: string
-) => {
-  const date1 = new Date(startDate);
-  const date2 = new Date(endDate);
-
-  const TWO_WEEKS_IN_MS = 14 * 24 * 60 * 60 * 1000;
-
-  const differenceInMs = Math.abs(date2.getTime() - date1.getTime());
-
-  return differenceInMs < TWO_WEEKS_IN_MS;
-};
-
-export const transformDataForChart: TransformDataForChartType = ({
-  granularity,
-}) => {
-  const bucketWidth = 0.005;
-  const mockedXAxisData = mockXAxisData(granularity);
-  const mockedCandles = getPriceCandlesMock(mockedXAxisData.length);
-
-  const orderPositionData = mockedCandles.map((item, index) => {
-    return {
-      time: mockedXAxisData[index],
-      buckets: getOrderPositionDataMock({
-        baseValue: item.high,
-        bucketWidth,
-        crossoverValue: item.high + (Math.random() - 0.5) * 0.3,
-      }),
-      bucketWidth: 0.005,
-    };
-  });
-
-  const ordersPositionsChartData = orderPositionData
-    .flatMap(
-      ({ buckets, time }) =>
-        buckets.map((bucket) => [
-          time,
-          bucket!.price,
-          bucket!.longCountPercent - bucket!.shortCountPercent,
-        ]) as [string, number, number][]
-    )
-    .filter((item) => Math.abs(item[2]) > 0.15);
-
-  const candlesSeriesData: [number, number, number, number][] =
-    mockedCandles.map(({ close, open, low, high }) => [
-      +close.toFixed(5),
-      +open.toFixed(5),
-      +low.toFixed(5),
-      +high.toFixed(5),
-    ]);
-
-  return {
-    xAxisData: mockedXAxisData,
-    ordersPositionsChartData,
-    ordersPositionsBucketWidth: bucketWidth,
-    candlesSeriesData,
-    granularity,
-  };
-};

package/src/gql/mock/schema.graphqls

@@ -1,62 +0,0 @@
-enum TimeSpan {
-  HOUR_1
-  HOUR_12
-  DAY_1
-  DAY_2
-  WEEK_1
-  WEEK_2
-  WEEK_3
-  MONTH_1
-  MONTH_3
-  MONTH_6
-  YEAR_1
-}
-
-enum Granularity {
-  MINUTE_5
-  MINUTE_15
-  MINUTE_30
-  HOUR_1
-  HOUR_4
-  DAY_1
-}
-
-enum Division {
-  OAP
-  OAU
-  OC
-  OCAN
-  OEL
-  OGM
-  OJ
-  OPT
-  OTMS
-}
-
-type Candle {
-  high: Float!
-  low: Float!
-  open: Float!
-  close: Float!
-}
-
-type Instrument {
-  name: String!
-  displayName: String!
-}
-
-type CandlesData {
-  time: String!
-  unixTime: Int!
-  candle: Candle!
-  timeSpan: TimeSpan!
-}
-
-type Query {
-  getPriceCandles(
-    division: Division
-    instrument: String!
-    granularity: Granularity!
-    timeSpan: TimeSpan!
-  ): [CandlesData!]!
-}

package/src/gql/validateInstruments.ts

@@ -1,10 +0,0 @@
-import { gql } from '@apollo/client';
-
-export const validateInstruments = gql`
-  query validateInstruments($instruments: [String]!, $division: Division) {
-    mapInstrumentNames(instruments: $instruments, division: $division) {
-      name
-      displayName
-    }
-  }
-`;