feat: added support for single line comments

src/components/ui/editor/Highlighter.tsx

@@ -90,6 +90,9 @@ const typeToStyle = (type: string) => {
 
     case "param":
       return { color: "rgb(105, 177, 177)" };
+
+    case "comment":
+      return { color: "rgb(173, 196, 176)" };
   }
 
   return { color: "gray" };

src/core/MainContent.tsx

@@ -6,7 +6,6 @@ import { useEffect, useState } from "react";
 import { Toaster } from "react-hot-toast";
 import { LuChartArea, LuLogs, LuTable } from "react-icons/lu";
 import { Provider } from "~components/ui/provider";
-import { Tooltip } from "~components/ui/tooltip";
 import { QueryProvider } from "./common/interface";
 import { isDateSelectorOpen } from "./DateSelector";
 import { queryEditorAtom } from "./Editor";

src/core/qql/grammar.ts

@@ -7,6 +7,14 @@ const WhiteSpace = createToken({
   pattern: /\s+/,
   group: Lexer.SKIPPED,
 });
+
+const Comment = createToken({ 
+  name: "Comment", 
+  pattern: /\/\/.*/, 
+  line_breaks: false, 
+  group: "singleLineComments",
+ });
+
 const Comma = createToken({ name: "Comma", pattern: /,/ });
 const Pipe = createToken({ name: "Pipe", pattern: /\|/ });
 const DoubleQoutedString = createToken({
@@ -174,6 +182,7 @@ const RightSquareBracket = createToken({ name: "RightSquareBracket", pattern:  m
 // note we are placing WhiteSpace first as it is very common thus it will speed up the lexer.
 const allTokens = [
   WhiteSpace,
+  Comment,
   DoubleQoutedString,
   RegexPattern,
 
@@ -561,6 +570,10 @@ export class QQLParser extends EmbeddedActionsParser {
     return this.highlightData;
   }
 
+  public highlightComment = (token: IToken) => {
+    this.addHighlightData("comment", token);
+  }
+
   public query = this.RULE("query", () => {
     const controllerParams: ControllerIndexParam[] = [];
 

src/core/qql/index.ts

@@ -26,6 +26,10 @@ export const allData = (input: string) => {
   parser.input = lexer.tokens;
   const response = parser.query();
 
+  lexer.groups["singleLineComments"].forEach((comment) => {
+    parser.highlightComment(comment);
+  });
+
   return {
     ast: response,
     highlight: parser.getHighlightData(),