feat(webui): Increase precision of time range in guided UI from seconds to milliseconds. (#1543)

Author: davemarco

components/webui/client/src/sql-parser/index.ts

@@ -78,6 +78,8 @@ const validate = (sqlString: string) => {
     buildParser(sqlString).singleStatement();
 };
 
+const MILLISECONDS_PER_SECOND = 1000;
+
 /**
  * Constructs a SQL search query string from a set of structured components.
  *
@@ -104,7 +106,9 @@ const buildSearchQuery = ({
     timestampKey,
 }: BuildSearchQueryProps): string => {
     let queryString = `SELECT ${selectItemList} FROM ${databaseName}
-WHERE to_unixtime(${timestampKey}) BETWEEN ${startTimestamp.unix()} AND ${endTimestamp.unix()}`;
+WHERE to_unixtime(${timestampKey}) BETWEEN
+${startTimestamp.valueOf() / MILLISECONDS_PER_SECOND}
+AND ${endTimestamp.valueOf() / MILLISECONDS_PER_SECOND}`;
 
     if ("undefined" !== typeof booleanExpression) {
         queryString += ` AND (${booleanExpression})`;
@@ -125,6 +129,7 @@ WHERE to_unixtime(${timestampKey}) BETWEEN ${startTimestamp.unix()} AND ${endTim
     return queryString;
 };
 
+
 /**
  * Constructs a bucketed timeline query.
  *
@@ -160,12 +165,14 @@ const buildTimelineQuery = ({
     SELECT
         width_bucket(
             to_unixtime(${timestampKey}),
-            ${startTimestamp.unix()},
-            ${endTimestamp.unix()},
+            ${startTimestamp.valueOf() / MILLISECONDS_PER_SECOND},
+            ${endTimestamp.valueOf() / MILLISECONDS_PER_SECOND},
             ${bucketCount}) AS idx,
         COUNT(*) AS cnt
     FROM ${databaseName}
-    WHERE to_unixtime(${timestampKey}) BETWEEN ${startTimestamp.unix()} AND ${endTimestamp.unix()}
+    WHERE to_unixtime(${timestampKey}) BETWEEN
+        ${startTimestamp.valueOf() / MILLISECONDS_PER_SECOND}
+        AND ${endTimestamp.valueOf() / MILLISECONDS_PER_SECOND}
         ${booleanExpressionQuery}
     GROUP BY 1
     ORDER BY 1