use built-in template variables $__from and $__to

pkg/plugin/types.go

@@ -19,10 +19,9 @@ type Datasource struct {
 }
 
 type queryModel struct {
-	QueryText      string `json:"queryText"`
-	Collection     string `json:"collection"`
-	QueryType      string `json:"queryType"`
-	ApplyTimeRange bool   `json:"applyTimeRange"`
+	QueryText  string `json:"queryText"`
+	Collection string `json:"collection"`
+	QueryType  string `json:"queryType"`
 }
 
 type timeSeriesRow[T any] struct {

src/components/QueryEditor.tsx

@@ -1,5 +1,5 @@
-import React, { ChangeEvent, FormEvent, useRef, useState } from 'react';
-import { Button, CodeEditor, Divider, Field, InlineField, InlineFieldRow, InlineSwitch, Input, Select } from '@grafana/ui';
+import React, { ChangeEvent, useRef, useState } from 'react';
+import { Button, CodeEditor, Divider, Field, InlineField, InlineFieldRow, Input, Select } from '@grafana/ui';
 import { QueryEditorProps, SelectableValue } from '@grafana/data';
 import { DataSource } from '../datasource';
 import { MongoDataSourceOptions, MongoQuery, QueryType } from '../types';
@@ -42,10 +42,6 @@ export function QueryEditor({ query, onChange }: Props) {
     }
   };
 
-  const onApplyTimeRangeChange = (event: FormEvent<HTMLInputElement>) => {
-    onChange({ ...query, applyTimeRange: event.currentTarget.checked });
-  };
-
   const onQueryTypeChange = (sv: SelectableValue<string>) => {
     onChange({ ...query, queryType: sv.value });
   };
@@ -64,7 +60,7 @@ export function QueryEditor({ query, onChange }: Props) {
     }
   };
 
-  const { queryText, collection, applyTimeRange, queryType } = query;
+  const { queryText, collection, queryType } = query;
 
   return (
     <>
@@ -76,9 +72,6 @@ export function QueryEditor({ query, onChange }: Props) {
           error="Please enter the collection" invalid={!collection}>
           <Input id="query-editor-collection" onChange={onCollectionChange} value={collection} required />
         </InlineField>
-        <InlineField label="Apply time range" tooltip="Apply time range">
-          <InlineSwitch id="query-editor-apply-time-range" value={applyTimeRange} onChange={onApplyTimeRangeChange} />
-        </InlineField>
       </InlineFieldRow>
       <Divider />
       <Field label="Query Text" description="Enter the Mongo Aggregation Pipeline"

src/datasource.ts

@@ -1,8 +1,7 @@
-import { DataSourceInstanceSettings, CoreApp, ScopedVars, DataQueryRequest, DataQueryResponse, DateTime } from '@grafana/data';
+import { DataSourceInstanceSettings, CoreApp, ScopedVars } from '@grafana/data';
 import { DataSourceWithBackend, getTemplateSrv } from '@grafana/runtime';
 
 import { MongoQuery, MongoDataSourceOptions, DEFAULT_QUERY } from './types';
-import { Observable } from 'rxjs';
 
 function isJsonStringValid(jsonString: string) {
   try {
@@ -17,12 +16,6 @@ function isJsonStringValid(jsonString: string) {
   return true;
 }
 
-function datetimeToJson(datetime: DateTime) {
-  return JSON.stringify({
-    $date: datetime.toISOString()
-  });
-}
-
 export class DataSource extends DataSourceWithBackend<MongoQuery, MongoDataSourceOptions> {
   constructor(instanceSettings: DataSourceInstanceSettings<MongoDataSourceOptions>) {
     super(instanceSettings);
@@ -42,19 +35,4 @@ export class DataSource extends DataSourceWithBackend<MongoQuery, MongoDataSourc
   filterQuery(query: MongoQuery): boolean {
     return !!query.queryText && !!query.collection && isJsonStringValid(query.queryText!);
   }
-
-  query(request: DataQueryRequest<MongoQuery>): Observable<DataQueryResponse> {
-    const queries = request.targets.map(query => {
-      if (query.applyTimeRange) {
-        return {
-          ...query,
-          queryText: query.queryText?.replaceAll(/"\$from"/g, datetimeToJson(request.range.from))
-            .replaceAll(/"\$to"/g, datetimeToJson(request.range.to))
-        };
-      }
-      return query;
-    });
-
-    return super.query({ ...request, targets: queries });
-  }
 }

src/types.ts

@@ -4,7 +4,6 @@ import { DataQuery } from '@grafana/schema';
 export interface MongoQuery extends DataQuery {
   queryText?: string;
   collection?: string;
-  applyTimeRange: boolean;
   queryType?: string;
 }
 
@@ -15,7 +14,6 @@ export const QueryType = {
 
 export const DEFAULT_QUERY: Partial<MongoQuery> = {
   queryText: "[]",
-  applyTimeRange: true,
   queryType: QueryType.TIMESERIES
 };