add interval query param SH-231 (#1532)

Co-authored-by: v.trushin <[email protected]>

Author: VasiliyTrue

statshouse-ui/src/api/query.ts

@@ -40,6 +40,7 @@ export type ApiQueryGet =
       [GET_PARAMS.avoidCache]?: string;
       [GET_PARAMS.excessPoints]?: typeof GET_BOOLEAN.true;
       [GET_PARAMS.priority]?: string;
+      [GET_PARAMS.metricLive]?: string;
       // [GetParams.metricFromEnd]?:string;
       // [GetParams.metricFromRow]?:string;
       // [GetParams.metricToRow]?:string;

statshouse-ui/src/api/table.ts

@@ -36,6 +36,7 @@ export type ApiTableGet = {
   [GET_PARAMS.metricFromEnd]?: string;
   [GET_PARAMS.metricFromRow]?: string;
   [GET_PARAMS.metricToRow]?: string;
+  [GET_PARAMS.metricLive]?: string;
 };
 
 export type GetTableResp = {

statshouse-ui/src/store2/plotDataStore/loadPlotData.ts

@@ -19,6 +19,7 @@ import { MetricMeta, tagsArrToObject } from '../metricsMetaStore';
 export function getLoadPlotUrlParams(
   plotKey: PlotKey,
   params: QueryParams,
+  interval?: number,
   fetchBadges: boolean = false,
   priority?: number
 ): ApiQueryGet | null {
@@ -63,17 +64,21 @@ export function getLoadPlotUrlParams(
   if (priority) {
     urlParams[GET_PARAMS.priority] = priority.toString();
   }
+  if (interval) {
+    urlParams[GET_PARAMS.metricLive] = interval?.toString();
+  }
 
   return urlParams;
 }
 
 export async function loadPlotData(
   plotKey: PlotKey,
   params: QueryParams,
+  interval?: number,
   fetchBadges: boolean = false,
   priority?: number
 ): Promise<ProduceUpdate<StatsHouseStore> | null> {
-  const urlParams = getLoadPlotUrlParams(plotKey, params, fetchBadges, priority);
+  const urlParams = getLoadPlotUrlParams(plotKey, params, interval, fetchBadges, priority);
   const plot = params.plots[plotKey];
   if (!urlParams || !plot) {
     return null;

statshouse-ui/src/store2/plotDataStore/plotsDataStore.ts

@@ -216,9 +216,14 @@ export const plotsDataStore: StoreSlice<StatsHouseStore, PlotsDataStore> = (setS
       const loadBadges = fetchBadges && !getState().plotsData[plotKey]?.loadBadges;
       let update = changePlotParam || changeTime || changeNowTime || changeTimeShifts || changeVariable || loadBadges;
       prepareEnd();
+
       if (update) {
         const queryEnd = queryStart(plotKey);
-        loadPlotData(plotKey, getState().params, fetchBadges, priority)
+
+        const { status, interval } = useLiveModeStore.getState();
+        const intervalParam = status ? interval : undefined;
+
+        loadPlotData(plotKey, getState().params, intervalParam, fetchBadges, priority)
           .then((updatePlotData) => {
             if (updatePlotData) {
               setState(updatePlotData);

statshouse-ui/src/store2/plotEventsDataStore/plotEventsDataStore.ts

@@ -18,6 +18,7 @@ import { uniqueArray } from 'common/helpers';
 import { formatByMetricType, getMetricType } from 'common/formatByMetricType';
 import { debug } from 'common/debug';
 import { fmtInputDateTime, formatLegendValue } from 'view/utils2';
+import { useLiveModeStore } from '../liveModeStore';
 
 type EventDataChunk = GetTableResp & { to: number; from: number; fromEnd: boolean };
 
@@ -69,7 +70,12 @@ export const plotEventsDataStore: StoreSlice<StatsHouseStore, PlotEventsDataStor
       prevEvent?.nextAbortController?.abort();
     }
     const controller = new AbortController();
-    const apiParams = getLoadTableUrlParams(plotKey, prevState.params, key, fromEnd);
+
+    const { status, interval } = useLiveModeStore.getState();
+    const intervalParam = status ? interval : undefined;
+
+    const apiParams = getLoadTableUrlParams(plotKey, prevState.params, intervalParam, key, fromEnd);
+
     if (apiParams) {
       setState((state) => {
         const plotEventsData = state.plotsEventsData[plotKey];
@@ -210,6 +216,7 @@ export const plotEventsDataStore: StoreSlice<StatsHouseStore, PlotEventsDataStor
 export function getLoadTableUrlParams(
   plotKey: PlotKey,
   params: QueryParams,
+  interval?: number,
   key?: string,
   fromEnd: boolean = false,
   limit: number = 1000
@@ -253,6 +260,10 @@ export function getLoadTableUrlParams(
   //   urlParams.push(...encodeVariableConfig(allParams));
   // }
 
+  if (interval) {
+    urlParams[GET_PARAMS.metricLive] = interval?.toString();
+  }
+
   return urlParams;
 }